Restrict filters to images (#57)

* Restrict filters to images only * With directories --------- Co-authored-by: Satya Deep Maheshwari <satyam@adobe.com> Co-authored-by: tmathern <60901087+tmathern@users.noreply.github.com>
hlxsites · Aug 26, 2023 · 245cb7a · 245cb7a
1 parent 380f068
commit 245cb7a
Showing 1 changed file with 61 additions and 0 deletions.
diff --git a/blocks/aem-asset-selector/aem-asset-selector-util.js b/blocks/aem-asset-selector/aem-asset-selector-util.js
@@ -428,6 +428,64 @@ export async function renderAssetSelectorWithImsFlow(cfg) {
     hideTreeNav: true,
     runningInUnifiedShell: false,
     noWrap: true,
+    filterSchema: [
+      {
+        header: 'File Type',
+        groupKey: 'TopGroup',
+        fields: [
+          {
+            element: 'checkbox',
+            name: 'type',
+            defaultValue: ['image/*'],
+            readOnly: true,
+            options: [
+              {
+                label: 'Directories',
+                value: 'directory',
+              },
+              {
+                label: 'Images',
+                value: 'image/*',
+              },
+            ],
+          },
+        ],
+      },
+      {
+        fields:
+              [
+                {
+                  element: 'checkbox',
+                  name: 'type',
+                  options: [
+                    {
+                      label: 'JPG',
+                      value: 'image/jpeg',
+                    },
+                    {
+                      label: 'PNG',
+                      value: 'image/png',
+                    },
+                    {
+                      label: 'TIFF',
+                      value: 'image/tiff',
+                    },
+                    {
+                      label: 'GIF',
+                      value: 'image/gif',
+                    },
+                    {
+                      label: 'WEBP',
+                      value: 'image/webp',
+                    },
+                  ],
+                  columns: 2,
+                },
+              ],
+        header: 'Mime Types',
+        groupKey: 'MimeTypeGroup',
+      },
+    ],
   };
 
   if (cfg['repository-id']) {
@@ -436,6 +494,9 @@ export async function renderAssetSelectorWithImsFlow(cfg) {
   if (cfg['ims-org-id']) {
     assetSelectorProps.imsOrg = cfg['ims-org-id'];
   }
+  if (cfg['ims-token']) {
+    assetSelectorProps.imsToken = cfg['ims-token'];
+  }
 
   // eslint-disable-next-line no-undef
   PureJSSelectors.renderAssetSelectorWithAuthFlow(getAssetSelector(), assetSelectorProps);