@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.90

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","qs","React","toast","fieldReducer","useConfig","useLocale","useTranslation","getFormState","hasSavePermission","getHasSavePermission","useLoadingOverlay","drawerSlug","createFormData","formsManagementReducer","Context","createContext","activeIndex","addFiles","collectionSlug","docPermissions","undefined","forms","getFormDataRef","current","hasPublishPermission","hasSubmitted","isLoadingFiles","removeFile","saveAllDocs","Promise","resolve","setActiveIndex","setFormTotalErrorCount","totalErrorCount","initialState","FormsManagerProvider","children","onSuccess","config","routes","api","serverURL","code","closeModal","i18n","t","setIsLoadingFiles","useState","setHasSubmitted","setDocPermissions","setHasSavePermission","setHasPublishPermission","state","dispatch","useReducer","toggleLoadingOverlay","initialStateRef","useRef","hasFetchedInitialFormState","initialFormStateAbortControllerRef","hasFetchedInitialDocPermissions","initialDocPermissionsAbortControllerRef","actionURL","initilizeSharedDocPermissions","useCallback","abort","AbortController","params","locale","docAccessURL","res","fetch","stringify","credentials","headers","language","method","signal","json","publishedAccessJSON","body","JSON","_status","then","isEditing","update","permission","initializeSharedFormState","formStateWithoutFiles","apiRoute","operation","schemaPath","error","index","currentFormsData","type","map","form","i","errorCount","formState","files","count","overrides","currentForms","promises","isLoading","key","loadingText","req","errors","length","fieldErrors","nonFieldErrors","reduce","fieldErrs","nonFieldErrs","err","newFieldErrs","newNonFieldErrs","message","push","Array","isArray","data","forEach","dataError","field","all","remainingForms","filter","successCount","Math","max","success","acc","useEffect","_jsx","Provider","value","useFormsManager","useContext"],"sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, DocumentPermissions, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport type { BulkUploadProps } from '../index.js'\nimport type { State } from './reducer.js'\n\nimport { fieldReducer } from '../../../forms/Form/fieldReducer.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getFormState } from '../../../utilities/getFormState.js'\nimport { hasSavePermission as getHasSavePermission } from '../../../utilities/hasSavePermission.js'\nimport { useLoadingOverlay } from '../../LoadingOverlay/index.js'\nimport { drawerSlug } from '../index.js'\nimport { createFormData } from './createFormData.js'\nimport { formsManagementReducer } from './reducer.js'\n\ntype FormsManagerContext = {\n  readonly activeIndex: State['activeIndex']\n  readonly addFiles: (filelist: FileList) => void\n  readonly collectionSlug: string\n  readonly docPermissions?: DocumentPermissions\n  readonly forms: State['forms']\n  getFormDataRef: React.RefObject<() => Data>\n  readonly hasPublishPermission: boolean\n  readonly hasSavePermission: boolean\n  readonly hasSubmitted: boolean\n  readonly isLoadingFiles: boolean\n  readonly removeFile: (index: number) => void\n  readonly saveAllDocs: ({ overrides }?: { overrides?: Record<string, unknown> }) => Promise<void>\n  readonly setActiveIndex: (index: number) => void\n  readonly setFormTotalErrorCount: ({\n    errorCount,\n    index,\n  }: {\n    errorCount: number\n    index: number\n  }) => void\n  readonly totalErrorCount?: number\n}\n\nconst Context = React.createContext<FormsManagerContext>({\n  activeIndex: 0,\n  addFiles: () => {},\n  collectionSlug: '',\n  docPermissions: undefined,\n  forms: [],\n  getFormDataRef: { current: () => ({}) },\n  hasPublishPermission: false,\n  hasSavePermission: false,\n  hasSubmitted: false,\n  isLoadingFiles: true,\n  removeFile: () => {},\n  saveAllDocs: () => Promise.resolve(),\n  setActiveIndex: () => 0,\n  setFormTotalErrorCount: () => {},\n  totalErrorCount: 0,\n})\n\nconst initialState: State = {\n  activeIndex: 0,\n  forms: [],\n  totalErrorCount: 0,\n}\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly collectionSlug: string\n  readonly onSuccess: BulkUploadProps['onSuccess']\n}\n\nexport function FormsManagerProvider({ children, collectionSlug, onSuccess }: Props) {\n  const { config } = useConfig()\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n  const { code } = useLocale()\n  const { closeModal } = useModal()\n  const { i18n, t } = useTranslation()\n\n  const [isLoadingFiles, setIsLoadingFiles] = React.useState(false)\n  const [hasSubmitted, setHasSubmitted] = React.useState(false)\n  const [docPermissions, setDocPermissions] = React.useState<DocumentPermissions>()\n  const [hasSavePermission, setHasSavePermission] = React.useState(false)\n  const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n  const [state, dispatch] = React.useReducer(formsManagementReducer, initialState)\n  const { activeIndex, forms, totalErrorCount } = state\n  const { toggleLoadingOverlay } = useLoadingOverlay()\n\n  const initialStateRef = React.useRef<FormState>(null)\n  const hasFetchedInitialFormState = React.useRef(false)\n  const getFormDataRef = React.useRef<() => Data>(() => ({}))\n  const initialFormStateAbortControllerRef = React.useRef<AbortController>(null)\n  const hasFetchedInitialDocPermissions = React.useRef(false)\n  const initialDocPermissionsAbortControllerRef = React.useRef<AbortController>(null)\n\n  const actionURL = `${api}/${collectionSlug}`\n\n  const initilizeSharedDocPermissions = React.useCallback(async () => {\n    if (initialDocPermissionsAbortControllerRef.current)\n      initialDocPermissionsAbortControllerRef.current.abort(\n        'aborting previous fetch for initial doc permissions',\n      )\n    initialDocPermissionsAbortControllerRef.current = new AbortController()\n\n    const params = {\n      locale: code || undefined,\n    }\n\n    const docAccessURL = `/${collectionSlug}/access`\n    const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n      credentials: 'include',\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n      method: 'post',\n      signal: initialDocPermissionsAbortControllerRef.current.signal,\n    })\n\n    const json: DocumentPermissions = await res.json()\n    const publishedAccessJSON = await fetch(\n      `${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`,\n      {\n        body: JSON.stringify({\n          _status: 'published',\n        }),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      },\n    ).then((res) => res.json())\n\n    setDocPermissions(json)\n\n    setHasSavePermission(\n      getHasSavePermission({\n        collectionSlug,\n        docPermissions: json,\n        isEditing: false,\n      }),\n    )\n\n    setHasPublishPermission(publishedAccessJSON?.update?.permission)\n  }, [api, code, collectionSlug, i18n.language, serverURL])\n\n  const initializeSharedFormState = React.useCallback(async () => {\n    if (initialFormStateAbortControllerRef.current)\n      initialFormStateAbortControllerRef.current.abort(\n        'aborting previous fetch for initial form state without files',\n      )\n    initialFormStateAbortControllerRef.current = new AbortController()\n\n    try {\n      const formStateWithoutFiles = await getFormState({\n        apiRoute: config.routes.api,\n        body: {\n          collectionSlug,\n          locale: code,\n          operation: 'create',\n          schemaPath: collectionSlug,\n        },\n        // onError: onLoadError,\n        serverURL: config.serverURL,\n        signal: initialFormStateAbortControllerRef.current.signal,\n      })\n      initialStateRef.current = formStateWithoutFiles\n      hasFetchedInitialFormState.current = true\n    } catch (error) {\n      // swallow error\n    }\n  }, [code, collectionSlug, config.routes.api, config.serverURL])\n\n  const setActiveIndex: FormsManagerContext['setActiveIndex'] = React.useCallback(\n    (index: number) => {\n      const currentFormsData = getFormDataRef.current()\n      dispatch({\n        type: 'REPLACE',\n        state: {\n          activeIndex: index,\n          forms: forms.map((form, i) => {\n            if (i === activeIndex) {\n              return {\n                errorCount: form.errorCount,\n                formState: currentFormsData,\n              }\n            }\n            return form\n          }),\n        },\n      })\n    },\n    [forms, activeIndex],\n  )\n\n  const addFiles = React.useCallback((files: FileList) => {\n    setIsLoadingFiles(true)\n    dispatch({ type: 'ADD_FORMS', files, initialState: initialStateRef.current })\n    setIsLoadingFiles(false)\n  }, [])\n\n  const removeFile: FormsManagerContext['removeFile'] = React.useCallback((index) => {\n    dispatch({ type: 'REMOVE_FORM', index })\n  }, [])\n\n  const setFormTotalErrorCount: FormsManagerContext['setFormTotalErrorCount'] = React.useCallback(\n    ({ errorCount, index }) => {\n      dispatch({\n        type: 'UPDATE_ERROR_COUNT',\n        count: errorCount,\n        index,\n      })\n    },\n    [],\n  )\n\n  const saveAllDocs: FormsManagerContext['saveAllDocs'] = React.useCallback(\n    async ({ overrides } = {}) => {\n      const currentFormsData = getFormDataRef.current()\n      const currentForms = [...forms]\n      currentForms[activeIndex] = {\n        errorCount: currentForms[activeIndex].errorCount,\n        formState: currentFormsData,\n      }\n      const promises = currentForms.map(async (form, i) => {\n        try {\n          toggleLoadingOverlay({\n            isLoading: true,\n            key: 'saveAllDocs',\n            loadingText: t('general:uploading'),\n          })\n          const req = await fetch(actionURL, {\n            body: createFormData(form.formState, overrides),\n            method: 'POST',\n          })\n\n          const json = await req.json()\n\n          // should expose some sort of helper for this\n          if (json?.errors?.length) {\n            const [fieldErrors, nonFieldErrors] = json.errors.reduce(\n              ([fieldErrs, nonFieldErrs], err) => {\n                const newFieldErrs: any[] = []\n                const newNonFieldErrs: any[] = []\n\n                if (err?.message) {\n                  newNonFieldErrs.push(err)\n                }\n\n                if (Array.isArray(err?.data?.errors)) {\n                  err.data?.errors.forEach((dataError) => {\n                    if (dataError?.field) {\n                      newFieldErrs.push(dataError)\n                    } else {\n                      newNonFieldErrs.push(dataError)\n                    }\n                  })\n                }\n\n                return [\n                  [...fieldErrs, ...newFieldErrs],\n                  [...nonFieldErrs, ...newNonFieldErrs],\n                ]\n              },\n              [[], []],\n            )\n\n            currentForms[i] = {\n              errorCount: fieldErrors.length,\n              formState: fieldReducer(currentForms[i].formState, {\n                type: 'ADD_SERVER_ERRORS',\n                errors: fieldErrors,\n              }),\n            }\n          }\n        } catch (error) {\n          // swallow error\n        } finally {\n          setHasSubmitted(true)\n          toggleLoadingOverlay({ isLoading: false, key: 'saveAllDocs' })\n        }\n      })\n\n      await Promise.all(promises)\n\n      const remainingForms = currentForms.filter(({ errorCount }) => errorCount > 0)\n      const successCount = Math.max(0, currentForms.length - remainingForms.length)\n      const errorCount = currentForms.length - successCount\n\n      if (successCount) {\n        toast.success(`Successfully saved ${successCount} files`)\n\n        if (errorCount === 0) {\n          closeModal(drawerSlug)\n        }\n\n        if (typeof onSuccess === 'function') {\n          onSuccess()\n        }\n      }\n\n      if (errorCount) {\n        toast.error(`Failed to save ${errorCount} files`)\n      }\n\n      dispatch({\n        type: 'REPLACE',\n        state: {\n          activeIndex: 0,\n          forms: remainingForms,\n          totalErrorCount: remainingForms.reduce((acc, { errorCount }) => acc + errorCount, 0),\n        },\n      })\n    },\n    [actionURL, activeIndex, closeModal, forms, onSuccess],\n  )\n\n  React.useEffect(() => {\n    if (!hasFetchedInitialFormState.current) {\n      void initializeSharedFormState()\n    }\n    if (!hasFetchedInitialDocPermissions.current) {\n      void initilizeSharedDocPermissions()\n    }\n    return\n  }, [initializeSharedFormState, initilizeSharedDocPermissions])\n\n  return (\n    <Context.Provider\n      value={{\n        activeIndex: state.activeIndex,\n        addFiles,\n        collectionSlug,\n        docPermissions,\n        forms,\n        getFormDataRef,\n        hasPublishPermission,\n        hasSavePermission,\n        hasSubmitted,\n        isLoadingFiles,\n        removeFile,\n        saveAllDocs,\n        setActiveIndex,\n        setFormTotalErrorCount,\n        totalErrorCount,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport function useFormsManager() {\n  return React.useContext(Context)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/BulkUpload/FormsManager/reducer.d.ts

@@ -0,0 +1,30 @@
+import type { FormState } from 'payload';
+export type State = {
+    activeIndex: number;
+    forms: {
+        errorCount: number;
+        formState: FormState;
+    }[];
+    totalErrorCount: number;
+};
+type Action = {
+    count: number;
+    index: number;
+    type: 'UPDATE_ERROR_COUNT';
+} | {
+    files: FileList;
+    initialState: FormState | null;
+    type: 'ADD_FORMS';
+} | {
+    index: number;
+    type: 'REMOVE_FORM';
+} | {
+    index: number;
+    type: 'SET_ACTIVE_INDEX';
+} | {
+    state: Partial<State>;
+    type: 'REPLACE';
+};
+export declare function formsManagementReducer(state: State, action: Action): State;
+export {};
+//# sourceMappingURL=reducer.d.ts.map

package/dist/elements/BulkUpload/FormsManager/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,MAAM,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,SAAS,CAAA;KACrB,EAAE,CAAA;IACH,eAAe,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,KAAK,MAAM,GACP;IACE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,oBAAoB,CAAA;CAC3B,GACD;IACE,KAAK,EAAE,QAAQ,CAAA;IACf,YAAY,EAAE,SAAS,GAAG,IAAI,CAAA;IAC9B,IAAI,EAAE,WAAW,CAAA;CAClB,GACD;IACE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,aAAa,CAAA;CACpB,GACD;IACE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,kBAAkB,CAAA;CACzB,GACD;IACE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACrB,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAEL,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAsE1E"}

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

@@ -0,0 +1,69 @@
+export function formsManagementReducer(state, action) {
+  switch (action.type) {
+    case 'REPLACE':
+      {
+        return {
+          ...state,
+          ...action.state
+        };
+      }
+    case 'SET_ACTIVE_INDEX':
+      {
+        return {
+          ...state,
+          activeIndex: action.index
+        };
+      }
+    case 'ADD_FORMS':
+      {
+        const newForms = [];
+        for (let i = 0; i < action.files.length; i++) {
+          newForms[i] = {
+            errorCount: 0,
+            formState: {
+              ...(action.initialState || {}),
+              file: {
+                initialValue: action.files[i],
+                valid: true,
+                value: action.files[i]
+              }
+            }
+          };
+        }
+        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 'UPDATE_ERROR_COUNT':
+      {
+        const forms = [...state.forms];
+        forms[action.index].errorCount = action.count;
+        return {
+          ...state,
+          forms,
+          totalErrorCount: state.forms.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":["formsManagementReducer","state","action","type","activeIndex","index","newForms","i","files","length","errorCount","formState","initialState","file","initialValue","valid","value","forms","remainingFormStates","removedForm","splice","affectedByShift","nextIndex","boundedActiveIndex","Math","min","totalErrorCount","count","reduce","acc","form"],"sources":["../../../../src/elements/BulkUpload/FormsManager/reducer.ts"],"sourcesContent":["import type { FormState } from 'payload'\n\nexport type State = {\n  activeIndex: number\n  forms: {\n    errorCount: number\n    formState: FormState\n  }[]\n  totalErrorCount: number\n}\n\ntype Action =\n  | {\n      count: number\n      index: number\n      type: 'UPDATE_ERROR_COUNT'\n    }\n  | {\n      files: FileList\n      initialState: FormState | null\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 '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 'ADD_FORMS': {\n      const newForms: State['forms'] = []\n      for (let i = 0; i < action.files.length; i++) {\n        newForms[i] = {\n          errorCount: 0,\n          formState: {\n            ...(action.initialState || {}),\n            file: {\n              initialValue: action.files[i],\n              valid: true,\n              value: action.files[i],\n            },\n          },\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 'UPDATE_ERROR_COUNT': {\n      const forms = [...state.forms]\n      forms[action.index].errorCount = action.count\n\n      return {\n        ...state,\n        forms,\n        totalErrorCount: state.forms.reduce((acc, form) => acc + form.errorCount, 0),\n      }\n    }\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"AAmCA,OAAO,SAASA,uBAAuBC,KAAY,EAAEC,MAAc;EACjE,QAAQA,MAAA,CAAOC,IAAI;IACjB,KAAK;MAAW;QACd,OAAO;UACL,GAAGF,KAAK;UACR,GAAGC,MAAA,CAAOD;QACZ;MACF;IACA,KAAK;MAAoB;QACvB,OAAO;UACL,GAAGA,KAAK;UACRG,WAAA,EAAaF,MAAA,CAAOG;QACtB;MACF;IACA,KAAK;MAAa;QAChB,MAAMC,QAAA,GAA2B,EAAE;QACnC,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAIL,MAAA,CAAOM,KAAK,CAACC,MAAM,EAAEF,CAAA,IAAK;UAC5CD,QAAQ,CAACC,CAAA,CAAE,GAAG;YACZG,UAAA,EAAY;YACZC,SAAA,EAAW;cACT,IAAIT,MAAA,CAAOU,YAAY,IAAI,CAAC,CAAC;cAC7BC,IAAA,EAAM;gBACJC,YAAA,EAAcZ,MAAA,CAAOM,KAAK,CAACD,CAAA,CAAE;gBAC7BQ,KAAA,EAAO;gBACPC,KAAA,EAAOd,MAAA,CAAOM,KAAK,CAACD,CAAA;cACtB;YACF;UACF;QACF;QAEA,OAAO;UACL,GAAGN,KAAK;UACRG,WAAA,EAAa;UACba,KAAA,EAAO,C,GAAIX,QAAA,E,GAAaL,KAAA,CAAMgB,KAAK;QACrC;MACF;IACA,KAAK;MAAe;QAClB,MAAMC,mBAAA,GAAsB,C,GAAIjB,KAAA,CAAMgB,KAAK,CAAC;QAC5C,MAAM,CAACE,WAAA,CAAY,GAAGD,mBAAA,CAAoBE,MAAM,CAAClB,MAAA,CAAOG,KAAK,EAAE;QAE/D,MAAMgB,eAAA,GAAkBpB,KAAA,CAAMG,WAAW,IAAIF,MAAA,CAAOG,KAAK;QACzD,MAAMiB,SAAA,GACJrB,KAAA,CAAMG,WAAW,KAAKF,MAAA,CAAOG,KAAK,GAC9BH,MAAA,CAAOG,KAAK,GACZgB,eAAA,GACEpB,KAAA,CAAMG,WAAW,GAAG,IACpBH,KAAA,CAAMG,WAAW;QACzB,MAAMmB,kBAAA,GAAqBC,IAAA,CAAKC,GAAG,CAACP,mBAAA,CAAoBT,MAAM,GAAG,GAAGa,SAAA;QAEpE,OAAO;UACL,GAAGrB,KAAK;UACRG,WAAA,EAAaiB,eAAA,GAAkBE,kBAAA,GAAqBtB,KAAA,CAAMG,WAAW;UACrEa,KAAA,EAAOC,mBAAA;UACPQ,eAAA,EAAiBzB,KAAA,CAAMyB,eAAe,GAAGP,WAAA,CAAYT;QACvD;MACF;IACA,KAAK;MAAsB;QACzB,MAAMO,KAAA,GAAQ,C,GAAIhB,KAAA,CAAMgB,KAAK,CAAC;QAC9BA,KAAK,CAACf,MAAA,CAAOG,KAAK,CAAC,CAACK,UAAU,GAAGR,MAAA,CAAOyB,KAAK;QAE7C,OAAO;UACL,GAAG1B,KAAK;UACRgB,KAAA;UACAS,eAAA,EAAiBzB,KAAA,CAAMgB,KAAK,CAACW,MAAM,CAAC,CAACC,GAAA,EAAKC,IAAA,KAASD,GAAA,GAAMC,IAAA,CAAKpB,UAAU,EAAE;QAC5E;MACF;IACA;MAAS;QACP,OAAOT,KAAA;MACT;EACF;AACF","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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,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 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { DrawerCloseButton } from '../DrawerCloseButton/index.js';
+import { drawerSlug } from '../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,
+      slug: drawerSlug
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","DrawerCloseButton","drawerSlug","baseClass","DrawerHeader","onClose","title","_jsxs","className","_jsx","onClick","slug"],"sources":["../../../../src/elements/BulkUpload/Header/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { DrawerCloseButton } from '../DrawerCloseButton/index.js'\nimport { drawerSlug } from '../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} slug={drawerSlug} />\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,UAAU,QAAQ;AAC3B,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,CAACR,iBAAA;MAAkBS,OAAA,EAASL,OAAA;MAASM,IAAA,EAAMT;;;AAGjD","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+.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,10 @@
+import React from 'react';
+export declare const drawerSlug = "bulk-upload-drawer";
+export type BulkUploadProps = {
+    readonly children: React.ReactNode;
+    readonly collectionSlug: string;
+    readonly onSuccess: () => void;
+};
+export declare function BulkUploadDrawer({ collectionSlug, onSuccess }: Omit<BulkUploadProps, 'children'>): React.JSX.Element;
+export declare function BulkUploadToggler({ children, collectionSlug, onSuccess }: BulkUploadProps): React.JSX.Element;
+//# 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":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,UAAU,uBAAuB,CAAA;AAoB9C,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,qBAahG;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,eAAe,qBAOzF"}

package/dist/elements/BulkUpload/index.js

@@ -0,0 +1,114 @@
+'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 React from 'react';
+import { EditDepthProvider, useEditDepth } from '../../providers/EditDepth/index.js';
+import { Drawer, DrawerToggler } from '../Drawer/index.js';
+import { AddFilesView } from './AddFilesView/index.js';
+import { AddingFilesView } from './AddingFilesView/index.js';
+import { DiscardWithoutSaving } from './DiscardWithoutSaving/index.js';
+import { FormsManagerProvider, useFormsManager } from './FormsManager/index.js';
+export const drawerSlug = 'bulk-upload-drawer';
+function DrawerContent() {
+  const $ = _c(8);
+  const {
+    addFiles,
+    forms
+  } = useFormsManager();
+  const {
+    closeModal
+  } = useModal();
+  let t0;
+  if ($[0] !== addFiles) {
+    t0 = acceptedFiles => {
+      addFiles(acceptedFiles);
+    };
+    $[0] = addFiles;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const onDrop = t0;
+  if (!forms.length) {
+    let t1;
+    if ($[2] !== closeModal) {
+      t1 = () => closeModal(drawerSlug);
+      $[2] = closeModal;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== t1 || $[5] !== onDrop) {
+      t2 = _jsx(AddFilesView, {
+        onCancel: t1,
+        onDrop
+      });
+      $[4] = t1;
+      $[5] = onDrop;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    return t2;
+  } else {
+    let t1;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = _jsx(AddingFilesView, {});
+      $[7] = t1;
+    } else {
+      t1 = $[7];
+    }
+    return t1;
+  }
+}
+export function BulkUploadDrawer(t0) {
+  const $ = _c(4);
+  const {
+    collectionSlug,
+    onSuccess
+  } = t0;
+  const currentDepth = useEditDepth();
+  const t1 = currentDepth || 1;
+  let t2;
+  if ($[0] !== collectionSlug || $[1] !== onSuccess || $[2] !== t1) {
+    t2 = _jsx(EditDepthProvider, {
+      depth: t1,
+      children: _jsx(Drawer, {
+        Header: null,
+        gutter: false,
+        slug: drawerSlug,
+        children: _jsxs(FormsManagerProvider, {
+          collectionSlug,
+          onSuccess,
+          children: [_jsx(DrawerContent, {}), _jsx(DiscardWithoutSaving, {})]
+        })
+      })
+    });
+    $[0] = collectionSlug;
+    $[1] = onSuccess;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+export function BulkUploadToggler({
+  children,
+  collectionSlug,
+  onSuccess
+}) {
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(DrawerToggler, {
+      slug: drawerSlug,
+      children: children
+    }), /*#__PURE__*/_jsx(BulkUploadDrawer, {
+      collectionSlug: collectionSlug,
+      onSuccess: onSuccess
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","EditDepthProvider","useEditDepth","Drawer","DrawerToggler","AddFilesView","AddingFilesView","DiscardWithoutSaving","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","$","addFiles","forms","closeModal","t0","acceptedFiles","onDrop","length","t1","t2","_jsx","onCancel","BulkUploadDrawer","collectionSlug","onSuccess","currentDepth","depth","children","Header","gutter","slug","_jsxs","BulkUploadToggler","Fragment"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { EditDepthProvider, useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { DiscardWithoutSaving } from './DiscardWithoutSaving/index.js'\nimport { FormsManagerProvider, useFormsManager } from './FormsManager/index.js'\n\nexport const drawerSlug = 'bulk-upload-drawer'\n\nfunction DrawerContent() {\n  const { addFiles, forms } = useFormsManager()\n  const { closeModal } = useModal()\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      addFiles(acceptedFiles)\n    },\n    [addFiles],\n  )\n\n  if (!forms.length) {\n    return <AddFilesView onCancel={() => closeModal(drawerSlug)} onDrop={onDrop} />\n  } else {\n    return <AddingFilesView />\n  }\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n  readonly collectionSlug: string\n  readonly onSuccess: () => void\n}\n\nexport function BulkUploadDrawer({ collectionSlug, onSuccess }: Omit<BulkUploadProps, 'children'>) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <EditDepthProvider depth={currentDepth || 1}>\n      <Drawer Header={null} gutter={false} slug={drawerSlug}>\n        <FormsManagerProvider collectionSlug={collectionSlug} onSuccess={onSuccess}>\n          <DrawerContent />\n          <DiscardWithoutSaving />\n        </FormsManagerProvider>\n      </Drawer>\n    </EditDepthProvider>\n  )\n}\n\nexport function BulkUploadToggler({ children, collectionSlug, onSuccess }: BulkUploadProps) {\n  return (\n    <React.Fragment>\n      <DrawerToggler slug={drawerSlug}>{children}</DrawerToggler>\n      <BulkUploadDrawer collectionSlug={collectionSlug} onSuccess={onSuccess} />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,iBAAiB,EAAEC,YAAY,QAAQ;AAChD,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,oBAAoB,EAAEC,eAAe,QAAQ;AAEtD,OAAO,MAAMC,UAAA,GAAa;AAE1B,SAAAC,cAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EACE;IAAAe,QAAA;IAAAC;EAAA,IAA4BL,eAAA;EAC5B;IAAAM;EAAA,IAAuBhB,QAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAJ,CAAA,QAAAC,QAAA;IAGrBG,EAAA,GAAAC,aAAA;MACEJ,QAAA,CAASI,aAAA;IAAA;IACXL,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAHF,MAAAM,MAAA,GAAeF,EAIH;EAAA,KAGPF,KAAA,CAAAK,MAAA;IAAA,IAAAC,EAAA;IAAA,IAAAR,CAAA,QAAAG,UAAA;MAC4BK,EAAA,GAAAA,CAAA,KAAML,UAAA,CAAAL,UAAW;MAAAE,CAAA,MAAAG,UAAA;MAAAH,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAAA,IAAAS,EAAA;IAAA,IAAAT,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAM,MAAA;MAAzCG,EAAA,GAAAC,IAAA,CAAAjB,YAAA;QAAAkB,QAAA,EAAwBH,EAAiB;QAAAF;MAAA,C;;;;;;;WAAzCG,E;;;;MAEAD,EAAA,GAAAE,IAAA,CAAAhB,eAAA,IAAC;MAAAM,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAAA,OAADQ,EAAC;EAAA;AAAA;AAUZ,OAAO,SAAAI,iBAAAR,EAAA;EAAA,MAAAJ,CAAA,GAAAd,EAAA;EAA0B;IAAA2B,cAAA;IAAAC;EAAA,IAAAV,EAAgE;EAC/F,MAAAW,YAAA,GAAqBzB,YAAA;EAGO,MAAAkB,EAAA,GAAAO,YAAA,KAAgB;EAAA,IAAAN,EAAA;EAAA,IAAAT,CAAA,QAAAa,cAAA,IAAAb,CAAA,QAAAc,SAAA,IAAAd,CAAA,QAAAQ,EAAA;IAA1CC,EAAA,GAAAC,IAAA,CAAArB,iBAAA;MAAA2B,KAAA,EAA0BR,EAAgB;MAAAS,QAAA,EACxCP,IAAA,CAAAnB,MAAA;QAAA2B,MAAA;QAAAC,MAAA;QAAAC,IAAA,EAAAtB,UAAA;QAAAmB,QAAA,EACEI,KAAA,CAAAzB,oBAAA;UAAAiB,cAAA;UAAAC,SAAA;UAAAG,QAAA,GACEP,IAAA,CAAAX,aAAA,IAAC,GACDW,IAAA,CAAAf,oBAAA,IAAC;QAAA,C;;;;;;;;;;SAJPc,E;;AAWJ,OAAO,SAASa,kBAAkB;EAAEL,QAAQ;EAAEJ,cAAc;EAAEC;AAAS,CAAmB;EACxF,oBACEO,KAAA,CAACjC,KAAA,CAAMmC,QAAQ;4BACbb,IAAA,CAAClB,aAAA;MAAc4B,IAAA,EAAMtB,UAAA;gBAAamB;qBAClCP,IAAA,CAACE,gBAAA;MAAiBC,cAAA,EAAgBA,cAAA;MAAgBC,SAAA,EAAWA;;;AAGnE","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AASvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAgGjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,qGAuIjB,CAAA"}