@payloadcms/ui 4.0.0-internal.a0ef1b8 → 4.0.0-internal.bc5cf8c

package/dist/elements/BulkUpload/index.js

@@ -11,23 +11,21 @@ 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 { 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';
+import './index.css';
+const baseModalSlug = 'bulk-upload-modal-slug';
 function DrawerContent() {
   const {
     addFiles,
     forms,
     isInitializing
   } = useFormsManager();
-  const {
-    closeModal
-  } = useModal();
   const {
     collectionSlug,
-    drawerSlug
+    modalSlug
   } = useBulkUpload();
   const {
     getEntityConfig
@@ -35,6 +33,9 @@ function DrawerContent() {
   const {
     t
   } = useTranslation();
+  const {
+    openModal
+  } = useModal();
   const uploadCollection = getEntityConfig({
     collectionSlug
   });
@@ -51,25 +52,27 @@ function DrawerContent() {
       toast.error(t('error:invalidFileType'));
     } else {
       void addFiles(fileTransfer.files);
+      openModal(modalSlug);
     }
-  }, [addFiles, t, uploadMimeTypes]);
+  }, [addFiles, t, uploadMimeTypes, openModal, modalSlug]);
   if (!collectionSlug) {
     return null;
   }
   if (!forms.length && !isInitializing) {
     return /*#__PURE__*/_jsx(AddFilesView, {
       acceptMimeTypes: uploadMimeTypes?.join(', '),
-      onCancel: () => closeModal(drawerSlug),
+      modalSlug: modalSlug,
       onDrop: onDrop
     });
-  } else {
-    return /*#__PURE__*/_jsx(AddingFilesView, {});
   }
+  return /*#__PURE__*/_jsx(AddingFilesView, {
+    modalSlug: modalSlug
+  });
 }
-export function BulkUploadDrawer() {
-  const $ = _c(18);
+export function BulkUploadModal() {
+  const $ = _c(17);
   const {
-    drawerSlug,
+    modalSlug,
     onCancel,
     setInitialFiles,
     setInitialForms,
@@ -85,10 +88,10 @@ export function BulkUploadDrawer() {
   } = useModal();
   const previousModalStateRef = React.useRef(modalState);
   let t0;
-  if ($[0] !== drawerSlug || $[1] !== onCancel || $[2] !== setInitialFiles || $[3] !== setInitialForms || $[4] !== setOnCancel || $[5] !== setOnSuccess || $[6] !== setParentID || $[7] !== setSelectableCollections || $[8] !== setSuccessfullyUploaded || $[9] !== successfullyUploaded) {
+  if ($[0] !== modalSlug || $[1] !== onCancel || $[2] !== setInitialFiles || $[3] !== setInitialForms || $[4] !== setOnCancel || $[5] !== setOnSuccess || $[6] !== setParentID || $[7] !== setSelectableCollections || $[8] !== setSuccessfullyUploaded || $[9] !== successfullyUploaded) {
     t0 = modalState_0 => {
-      const previousModalState = previousModalStateRef.current[drawerSlug];
-      const currentModalState = modalState_0[drawerSlug];
+      const previousModalState = previousModalStateRef.current[modalSlug];
+      const currentModalState = modalState_0[modalSlug];
       if (typeof currentModalState === "undefined" && typeof previousModalState === "undefined") {
         return;
       }
@@ -110,7 +113,7 @@ export function BulkUploadDrawer() {
       }
       previousModalStateRef.current = modalState_0;
     };
-    $[0] = drawerSlug;
+    $[0] = modalSlug;
     $[1] = onCancel;
     $[2] = setInitialFiles;
     $[3] = setInitialForms;
@@ -145,23 +148,21 @@ export function BulkUploadDrawer() {
     t2 = $[15];
   }
   useEffect(t1, t2);
+  if (!modalState[modalSlug]?.isOpen) {
+    return null;
+  }
   let t3;
-  if ($[16] !== drawerSlug) {
-    t3 = _jsx(Drawer, {
-      Header: null,
-      slug: drawerSlug,
-      children: _jsx(FormsManagerProvider, {
-        children: _jsx(UploadControlsProvider, {
-          children: _jsx(EditDepthProvider, {
-            children: _jsx(DrawerContent, {})
-          })
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = _jsx(FormsManagerProvider, {
+      children: _jsx(UploadControlsProvider, {
+        children: _jsx(EditDepthProvider, {
+          children: _jsx(DrawerContent, {})
         })
       })
     });
-    $[16] = drawerSlug;
-    $[17] = t3;
+    $[16] = t3;
   } else {
-    t3 = $[17];
+    t3 = $[16];
   }
   return t3;
 }
@@ -179,10 +180,10 @@ function _temp() {
 }
 const Context = /*#__PURE__*/React.createContext({
   collectionSlug: '',
-  drawerSlug: '',
   initialFiles: undefined,
   initialForms: [],
   maxFiles: undefined,
+  modalSlug: '',
   onCancel: () => null,
   onSuccess: () => null,
   parentID: undefined,
@@ -202,7 +203,7 @@ export function BulkUploadProvider(t0) {
   const $ = _c(18);
   const {
     children,
-    drawerSlugPrefix
+    modalSlugPrefix
   } = t0;
   const [selectableCollections, setSelectableCollections] = React.useState(null);
   const [collection, setCollection] = React.useState();
@@ -213,7 +214,7 @@ export function BulkUploadProvider(t0) {
   const [initialForms, setInitialForms] = React.useState(undefined);
   const [maxFiles, setMaxFiles] = React.useState(undefined);
   const [successfullyUploaded, setSuccessfullyUploaded] = React.useState(false);
-  const drawerSlug = `${drawerSlugPrefix ? `${drawerSlugPrefix}-` : ""}${useBulkUploadDrawerSlug()}`;
+  const modalSlug = `${modalSlugPrefix ? `${modalSlugPrefix}-` : ""}${useBulkUploadModalSlug()}`;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = onSuccess => {
@@ -259,14 +260,14 @@ export function BulkUploadProvider(t0) {
     t4 = $[5];
   }
   let t5;
-  if ($[6] !== children || $[7] !== collection || $[8] !== drawerSlug || $[9] !== initialFiles || $[10] !== initialForms || $[11] !== maxFiles || $[12] !== parentID || $[13] !== selectableCollections || $[14] !== successfullyUploaded || $[15] !== t3 || $[16] !== t4) {
+  if ($[6] !== children || $[7] !== collection || $[8] !== initialFiles || $[9] !== initialForms || $[10] !== maxFiles || $[11] !== modalSlug || $[12] !== parentID || $[13] !== selectableCollections || $[14] !== successfullyUploaded || $[15] !== t3 || $[16] !== t4) {
     t5 = _jsx(Context, {
       value: {
         collectionSlug: collection,
-        drawerSlug,
         initialFiles,
         initialForms,
         maxFiles,
+        modalSlug,
         onCancel: t3,
         onSuccess: t4,
         parentID,
@@ -283,15 +284,15 @@ export function BulkUploadProvider(t0) {
         successfullyUploaded
       },
       children: _jsxs(React.Fragment, {
-        children: [children, _jsx(BulkUploadDrawer, {})]
+        children: [children, _jsx(BulkUploadModal, {})]
       })
     });
     $[6] = children;
     $[7] = collection;
-    $[8] = drawerSlug;
-    $[9] = initialFiles;
-    $[10] = initialForms;
-    $[11] = maxFiles;
+    $[8] = initialFiles;
+    $[9] = initialForms;
+    $[10] = maxFiles;
+    $[11] = modalSlug;
     $[12] = parentID;
     $[13] = selectableCollections;
     $[14] = successfullyUploaded;
@@ -304,8 +305,8 @@ export function BulkUploadProvider(t0) {
   return t5;
 }
 export const useBulkUpload = () => React.use(Context);
-export function useBulkUploadDrawerSlug() {
+export function useBulkUploadModalSlug() {
   const depth = useDrawerDepth();
-  return `${drawerSlug}-${depth + 1}`;
+  return `${baseModalSlug}-${depth + 1}`;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +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","setParentID","setSelectableCollections","setSuccessfullyUploaded","successfullyUploaded","modalState","previousModalStateRef","useRef","t0","modalState_0","previousModalState","current","currentModalState","isOpen","_temp2","_temp4","onModalStateChanged","t1","t2","t3","Header","slug","children","_temp3","_temp","Context","createContext","initialFiles","initialForms","maxFiles","onSuccess","parentID","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 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from '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    setParentID,\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        setParentID(undefined)\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 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  parentID?: number | string\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  setParentID: (parentID: number | string | undefined) => 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  parentID: undefined,\n  selectableCollections: null,\n  setCollectionSlug: () => null,\n  setInitialFiles: () => null,\n  setInitialForms: () => null,\n  setMaxFiles: () => null,\n  setOnCancel: () => null,\n  setOnSuccess: () => null,\n  setParentID: () => 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 [parentID, setParentID] = React.useState<number | string | undefined>(undefined)\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        parentID,\n        selectableCollections,\n        setCollectionSlug: setCollection,\n        setInitialFiles,\n        setInitialForms,\n        setMaxFiles,\n        setOnCancel,\n        setOnSuccess,\n        setParentID,\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":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","validateMimeType","React","useEffect","toast","useEffectEvent","useConfig","EditDepthProvider","useTranslation","UploadControlsProvider","useDrawerDepth","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","baseModalSlug","DrawerContent","addFiles","forms","isInitializing","collectionSlug","modalSlug","useBulkUpload","getEntityConfig","t","openModal","uploadCollection","uploadConfig","upload","uploadMimeTypes","mimeTypes","onDrop","useCallback","acceptedFiles","fileTransfer","DataTransfer","candidateFile","undefined","length","type","items","add","files","error","_jsx","acceptMimeTypes","join","BulkUploadModal","$","onCancel","setInitialFiles","setInitialForms","setOnCancel","setOnSuccess","setParentID","setSelectableCollections","setSuccessfullyUploaded","successfullyUploaded","modalState","previousModalStateRef","useRef","t0","modalState_0","previousModalState","current","currentModalState","isOpen","_temp2","_temp4","onModalStateChanged","t1","t2","t3","Symbol","for","children","_temp3","_temp","Context","createContext","initialFiles","initialForms","maxFiles","onSuccess","parentID","selectableCollections","setCollectionSlug","setMaxFiles","BulkUploadProvider","modalSlugPrefix","useState","collection","setCollection","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadModalSlug","t4","newDocs","errorCount","t5","value","_jsxs","Fragment","use","depth"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, JsonObject } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from '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 { 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'\nimport './index.css'\n\nconst baseModalSlug = 'bulk-upload-modal-slug'\n\nfunction DrawerContent() {\n  const { addFiles, forms, isInitializing } = useFormsManager()\n  const { collectionSlug, modalSlug } = useBulkUpload()\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n  const { openModal } = useModal()\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        openModal(modalSlug)\n      }\n    },\n    [addFiles, t, uploadMimeTypes, openModal, modalSlug],\n  )\n\n  if (!collectionSlug) {\n    return null\n  }\n\n  if (!forms.length && !isInitializing) {\n    return (\n      <AddFilesView\n        acceptMimeTypes={uploadMimeTypes?.join(', ')}\n        modalSlug={modalSlug}\n        onDrop={onDrop}\n      />\n    )\n  }\n\n  return <AddingFilesView modalSlug={modalSlug} />\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n}\n\nexport function BulkUploadModal() {\n  const {\n    modalSlug,\n    onCancel,\n    setInitialFiles,\n    setInitialForms,\n    setOnCancel,\n    setOnSuccess,\n    setParentID,\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[modalSlug]\n    const currentModalState = modalState[modalSlug]\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        setParentID(undefined)\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  // Only mount the providers (and reset forms on unmount) while the drawer is open,\n  // matching the previous behavior where the Drawer lazily rendered its children.\n  if (!modalState[modalSlug]?.isOpen) {\n    return null\n  }\n\n  return (\n    <FormsManagerProvider>\n      <UploadControlsProvider>\n        <EditDepthProvider>\n          <DrawerContent />\n        </EditDepthProvider>\n      </UploadControlsProvider>\n    </FormsManagerProvider>\n  )\n}\n\nexport type BulkUploadContext = {\n  collectionSlug: CollectionSlug\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  modalSlug: string\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  parentID?: number | string\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  setParentID: (parentID: number | string | undefined) => 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  initialFiles: undefined,\n  initialForms: [],\n  maxFiles: undefined,\n  modalSlug: '',\n  onCancel: () => null,\n  onSuccess: () => null,\n  parentID: undefined,\n  selectableCollections: null,\n  setCollectionSlug: () => null,\n  setInitialFiles: () => null,\n  setInitialForms: () => null,\n  setMaxFiles: () => null,\n  setOnCancel: () => null,\n  setOnSuccess: () => null,\n  setParentID: () => null,\n  setSelectableCollections: () => null,\n  setSuccessfullyUploaded: () => false,\n  successfullyUploaded: false,\n})\nexport function BulkUploadProvider({\n  children,\n  modalSlugPrefix,\n}: {\n  readonly children: React.ReactNode\n  readonly modalSlugPrefix?: string\n}) {\n  const [selectableCollections, setSelectableCollections] = React.useState<null | string[]>(null)\n  const [collection, setCollection] = React.useState<string>()\n  const [parentID, setParentID] = React.useState<number | string | undefined>(undefined)\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 modalSlug = `${modalSlugPrefix ? `${modalSlugPrefix}-` : ''}${useBulkUploadModalSlug()}`\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        initialFiles,\n        initialForms,\n        maxFiles,\n        modalSlug,\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        parentID,\n        selectableCollections,\n        setCollectionSlug: setCollection,\n        setInitialFiles,\n        setInitialForms,\n        setMaxFiles,\n        setOnCancel,\n        setOnSuccess,\n        setParentID,\n        setSelectableCollections,\n        setSuccessfullyUploaded,\n        successfullyUploaded,\n      }}\n    >\n      <React.Fragment>\n        {children}\n        <BulkUploadModal />\n      </React.Fragment>\n    </Context>\n  )\n}\n\nexport const useBulkUpload = () => React.use(Context)\n\nexport function useBulkUploadModalSlug() {\n  const depth = useDrawerDepth()\n\n  return `${baseModalSlug}-${depth + 1}`\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Button/index.css

@@ -156,6 +156,14 @@
     border-color: var(--color-border-selected-strong);
   }
 
+  /* Selected state - pill buttons */
+  .btn.btn--style-pill.btn--selected,
+  .btn.btn--style-pill.btn--selected:hover,
+  .btn.btn--style-pill.btn--selected:active {
+    background-color: var(--color-bg-selected);
+    color: var(--color-text-selected);
+  }
+
   /* Icon */
 
   .btn__icon {

package/dist/elements/Card/index.css

@@ -44,7 +44,7 @@
     }
   }
 
-  .card__click {
+  .card .card__click {
     z-index: 1;
     inset: 0;
     position: absolute;

package/dist/elements/Chip/index.css

@@ -10,7 +10,7 @@
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
-    color: var(--text-default);
+    color: var(--color-text);
     background-color: var(--color-bg);
     user-select: none;
 

package/dist/elements/CodeEditor/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,aAAa,CAAA;AA4CpB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsH/B,CAAA;AAGD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,aAAa,CAAA;AA4CpB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyI/B,CAAA;AAGD,eAAe,UAAU,CAAA"}

package/dist/elements/CodeEditor/CodeEditor.js

@@ -146,6 +146,22 @@ const CodeEditor = props => {
     },
     onMount: (editor, monaco) => {
       rest.onMount?.(editor, monaco);
+      const domNode = editor.getDomNode();
+      if (domNode?.closest("[contenteditable=\"true\"]")) {
+        editor.updateOptions({
+          editContext: false
+        });
+        const clipboardEvents = ["copy", "cut", "paste"];
+        const stopPropagation = _temp;
+        for (const eventName of clipboardEvents) {
+          domNode.addEventListener(eventName, stopPropagation);
+        }
+        editor.onDidDispose(() => {
+          for (const eventName_0 of clipboardEvents) {
+            domNode.removeEventListener(eventName_0, stopPropagation);
+          }
+        });
+      }
       const model = editor.getModel();
       if (model) {
         model.updateOptions({
@@ -160,4 +176,7 @@ const CodeEditor = props => {
 };
 // eslint-disable-next-line no-restricted-exports
 export default CodeEditor;
+function _temp(event) {
+  event.stopPropagation();
+}
 //# sourceMappingURL=CodeEditor.js.map

package/dist/elements/CodeEditor/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useState","useTheme","ShimmerEffect","defaultGlobalEditorOptions","defaultOptions","Editor","default","baseClass","definePayloadThemes","monaco","editor","defineTheme","base","colors","inherit","rules","foreground","token","CodeEditor","props","$","className","maxHeight","minHeight","t0","options","readOnly","recalculatedHeightAt","value","rest","undefined","prevCalculatedHeightAt","useRef","insertSpaces","tabSize","trimAutoWhitespace","globalEditorOptions","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","t1","defaultLanguage","t2","t3","filter","Boolean","classes","join","t4","t5","current","Math","max","split","length","useEffect","_jsx","beforeMount","height","min","loading","detectIndentation","onChange","value_0","ev","onMount","model","getModel","updateOptions","getValue"],"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport type { Monaco } from '@monaco-editor/react'\n\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { defaultGlobalEditorOptions, defaultOptions } from './constants.js'\nimport './index.css'\n\nconst Editor = 'default' in EditorImport ? EditorImport.default : EditorImport\n\nconst baseClass = 'code-editor'\n\nfunction definePayloadThemes(monaco: Monaco) {\n  monaco.editor.defineTheme('payload-light', {\n    base: 'vs',\n    colors: {\n      'editor.background': '#00000000',\n      'editor.lineHighlightBackground': '#00000000',\n      'editor.lineHighlightBorder': '#00000000',\n      'editorGutter.background': '#00000000',\n      'editorLineNumber.activeForeground': '#0000004d', // black at 30% opacity\n      'editorLineNumber.foreground': '#0000004d', // black at 30% opacity\n    },\n    inherit: true,\n    rules: [\n      { foreground: 'cb0b96', token: 'keyword' },\n      { foreground: '005cc5', token: 'identifier' },\n      { foreground: '093077', token: 'type.identifier' },\n      { foreground: '093077', token: 'delimiter' },\n      { foreground: '093077', token: 'delimiter.bracket' },\n      { foreground: 'c53e0d', token: 'string' },\n      { foreground: '093077', token: 'number' },\n      { foreground: '6a737d', token: 'comment' },\n    ],\n  })\n  monaco.editor.defineTheme('payload-dark', {\n    base: 'vs-dark',\n    colors: {\n      'editor.background': '#00000000',\n      'editor.lineHighlightBackground': '#00000000',\n      'editor.lineHighlightBorder': '#00000000',\n      'editorGutter.background': '#00000000',\n      'editorLineNumber.activeForeground': '#ffffffb3', // var(--color-text-secondary) - white at 70% opacity\n      'editorLineNumber.foreground': '#ffffffb3', // var(--color-text-secondary) - white at 70% opacity\n    },\n    inherit: true,\n    rules: [],\n  })\n}\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const {\n    className,\n    maxHeight,\n    minHeight = 48,\n    options,\n    readOnly,\n    recalculatedHeightAt,\n    value,\n    ...rest\n  } = props\n  const LINE_HEIGHT = 16 // Monaco editor line height at fontSize 11\n  const EDITOR_BORDER = 2 // 1px top + 1px bottom border\n  const CSS_CONTAINER_PADDING = 16 // 8px top + 8px bottom from CSS\n  const prevCalculatedHeightAt = React.useRef<number | undefined>(recalculatedHeightAt)\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...globalEditorOptions } = options || {}\n  const paddingFromProps = options?.padding\n    ? (options.padding.top || 0) + (options.padding?.bottom || 0)\n    : 0\n\n  const [dynamicHeight, setDynamicHeight] = useState(minHeight)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {\n      setDynamicHeight(\n        value\n          ? Math.max(\n              minHeight,\n              value.split('\\n').length * LINE_HEIGHT +\n                EDITOR_BORDER +\n                paddingFromProps +\n                CSS_CONTAINER_PADDING,\n            )\n          : minHeight,\n      )\n      prevCalculatedHeightAt.current = recalculatedHeightAt\n    }\n  }, [value, minHeight, paddingFromProps, recalculatedHeightAt])\n\n  return (\n    <Editor\n      beforeMount={definePayloadThemes}\n      className={classes}\n      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      loading={<ShimmerEffect height={minHeight} />}\n      options={{\n        ...defaultGlobalEditorOptions,\n        ...globalEditorOptions,\n        readOnly: Boolean(readOnly),\n        /**\n         * onMount the model will set:\n         * - insertSpaces\n         * - tabSize\n         * - trimAutoWhitespace\n         */\n        detectIndentation: false,\n        insertSpaces: undefined,\n        tabSize: undefined,\n        trimAutoWhitespace: undefined,\n      }}\n      theme={theme === 'dark' ? 'payload-dark' : 'payload-light'}\n      value={value}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(\n          value\n            ? Math.max(\n                minHeight,\n                value.split('\\n').length * LINE_HEIGHT +\n                  EDITOR_BORDER +\n                  paddingFromProps +\n                  CSS_CONTAINER_PADDING,\n              )\n            : minHeight,\n        )\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n\n        // Set per-model options to avoid global conflicts\n        const model = editor.getModel()\n        if (model) {\n          model.updateOptions({\n            insertSpaces: insertSpaces ?? defaultOptions.insertSpaces,\n            tabSize: tabSize ?? defaultOptions.tabSize,\n            trimAutoWhitespace: trimAutoWhitespace ?? defaultOptions.trimAutoWhitespace,\n          })\n        }\n\n        setDynamicHeight(\n          Math.max(\n            minHeight,\n            editor.getValue().split('\\n').length * LINE_HEIGHT +\n              EDITOR_BORDER +\n              paddingFromProps +\n              CSS_CONTAINER_PADDING,\n          ),\n        )\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CodeEditor.js","names":["c","_c","EditorImport","React","useState","useTheme","ShimmerEffect","defaultGlobalEditorOptions","defaultOptions","Editor","default","baseClass","definePayloadThemes","monaco","editor","defineTheme","base","colors","inherit","rules","foreground","token","CodeEditor","props","$","className","maxHeight","minHeight","t0","options","readOnly","recalculatedHeightAt","value","rest","undefined","prevCalculatedHeightAt","useRef","insertSpaces","tabSize","trimAutoWhitespace","globalEditorOptions","paddingFromProps","padding","top","bottom","dynamicHeight","setDynamicHeight","theme","t1","defaultLanguage","t2","t3","filter","Boolean","classes","join","t4","t5","current","Math","max","split","length","useEffect","_jsx","beforeMount","height","min","loading","detectIndentation","onChange","value_0","ev","onMount","domNode","getDomNode","closest","updateOptions","editContext","clipboardEvents","stopPropagation","_temp","eventName","addEventListener","onDidDispose","eventName_0","removeEventListener","model","getModel","getValue","event"],"sources":["../../../src/elements/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client'\nimport type { Monaco } from '@monaco-editor/react'\n\nimport EditorImport from '@monaco-editor/react'\nimport React, { useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\nimport { defaultGlobalEditorOptions, defaultOptions } from './constants.js'\nimport './index.css'\n\nconst Editor = 'default' in EditorImport ? EditorImport.default : EditorImport\n\nconst baseClass = 'code-editor'\n\nfunction definePayloadThemes(monaco: Monaco) {\n  monaco.editor.defineTheme('payload-light', {\n    base: 'vs',\n    colors: {\n      'editor.background': '#00000000',\n      'editor.lineHighlightBackground': '#00000000',\n      'editor.lineHighlightBorder': '#00000000',\n      'editorGutter.background': '#00000000',\n      'editorLineNumber.activeForeground': '#0000004d', // black at 30% opacity\n      'editorLineNumber.foreground': '#0000004d', // black at 30% opacity\n    },\n    inherit: true,\n    rules: [\n      { foreground: 'cb0b96', token: 'keyword' },\n      { foreground: '005cc5', token: 'identifier' },\n      { foreground: '093077', token: 'type.identifier' },\n      { foreground: '093077', token: 'delimiter' },\n      { foreground: '093077', token: 'delimiter.bracket' },\n      { foreground: 'c53e0d', token: 'string' },\n      { foreground: '093077', token: 'number' },\n      { foreground: '6a737d', token: 'comment' },\n    ],\n  })\n  monaco.editor.defineTheme('payload-dark', {\n    base: 'vs-dark',\n    colors: {\n      'editor.background': '#00000000',\n      'editor.lineHighlightBackground': '#00000000',\n      'editor.lineHighlightBorder': '#00000000',\n      'editorGutter.background': '#00000000',\n      'editorLineNumber.activeForeground': '#ffffffb3', // var(--color-text-secondary) - white at 70% opacity\n      'editorLineNumber.foreground': '#ffffffb3', // var(--color-text-secondary) - white at 70% opacity\n    },\n    inherit: true,\n    rules: [],\n  })\n}\n\nconst CodeEditor: React.FC<Props> = (props) => {\n  const {\n    className,\n    maxHeight,\n    minHeight = 48,\n    options,\n    readOnly,\n    recalculatedHeightAt,\n    value,\n    ...rest\n  } = props\n  const LINE_HEIGHT = 16 // Monaco editor line height at fontSize 11\n  const EDITOR_BORDER = 2 // 1px top + 1px bottom border\n  const CSS_CONTAINER_PADDING = 16 // 8px top + 8px bottom from CSS\n  const prevCalculatedHeightAt = React.useRef<number | undefined>(recalculatedHeightAt)\n\n  // Extract per-model settings to avoid global conflicts\n  const { insertSpaces, tabSize, trimAutoWhitespace, ...globalEditorOptions } = options || {}\n  const paddingFromProps = options?.padding\n    ? (options.padding.top || 0) + (options.padding?.bottom || 0)\n    : 0\n\n  const [dynamicHeight, setDynamicHeight] = useState(minHeight)\n  const { theme } = useTheme()\n\n  const classes = [\n    baseClass,\n    className,\n    rest?.defaultLanguage ? `language--${rest.defaultLanguage}` : '',\n    readOnly && 'read-only',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  React.useEffect(() => {\n    if (recalculatedHeightAt && recalculatedHeightAt > prevCalculatedHeightAt.current) {\n      setDynamicHeight(\n        value\n          ? Math.max(\n              minHeight,\n              value.split('\\n').length * LINE_HEIGHT +\n                EDITOR_BORDER +\n                paddingFromProps +\n                CSS_CONTAINER_PADDING,\n            )\n          : minHeight,\n      )\n      prevCalculatedHeightAt.current = recalculatedHeightAt\n    }\n  }, [value, minHeight, paddingFromProps, recalculatedHeightAt])\n\n  return (\n    <Editor\n      beforeMount={definePayloadThemes}\n      className={classes}\n      height={maxHeight ? Math.min(dynamicHeight, maxHeight) : dynamicHeight}\n      loading={<ShimmerEffect height={minHeight} />}\n      options={{\n        ...defaultGlobalEditorOptions,\n        ...globalEditorOptions,\n        readOnly: Boolean(readOnly),\n        /**\n         * onMount the model will set:\n         * - insertSpaces\n         * - tabSize\n         * - trimAutoWhitespace\n         */\n        detectIndentation: false,\n        insertSpaces: undefined,\n        tabSize: undefined,\n        trimAutoWhitespace: undefined,\n      }}\n      theme={theme === 'dark' ? 'payload-dark' : 'payload-light'}\n      value={value}\n      {...rest}\n      // Since we are not building an IDE and the container\n      // can already have scrolling, we want the height of the\n      // editor to fit its content.\n      // See: https://github.com/microsoft/monaco-editor/discussions/3677\n      onChange={(value, ev) => {\n        rest.onChange?.(value, ev)\n        setDynamicHeight(\n          value\n            ? Math.max(\n                minHeight,\n                value.split('\\n').length * LINE_HEIGHT +\n                  EDITOR_BORDER +\n                  paddingFromProps +\n                  CSS_CONTAINER_PADDING,\n              )\n            : minHeight,\n        )\n      }}\n      onMount={(editor, monaco) => {\n        rest.onMount?.(editor, monaco)\n\n        // Required to prevent copy/cut/paste from being hijacked by Lexical rich text editor\n        const domNode = editor.getDomNode()\n        if (domNode?.closest('[contenteditable=\"true\"]')) {\n          editor.updateOptions({ editContext: false })\n\n          const clipboardEvents = ['copy', 'cut', 'paste']\n          const stopPropagation = (event: Event) => {\n            event.stopPropagation()\n          }\n          for (const eventName of clipboardEvents) {\n            domNode.addEventListener(eventName, stopPropagation)\n          }\n          editor.onDidDispose(() => {\n            for (const eventName of clipboardEvents) {\n              domNode.removeEventListener(eventName, stopPropagation)\n            }\n          })\n        }\n\n        // Set per-model options to avoid global conflicts\n        const model = editor.getModel()\n        if (model) {\n          model.updateOptions({\n            insertSpaces: insertSpaces ?? defaultOptions.insertSpaces,\n            tabSize: tabSize ?? defaultOptions.tabSize,\n            trimAutoWhitespace: trimAutoWhitespace ?? defaultOptions.trimAutoWhitespace,\n          })\n        }\n\n        setDynamicHeight(\n          Math.max(\n            minHeight,\n            editor.getValue().split('\\n').length * LINE_HEIGHT +\n              EDITOR_BORDER +\n              paddingFromProps +\n              CSS_CONTAINER_PADDING,\n          ),\n        )\n      }}\n    />\n  )\n}\n\n// eslint-disable-next-line no-restricted-exports\nexport default CodeEditor\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ColumnSelection/Popup.d.ts

@@ -0,0 +1,12 @@
+import type { Column, SanitizedCollectionConfig } from 'payload';
+import React from 'react';
+import './Popup.css';
+export type ColumnSelectionPopupProps = {
+    readonly collectionSlug: SanitizedCollectionConfig['slug'];
+    readonly columns: Column[];
+    /** Called with the next column state whenever a column is toggled or reordered. */
+    readonly onChange: (columns: Column[]) => void;
+    readonly onClose?: () => void;
+};
+export declare const ColumnSelectionPopup: React.FC<ColumnSelectionPopupProps>;
+//# sourceMappingURL=Popup.d.ts.map

package/dist/elements/ColumnSelection/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAe,MAAM,SAAS,CAAA;AAI7E,OAAO,KAAyE,MAAM,OAAO,CAAA;AAW7F,OAAO,aAAa,CAAA;AAkDpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAkDD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6NpE,CAAA"}

package/dist/elements/{ColumnSelector/index.js → ColumnSelection/Popup.js}

@@ -9,13 +9,12 @@ import { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js';
 import { SearchIcon } from '../../icons/Search/index.js';
 import { XIcon } from '../../icons/X/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
-import { useTableColumns } from '../../providers/TableColumns/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { DraggableSortable } from '../DraggableSortable/index.js';
 import { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js';
 import { Switch } from '../Switch/index.js';
-import './index.css';
+import './Popup.css';
 const baseClass = 'column-selector';
 /**
  * Parses a nested field label and returns segments for rendering.
@@ -142,19 +141,31 @@ const ColumnItem = t0 => {
   }
   return t8;
 };
-export const ColumnSelector = ({
+export const ColumnSelectionPopup = ({
   collectionSlug,
+  columns,
+  onChange,
   onClose
 }) => {
-  const {
-    columns,
-    moveColumn,
-    toggleColumn
-  } = useTableColumns();
   const {
     i18n,
     t
   } = useTranslation();
+  const toggleColumn = useCallback(column => {
+    onChange(columns.map(col => col.accessor === column ? {
+      ...col,
+      active: !col.active
+    } : col));
+  }, [columns, onChange]);
+  const moveColumn = useCallback(({
+    fromIndex,
+    toIndex
+  }) => {
+    const next = [...columns];
+    const [moved] = next.splice(fromIndex, 1);
+    next.splice(toIndex, 0, moved);
+    onChange(next);
+  }, [columns, onChange]);
   const uuid = useId();
   const editDepth = useEditDepth();
   const [searchQuery, setSearchQuery] = useState('');
@@ -173,7 +184,7 @@ export const ColumnSelector = ({
       setLockedWidth(null);
     }
   }, [searchQuery, lockedWidth]);
-  const filteredColumns = useMemo(() => columns?.filter(col => !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) && !isFieldDisabled(col.field, 'column')), [columns]);
+  const filteredColumns = useMemo(() => columns?.filter(col_0 => !(fieldIsHiddenOrDisabled(col_0.field) && !fieldIsID(col_0.field)) && !isFieldDisabled(col_0.field, 'column')), [columns]);
   const columnItems = useMemo(() => {
     if (!filteredColumns) {
       return {
@@ -182,13 +193,13 @@ export const ColumnSelector = ({
         shown: []
       };
     }
-    const items = filteredColumns.map((col_0, i) => {
+    const items = filteredColumns.map((col_1, i) => {
       const {
         accessor,
         active,
         field
-      } = col_0;
-      const label = 'labelWithPrefix' in field && field.labelWithPrefix !== undefined ? field.labelWithPrefix : 'label' in field && field.label !== undefined ? field.label : 'name' in field && field.name !== undefined ? field.name : accessor;
+      } = col_1;
+      const label = 'labelWithPrefix' in field && field.labelWithPrefix !== undefined ? field.labelWithPrefix : 'label' in field && field.label !== undefined && field.label !== false ? field.label : 'name' in field && field.name !== undefined ? field.name : accessor;
       const labelText = typeof label === 'string' ? label : getTranslation(label, i18n);
       return {
         id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,
@@ -319,4 +330,4 @@ export const ColumnSelector = ({
     })]
   });
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=Popup.js.map

package/dist/elements/ColumnSelection/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","names":["c","_c","getTranslation","fieldIsHiddenOrDisabled","fieldIsID","isFieldDisabled","React","useCallback","useId","useLayoutEffect","useMemo","useRef","useState","AlignJustifiedIcon","SearchIcon","XIcon","useEditDepth","useTranslation","Button","DraggableSortable","useDraggableSortable","Switch","baseClass","parseNestedLabel","label","includes","segments","split","length","NestedLabel","_jsx","_Fragment","map","segment","index","_jsxs","Fragment","className","ColumnItem","t0","$","id","active","labelText","onToggle","t","t1","attributes","isDragging","isOver","isSorting","listeners","setNodeRef","transform","t2","t3","t4","t5","filter","Boolean","t6","join","t7","undefined","t8","ref","style","children","size","checked","onChange","ColumnSelectionPopup","collectionSlug","columns","onClose","i18n","toggleColumn","column","col","accessor","moveColumn","fromIndex","toIndex","next","moved","splice","uuid","editDepth","searchQuery","setSearchQuery","containerRef","lockedWidth","setLockedWidth","current","offsetWidth","filteredColumns","field","columnItems","all","hidden","shown","items","i","labelWithPrefix","name","filtered","item","toLowerCase","handleDragEnd","moveFromIndex","moveToIndex","allItems","shownCount","fromItem","toItem","fromIsShown","toIsShown","allIds","containerStyle","buttonStyle","icon","onClick","e","target","value","placeholder","type","ids","onDragEnd"],"sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsHiddenOrDisabled, fieldIsID, isFieldDisabled } from 'payload/shared'\nimport React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport { Switch } from '../Switch/index.js'\nimport './Popup.css'\n\nconst baseClass = 'column-selector'\n\n/**\n * Parses a nested field label and returns segments for rendering.\n * - For deeply nested paths (more than 3 segments), truncates to [First, \"...\", Last]\n *\n * A column label isn't guaranteed to be a string — a field can supply a React\n * element (custom `Label`) or a non-string translation object — so non-strings\n * are returned as a single segment rather than crashing on `.includes`.\n */\nfunction parseNestedLabel(label: React.ReactNode): React.ReactNode[] {\n  if (typeof label !== 'string' || !label.includes(' > ')) {\n    return [label]\n  }\n\n  const segments = label.split(' > ')\n\n  if (segments.length <= 3) {\n    return segments\n  }\n\n  // For deep nesting, show: First / ... / Last\n  return [segments[0], '...', segments[segments.length - 1]]\n}\n\ntype NestedLabelProps = {\n  readonly label: React.ReactNode\n}\n\nconst NestedLabel: React.FC<NestedLabelProps> = ({ label }) => {\n  const segments = parseNestedLabel(label)\n\n  if (segments.length === 1) {\n    return <>{segments[0]}</>\n  }\n\n  return (\n    <>\n      {segments.map((segment, index) => (\n        <React.Fragment key={index}>\n          {index > 0 && <span className={`${baseClass}__separator`}>/</span>}\n          {segment}\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n\nexport type ColumnSelectionPopupProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly columns: Column[]\n  /** Called with the next column state whenever a column is toggled or reordered. */\n  readonly onChange: (columns: Column[]) => void\n  readonly onClose?: () => void\n}\n\ntype ColumnItemProps = {\n  readonly active: boolean\n  readonly id: string\n  readonly labelText: string\n  readonly onToggle: () => void\n}\n\nconst ColumnItem: React.FC<ColumnItemProps> = ({ id, active, labelText, onToggle }) => {\n  const { t } = useTranslation()\n  const { attributes, isDragging, isOver, isSorting, listeners, setNodeRef, transform } =\n    useDraggableSortable({\n      id,\n    })\n\n  return (\n    <div\n      aria-label={labelText}\n      className={[\n        `${baseClass}__item`,\n        !active && `${baseClass}__item--inactive`,\n        isDragging && `${baseClass}__item--dragging`,\n        isOver && isSorting && !isDragging && `${baseClass}__item--over`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={setNodeRef}\n      style={{\n        // Keep item in place while dragging - don't apply transform\n        transform: isDragging ? undefined : transform,\n        ...attributes.style,\n      }}\n      {...attributes}\n    >\n      <span\n        aria-label={t('general:dragToReorder')}\n        className={`${baseClass}__drag-handle`}\n        {...listeners}\n      >\n        <AlignJustifiedIcon size={16} />\n      </span>\n      <span className={`${baseClass}__item-label`}>\n        <NestedLabel label={labelText} />\n      </span>\n      <Switch checked={active} onChange={onToggle} />\n    </div>\n  )\n}\n\nexport const ColumnSelectionPopup: React.FC<ColumnSelectionPopupProps> = ({\n  collectionSlug,\n  columns,\n  onChange,\n  onClose,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  const toggleColumn = useCallback(\n    (column: string) => {\n      onChange(\n        columns.map((col) => (col.accessor === column ? { ...col, active: !col.active } : col)),\n      )\n    },\n    [columns, onChange],\n  )\n\n  const moveColumn = useCallback(\n    ({ fromIndex, toIndex }: { fromIndex: number; toIndex: number }) => {\n      const next = [...columns]\n      const [moved] = next.splice(fromIndex, 1)\n      next.splice(toIndex, 0, moved)\n      onChange(next)\n    },\n    [columns, onChange],\n  )\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  const [searchQuery, setSearchQuery] = useState('')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [lockedWidth, setLockedWidth] = useState<null | number>(null)\n\n  // Lock the width when search starts to prevent layout shift\n  useLayoutEffect(() => {\n    if (!containerRef.current) {\n      return\n    }\n\n    if (searchQuery && lockedWidth === null) {\n      // Capture width when search starts\n      setLockedWidth(containerRef.current.offsetWidth)\n    } else if (!searchQuery && lockedWidth !== null) {\n      // Release width lock when search is cleared\n      setLockedWidth(null)\n    }\n  }, [searchQuery, lockedWidth])\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !isFieldDisabled(col.field, 'column'),\n      ),\n    [columns],\n  )\n\n  const columnItems = useMemo(() => {\n    if (!filteredColumns) {\n      return { all: [], hidden: [], shown: [] }\n    }\n\n    const items = filteredColumns.map((col, i) => {\n      const { accessor, active, field } = col\n\n      const label =\n        'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n          ? field.labelWithPrefix\n          : 'label' in field && field.label !== undefined && field.label !== false\n            ? field.label\n            : 'name' in field && field.name !== undefined\n              ? field.name\n              : accessor\n\n      const labelText =\n        typeof label === 'string' ? label : getTranslation(label as StaticLabel, i18n)\n\n      return {\n        id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n        accessor,\n        active,\n        index: i,\n        label,\n        labelText,\n      }\n    })\n\n    // Filter by search query\n    const filtered = searchQuery\n      ? items.filter((item) => item.labelText.toLowerCase().includes(searchQuery.toLowerCase()))\n      : items\n\n    return {\n      all: items,\n      hidden: filtered.filter((item) => !item.active),\n      shown: filtered.filter((item) => item.active),\n    }\n  }, [collectionSlug, editDepth, filteredColumns, i18n, searchQuery, uuid])\n\n  const handleDragEnd = useCallback(\n    ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      // All shown items first, then all hidden items\n      const allItems = [...columnItems.shown, ...columnItems.hidden]\n      const shownCount = columnItems.shown.length\n      const fromItem = allItems[moveFromIndex]\n      const toItem = allItems[moveToIndex]\n\n      if (!fromItem || !toItem) {\n        return\n      }\n\n      // Determine if crossing sections\n      const fromIsShown = moveFromIndex < shownCount\n      const toIsShown = moveToIndex < shownCount\n\n      if (fromIsShown !== toIsShown) {\n        // Cross-section move: just toggle the column's active state (show/hide)\n        void toggleColumn(fromItem.accessor)\n        // Don't reorder when crossing sections - the toggle handles the change\n        return\n      }\n\n      // Same-section move: perform the reorder\n      void moveColumn({\n        fromIndex: fromItem.index,\n        toIndex: toItem.index,\n      })\n    },\n    [columnItems.shown, columnItems.hidden, moveColumn, toggleColumn],\n  )\n\n  if (!filteredColumns) {\n    return null\n  }\n\n  // Combined IDs: shown items first, then hidden items\n  const allIds = [...columnItems.shown, ...columnItems.hidden].map((item) => item.id)\n\n  const containerStyle = lockedWidth\n    ? ({ '--column-selector-locked-width': `${lockedWidth}px` } as React.CSSProperties)\n    : undefined\n\n  return (\n    <div\n      className={baseClass}\n      data-popup-prevent-close\n      data-width-locked={lockedWidth ? 'true' : undefined}\n      ref={containerRef}\n      style={containerStyle}\n    >\n      <div className={`${baseClass}__header`}>\n        <span className={`${baseClass}__title`}>{t('general:editColumns')}</span>\n        {onClose && (\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__close`}\n            icon={<XIcon size={24} />}\n            onClick={onClose}\n          />\n        )}\n      </div>\n      <div className={`${baseClass}__search`}>\n        <div className={`${baseClass}__search-bar`}>\n          <SearchIcon size={24} />\n          <input\n            aria-label={t('general:searchColumns')}\n            className={`${baseClass}__search-input`}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={t('general:searchColumns')}\n            type=\"text\"\n            value={searchQuery}\n          />\n        </div>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <DraggableSortable ids={allIds} onDragEnd={handleDragEnd}>\n          {columnItems.shown.length === 0 && columnItems.hidden.length === 0 && searchQuery && (\n            <div className={`${baseClass}__no-results`}>{t('general:noMatchesFound')}</div>\n          )}\n          {columnItems.shown.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <div className={`${baseClass}__section-header`}>{t('general:shownInTable')}</div>\n              {columnItems.shown.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          {columnItems.hidden.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <div className={`${baseClass}__section-header`}>{t('general:notShownInTable')}</div>\n              {columnItems.hidden.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n        </DraggableSortable>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,SAASC,uBAAuB,EAAEC,SAAS,EAAEC,eAAe,QAAQ;AACpE,OAAOC,KAAA,IAASC,WAAW,EAAEC,KAAK,EAAEC,eAAe,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAEtF,SAASC,kBAAkB,QAAQ;AACnC,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB;;;;;;;;AAQA,SAASC,iBAAiBC,KAAsB;EAC9C,IAAI,OAAOA,KAAA,KAAU,YAAY,CAACA,KAAA,CAAMC,QAAQ,CAAC,QAAQ;IACvD,OAAO,CAACD,KAAA,CAAM;EAChB;EAEA,MAAME,QAAA,GAAWF,KAAA,CAAMG,KAAK,CAAC;EAE7B,IAAID,QAAA,CAASE,MAAM,IAAI,GAAG;IACxB,OAAOF,QAAA;EACT;EAEA;EACA,OAAO,CAACA,QAAQ,CAAC,EAAE,EAAE,OAAOA,QAAQ,CAACA,QAAA,CAASE,MAAM,GAAG,EAAE,CAAC;AAC5D;AAMA,MAAMC,WAAA,GAA0CA,CAAC;EAAEL;AAAK,CAAE;EACxD,MAAME,QAAA,GAAWH,gBAAA,CAAiBC,KAAA;EAElC,IAAIE,QAAA,CAASE,MAAM,KAAK,GAAG;IACzB,oBAAOE,IAAA,CAAAC,SAAA;gBAAGL,QAAQ,CAAC;;EACrB;EAEA,oBACEI,IAAA,CAAAC,SAAA;cACGL,QAAA,CAASM,GAAG,CAAC,CAACC,OAAA,EAASC,KAAA,kBACtBC,KAAA,CAAC7B,KAAA,CAAM8B,QAAQ;iBACZF,KAAA,GAAQ,kBAAKJ,IAAA,CAAC;QAAKO,SAAA,EAAW,GAAGf,SAAA,aAAsB;kBAAE;UACzDW,OAAA;OAFkBC,KAAA;;AAO7B;AAiBA,MAAMI,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAvC,EAAA;EAAC;IAAAwC,EAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAL,EAAmC;EAChF;IAAAM;EAAA,IAAc5B,cAAA;EAAA,IAAA6B,EAAA;EAAA,IAAAN,CAAA,QAAAC,EAAA;IAESK,EAAA;MAAAL;IAAA;IAErBD,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAHF;IAAAO,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC;EAAA,IACEjC,oBAAA,CAAqB0B,EAErB;EAOI,MAAAQ,EAAA,IAACZ,MAAA,IAAU,GAAApB,SAAA,kBAA8B;EACzC,MAAAiC,EAAA,GAAAP,UAAA,IAAc,GAAA1B,SAAA,kBAA8B;EAC5C,MAAAkC,EAAA,GAAAP,MAAA,IAAUC,SAAA,KAAcF,UAAA,IAAc,GAAA1B,SAAA,cAA0B;EAAA,IAAAmC,EAAA;EAAA,IAAAjB,CAAA,QAAAc,EAAA,IAAAd,CAAA,QAAAe,EAAA,IAAAf,CAAA,QAAAgB,EAAA;IAJvDC,EAAA,IACT,GAAAnC,SAAA,QAAoB,EACpBgC,EAAyC,EACzCC,EAA4C,EAC5CC,EAAgE,EAAAE,MAAA,CAAAC,OAExD;IAAAnB,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;IAAAhB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EANC,MAAAoB,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;EAIK,MAAAC,EAAA,GAAAd,UAAA,GAAAe,SAAA,GAAyBV,SAAA;EAAA,IAAAW,EAAA;EAAA,IAAAxB,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAW,SAAA,IAAAX,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAK,CAAA,IAAAL,CAAA,SAAAoB,EAAA,IAAApB,CAAA,SAAAsB,EAAA;IAbxCE,EAAA,GAAA7B,KAAA,CAAC;MAAA,cACaQ,SAAA;MAAAN,SAAA,EACDuB,EAOH;MAAAK,GAAA,EACHb,UAAA;MAAAc,KAAA;QAAAb,SAAA,EAGQS,EAAyB;QAAA,GACjCf,UAAA,CAAAmB;MAAA;MAAA,GAEDnB,UAAU;MAAAoB,QAAA,GAEdrC,IAAA,CAAC;QAAA,cACae,CAAA,CAAE;QAAAR,SAAA,EACH,GAAAf,SAAA,eAA2B;QAAA,GAClC6B,SAAS;QAAAgB,QAAA,EAEbrC,IAAA,CAAAjB,kBAAA;UAAAuD,IAAA;QAAA,C;UAEFtC,IAAA,CAAC;QAAAO,SAAA,EAAgB,GAAAf,SAAA,cAA0B;QAAA6C,QAAA,EACzCrC,IAAA,CAAAD,WAAA;UAAAL,KAAA,EAAoBmB;QAAA,C;UAEtBb,IAAA,CAAAT,MAAA;QAAAgD,OAAA,EAAiB3B,MAAA;QAAA4B,QAAA,EAAkB1B;MAAA,C;;;;;;;;;;;;;;;SA5BrCoB,E;CA+BJ;AAEA,OAAO,MAAMO,oBAAA,GAA4DA,CAAC;EACxEC,cAAc;EACdC,OAAO;EACPH,QAAQ;EACRI;AAAO,CACR;EACC,MAAM;IAAEC,IAAI;IAAE9B;EAAC,CAAE,GAAG5B,cAAA;EAEpB,MAAM2D,YAAA,GAAerE,WAAA,CAClBsE,MAAA;IACCP,QAAA,CACEG,OAAA,CAAQzC,GAAG,CAAE8C,GAAA,IAASA,GAAA,CAAIC,QAAQ,KAAKF,MAAA,GAAS;MAAE,GAAGC,GAAG;MAAEpC,MAAA,EAAQ,CAACoC,GAAA,CAAIpC;IAAO,IAAIoC,GAAA;EAEtF,GACA,CAACL,OAAA,EAASH,QAAA,CAAS;EAGrB,MAAMU,UAAA,GAAazE,WAAA,CACjB,CAAC;IAAE0E,SAAS;IAAEC;EAAO,CAA0C;IAC7D,MAAMC,IAAA,GAAO,C,GAAIV,OAAA,CAAQ;IACzB,MAAM,CAACW,KAAA,CAAM,GAAGD,IAAA,CAAKE,MAAM,CAACJ,SAAA,EAAW;IACvCE,IAAA,CAAKE,MAAM,CAACH,OAAA,EAAS,GAAGE,KAAA;IACxBd,QAAA,CAASa,IAAA;EACX,GACA,CAACV,OAAA,EAASH,QAAA,CAAS;EAGrB,MAAMgB,IAAA,GAAO9E,KAAA;EACb,MAAM+E,SAAA,GAAYvE,YAAA;EAClB,MAAM,CAACwE,WAAA,EAAaC,cAAA,CAAe,GAAG7E,QAAA,CAAS;EAC/C,MAAM8E,YAAA,GAAe/E,MAAA,CAAuB;EAC5C,MAAM,CAACgF,WAAA,EAAaC,cAAA,CAAe,GAAGhF,QAAA,CAAwB;EAE9D;EACAH,eAAA,CAAgB;IACd,IAAI,CAACiF,YAAA,CAAaG,OAAO,EAAE;MACzB;IACF;IAEA,IAAIL,WAAA,IAAeG,WAAA,KAAgB,MAAM;MACvC;MACAC,cAAA,CAAeF,YAAA,CAAaG,OAAO,CAACC,WAAW;IACjD,OAAO,IAAI,CAACN,WAAA,IAAeG,WAAA,KAAgB,MAAM;MAC/C;MACAC,cAAA,CAAe;IACjB;EACF,GAAG,CAACJ,WAAA,EAAaG,WAAA,CAAY;EAE7B,MAAMI,eAAA,GAAkBrF,OAAA,CACtB,MACE+D,OAAA,EAASf,MAAA,CACNoB,KAAA,IACC,EAAE3E,uBAAA,CAAwB2E,KAAA,CAAIkB,KAAK,KAAK,CAAC5F,SAAA,CAAU0E,KAAA,CAAIkB,KAAK,MAC5D,CAAC3F,eAAA,CAAgByE,KAAA,CAAIkB,KAAK,EAAE,YAElC,CAACvB,OAAA,CAAQ;EAGX,MAAMwB,WAAA,GAAcvF,OAAA,CAAQ;IAC1B,IAAI,CAACqF,eAAA,EAAiB;MACpB,OAAO;QAAEG,GAAA,EAAK,EAAE;QAAEC,MAAA,EAAQ,EAAE;QAAEC,KAAA,EAAO;MAAG;IAC1C;IAEA,MAAMC,KAAA,GAAQN,eAAA,CAAgB/D,GAAG,CAAC,CAAC8C,KAAA,EAAKwB,CAAA;MACtC,MAAM;QAAEvB,QAAQ;QAAErC,MAAM;QAAEsD;MAAK,CAAE,GAAGlB,KAAA;MAEpC,MAAMtD,KAAA,GACJ,qBAAqBwE,KAAA,IAASA,KAAA,CAAMO,eAAe,KAAKxC,SAAA,GACpDiC,KAAA,CAAMO,eAAe,GACrB,WAAWP,KAAA,IAASA,KAAA,CAAMxE,KAAK,KAAKuC,SAAA,IAAaiC,KAAA,CAAMxE,KAAK,KAAK,QAC/DwE,KAAA,CAAMxE,KAAK,GACX,UAAUwE,KAAA,IAASA,KAAA,CAAMQ,IAAI,KAAKzC,SAAA,GAChCiC,KAAA,CAAMQ,IAAI,GACVzB,QAAA;MAEV,MAAMpC,SAAA,GACJ,OAAOnB,KAAA,KAAU,WAAWA,KAAA,GAAQtB,cAAA,CAAesB,KAAA,EAAsBmD,IAAA;MAE3E,OAAO;QACLlC,EAAA,EAAI,GAAG+B,cAAA,IAAkBO,QAAA,IAAYuB,CAAA,GAAIf,SAAA,GAAY,IAAIA,SAAA,GAAY,GAAG,KAAKD,IAAA,EAAM;QACnFP,QAAA;QACArC,MAAA;QACAR,KAAA,EAAOoE,CAAA;QACP9E,KAAA;QACAmB;MACF;IACF;IAEA;IACA,MAAM8D,QAAA,GAAWjB,WAAA,GACba,KAAA,CAAM3C,MAAM,CAAEgD,IAAA,IAASA,IAAA,CAAK/D,SAAS,CAACgE,WAAW,GAAGlF,QAAQ,CAAC+D,WAAA,CAAYmB,WAAW,OACpFN,KAAA;IAEJ,OAAO;MACLH,GAAA,EAAKG,KAAA;MACLF,MAAA,EAAQM,QAAA,CAAS/C,MAAM,CAAEgD,MAAA,IAAS,CAACA,MAAA,CAAKhE,MAAM;MAC9C0D,KAAA,EAAOK,QAAA,CAAS/C,MAAM,CAAEgD,MAAA,IAASA,MAAA,CAAKhE,MAAM;IAC9C;EACF,GAAG,CAAC8B,cAAA,EAAgBe,SAAA,EAAWQ,eAAA,EAAiBpB,IAAA,EAAMa,WAAA,EAAaF,IAAA,CAAK;EAExE,MAAMsB,aAAA,GAAgBrG,WAAA,CACpB,CAAC;IAAEsG,aAAa;IAAEC;EAAW,CAAkD;IAC7E,IAAID,aAAA,KAAkBC,WAAA,EAAa;MACjC;IACF;IAEA;IACA,MAAMC,QAAA,GAAW,C,GAAId,WAAA,CAAYG,KAAK,E,GAAKH,WAAA,CAAYE,MAAM,CAAC;IAC9D,MAAMa,UAAA,GAAaf,WAAA,CAAYG,KAAK,CAACxE,MAAM;IAC3C,MAAMqF,QAAA,GAAWF,QAAQ,CAACF,aAAA,CAAc;IACxC,MAAMK,MAAA,GAASH,QAAQ,CAACD,WAAA,CAAY;IAEpC,IAAI,CAACG,QAAA,IAAY,CAACC,MAAA,EAAQ;MACxB;IACF;IAEA;IACA,MAAMC,WAAA,GAAcN,aAAA,GAAgBG,UAAA;IACpC,MAAMI,SAAA,GAAYN,WAAA,GAAcE,UAAA;IAEhC,IAAIG,WAAA,KAAgBC,SAAA,EAAW;MAC7B;MACA,KAAKxC,YAAA,CAAaqC,QAAA,CAASlC,QAAQ;MACnC;MACA;IACF;IAEA;IACA,KAAKC,UAAA,CAAW;MACdC,SAAA,EAAWgC,QAAA,CAAS/E,KAAK;MACzBgD,OAAA,EAASgC,MAAA,CAAOhF;IAClB;EACF,GACA,CAAC+D,WAAA,CAAYG,KAAK,EAAEH,WAAA,CAAYE,MAAM,EAAEnB,UAAA,EAAYJ,YAAA,CAAa;EAGnE,IAAI,CAACmB,eAAA,EAAiB;IACpB,OAAO;EACT;EAEA;EACA,MAAMsB,MAAA,GAAS,C,GAAIpB,WAAA,CAAYG,KAAK,E,GAAKH,WAAA,CAAYE,MAAM,CAAC,CAACnE,GAAG,CAAE0E,MAAA,IAASA,MAAA,CAAKjE,EAAE;EAElF,MAAM6E,cAAA,GAAiB3B,WAAA,GAClB;IAAE,kCAAkC,GAAGA,WAAA;EAAgB,IACxD5B,SAAA;EAEJ,oBACE5B,KAAA,CAAC;IACCE,SAAA,EAAWf,SAAA;IACX,0BAAwB;IACxB,qBAAmBqE,WAAA,GAAc,SAAS5B,SAAA;IAC1CE,GAAA,EAAKyB,YAAA;IACLxB,KAAA,EAAOoD,cAAA;4BAEPnF,KAAA,CAAC;MAAIE,SAAA,EAAW,GAAGf,SAAA,UAAmB;8BACpCQ,IAAA,CAAC;QAAKO,SAAA,EAAW,GAAGf,SAAA,SAAkB;kBAAGuB,CAAA,CAAE;UAC1C6B,OAAA,iBACC5C,IAAA,CAACZ,MAAA;QACC,cAAY2B,CAAA,CAAE;QACd0E,WAAA,EAAY;QACZlF,SAAA,EAAW,GAAGf,SAAA,SAAkB;QAChCkG,IAAA,eAAM1F,IAAA,CAACf,KAAA;UAAMqD,IAAA,EAAM;;QACnBqD,OAAA,EAAS/C;;qBAIf5C,IAAA,CAAC;MAAIO,SAAA,EAAW,GAAGf,SAAA,UAAmB;gBACpC,aAAAa,KAAA,CAAC;QAAIE,SAAA,EAAW,GAAGf,SAAA,cAAuB;gCACxCQ,IAAA,CAAChB,UAAA;UAAWsD,IAAA,EAAM;yBAClBtC,IAAA,CAAC;UACC,cAAYe,CAAA,CAAE;UACdR,SAAA,EAAW,GAAGf,SAAA,gBAAyB;UACvCgD,QAAA,EAAWoD,CAAA,IAAMjC,cAAA,CAAeiC,CAAA,CAAEC,MAAM,CAACC,KAAK;UAC9CC,WAAA,EAAahF,CAAA,CAAE;UACfiF,IAAA,EAAK;UACLF,KAAA,EAAOpC;;;qBAIb1D,IAAA,CAAC;MAAIO,SAAA,EAAW,GAAGf,SAAA,WAAoB;gBACrC,aAAAa,KAAA,CAAChB,iBAAA;QAAkB4G,GAAA,EAAKV,MAAA;QAAQW,SAAA,EAAWpB,aAAA;mBACxCX,WAAA,CAAYG,KAAK,CAACxE,MAAM,KAAK,KAAKqE,WAAA,CAAYE,MAAM,CAACvE,MAAM,KAAK,KAAK4D,WAAA,iBACpE1D,IAAA,CAAC;UAAIO,SAAA,EAAW,GAAGf,SAAA,cAAuB;oBAAGuB,CAAA,CAAE;YAEhDoD,WAAA,CAAYG,KAAK,CAACxE,MAAM,GAAG,kBAC1BO,KAAA,CAAC;UAAIE,SAAA,EAAW,GAAGf,SAAA,WAAoB;kCACrCQ,IAAA,CAAC;YAAIO,SAAA,EAAW,GAAGf,SAAA,kBAA2B;sBAAGuB,CAAA,CAAE;cAClDoD,WAAA,CAAYG,KAAK,CAACpE,GAAG,CAAE0E,MAAA,iBACtB5E,IAAA,CAACQ,UAAA;YACCI,MAAA,EAAQgE,MAAA,CAAKhE,MAAM;YACnBD,EAAA,EAAIiE,MAAA,CAAKjE,EAAE;YAEXE,SAAA,EAAW+D,MAAA,CAAK/D,SAAS;YACzBC,QAAA,EAAUA,CAAA;cACR,KAAKgC,YAAA,CAAa8B,MAAA,CAAK3B,QAAQ;YACjC;aAJK2B,MAAA,CAAKjE,EAAE;YASnBwD,WAAA,CAAYE,MAAM,CAACvE,MAAM,GAAG,kBAC3BO,KAAA,CAAC;UAAIE,SAAA,EAAW,GAAGf,SAAA,WAAoB;kCACrCQ,IAAA,CAAC;YAAIO,SAAA,EAAW,GAAGf,SAAA,kBAA2B;sBAAGuB,CAAA,CAAE;cAClDoD,WAAA,CAAYE,MAAM,CAACnE,GAAG,CAAE0E,MAAA,iBACvB5E,IAAA,CAACQ,UAAA;YACCI,MAAA,EAAQgE,MAAA,CAAKhE,MAAM;YACnBD,EAAA,EAAIiE,MAAA,CAAKjE,EAAE;YAEXE,SAAA,EAAW+D,MAAA,CAAK/D,SAAS;YACzBC,QAAA,EAAUA,CAAA;cACR,KAAKgC,YAAA,CAAa8B,MAAA,CAAK3B,QAAQ;YACjC;aAJK2B,MAAA,CAAKjE,EAAE;;;;;AAa9B","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import type { Column, SanitizedCollectionConfig } from 'payload';
+import React from 'react';
+export type ColumnSelectionButtonProps = {
+    readonly collectionSlug: SanitizedCollectionConfig['slug'];
+    readonly columns: Column[];
+    /** Called with the next column state whenever a column is toggled or reordered. */
+    readonly onChange: (columns: Column[]) => void;
+};
+export declare const ColumnSelectionButton: React.FC<ColumnSelectionButtonProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelection/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAC/C,CAAA;AAID,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmCtE,CAAA"}