@payloadcms/ui 4.0.0-internal.40de3ec → 4.0.0-internal.4804abd

package/dist/elements/BulkUpload/EditMany/index.js

@@ -2,17 +2,20 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
 import React from 'react';
+import { WriteIcon } from '../../../icons/Write/index.js';
 import { useAuth } from '../../../providers/Auth/index.js';
 import { EditDepthProvider } from '../../../providers/EditDepth/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import { Drawer, DrawerToggler } from '../../Drawer/index.js';
+import { Button } from '../../Button/index.js';
+import { Drawer } from '../../Drawer/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
 import { EditManyBulkUploadsDrawerContent } from './DrawerContent.js';
-import './index.scss';
+import './index.css';
 export const baseClass = 'edit-many-bulk-uploads';
 export const EditManyBulkUploads = props => {
-  const $ = _c(5);
+  const $ = _c(9);
   const {
     collection: t0,
     collection
@@ -29,6 +32,9 @@ export const EditManyBulkUploads = props => {
   const {
     forms
   } = useFormsManager();
+  const {
+    openModal
+  } = useModal();
   const collectionPermissions = permissions?.collections?.[slug];
   const hasUpdatePermission = collectionPermissions?.update;
   const drawerSlug = `edit-${slug}-bulk-uploads`;
@@ -36,14 +42,25 @@ export const EditManyBulkUploads = props => {
     return null;
   }
   let t1;
-  if ($[0] !== collection || $[1] !== drawerSlug || $[2] !== forms || $[3] !== t) {
+  if ($[0] !== collection || $[1] !== drawerSlug || $[2] !== forms || $[3] !== openModal || $[4] !== t) {
+    let t2;
+    if ($[6] !== drawerSlug || $[7] !== openModal) {
+      t2 = () => openModal(drawerSlug);
+      $[6] = drawerSlug;
+      $[7] = openModal;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
     t1 = _jsxs("div", {
       className: baseClass,
-      children: [_jsx(DrawerToggler, {
-        "aria-label": t("general:editAll"),
+      children: [_jsx(Button, {
         buttonStyle: "secondary",
-        className: `${baseClass}__toggle`,
-        slug: drawerSlug,
+        icon: _jsx(WriteIcon, {
+          size: 24
+        }),
+        iconPosition: "left",
+        onClick: t2,
         children: t("general:editAll")
       }), _jsx(EditDepthProvider, {
         children: _jsx(Drawer, {
@@ -60,10 +77,11 @@ export const EditManyBulkUploads = props => {
     $[0] = collection;
     $[1] = drawerSlug;
     $[2] = forms;
-    $[3] = t;
-    $[4] = t1;
+    $[3] = openModal;
+    $[4] = t;
+    $[5] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[5];
   }
   return t1;
 };

package/dist/elements/BulkUpload/EditMany/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useAuth","EditDepthProvider","useTranslation","Drawer","DrawerToggler","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","slug","undefined","permissions","t","forms","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t1","_jsxs","className","children","_jsx","buttonStyle","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many-bulk-uploads'\n\nexport type EditManyBulkUploadsProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditManyBulkUploads: React.FC<EditManyBulkUploadsProps> = (props) => {\n  const { collection: { slug } = {}, collection } = props\n\n  const { permissions } = useAuth()\n\n  const { t } = useTranslation()\n  const { forms } = useFormsManager() // Access forms managed in bulk uploads\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  const drawerSlug = `edit-${slug}-bulk-uploads`\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:editAll')}\n        buttonStyle=\"secondary\"\n        className={`${baseClass}__toggle`}\n        slug={drawerSlug}\n      >\n        {t('general:editAll')}\n      </DrawerToggler>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyBulkUploadsDrawerContent\n            collection={collection}\n            drawerSlug={drawerSlug}\n            forms={forms}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,eAAe,QAAQ;AAChC,SAASC,gCAAgC,QAAQ;AACjD,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACrE;IAAAa,UAAA,EAAAC,EAAA;IAAAD;EAAA,IAAkDF,KAAA;EAA9B;IAAAI;EAAA,IAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;EAEjC;IAAAG;EAAA,IAAwBf,OAAA;EAExB;IAAAgB;EAAA,IAAcd,cAAA;EACd;IAAAe;EAAA,IAAkBZ,eAAA;EAElB,MAAAa,qBAAA,GAA8BH,WAAA,EAAAI,WAAA,GAA2BN,IAAA;EACzD,MAAAO,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQT,IAAA,eAAmB;EAAA,KAEzCO,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAb,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAY,UAAA,IAAAZ,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAM,CAAA;IAKHO,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAmB,QAAA,GACCC,IAAA,CAAAvB,aAAA;QAAA,cACcY,CAAA,CAAE;QAAAY,WAAA,EACF;QAAAH,SAAA,EACD,GAAAlB,SAAA,UAAsB;QAAAM,IAAA,EAC3BS,UAAA;QAAAI,QAAA,EAELV,CAAA,CAAE;MAAA,C,GAELW,IAAA,CAAA1B,iBAAA;QAAAyB,QAAA,EACEC,IAAA,CAAAxB,MAAA;UAAA0B,MAAA;UAAAhB,IAAA,EAA4BS,UAAA;UAAAI,QAAA,EAC1BC,IAAA,CAAArB,gCAAA;YAAAK,UAAA;YAAAW,UAAA;YAAAL;UAAA,C;;;;;;;;;;;;SAXNM,E;CAoBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","WriteIcon","useAuth","EditDepthProvider","useTranslation","Button","Drawer","useFormsManager","EditManyBulkUploadsDrawerContent","baseClass","EditManyBulkUploads","props","$","collection","t0","slug","undefined","permissions","t","forms","openModal","collectionPermissions","collections","hasUpdatePermission","update","drawerSlug","t1","t2","_jsxs","className","children","_jsx","buttonStyle","icon","size","onClick","Header"],"sources":["../../../../src/elements/BulkUpload/EditMany/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { WriteIcon } from '../../../icons/Write/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Drawer } from '../../Drawer/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { EditManyBulkUploadsDrawerContent } from './DrawerContent.js'\nimport './index.css'\nexport const baseClass = 'edit-many-bulk-uploads'\n\nexport type EditManyBulkUploadsProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditManyBulkUploads: React.FC<EditManyBulkUploadsProps> = (props) => {\n  const { collection: { slug } = {}, collection } = props\n\n  const { permissions } = useAuth()\n\n  const { t } = useTranslation()\n  const { forms } = useFormsManager() // Access forms managed in bulk uploads\n  const { openModal } = useModal()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  const drawerSlug = `edit-${slug}-bulk-uploads`\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"secondary\"\n        icon={<WriteIcon size={24} />}\n        iconPosition=\"left\"\n        onClick={() => openModal(drawerSlug)}\n      >\n        {t('general:editAll')}\n      </Button>\n\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyBulkUploadsDrawerContent\n            collection={collection}\n            drawerSlug={drawerSlug}\n            forms={forms}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,OAAO,QAAQ;AACxB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,QAAQ;AAChC,SAASC,gCAAgC,QAAQ;AACjD,OAAO;AACP,OAAO,MAAMC,SAAA,GAAY;AAMzB,OAAO,MAAMC,mBAAA,GAA0DC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACrE;IAAAe,UAAA,EAAAC,EAAA;IAAAD;EAAA,IAAkDF,KAAA;EAA9B;IAAAI;EAAA,IAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;EAEjC;IAAAG;EAAA,IAAwBf,OAAA;EAExB;IAAAgB;EAAA,IAAcd,cAAA;EACd;IAAAe;EAAA,IAAkBZ,eAAA;EAClB;IAAAa;EAAA,IAAsBrB,QAAA;EAEtB,MAAAsB,qBAAA,GAA8BJ,WAAA,EAAAK,WAAA,GAA2BP,IAAA;EACzD,MAAAQ,mBAAA,GAA4BF,qBAAA,EAAAG,MAAA;EAE5B,MAAAC,UAAA,GAAmB,QAAQV,IAAA,eAAmB;EAAA,KAEzCQ,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAQ,SAAA,IAAAR,CAAA,QAAAM,CAAA;IAAA,IAAAS,EAAA;IAAA,IAAAf,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAQ,SAAA;MAUUO,EAAA,GAAAA,CAAA,KAAMP,SAAA,CAAUK,UAAA;MAAAb,CAAA,MAAAa,UAAA;MAAAb,CAAA,MAAAQ,SAAA;MAAAR,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAL7Bc,EAAA,GAAAE,KAAA,CAAC;MAAAC,SAAA,EAAApB,SAAA;MAAAqB,QAAA,GACCC,IAAA,CAAA1B,MAAA;QAAA2B,WAAA,EACc;QAAAC,IAAA,EACNF,IAAA,CAAA9B,SAAA;UAAAiC,IAAA;QAAA,C;sBACO;QAAAC,OAAA,EACJR,EAAgB;QAAAG,QAAA,EAExBZ,CAAA,CAAE;MAAA,C,GAGLa,IAAA,CAAA5B,iBAAA;QAAA2B,QAAA,EACEC,IAAA,CAAAzB,MAAA;UAAA8B,MAAA;UAAArB,IAAA,EAA4BU,UAAA;UAAAA,QAAA,EAC1BM,IAAA,CAAAvB,gCAAA;YAAAK,UAAA;YAAAY,UAAA;YAAAN;UAAA,C;;;;;;;;;;;;;SAZNO,E;CAqBJ","ignoreList":[]}

package/dist/elements/BulkUpload/FileSidebar/index.css

@@ -1,25 +1,26 @@
 @layer payload-default {
   .file-selections {
-    --file-gutter-h: calc(var(--gutter-h) / 4);
-    border-right: 1px solid var(--theme-border-color);
+    --file-gutter-h: var(--spacer-2);
+    border-right: var(--stroke-width-small) solid var(--color-border);
     padding: 0;
     display: flex;
     flex-direction: column;
-    width: 300px;
+    /* File tree takes 3fr of the 3fr : 4fr : 5fr file-manager layout (≈236px). */
+    flex: 3 1 0;
+    min-width: 0;
     overflow: visible;
-    max-height: 100%;
+    max-height: 100dvh;
   }
 
   .file-selections__header {
     position: sticky;
     top: 0;
-    margin-top: var(--spacer-4);
     z-index: 1;
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    background: var(--theme-bg);
+    background: var(--color-bg);
     flex-wrap: wrap;
 
     p {
@@ -29,6 +30,7 @@
 
   .file-selections__collectionSelect {
     width: 100%;
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
 
     .react-select {
       width: 100%;
@@ -36,36 +38,16 @@
 
     .field-type__wrap {
       width: 100%;
-      padding-block: var(--spacer-4);
+      padding-block: var(--spacer-2-5);
       padding-inline: var(--file-gutter-h);
     }
   }
 
-  .file-selections__headerTopRow {
-    display: flex;
-    align-items: flex-end;
-    justify-content: space-between;
-    gap: var(--spacer-4);
-    width: 100%;
-    padding-block: var(--spacer-4);
-    padding-inline: var(--file-gutter-h);
-  }
-
-  .file-selections__header__text {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacer-2);
-
-    .error-pill {
-      align-self: flex-start;
-    }
-  }
-
   .file-selections__filesContainer {
     display: flex;
     flex-direction: column;
     gap: var(--spacer-2);
-    margin-top: var(--spacer-2-5);
+    margin-top: var(--spacer-2);
     width: 100%;
     padding-inline: var(--file-gutter-h);
 
@@ -94,7 +76,7 @@
     width: 100%;
 
     &:hover {
-      background-color: var(--theme-elevation-100);
+      background-color: var(--color-bg-hover);
     }
 
     .file-selections__thumbnail,
@@ -111,6 +93,11 @@
     }
   }
 
+  .file-selections__fileRowContainer:has(.file-selections__remove--overlay:hover)
+    .file-selections__fileRow {
+    background-color: var(--color-bg-hover);
+  }
+
   .file-selections__fileDetails {
     display: flex;
     flex-direction: column;
@@ -119,7 +106,7 @@
 
   .file-selections__fileRowContainer--active {
     .file-selections__fileRow {
-      background-color: var(--theme-elevation-100);
+      background-color: var(--color-bg-hover);
     }
 
     .file-selections__remove {
@@ -129,25 +116,6 @@
     }
   }
 
-  .file-selections__fileRowContainer--error {
-    .file-selections__fileRow {
-      background-color: var(--theme-error-100);
-    }
-
-    &.file-selections__fileRowContainer--active .file-selections__fileRow,
-    .file-selections__fileRow:hover {
-      background-color: var(--theme-error-200);
-    }
-
-    .file-selections__remove--overlay:hover {
-      background-color: var(--theme-error-50);
-
-      .icon--x {
-        opacity: 1;
-      }
-    }
-  }
-
   .file-selections__errorCount {
     margin-left: auto;
     position: absolute;
@@ -167,7 +135,7 @@
     font-size: var(--text-body-small-font-size);
     font-weight: var(--text-body-small-font-weight);
     line-height: var(--text-body-small-line-height);
-    color: var(--theme-elevation-400);
+    color: var(--color-text-tertiary);
     flex-shrink: 0;
   }
 
@@ -187,75 +155,30 @@
 
   .file-selections__remove--overlay {
     position: absolute;
-    transform: translateY(-50%);
     top: 50%;
-    bottom: 50%;
     right: var(--rowPadding);
-    height: 20px;
+    transform: translateY(-50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
     border-radius: var(--radius-medium);
     cursor: pointer;
 
     &:hover {
-      background-color: var(--theme-elevation-200);
-    }
-  }
+      background-color: var(--color-bg-tertiary);
 
-  .file-selections__header__actions {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-4);
-  }
-
-  .file-selections__toggler {
-    display: none;
-    margin: 0;
-    padding-block: 0;
-  }
-
-  .file-selections__toggler__text {
-    display: none;
-  }
-
-  .file-selections__header__mobileDocActions {
-    display: none;
+      .icon--x {
+        opacity: 1;
+      }
+    }
   }
 
   .file-selections__animateWrapper {
     overflow: auto;
   }
 
-  .file-selections__mobileBlur {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    transition: opacity 100ms cubic-bezier(0, 0.2, 0.2, 1);
-
-    &::before,
-    &::after {
-      content: ' ';
-      position: absolute;
-      inset: 0;
-    }
-
-    &::before {
-      background: var(--theme-bg);
-      opacity: 0.75;
-    }
-
-    &::after {
-      backdrop-filter: blur(8px);
-    }
-  }
-
-  .file-selections__showingFiles {
-    .file-selections__mobileBlur {
-      opacity: 1;
-    }
-  }
-
   @media (max-width: 1024px) {
     .file-selections {
       --file-gutter-h: var(--gutter-h);
@@ -264,103 +187,79 @@
       position: sticky;
       bottom: 0;
       flex-shrink: 0;
+      border-right: 0;
+      border-top: var(--stroke-width-small) solid var(--color-border);
+      background: var(--color-bg);
+      flex: 1;
     }
 
-    .file-selections__showingFiles {
-      z-index: 2;
+    /* The file list becomes a horizontal thumbnail carousel that scrolls sideways along the bottom
+       of the body instead of stacking vertically. */
+    .file-selections__animateWrapper {
+      overflow-x: auto;
+      overflow-y: hidden;
     }
 
     .file-selections__filesContainer {
-      &::before,
-      &::after {
-        content: ' ';
-        position: absolute;
-        inset: 0;
-      }
-
-      &::before {
-        background: var(--theme-bg);
-        opacity: 0.75;
-      }
-
-      &::after {
-        backdrop-filter: blur(8px);
-      }
+      flex-direction: row;
+      margin-top: 0;
+      padding-block: var(--spacer-2);
+      width: max-content;
+      min-width: 100%;
     }
 
     .file-selections__fileRowContainer {
       z-index: 1;
-    }
+      flex: 0 0 auto;
 
-    .file-selections__header {
-      margin-top: 0;
+      &:last-child {
+        margin-bottom: 0;
+      }
     }
 
-    .file-selections__headerTopRow {
-      border-top: 1px solid var(--theme-border-color);
-      padding-block: 0 var(--spacer-3) 0;
+    /* Each carousel item is a compact thumbnail; the file name, size and the desktop remove-button
+       spacer are hidden to keep the strip tight (the active file's name shows in the preview area). */
+    .file-selections__fileRow {
+      gap: 0;
+      padding: var(--spacer-1);
+
+      .file-selections__thumbnail,
+      .file-selections__thumbnail-shimmer {
+        width: var(--spacer-6);
+        height: var(--spacer-6);
+      }
     }
 
-    .file-selections__header__text {
+    .file-selections__fileDetails,
+    .file-selections__fileSize,
+    .file-selections__remove--underlay {
       display: none;
     }
 
-    .file-selections__header__actions {
-      flex-grow: 2;
-      display: flex;
-      justify-content: flex-end;
+    .file-selections__fileRowContainer--active .file-selections__thumbnail {
+      outline: var(--stroke-width-small) solid var(--color-text);
+      outline-offset: 2px;
     }
 
-    .file-selections__header__mobileDocActions {
-      position: relative;
-      display: flex;
-      width: 100%;
-      padding-block: var(--spacer-3);
-      padding-inline: var(--file-gutter-h);
-      border-top: 1px solid var(--theme-border-color);
-
-      > div {
-        display: flex;
-        justify-content: flex-end;
-        width: 100%;
-
-        button {
-          flex: 0.5;
-        }
-      }
+    .file-selections__remove--overlay {
+      top: var(--spacer-1);
+      right: var(--spacer-1);
+      transform: none;
+      width: 20px;
+      height: 20px;
+      background: var(--color-bg);
     }
 
-    .file-selections__toggler {
-      padding-right: 0;
-      padding-left: 0;
-      padding-top: var(--spacer-3);
-      padding-bottom: var(--spacer-3);
-      display: flex;
-      justify-content: flex-end;
-      flex-grow: 1;
-
-      .btn__label {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-      }
-
-      svg {
-        max-width: 1.5rem;
-      }
-
-      .btn__content {
-        width: 100%;
-      }
-    }
-
-    .file-selections__toggler__text {
-      display: flex;
+    .file-selections__header {
+      margin-top: 0;
+      border-top: var(--stroke-width-small) solid var(--color-border);
+      gap: var(--spacer-2-5);
+      padding-block: var(--spacer-2-5);
+      padding-inline: var(--file-gutter-h);
     }
 
-    .file-selections .btn {
-      margin: 0;
+    .file-selections__header__error {
+      padding-inline: 0;
     }
   }
 }

package/dist/elements/BulkUpload/FileSidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,aAAa,CAAA;AAQpB,wBAAgB,WAAW,sBA8M1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FileSidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,aAAa,CAAA;AAMpB,wBAAgB,WAAW,sBA8H1B"}