@ruya.sa/ui 3.71.3

package/dist/elements/BulkUpload/FormsManager/reducer.js

@@ -0,0 +1,94 @@
+import { v4 as uuidv4 } from 'uuid';
+export function formsManagementReducer(state, action) {
+  switch (action.type) {
+    case 'ADD_FORMS':
+      {
+        const newForms = [];
+        for (let i = 0; i < action.forms.length; i++) {
+          newForms[i] = {
+            errorCount: 0,
+            formID: action.forms[i].formID ?? (crypto.randomUUID ? crypto.randomUUID() : uuidv4()),
+            formState: {
+              ...(action.forms[i].initialState || {}),
+              file: {
+                initialValue: action.forms[i].file,
+                valid: true,
+                value: action.forms[i].file
+              }
+            },
+            uploadEdits: {}
+          };
+        }
+        return {
+          ...state,
+          activeIndex: 0,
+          forms: [...newForms, ...state.forms]
+        };
+      }
+    case 'REMOVE_FORM':
+      {
+        const remainingFormStates = [...state.forms];
+        const [removedForm] = remainingFormStates.splice(action.index, 1);
+        const affectedByShift = state.activeIndex >= action.index;
+        const nextIndex = state.activeIndex === action.index ? action.index : affectedByShift ? state.activeIndex - 1 : state.activeIndex;
+        const boundedActiveIndex = Math.min(remainingFormStates.length - 1, nextIndex);
+        return {
+          ...state,
+          activeIndex: affectedByShift ? boundedActiveIndex : state.activeIndex,
+          forms: remainingFormStates,
+          totalErrorCount: state.totalErrorCount - removedForm.errorCount
+        };
+      }
+    case 'REPLACE':
+      {
+        return {
+          ...state,
+          ...action.state
+        };
+      }
+    case 'SET_ACTIVE_INDEX':
+      {
+        return {
+          ...state,
+          activeIndex: action.index
+        };
+      }
+    case 'UPDATE_ERROR_COUNT':
+      {
+        const forms = [...state.forms];
+        forms[action.index].errorCount = action.count;
+        return {
+          ...state,
+          forms,
+          totalErrorCount: forms.reduce((acc, form) => acc + form.errorCount, 0)
+        };
+      }
+    case 'UPDATE_FORM':
+      {
+        const updatedForms = [...state.forms];
+        updatedForms[action.index].errorCount = action.errorCount;
+        // Merge the existing formState with the new formState
+        updatedForms[action.index] = {
+          ...updatedForms[action.index],
+          formState: {
+            ...updatedForms[action.index].formState,
+            ...action.formState
+          },
+          uploadEdits: {
+            ...updatedForms[action.index].uploadEdits,
+            ...action.uploadEdits
+          }
+        };
+        return {
+          ...state,
+          forms: updatedForms,
+          totalErrorCount: updatedForms.reduce((acc, form) => acc + form.errorCount, 0)
+        };
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}
+//# sourceMappingURL=reducer.js.map

package/dist/elements/BulkUpload/FormsManager/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","names":["v4","uuidv4","formsManagementReducer","state","action","type","newForms","i","forms","length","errorCount","formID","crypto","randomUUID","formState","initialState","file","initialValue","valid","value","uploadEdits","activeIndex","remainingFormStates","removedForm","splice","index","affectedByShift","nextIndex","boundedActiveIndex","Math","min","totalErrorCount","count","reduce","acc","form","updatedForms"],"sources":["../../../../src/elements/BulkUpload/FormsManager/reducer.ts"],"sourcesContent":["import type { FormState, UploadEdits } from '@ruya.sa/payload'\n\nimport { v4 as uuidv4 } from 'uuid'\n\nimport type { InitialForms } from './index.js'\n\nexport type State = {\n  activeIndex: number\n  forms: {\n    errorCount: number\n    formID: string\n    formState: FormState\n    uploadEdits?: UploadEdits\n  }[]\n  totalErrorCount: number\n}\n\ntype Action =\n  | {\n      count: number\n      index: number\n      type: 'UPDATE_ERROR_COUNT'\n    }\n  | {\n      errorCount: number\n      formState: FormState\n      index: number\n      type: 'UPDATE_FORM'\n      updatedFields?: Record<string, unknown>\n      uploadEdits?: UploadEdits\n    }\n  | {\n      forms: InitialForms\n      type: 'ADD_FORMS'\n    }\n  | {\n      index: number\n      type: 'REMOVE_FORM'\n    }\n  | {\n      index: number\n      type: 'SET_ACTIVE_INDEX'\n    }\n  | {\n      state: Partial<State>\n      type: 'REPLACE'\n    }\n\nexport function formsManagementReducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'ADD_FORMS': {\n      const newForms: State['forms'] = []\n      for (let i = 0; i < action.forms.length; i++) {\n        newForms[i] = {\n          errorCount: 0,\n          formID: action.forms[i].formID ?? (crypto.randomUUID ? crypto.randomUUID() : uuidv4()),\n          formState: {\n            ...(action.forms[i].initialState || {}),\n            file: {\n              initialValue: action.forms[i].file,\n              valid: true,\n              value: action.forms[i].file,\n            },\n          },\n          uploadEdits: {},\n        }\n      }\n\n      return {\n        ...state,\n        activeIndex: 0,\n        forms: [...newForms, ...state.forms],\n      }\n    }\n    case 'REMOVE_FORM': {\n      const remainingFormStates = [...state.forms]\n      const [removedForm] = remainingFormStates.splice(action.index, 1)\n\n      const affectedByShift = state.activeIndex >= action.index\n      const nextIndex =\n        state.activeIndex === action.index\n          ? action.index\n          : affectedByShift\n            ? state.activeIndex - 1\n            : state.activeIndex\n      const boundedActiveIndex = Math.min(remainingFormStates.length - 1, nextIndex)\n\n      return {\n        ...state,\n        activeIndex: affectedByShift ? boundedActiveIndex : state.activeIndex,\n        forms: remainingFormStates,\n        totalErrorCount: state.totalErrorCount - removedForm.errorCount,\n      }\n    }\n    case 'REPLACE': {\n      return {\n        ...state,\n        ...action.state,\n      }\n    }\n    case 'SET_ACTIVE_INDEX': {\n      return {\n        ...state,\n        activeIndex: action.index,\n      }\n    }\n    case 'UPDATE_ERROR_COUNT': {\n      const forms = [...state.forms]\n      forms[action.index].errorCount = action.count\n\n      return {\n        ...state,\n        forms,\n        totalErrorCount: forms.reduce((acc, form) => acc + form.errorCount, 0),\n      }\n    }\n    case 'UPDATE_FORM': {\n      const updatedForms = [...state.forms]\n      updatedForms[action.index].errorCount = action.errorCount\n\n      // Merge the existing formState with the new formState\n      updatedForms[action.index] = {\n        ...updatedForms[action.index],\n        formState: {\n          ...updatedForms[action.index].formState,\n          ...action.formState,\n        },\n        uploadEdits: {\n          ...updatedForms[action.index].uploadEdits,\n          ...action.uploadEdits,\n        },\n      }\n\n      return {\n        ...state,\n        forms: updatedForms,\n        totalErrorCount: updatedForms.reduce((acc, form) => acc + form.errorCount, 0),\n      }\n    }\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/BulkUpload/Header/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    readonly onClose: () => void;
+    readonly title: string;
+};
+export declare function DrawerHeader({ onClose, title }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/Header/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,qBAOrD"}

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

@@ -0,0 +1,22 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { DrawerCloseButton } from '../DrawerCloseButton/index.js';
+import './index.scss';
+const baseClass = 'bulk-upload--drawer-header';
+export function DrawerHeader({
+  onClose,
+  title
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx("h2", {
+      title: title,
+      children: title
+    }), /*#__PURE__*/_jsx(DrawerCloseButton, {
+      onClick: onClose
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","DrawerCloseButton","baseClass","DrawerHeader","onClose","title","_jsxs","className","_jsx","onClick"],"sources":["../../../../src/elements/BulkUpload/Header/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DrawerCloseButton } from '../DrawerCloseButton/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--drawer-header'\n\ntype Props = {\n  readonly onClose: () => void\n  readonly title: string\n}\nexport function DrawerHeader({ onClose, title }: Props) {\n  return (\n    <div className={baseClass}>\n      <h2 title={title}>{title}</h2>\n      <DrawerCloseButton onClick={onClose} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,aAAa;EAAEC,OAAO;EAAEC;AAAK,CAAS;EACpD,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWL,SAAA;4BACdM,IAAA,CAAC;MAAGH,KAAA,EAAOA,KAAA;gBAAQA;qBACnBG,IAAA,CAACP,iBAAA;MAAkBQ,OAAA,EAASL;;;AAGlC","ignoreList":[]}

package/dist/elements/BulkUpload/Header/index.scss

@@ -0,0 +1,16 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .bulk-upload--drawer-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: calc(var(--base) * 2.5) var(--gutter-h);
+    height: 48px;
+    border-bottom: 1px solid var(--theme-border-color);
+
+    h2 {
+      margin: 0;
+    }
+  }
+}

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

@@ -0,0 +1,52 @@
+import type { CollectionSlug, JsonObject } from '@ruya.sa/payload';
+import React from 'react';
+import { type InitialForms } from './FormsManager/index.js';
+export type BulkUploadProps = {
+    readonly children: React.ReactNode;
+};
+export declare function BulkUploadDrawer(): React.JSX.Element;
+export type BulkUploadContext = {
+    collectionSlug: CollectionSlug;
+    drawerSlug: string;
+    initialFiles: FileList;
+    /**
+     * Like initialFiles, but allows manually providing initial form state or the form ID for each file
+     */
+    initialForms: InitialForms;
+    maxFiles: number;
+    onCancel: () => void;
+    onSuccess: (uploadedForms: Array<{
+        collectionSlug: CollectionSlug;
+        doc: JsonObject;
+        /**
+         * ID of the form that created this document
+         */
+        formID: string;
+    }>, errorCount: number) => void;
+    /**
+     * An array of collection slugs that can be selected in the collection dropdown (if applicable)
+     * @default null - collection cannot be selected
+     */
+    selectableCollections?: null | string[];
+    setCollectionSlug: (slug: string) => void;
+    setInitialFiles: (files: FileList) => void;
+    setInitialForms: (forms: ((forms: InitialForms | undefined) => InitialForms | undefined) | InitialForms) => void;
+    setMaxFiles: (maxFiles: number) => void;
+    setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void;
+    setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void;
+    /**
+     * Set the collections that can be selected in the collection dropdown (if applicable)
+     *
+     * @default null - collection cannot be selected
+     */
+    setSelectableCollections: (collections: null | string[]) => void;
+    setSuccessfullyUploaded: (successfullyUploaded: boolean) => void;
+    successfullyUploaded: boolean;
+};
+export declare function BulkUploadProvider({ children, drawerSlugPrefix, }: {
+    readonly children: React.ReactNode;
+    readonly drawerSlugPrefix?: string;
+}): React.JSX.Element;
+export declare const useBulkUpload: () => BulkUploadContext;
+export declare function useBulkUploadDrawerSlug(): string;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/BulkUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAIlE,OAAO,KAAoB,MAAM,OAAO,CAAA;AAWxC,OAAO,EAAwB,KAAK,YAAY,EAAmB,MAAM,yBAAyB,CAAA;AAqDlG,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,gBAAgB,sBA+D/B;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAA;IACtB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAA;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CACT,aAAa,EAAE,KAAK,CAAC;QACnB,cAAc,EAAE,cAAc,CAAA;QAC9B,GAAG,EAAE,UAAU,CAAA;QACf;;WAEG;QACH,MAAM,EAAE,MAAM,CAAA;KACf,CAAC,EACF,UAAU,EAAE,MAAM,KACf,IAAI,CAAA;IACT;;;OAGG;IACH,qBAAqB,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,CAAA;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC1C,eAAe,EAAE,CACf,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,KAAK,YAAY,GAAG,SAAS,CAAC,GAAG,YAAY,KAClF,IAAI,CAAA;IACT,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9D,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IACjE;;;;OAIG;IACH,wBAAwB,EAAE,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAChE,uBAAuB,EAAE,CAAC,oBAAoB,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,oBAAoB,EAAE,OAAO,CAAA;CAC9B,CAAA;AAqBD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CACnC,qBAuDA;AAED,eAAO,MAAM,aAAa,yBAA2B,CAAA;AAErD,wBAAgB,uBAAuB,WAItC"}

package/dist/elements/BulkUpload/index.js

@@ -0,0 +1,303 @@
+'use client';
+
+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 { validateMimeType } from '@ruya.sa/payload/shared';
+import React, { useEffect } from 'react';
+import { toast } from 'sonner';
+import { useEffectEvent } from '../../hooks/useEffectEvent.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { EditDepthProvider } from '../../providers/EditDepth/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { UploadControlsProvider } from '../../providers/UploadControls/index.js';
+import { Drawer, useDrawerDepth } from '../Drawer/index.js';
+import { AddFilesView } from './AddFilesView/index.js';
+import { AddingFilesView } from './AddingFilesView/index.js';
+import { FormsManagerProvider, useFormsManager } from './FormsManager/index.js';
+const drawerSlug = 'bulk-upload-drawer-slug';
+function DrawerContent() {
+  const {
+    addFiles,
+    forms,
+    isInitializing
+  } = useFormsManager();
+  const {
+    closeModal
+  } = useModal();
+  const {
+    collectionSlug,
+    drawerSlug
+  } = useBulkUpload();
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    t
+  } = useTranslation();
+  const uploadCollection = getEntityConfig({
+    collectionSlug
+  });
+  const uploadConfig = uploadCollection?.upload;
+  const uploadMimeTypes = uploadConfig?.mimeTypes;
+  const onDrop = React.useCallback(acceptedFiles => {
+    const fileTransfer = new DataTransfer();
+    for (const candidateFile of acceptedFiles) {
+      if (uploadMimeTypes === undefined || uploadMimeTypes.length === 0 || validateMimeType(candidateFile.type, uploadMimeTypes)) {
+        fileTransfer.items.add(candidateFile);
+      }
+    }
+    if (fileTransfer.files.length === 0) {
+      toast.error(t('error:invalidFileType'));
+    } else {
+      void addFiles(fileTransfer.files);
+    }
+  }, [addFiles, t, uploadMimeTypes]);
+  if (!collectionSlug) {
+    return null;
+  }
+  if (!forms.length && !isInitializing) {
+    return /*#__PURE__*/_jsx(AddFilesView, {
+      acceptMimeTypes: uploadMimeTypes?.join(', '),
+      onCancel: () => closeModal(drawerSlug),
+      onDrop: onDrop
+    });
+  } else {
+    return /*#__PURE__*/_jsx(AddingFilesView, {});
+  }
+}
+export function BulkUploadDrawer() {
+  const $ = _c(17);
+  const {
+    drawerSlug,
+    onCancel,
+    setInitialFiles,
+    setInitialForms,
+    setOnCancel,
+    setOnSuccess,
+    setSelectableCollections,
+    setSuccessfullyUploaded,
+    successfullyUploaded
+  } = useBulkUpload();
+  const {
+    modalState
+  } = useModal();
+  const previousModalStateRef = React.useRef(modalState);
+  let t0;
+  if ($[0] !== drawerSlug || $[1] !== onCancel || $[2] !== setInitialFiles || $[3] !== setInitialForms || $[4] !== setOnCancel || $[5] !== setOnSuccess || $[6] !== setSelectableCollections || $[7] !== setSuccessfullyUploaded || $[8] !== successfullyUploaded) {
+    t0 = modalState_0 => {
+      const previousModalState = previousModalStateRef.current[drawerSlug];
+      const currentModalState = modalState_0[drawerSlug];
+      if (typeof currentModalState === "undefined" && typeof previousModalState === "undefined") {
+        return;
+      }
+      if (previousModalState?.isOpen !== currentModalState?.isOpen) {
+        if (!currentModalState?.isOpen) {
+          if (!successfullyUploaded) {
+            if (typeof onCancel === "function") {
+              onCancel();
+            }
+          }
+          setInitialFiles(undefined);
+          setInitialForms(undefined);
+          setOnCancel(_temp2);
+          setOnSuccess(_temp4);
+          setSelectableCollections(null);
+          setSuccessfullyUploaded(false);
+        }
+      }
+      previousModalStateRef.current = modalState_0;
+    };
+    $[0] = drawerSlug;
+    $[1] = onCancel;
+    $[2] = setInitialFiles;
+    $[3] = setInitialForms;
+    $[4] = setOnCancel;
+    $[5] = setOnSuccess;
+    $[6] = setSelectableCollections;
+    $[7] = setSuccessfullyUploaded;
+    $[8] = successfullyUploaded;
+    $[9] = t0;
+  } else {
+    t0 = $[9];
+  }
+  const onModalStateChanged = useEffectEvent(t0);
+  let t1;
+  if ($[10] !== modalState || $[11] !== onModalStateChanged) {
+    t1 = () => {
+      onModalStateChanged(modalState);
+    };
+    $[10] = modalState;
+    $[11] = onModalStateChanged;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  let t2;
+  if ($[13] !== modalState) {
+    t2 = [modalState];
+    $[13] = modalState;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[15] !== drawerSlug) {
+    t3 = _jsx(Drawer, {
+      gutter: false,
+      Header: null,
+      slug: drawerSlug,
+      children: _jsx(FormsManagerProvider, {
+        children: _jsx(UploadControlsProvider, {
+          children: _jsx(EditDepthProvider, {
+            children: _jsx(DrawerContent, {})
+          })
+        })
+      })
+    });
+    $[15] = drawerSlug;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  return t3;
+}
+function _temp4() {
+  return _temp3;
+}
+function _temp3() {
+  return null;
+}
+function _temp2() {
+  return _temp;
+}
+function _temp() {
+  return null;
+}
+const Context = /*#__PURE__*/React.createContext({
+  collectionSlug: '',
+  drawerSlug: '',
+  initialFiles: undefined,
+  initialForms: [],
+  maxFiles: undefined,
+  onCancel: () => null,
+  onSuccess: () => null,
+  selectableCollections: null,
+  setCollectionSlug: () => null,
+  setInitialFiles: () => null,
+  setInitialForms: () => null,
+  setMaxFiles: () => null,
+  setOnCancel: () => null,
+  setOnSuccess: () => null,
+  setSelectableCollections: () => null,
+  setSuccessfullyUploaded: () => false,
+  successfullyUploaded: false
+});
+export function BulkUploadProvider(t0) {
+  const $ = _c(17);
+  const {
+    children,
+    drawerSlugPrefix
+  } = t0;
+  const [selectableCollections, setSelectableCollections] = React.useState(null);
+  const [collection, setCollection] = React.useState();
+  const [onSuccessFunction, setOnSuccessFunction] = React.useState();
+  const [onCancelFunction, setOnCancelFunction] = React.useState();
+  const [initialFiles, setInitialFiles] = React.useState(undefined);
+  const [initialForms, setInitialForms] = React.useState(undefined);
+  const [maxFiles, setMaxFiles] = React.useState(undefined);
+  const [successfullyUploaded, setSuccessfullyUploaded] = React.useState(false);
+  const drawerSlug = `${drawerSlugPrefix ? `${drawerSlugPrefix}-` : ""}${useBulkUploadDrawerSlug()}`;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = onSuccess => {
+      setOnSuccessFunction(() => onSuccess);
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const setOnSuccess = t1;
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = onCancel => {
+      setOnCancelFunction(() => onCancel);
+    };
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const setOnCancel = t2;
+  let t3;
+  if ($[2] !== onCancelFunction) {
+    t3 = () => {
+      if (typeof onCancelFunction === "function") {
+        onCancelFunction();
+      }
+    };
+    $[2] = onCancelFunction;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== onSuccessFunction) {
+    t4 = (newDocs, errorCount) => {
+      if (typeof onSuccessFunction === "function") {
+        onSuccessFunction(newDocs, errorCount);
+      }
+    };
+    $[4] = onSuccessFunction;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== children || $[7] !== collection || $[8] !== drawerSlug || $[9] !== initialFiles || $[10] !== initialForms || $[11] !== maxFiles || $[12] !== selectableCollections || $[13] !== successfullyUploaded || $[14] !== t3 || $[15] !== t4) {
+    t5 = _jsx(Context, {
+      value: {
+        collectionSlug: collection,
+        drawerSlug,
+        initialFiles,
+        initialForms,
+        maxFiles,
+        onCancel: t3,
+        onSuccess: t4,
+        selectableCollections,
+        setCollectionSlug: setCollection,
+        setInitialFiles,
+        setInitialForms,
+        setMaxFiles,
+        setOnCancel,
+        setOnSuccess,
+        setSelectableCollections,
+        setSuccessfullyUploaded,
+        successfullyUploaded
+      },
+      children: _jsxs(React.Fragment, {
+        children: [children, _jsx(BulkUploadDrawer, {})]
+      })
+    });
+    $[6] = children;
+    $[7] = collection;
+    $[8] = drawerSlug;
+    $[9] = initialFiles;
+    $[10] = initialForms;
+    $[11] = maxFiles;
+    $[12] = selectableCollections;
+    $[13] = successfullyUploaded;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}
+export const useBulkUpload = () => React.use(Context);
+export function useBulkUploadDrawerSlug() {
+  const depth = useDrawerDepth();
+  return `${drawerSlug}-${depth || 1}`;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useModal","validateMimeType","React","useEffect","toast","useEffectEvent","useConfig","EditDepthProvider","useTranslation","UploadControlsProvider","Drawer","useDrawerDepth","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","addFiles","forms","isInitializing","closeModal","collectionSlug","useBulkUpload","getEntityConfig","t","uploadCollection","uploadConfig","upload","uploadMimeTypes","mimeTypes","onDrop","useCallback","acceptedFiles","fileTransfer","DataTransfer","candidateFile","undefined","length","type","items","add","files","error","_jsx","acceptMimeTypes","join","onCancel","BulkUploadDrawer","$","setInitialFiles","setInitialForms","setOnCancel","setOnSuccess","setSelectableCollections","setSuccessfullyUploaded","successfullyUploaded","modalState","previousModalStateRef","useRef","t0","modalState_0","previousModalState","current","currentModalState","isOpen","_temp2","_temp4","onModalStateChanged","t1","t2","t3","gutter","Header","slug","children","_temp3","_temp","Context","createContext","initialFiles","initialForms","maxFiles","onSuccess","selectableCollections","setCollectionSlug","setMaxFiles","BulkUploadProvider","drawerSlugPrefix","useState","collection","setCollection","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadDrawerSlug","Symbol","for","t4","newDocs","errorCount","t5","value","_jsxs","Fragment","use","depth"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, JsonObject } from '@ruya.sa/payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from '@ruya.sa/payload/shared'\nimport React, { useEffect } from 'react'\nimport { toast } from 'sonner'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider } from '../../providers/UploadControls/index.js'\nimport { Drawer, useDrawerDepth } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { FormsManagerProvider, type InitialForms, useFormsManager } from './FormsManager/index.js'\n\nconst drawerSlug = 'bulk-upload-drawer-slug'\n\nfunction DrawerContent() {\n  const { addFiles, forms, isInitializing } = useFormsManager()\n  const { closeModal } = useModal()\n  const { collectionSlug, drawerSlug } = useBulkUpload()\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n\n  const uploadCollection = getEntityConfig({ collectionSlug })\n  const uploadConfig = uploadCollection?.upload\n  const uploadMimeTypes = uploadConfig?.mimeTypes\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      const fileTransfer = new DataTransfer()\n      for (const candidateFile of acceptedFiles) {\n        if (\n          uploadMimeTypes === undefined ||\n          uploadMimeTypes.length === 0 ||\n          validateMimeType(candidateFile.type, uploadMimeTypes)\n        ) {\n          fileTransfer.items.add(candidateFile)\n        }\n      }\n      if (fileTransfer.files.length === 0) {\n        toast.error(t('error:invalidFileType'))\n      } else {\n        void addFiles(fileTransfer.files)\n      }\n    },\n    [addFiles, t, uploadMimeTypes],\n  )\n\n  if (!collectionSlug) {\n    return null\n  }\n\n  if (!forms.length && !isInitializing) {\n    return (\n      <AddFilesView\n        acceptMimeTypes={uploadMimeTypes?.join(', ')}\n        onCancel={() => closeModal(drawerSlug)}\n        onDrop={onDrop}\n      />\n    )\n  } else {\n    return <AddingFilesView />\n  }\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n}\n\nexport function BulkUploadDrawer() {\n  const {\n    drawerSlug,\n    onCancel,\n    setInitialFiles,\n    setInitialForms,\n    setOnCancel,\n    setOnSuccess,\n    setSelectableCollections,\n    setSuccessfullyUploaded,\n    successfullyUploaded,\n  } = useBulkUpload()\n  const { modalState } = useModal()\n  const previousModalStateRef = React.useRef(modalState)\n\n  /**\n   * This is used to trigger onCancel when the drawer is closed (=> forms reset, as FormsManager is unmounted)\n   */\n  const onModalStateChanged = useEffectEvent((modalState) => {\n    const previousModalState = previousModalStateRef.current[drawerSlug]\n    const currentModalState = modalState[drawerSlug]\n\n    if (typeof currentModalState === 'undefined' && typeof previousModalState === 'undefined') {\n      return\n    }\n\n    if (previousModalState?.isOpen !== currentModalState?.isOpen) {\n      if (!currentModalState?.isOpen) {\n        if (!successfullyUploaded) {\n          // It's only cancelled if successfullyUploaded is not set. Otherwise, this would simply be a modal close after success\n          // => do not call cancel, just reset everything\n          if (typeof onCancel === 'function') {\n            onCancel()\n          }\n        }\n\n        // Reset everything to defaults\n        setInitialFiles(undefined)\n        setInitialForms(undefined)\n        setOnCancel(() => () => null)\n        setOnSuccess(() => () => null)\n        setSelectableCollections(null)\n        setSuccessfullyUploaded(false)\n      }\n    }\n    previousModalStateRef.current = modalState\n  })\n\n  useEffect(() => {\n    onModalStateChanged(modalState)\n  }, [modalState])\n\n  return (\n    <Drawer gutter={false} Header={null} slug={drawerSlug}>\n      <FormsManagerProvider>\n        <UploadControlsProvider>\n          <EditDepthProvider>\n            <DrawerContent />\n          </EditDepthProvider>\n        </UploadControlsProvider>\n      </FormsManagerProvider>\n    </Drawer>\n  )\n}\n\nexport type BulkUploadContext = {\n  collectionSlug: CollectionSlug\n  drawerSlug: string\n  initialFiles: FileList\n  /**\n   * Like initialFiles, but allows manually providing initial form state or the form ID for each file\n   */\n  initialForms: InitialForms\n  maxFiles: number\n  onCancel: () => void\n  onSuccess: (\n    uploadedForms: Array<{\n      collectionSlug: CollectionSlug\n      doc: JsonObject\n      /**\n       * ID of the form that created this document\n       */\n      formID: string\n    }>,\n    errorCount: number,\n  ) => void\n  /**\n   * An array of collection slugs that can be selected in the collection dropdown (if applicable)\n   * @default null - collection cannot be selected\n   */\n  selectableCollections?: null | string[]\n  setCollectionSlug: (slug: string) => void\n  setInitialFiles: (files: FileList) => void\n  setInitialForms: (\n    forms: ((forms: InitialForms | undefined) => InitialForms | undefined) | InitialForms,\n  ) => void\n  setMaxFiles: (maxFiles: number) => void\n  setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void\n  setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void\n  /**\n   * Set the collections that can be selected in the collection dropdown (if applicable)\n   *\n   * @default null - collection cannot be selected\n   */\n  setSelectableCollections: (collections: null | string[]) => void\n  setSuccessfullyUploaded: (successfullyUploaded: boolean) => void\n  successfullyUploaded: boolean\n}\n\nconst Context = React.createContext<BulkUploadContext>({\n  collectionSlug: '',\n  drawerSlug: '',\n  initialFiles: undefined,\n  initialForms: [],\n  maxFiles: undefined,\n  onCancel: () => null,\n  onSuccess: () => null,\n  selectableCollections: null,\n  setCollectionSlug: () => null,\n  setInitialFiles: () => null,\n  setInitialForms: () => null,\n  setMaxFiles: () => null,\n  setOnCancel: () => null,\n  setOnSuccess: () => null,\n  setSelectableCollections: () => null,\n  setSuccessfullyUploaded: () => false,\n  successfullyUploaded: false,\n})\nexport function BulkUploadProvider({\n  children,\n  drawerSlugPrefix,\n}: {\n  readonly children: React.ReactNode\n  readonly drawerSlugPrefix?: string\n}) {\n  const [selectableCollections, setSelectableCollections] = React.useState<null | string[]>(null)\n  const [collection, setCollection] = React.useState<string>()\n  const [onSuccessFunction, setOnSuccessFunction] = React.useState<BulkUploadContext['onSuccess']>()\n  const [onCancelFunction, setOnCancelFunction] = React.useState<BulkUploadContext['onCancel']>()\n  const [initialFiles, setInitialFiles] = React.useState<FileList>(undefined)\n  const [initialForms, setInitialForms] = React.useState<InitialForms>(undefined)\n  const [maxFiles, setMaxFiles] = React.useState<number>(undefined)\n  const [successfullyUploaded, setSuccessfullyUploaded] = React.useState<boolean>(false)\n\n  const drawerSlug = `${drawerSlugPrefix ? `${drawerSlugPrefix}-` : ''}${useBulkUploadDrawerSlug()}`\n\n  const setOnSuccess: BulkUploadContext['setOnSuccess'] = (onSuccess) => {\n    setOnSuccessFunction(() => onSuccess)\n  }\n  const setOnCancel: BulkUploadContext['setOnCancel'] = (onCancel) => {\n    setOnCancelFunction(() => onCancel)\n  }\n\n  return (\n    <Context\n      value={{\n        collectionSlug: collection,\n        drawerSlug,\n        initialFiles,\n        initialForms,\n        maxFiles,\n        onCancel: () => {\n          if (typeof onCancelFunction === 'function') {\n            onCancelFunction()\n          }\n        },\n        onSuccess: (newDocs, errorCount) => {\n          if (typeof onSuccessFunction === 'function') {\n            onSuccessFunction(newDocs, errorCount)\n          }\n        },\n        selectableCollections,\n        setCollectionSlug: setCollection,\n        setInitialFiles,\n        setInitialForms,\n        setMaxFiles,\n        setOnCancel,\n        setOnSuccess,\n        setSelectableCollections,\n        setSuccessfullyUploaded,\n        successfullyUploaded,\n      }}\n    >\n      <React.Fragment>\n        {children}\n        <BulkUploadDrawer />\n      </React.Fragment>\n    </Context>\n  )\n}\n\nexport const useBulkUpload = () => React.use(Context)\n\nexport function useBulkUploadDrawerSlug() {\n  const depth = useDrawerDepth()\n\n  return `${drawerSlug}-${depth || 1}`\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Button/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Props } from './types.js';
+import './index.scss';
+export declare const ButtonContents: ({ children, icon, showTooltip, tooltip }: {
+    children: any;
+    icon: any;
+    showTooltip: any;
+    tooltip: any;
+}) => React.JSX.Element;
+export declare const Button: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAEvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAcrB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwJlC,CAAA"}