@payloadcms/ui 3.67.0 → 3.68.0-internal-debug.2eb12b9

package/dist/elements/FolderView/MoveDocToFolder/index.js

@@ -1,6 +1,4 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -18,271 +16,136 @@ import { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js';
 const baseClass = 'move-doc-to-folder';
 /**
  * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.
- */
-export function MoveDocToFolder(t0) {
-  const $ = _c(29);
-  const {
-    buttonProps,
-    className: t1,
-    folderCollectionSlug,
-    folderFieldName
-  } = t0;
-  const className = t1 === undefined ? "" : t1;
-  const {
-    t
-  } = useTranslation();
-  const dispatchField = useFormFields(_temp);
-  let t2;
-  if ($[0] !== folderFieldName) {
-    t2 = t3 => {
-      const [fields] = t3;
-      return fields && fields?.[folderFieldName] || null;
-    };
-    $[0] = folderFieldName;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const currentParentFolder = useFormFields(t2);
-  const fromFolderID = currentParentFolder?.value;
-  const {
-    id,
-    collectionSlug,
-    initialData,
-    title
-  } = useDocumentInfo();
-  const {
-    setModified
-  } = useForm();
-  let t3;
-  if ($[2] !== t) {
-    t3 = () => `${t("general:loading")}...`;
-    $[2] = t;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const [fromFolderName, setFromFolderName] = React.useState(t3);
-  const {
-    config
-  } = useConfig();
-  const modalID = useId();
-  let t4;
-  let t5;
-  if ($[4] !== config.routes.api || $[5] !== folderCollectionSlug || $[6] !== fromFolderID || $[7] !== t) {
-    t4 = () => {
-      const fetchFolderLabel = async function fetchFolderLabel() {
-        if (fromFolderID && (typeof fromFolderID === "string" || typeof fromFolderID === "number")) {
-          const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`);
-          const folderData = await response.json();
-          setFromFolderName(folderData?.name || t("folder:noFolder"));
-        } else {
-          setFromFolderName(t("folder:noFolder"));
+ */ export function MoveDocToFolder({ buttonProps, className = '', folderCollectionSlug, folderFieldName }) {
+    const { t } = useTranslation();
+    const dispatchField = useFormFields(([_, dispatch])=>dispatch);
+    const currentParentFolder = useFormFields(([fields])=>fields && fields?.[folderFieldName] || null);
+    const fromFolderID = currentParentFolder?.value;
+    const { id, collectionSlug, initialData, title } = useDocumentInfo();
+    const { setModified } = useForm();
+    const [fromFolderName, setFromFolderName] = React.useState(()=>`${t('general:loading')}...`);
+    const { config } = useConfig();
+    const modalID = useId();
+    React.useEffect(()=>{
+        async function fetchFolderLabel() {
+            if (fromFolderID && (typeof fromFolderID === 'string' || typeof fromFolderID === 'number')) {
+                const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`);
+                const folderData = await response.json();
+                setFromFolderName(folderData?.name || t('folder:noFolder'));
+            } else {
+                setFromFolderName(t('folder:noFolder'));
+            }
         }
-      };
-      fetchFolderLabel();
-    };
-    t5 = [folderCollectionSlug, config.routes.api, fromFolderID, t];
-    $[4] = config.routes.api;
-    $[5] = folderCollectionSlug;
-    $[6] = fromFolderID;
-    $[7] = t;
-    $[8] = t4;
-    $[9] = t5;
-  } else {
-    t4 = $[8];
-    t5 = $[9];
-  }
-  React.useEffect(t4, t5);
-  const t6 = `move-to-folder-${modalID}`;
-  let t7;
-  if ($[10] !== currentParentFolder || $[11] !== dispatchField || $[12] !== folderFieldName || $[13] !== setModified) {
-    t7 = t8 => {
-      const {
-        id: id_0
-      } = t8;
-      if (currentParentFolder.value !== id_0) {
-        dispatchField({
-          type: "UPDATE",
-          path: folderFieldName,
-          value: id_0
-        });
-        setModified(true);
-      }
-    };
-    $[10] = currentParentFolder;
-    $[11] = dispatchField;
-    $[12] = folderFieldName;
-    $[13] = setModified;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  const t8 = !currentParentFolder?.value;
-  let t9;
-  if ($[15] !== buttonProps || $[16] !== className || $[17] !== collectionSlug || $[18] !== folderCollectionSlug || $[19] !== folderFieldName || $[20] !== fromFolderID || $[21] !== fromFolderName || $[22] !== id || $[23] !== initialData || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== title) {
-    t9 = _jsx(MoveDocToFolderButton, {
-      buttonProps,
-      className,
-      collectionSlug,
-      docData: initialData,
-      docID: id,
-      docTitle: title,
-      folderCollectionSlug,
-      folderFieldName,
-      fromFolderID,
-      fromFolderName,
-      modalSlug: t6,
-      onConfirm: t7,
-      skipConfirmModal: t8
+        void fetchFolderLabel();
+    }, [
+        folderCollectionSlug,
+        config.routes.api,
+        fromFolderID,
+        t
+    ]);
+    return /*#__PURE__*/ _jsx(MoveDocToFolderButton, {
+        buttonProps: buttonProps,
+        className: className,
+        collectionSlug: collectionSlug,
+        docData: initialData,
+        docID: id,
+        docTitle: title,
+        folderCollectionSlug: folderCollectionSlug,
+        folderFieldName: folderFieldName,
+        fromFolderID: fromFolderID,
+        fromFolderName: fromFolderName,
+        modalSlug: `move-to-folder-${modalID}`,
+        onConfirm: ({ id })=>{
+            if (currentParentFolder.value !== id) {
+                dispatchField({
+                    type: 'UPDATE',
+                    path: folderFieldName,
+                    value: id
+                });
+                setModified(true);
+            }
+        },
+        skipConfirmModal: !currentParentFolder?.value
     });
-    $[15] = buttonProps;
-    $[16] = className;
-    $[17] = collectionSlug;
-    $[18] = folderCollectionSlug;
-    $[19] = folderFieldName;
-    $[20] = fromFolderID;
-    $[21] = fromFolderName;
-    $[22] = id;
-    $[23] = initialData;
-    $[24] = t6;
-    $[25] = t7;
-    $[26] = t8;
-    $[27] = title;
-    $[28] = t9;
-  } else {
-    t9 = $[28];
-  }
-  return t9;
 }
 /**
  * This is a more generic button that can be used in other contexts, such as table cells and the edit view.
- */
-function _temp(t0) {
-  const [, dispatch] = t0;
-  return dispatch;
-}
-export const MoveDocToFolderButton = t0 => {
-  const $ = _c(22);
-  const {
-    buttonProps,
-    className,
-    collectionSlug,
-    docData,
-    docID,
-    docTitle,
-    folderCollectionSlug,
-    folderFieldName,
-    fromFolderID,
-    fromFolderName,
-    modalSlug,
-    onConfirm,
-    skipConfirmModal
-  } = t0;
-  const {
-    getEntityConfig
-  } = useConfig();
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    closeModal,
-    openModal
-  } = useModal();
-  const drawerDepth = useDrawerDepth();
-  let t1;
-  if ($[0] !== buttonProps || $[1] !== className || $[2] !== closeModal || $[3] !== collectionSlug || $[4] !== docData || $[5] !== docID || $[6] !== docTitle || $[7] !== drawerDepth || $[8] !== folderCollectionSlug || $[9] !== folderFieldName || $[10] !== fromFolderID || $[11] !== fromFolderName || $[12] !== getEntityConfig || $[13] !== i18n || $[14] !== modalSlug || $[15] !== onConfirm || $[16] !== openModal || $[17] !== skipConfirmModal || $[18] !== t) {
+ */ export const MoveDocToFolderButton = ({ buttonProps, className, collectionSlug, docData, docID, docTitle, folderCollectionSlug, folderFieldName, fromFolderID, fromFolderName, modalSlug, onConfirm, skipConfirmModal })=>{
+    const { getEntityConfig } = useConfig();
+    const { i18n, t } = useTranslation();
+    const { closeModal, openModal } = useModal();
+    const drawerDepth = useDrawerDepth();
     const drawerSlug = formatDrawerSlug({
-      slug: modalSlug,
-      depth: drawerDepth
+        slug: modalSlug,
+        depth: drawerDepth
     });
     const titleToRender = docTitle || getTranslation(getEntityConfig({
-      collectionSlug
+        collectionSlug
     }).labels.singular, i18n);
-    let t2;
-    if ($[20] !== className) {
-      t2 = [baseClass, className].filter(Boolean);
-      $[20] = className;
-      $[21] = t2;
-    } else {
-      t2 = $[21];
-    }
-    t1 = _jsxs(_Fragment, {
-      children: [_jsx(Button, {
-        buttonStyle: "subtle",
-        className: t2.join(" "),
-        icon: _jsx(FolderIcon, {}),
-        iconPosition: "left",
-        onClick: () => {
-          openModal(drawerSlug);
-        },
-        ...buttonProps,
-        children: fromFolderName
-      }), _jsx(MoveItemsToFolderDrawer, {
-        action: "moveItemToFolder",
-        drawerSlug,
-        folderAssignedCollections: [collectionSlug],
-        folderCollectionSlug,
-        folderFieldName,
-        fromFolderID,
-        fromFolderName,
-        itemsToMove: [{
-          itemKey: `${collectionSlug}-${docID}`,
-          relationTo: collectionSlug,
-          value: {
-            ...docData,
-            id: docID
-          }
-        }],
-        onConfirm: async args => {
-          if (fromFolderID !== args.id && typeof onConfirm === "function") {
-            ;
-            try {
-              await onConfirm(args);
-              if (args.id) {
-                toast.success(t("folder:itemHasBeenMoved", {
-                  folderName: `"${args.name}"`,
-                  title: titleToRender
-                }));
-              } else {
-                toast.success(t("folder:itemHasBeenMovedToRoot", {
-                  title: titleToRender
-                }));
-              }
-            } catch (t3) {
-              const _ = t3;
-            }
-          }
-          closeModal(drawerSlug);
-        },
-        skipConfirmModal,
-        title: titleToRender
-      })]
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                buttonStyle: "subtle",
+                className: [
+                    baseClass,
+                    className
+                ].filter(Boolean).join(' '),
+                icon: /*#__PURE__*/ _jsx(FolderIcon, {}),
+                iconPosition: "left",
+                onClick: ()=>{
+                    openModal(drawerSlug);
+                },
+                ...buttonProps,
+                children: fromFolderName
+            }),
+            /*#__PURE__*/ _jsx(MoveItemsToFolderDrawer, {
+                action: "moveItemToFolder",
+                drawerSlug: drawerSlug,
+                //todo this should inherit
+                folderAssignedCollections: [
+                    collectionSlug
+                ],
+                folderCollectionSlug: folderCollectionSlug,
+                folderFieldName: folderFieldName,
+                fromFolderID: fromFolderID,
+                fromFolderName: fromFolderName,
+                itemsToMove: [
+                    {
+                        itemKey: `${collectionSlug}-${docID}`,
+                        relationTo: collectionSlug,
+                        value: {
+                            ...docData,
+                            id: docID
+                        }
+                    }
+                ],
+                onConfirm: async (args)=>{
+                    if (fromFolderID !== args.id && typeof onConfirm === 'function') {
+                        try {
+                            await onConfirm(args);
+                            if (args.id) {
+                                // moved to folder
+                                toast.success(t('folder:itemHasBeenMoved', {
+                                    folderName: `"${args.name}"`,
+                                    title: titleToRender
+                                }));
+                            } else {
+                                // moved to root
+                                toast.success(t('folder:itemHasBeenMovedToRoot', {
+                                    title: titleToRender
+                                }));
+                            }
+                        } catch (_) {
+                        // todo: add error toast?
+                        }
+                    }
+                    closeModal(drawerSlug);
+                },
+                skipConfirmModal: skipConfirmModal,
+                title: titleToRender
+            })
+        ]
     });
-    $[0] = buttonProps;
-    $[1] = className;
-    $[2] = closeModal;
-    $[3] = collectionSlug;
-    $[4] = docData;
-    $[5] = docID;
-    $[6] = docTitle;
-    $[7] = drawerDepth;
-    $[8] = folderCollectionSlug;
-    $[9] = folderFieldName;
-    $[10] = fromFolderID;
-    $[11] = fromFolderName;
-    $[12] = getEntityConfig;
-    $[13] = i18n;
-    $[14] = modalSlug;
-    $[15] = onConfirm;
-    $[16] = openModal;
-    $[17] = skipConfirmModal;
-    $[18] = t;
-    $[19] = t1;
-  } else {
-    t1 = $[19];
-  }
-  return t1;
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/MoveDocToFolder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useId","toast","useForm","useFormFields","FolderIcon","useConfig","useDocumentInfo","useTranslation","Button","formatDrawerSlug","useDrawerDepth","MoveItemsToFolderDrawer","baseClass","MoveDocToFolder","t0","$","buttonProps","className","t1","folderCollectionSlug","folderFieldName","undefined","t","dispatchField","_temp","t2","t3","fields","currentParentFolder","fromFolderID","value","id","collectionSlug","initialData","title","setModified","fromFolderName","setFromFolderName","useState","config","modalID","t4","t5","routes","api","fetchFolderLabel","response","fetch","folderData","json","name","useEffect","t6","t7","t8","id_0","type","path","t9","_jsx","MoveDocToFolderButton","docData","docID","docTitle","modalSlug","onConfirm","skipConfirmModal","dispatch","getEntityConfig","i18n","closeModal","openModal","drawerDepth","drawerSlug","slug","depth","titleToRender","labels","singular","filter","Boolean","_jsxs","_Fragment","children","buttonStyle","join","icon","iconPosition","onClick","action","folderAssignedCollections","itemsToMove","itemKey","relationTo","args","success","folderName","_"],"sources":["../../../../src/elements/FolderView/MoveDocToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useId } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props as ButtonProps } from '../../Button/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { FolderIcon } from '../../../icons/Folder/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { formatDrawerSlug, useDrawerDepth } from '../../Drawer/index.js'\nimport './index.scss'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst baseClass = 'move-doc-to-folder'\n\n/**\n * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.\n */\nexport function MoveDocToFolder({\n  buttonProps,\n  className = '',\n  folderCollectionSlug,\n  folderFieldName,\n}: {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n}) {\n  const { t } = useTranslation()\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n  const currentParentFolder = useFormFields(\n    ([fields]) => (fields && fields?.[folderFieldName]) || null,\n  )\n  const fromFolderID = currentParentFolder?.value\n  const { id, collectionSlug, initialData, title } = useDocumentInfo()\n  const { setModified } = useForm()\n  const [fromFolderName, setFromFolderName] = React.useState(() => `${t('general:loading')}...`)\n\n  const { config } = useConfig()\n  const modalID = useId()\n\n  React.useEffect(() => {\n    async function fetchFolderLabel() {\n      if (fromFolderID && (typeof fromFolderID === 'string' || typeof fromFolderID === 'number')) {\n        const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`)\n        const folderData = await response.json()\n        setFromFolderName(folderData?.name || t('folder:noFolder'))\n      } else {\n        setFromFolderName(t('folder:noFolder'))\n      }\n    }\n\n    void fetchFolderLabel()\n  }, [folderCollectionSlug, config.routes.api, fromFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={buttonProps}\n      className={className}\n      collectionSlug={collectionSlug}\n      docData={initialData as FolderOrDocument['value']}\n      docID={id}\n      docTitle={title}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID as number | string}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-to-folder-${modalID}`}\n      onConfirm={({ id }) => {\n        if (currentParentFolder.value !== id) {\n          dispatchField({\n            type: 'UPDATE',\n            path: folderFieldName,\n            value: id,\n          })\n          setModified(true)\n        }\n      }}\n      skipConfirmModal={!currentParentFolder?.value}\n    />\n  )\n}\n\ntype MoveDocToFolderButtonProps = {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly docData: FolderOrDocument['value']\n  readonly docID: number | string\n  readonly docTitle?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName: string\n  readonly modalSlug: string\n  readonly onConfirm?: (args: { id: number | string; name: string }) => Promise<void> | void\n  readonly skipConfirmModal?: boolean\n}\n\n/**\n * This is a more generic button that can be used in other contexts, such as table cells and the edit view.\n */\nexport const MoveDocToFolderButton = ({\n  buttonProps,\n  className,\n  collectionSlug,\n  docData,\n  docID,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  fromFolderID,\n  fromFolderName,\n  modalSlug,\n  onConfirm,\n  skipConfirmModal,\n}: MoveDocToFolderButtonProps) => {\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const drawerSlug = formatDrawerSlug({ slug: modalSlug, depth: drawerDepth })\n\n  const titleToRender =\n    docTitle || getTranslation(getEntityConfig({ collectionSlug }).labels.singular, i18n)\n\n  return (\n    <>\n      <Button\n        buttonStyle=\"subtle\"\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        icon={<FolderIcon />}\n        iconPosition=\"left\"\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n        {...buttonProps}\n      >\n        {fromFolderName}\n      </Button>\n\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={drawerSlug}\n        //todo this should inherit\n        folderAssignedCollections={[collectionSlug]}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={fromFolderID}\n        fromFolderName={fromFolderName}\n        itemsToMove={[\n          {\n            itemKey: `${collectionSlug}-${docID}`,\n            relationTo: collectionSlug,\n            value: { ...docData, id: docID },\n          },\n        ]}\n        onConfirm={async (args) => {\n          if (fromFolderID !== args.id && typeof onConfirm === 'function') {\n            try {\n              await onConfirm(args)\n\n              if (args.id) {\n                // moved to folder\n                toast.success(\n                  t('folder:itemHasBeenMoved', {\n                    folderName: `\"${args.name}\"`,\n                    title: titleToRender,\n                  }),\n                )\n              } else {\n                // moved to root\n                toast.success(\n                  t('folder:itemHasBeenMovedToRoot', {\n                    title: titleToRender,\n                  }),\n                )\n              }\n            } catch (_) {\n              // todo: add error toast?\n            }\n          }\n\n          closeModal(drawerSlug)\n        }}\n        skipConfirmModal={skipConfirmModal}\n        title={titleToRender}\n      />\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAC7B,SAASC,KAAK,QAAQ;AAItB,SAASC,OAAO,EAAEC,aAAa,QAAQ;AACvC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,gBAAgB,EAAEC,cAAc,QAAQ;AACjD,OAAO;AACP,SAASC,uBAAuB,QAAQ;AAExC,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,SAAAC,gBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAAyB;IAAAoB,WAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,oBAAA;IAAAC;EAAA,IAAAN,EAU/B;EARC,MAAAG,SAAA,GAAAC,EAAc,KAAAG,SAAA,GAAF,EAAE,GAAdH,EAAc;EASd;IAAAI;EAAA,IAAcf,cAAA;EACd,MAAAgB,aAAA,GAAsBpB,aAAA,CAAAqB,KAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAK,eAAA;IAErDK,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAASP,eAAA,CAAgB,QAAK;IAAA;IAAAL,CAAA,MAAAK,eAAA;IAAAL,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EADzD,MAAAa,mBAAA,GAA4BzB,aAAA,CAC1BsB,EAAuD;EAEzD,MAAAI,YAAA,GAAqBD,mBAAA,EAAAE,KAAA;EACrB;IAAAC,EAAA;IAAAC,cAAA;IAAAC,WAAA;IAAAC;EAAA,IAAmD5B,eAAA;EACnD;IAAA6B;EAAA,IAAwBjC,OAAA;EAAA,IAAAwB,EAAA;EAAA,IAAAX,CAAA,QAAAO,CAAA;IACmCI,EAAA,GAAAA,CAAA,KAAM,GAAGJ,CAAA,CAAE,uBAAuB;IAAAP,CAAA,MAAAO,CAAA;IAAAP,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAA7F,OAAAqB,cAAA,EAAAC,iBAAA,IAA4CtC,KAAA,CAAAuC,QAAA,CAAeZ,EAAkC;EAE7F;IAAAa;EAAA,IAAmBlC,SAAA;EACnB,MAAAmC,OAAA,GAAgBxC,KAAA;EAAA,IAAAyC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA3B,CAAA,QAAAwB,MAAA,CAAAI,MAAA,CAAAC,GAAA,IAAA7B,CAAA,QAAAI,oBAAA,IAAAJ,CAAA,QAAAc,YAAA,IAAAd,CAAA,QAAAO,CAAA;IAEAmB,EAAA,GAAAA,CAAA;MACd,MAAAI,gBAAA,kBAAAA,iBAAA;QAAA,IACMhB,YAAA,KAAiB,OAAOA,YAAA,KAAiB,YAAY,OAAOA,YAAA,KAAiB,QAAO;UACtF,MAAAiB,QAAA,SAAuBC,KAAA,CAAM,GAAGR,MAAA,CAAAI,MAAA,CAAAC,GAAA,IAAqBzB,oBAAA,IAAwBU,YAAA,EAAc;UAC3F,MAAAmB,UAAA,SAAyBF,QAAA,CAAAG,IAAA,CAAa;UACtCZ,iBAAA,CAAkBW,UAAA,EAAAE,IAAA,IAAoB5B,CAAA,CAAE;QAAA;UAExCe,iBAAA,CAAkBf,CAAA,CAAE;QAAA;MAAA;MAInBuB,gBAAA;IAAA;IACJH,EAAA,IAACvB,oBAAA,EAAsBoB,MAAA,CAAAI,MAAA,CAAAC,GAAA,EAAmBf,YAAA,EAAcP,CAAA;IAAEP,CAAA,MAAAwB,MAAA,CAAAI,MAAA,CAAAC,GAAA;IAAA7B,CAAA,MAAAI,oBAAA;IAAAJ,CAAA,MAAAc,YAAA;IAAAd,CAAA,MAAAO,CAAA;IAAAP,CAAA,MAAA0B,EAAA;IAAA1B,CAAA,MAAA2B,EAAA;EAAA;IAAAD,EAAA,GAAA1B,CAAA;IAAA2B,EAAA,GAAA3B,CAAA;EAAA;EAZ7DhB,KAAA,CAAAoD,SAAA,CAAgBV,EAYhB,EAAGC,EAA0D;EAc9C,MAAAU,EAAA,qBAAkBZ,OAAA,EAAS;EAAA,IAAAa,EAAA;EAAA,IAAAtC,CAAA,SAAAa,mBAAA,IAAAb,CAAA,SAAAQ,aAAA,IAAAR,CAAA,SAAAK,eAAA,IAAAL,CAAA,SAAAoB,WAAA;IAC3BkB,EAAA,GAAAC,EAAA;MAAC;QAAAvB,EAAA,EAAAwB;MAAA,IAAAD,EAAM;MAAA,IACZ1B,mBAAA,CAAAE,KAAA,KAA8BC,IAAA;QAChCR,aAAA;UAAAiC,IAAA,EACQ;UAAAC,IAAA,EACArC,eAAA;UAAAU,KAAA,EACCC;QAAA,CACT;QACAI,WAAA,KAAY;MAAA;IAAA;IAEhBpB,CAAA,OAAAa,mBAAA;IAAAb,CAAA,OAAAQ,aAAA;IAAAR,CAAA,OAAAK,eAAA;IAAAL,CAAA,OAAAoB,WAAA;IAAApB,CAAA,OAAAsC,EAAA;EAAA;IAAAA,EAAA,GAAAtC,CAAA;EAAA;EACkB,MAAAuC,EAAA,IAAC1B,mBAAA,EAAAE,KAAA;EAAqB,IAAA4B,EAAA;EAAA,IAAA3C,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAE,SAAA,IAAAF,CAAA,SAAAiB,cAAA,IAAAjB,CAAA,SAAAI,oBAAA,IAAAJ,CAAA,SAAAK,eAAA,IAAAL,CAAA,SAAAc,YAAA,IAAAd,CAAA,SAAAqB,cAAA,IAAArB,CAAA,SAAAgB,EAAA,IAAAhB,CAAA,SAAAkB,WAAA,IAAAlB,CAAA,SAAAqC,EAAA,IAAArC,CAAA,SAAAsC,EAAA,IAAAtC,CAAA,SAAAuC,EAAA,IAAAvC,CAAA,SAAAmB,KAAA;IAtB1CwB,EAAA,GAAAC,IAAA,CAAAC,qBAAA;MAAA5C,WAAA;MAAAC,SAAA;MAAAe,cAAA;MAAA6B,OAAA,EAIW5B,WAAA;MAAA6B,KAAA,EACF/B,EAAA;MAAAgC,QAAA,EACG7B,KAAA;MAAAf,oBAAA;MAAAC,eAAA;MAAAS,YAAA;MAAAO,cAAA;MAAA4B,SAAA,EAKCZ,EAA2B;MAAAa,SAAA,EAC3BZ,EASX;MAAAa,gBAAA,EACkBZ;IAAsB,C;;;;;;;;;;;;;;;;;;SAtB1CI,E;;AA2CJ;;;AAlFO,SAAAlC,MAAAV,EAAA;EAYgC,SAAAqD,QAAA,IAAArD,EAAa;EAAA,OAAKqD,QAAA;AAAA;AAyEzD,OAAO,MAAMP,qBAAA,GAAwB9C,EAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAAC;IAAAoB,WAAA;IAAAC,SAAA;IAAAe,cAAA;IAAA6B,OAAA;IAAAC,KAAA;IAAAC,QAAA;IAAA5C,oBAAA;IAAAC,eAAA;IAAAS,YAAA;IAAAO,cAAA;IAAA4B,SAAA;IAAAC,SAAA;IAAAC;EAAA,IAAApD,EAcT;EAC3B;IAAAsD;EAAA,IAA4B/D,SAAA;EAC5B;IAAAgE,IAAA;IAAA/C;EAAA,IAAoBf,cAAA;EACpB;IAAA+D,UAAA;IAAAC;EAAA,IAAkC1E,QAAA;EAClC,MAAA2E,WAAA,GAAoB9D,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAuD,UAAA,IAAAvD,CAAA,QAAAiB,cAAA,IAAAjB,CAAA,QAAA8C,OAAA,IAAA9C,CAAA,QAAA+C,KAAA,IAAA/C,CAAA,QAAAgD,QAAA,IAAAhD,CAAA,QAAAyD,WAAA,IAAAzD,CAAA,QAAAI,oBAAA,IAAAJ,CAAA,QAAAK,eAAA,IAAAL,CAAA,SAAAc,YAAA,IAAAd,CAAA,SAAAqB,cAAA,IAAArB,CAAA,SAAAqD,eAAA,IAAArD,CAAA,SAAAsD,IAAA,IAAAtD,CAAA,SAAAiD,SAAA,IAAAjD,CAAA,SAAAkD,SAAA,IAAAlD,CAAA,SAAAwD,SAAA,IAAAxD,CAAA,SAAAmD,gBAAA,IAAAnD,CAAA,SAAAO,CAAA;IACpB,MAAAmD,UAAA,GAAmBhE,gBAAA;MAAAiE,IAAA,EAAyBV,SAAA;MAAAW,KAAA,EAAkBH;IAAA,CAAY;IAE1E,MAAAI,aAAA,GACEb,QAAA,IAAYjE,cAAA,CAAesE,eAAA;MAAApC;IAAA,CAAiC,EAAA6C,MAAA,CAAAC,QAAA,EAAoBT,IAAA;IAAA,IAAA5C,EAAA;IAAA,IAAAV,CAAA,SAAAE,SAAA;MAMjEQ,EAAA,IAAAb,SAAA,EAAYK,SAAA,EAAA8D,MAAA,CAAAC,OAAkB;MAAAjE,CAAA,OAAAE,SAAA;MAAAF,CAAA,OAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IAH7CG,EAAA,GAAA+D,KAAA,CAAAC,SAAA;MAAAC,QAAA,GACExB,IAAA,CAAAnD,MAAA;QAAA4E,WAAA,EACc;QAAAnE,SAAA,EACDQ,EAA8B,CAAA4D,IAAA,CAAc;QAAAC,IAAA,EACjD3B,IAAA,CAAAvD,UAAA,IAAC;QAAAmF,YAAA,EACM;QAAAC,OAAA,EAAAA,CAAA;UAEXjB,SAAA,CAAUE,UAAA;QAAA;QAAA,GAERzD,WAAW;QAAAmE,QAAA,EAEd/C;MAAA,C,GAGHuB,IAAA,CAAAhD,uBAAA;QAAA8E,MAAA,EACS;QAAAhB,UAAA;QAAAiB,yBAAA,GAGqB1D,cAAA;QAAAb,oBAAA;QAAAC,eAAA;QAAAS,YAAA;QAAAO,cAAA;QAAAuD,WAAA;UAAAC,OAAA,EAOf,GAAG5D,cAAA,IAAkB8B,KAAA,EAAO;UAAA+B,UAAA,EACzB7D,cAAA;UAAAF,KAAA;YAAA,GACA+B,OAAO;YAAA9B,EAAA,EAAM+B;UAAA;QAAA;QAAAG,SAAA,QAAA6B,IAAA;UAAA,IAIvBjE,YAAA,KAAiBiE,IAAA,CAAA/D,EAAO,IAAI,OAAOkC,SAAA,KAAc;YAAA;YAAA;cAAA,MAE3CA,SAAA,CAAU6B,IAAA;cAAA,IAEZA,IAAA,CAAA/D,EAAA;gBAEF9B,KAAA,CAAA8F,OAAA,CACEzE,CAAA,CAAE;kBAAA0E,UAAA,EACY,IAAIF,IAAA,CAAA5C,IAAA,GAAY;kBAAAhB,KAAA,EACrB0C;gBAAA,CACT;cAAA;gBAIF3E,KAAA,CAAA8F,OAAA,CACEzE,CAAA,CAAE;kBAAAY,KAAA,EACO0C;gBAAA,CACT;cAAA;YAAA,SAAAlD,EAAA;cAGGuE,KAAA,CAAAA,CAAA,CAAAA,CAAA,CAAAA,EAAA;YAAA;UAAA;UAKX3B,UAAA,CAAWG,UAAA;QAAA;QAAAP,gBAAA;QAAAhC,KAAA,EAGN0C;MAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;SA3DX1D,E;CA+DJ","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/MoveDocToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useId } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props as ButtonProps } from '../../Button/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { FolderIcon } from '../../../icons/Folder/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { formatDrawerSlug, useDrawerDepth } from '../../Drawer/index.js'\nimport './index.scss'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst baseClass = 'move-doc-to-folder'\n\n/**\n * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.\n */\nexport function MoveDocToFolder({\n  buttonProps,\n  className = '',\n  folderCollectionSlug,\n  folderFieldName,\n}: {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n}) {\n  const { t } = useTranslation()\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n  const currentParentFolder = useFormFields(\n    ([fields]) => (fields && fields?.[folderFieldName]) || null,\n  )\n  const fromFolderID = currentParentFolder?.value\n  const { id, collectionSlug, initialData, title } = useDocumentInfo()\n  const { setModified } = useForm()\n  const [fromFolderName, setFromFolderName] = React.useState(() => `${t('general:loading')}...`)\n\n  const { config } = useConfig()\n  const modalID = useId()\n\n  React.useEffect(() => {\n    async function fetchFolderLabel() {\n      if (fromFolderID && (typeof fromFolderID === 'string' || typeof fromFolderID === 'number')) {\n        const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`)\n        const folderData = await response.json()\n        setFromFolderName(folderData?.name || t('folder:noFolder'))\n      } else {\n        setFromFolderName(t('folder:noFolder'))\n      }\n    }\n\n    void fetchFolderLabel()\n  }, [folderCollectionSlug, config.routes.api, fromFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={buttonProps}\n      className={className}\n      collectionSlug={collectionSlug}\n      docData={initialData as FolderOrDocument['value']}\n      docID={id}\n      docTitle={title}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID as number | string}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-to-folder-${modalID}`}\n      onConfirm={({ id }) => {\n        if (currentParentFolder.value !== id) {\n          dispatchField({\n            type: 'UPDATE',\n            path: folderFieldName,\n            value: id,\n          })\n          setModified(true)\n        }\n      }}\n      skipConfirmModal={!currentParentFolder?.value}\n    />\n  )\n}\n\ntype MoveDocToFolderButtonProps = {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly docData: FolderOrDocument['value']\n  readonly docID: number | string\n  readonly docTitle?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName: string\n  readonly modalSlug: string\n  readonly onConfirm?: (args: { id: number | string; name: string }) => Promise<void> | void\n  readonly skipConfirmModal?: boolean\n}\n\n/**\n * This is a more generic button that can be used in other contexts, such as table cells and the edit view.\n */\nexport const MoveDocToFolderButton = ({\n  buttonProps,\n  className,\n  collectionSlug,\n  docData,\n  docID,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  fromFolderID,\n  fromFolderName,\n  modalSlug,\n  onConfirm,\n  skipConfirmModal,\n}: MoveDocToFolderButtonProps) => {\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const drawerSlug = formatDrawerSlug({ slug: modalSlug, depth: drawerDepth })\n\n  const titleToRender =\n    docTitle || getTranslation(getEntityConfig({ collectionSlug }).labels.singular, i18n)\n\n  return (\n    <>\n      <Button\n        buttonStyle=\"subtle\"\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        icon={<FolderIcon />}\n        iconPosition=\"left\"\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n        {...buttonProps}\n      >\n        {fromFolderName}\n      </Button>\n\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={drawerSlug}\n        //todo this should inherit\n        folderAssignedCollections={[collectionSlug]}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={fromFolderID}\n        fromFolderName={fromFolderName}\n        itemsToMove={[\n          {\n            itemKey: `${collectionSlug}-${docID}`,\n            relationTo: collectionSlug,\n            value: { ...docData, id: docID },\n          },\n        ]}\n        onConfirm={async (args) => {\n          if (fromFolderID !== args.id && typeof onConfirm === 'function') {\n            try {\n              await onConfirm(args)\n\n              if (args.id) {\n                // moved to folder\n                toast.success(\n                  t('folder:itemHasBeenMoved', {\n                    folderName: `\"${args.name}\"`,\n                    title: titleToRender,\n                  }),\n                )\n              } else {\n                // moved to root\n                toast.success(\n                  t('folder:itemHasBeenMovedToRoot', {\n                    title: titleToRender,\n                  }),\n                )\n              }\n            } catch (_) {\n              // todo: add error toast?\n            }\n          }\n\n          closeModal(drawerSlug)\n        }}\n        skipConfirmModal={skipConfirmModal}\n        title={titleToRender}\n      />\n    </>\n  )\n}\n"],"names":["useModal","getTranslation","React","useId","toast","useForm","useFormFields","FolderIcon","useConfig","useDocumentInfo","useTranslation","Button","formatDrawerSlug","useDrawerDepth","MoveItemsToFolderDrawer","baseClass","MoveDocToFolder","buttonProps","className","folderCollectionSlug","folderFieldName","t","dispatchField","_","dispatch","currentParentFolder","fields","fromFolderID","value","id","collectionSlug","initialData","title","setModified","fromFolderName","setFromFolderName","useState","config","modalID","useEffect","fetchFolderLabel","response","fetch","routes","api","folderData","json","name","MoveDocToFolderButton","docData","docID","docTitle","modalSlug","onConfirm","type","path","skipConfirmModal","getEntityConfig","i18n","closeModal","openModal","drawerDepth","drawerSlug","slug","depth","titleToRender","labels","singular","buttonStyle","filter","Boolean","join","icon","iconPosition","onClick","action","folderAssignedCollections","itemsToMove","itemKey","relationTo","args","success","folderName"],"mappings":"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"}

package/dist/elements/FolderView/SimpleTable/index.js

@@ -1,95 +1,73 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'simple-table';
-export const SimpleTable = ({
-  appearance,
-  className,
-  headerCells: headers,
-  tableRows: rows
-}) => {
-  return /*#__PURE__*/_jsx("div", {
-    className: [className, baseClass, appearance && `${baseClass}--appearance-${appearance}`].filter(Boolean).join(' '),
-    children: /*#__PURE__*/_jsxs("table", {
-      cellPadding: 0,
-      cellSpacing: 0,
-      className: `${baseClass}__table`,
-      children: [/*#__PURE__*/_jsx(TableHead, {
-        children: /*#__PURE__*/_jsx(TableRow, {
-          children: headers
+export const SimpleTable = ({ appearance, className, headerCells: headers, tableRows: rows })=>{
+    return /*#__PURE__*/ _jsx("div", {
+        className: [
+            className,
+            baseClass,
+            appearance && `${baseClass}--appearance-${appearance}`
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsxs("table", {
+            cellPadding: 0,
+            cellSpacing: 0,
+            className: `${baseClass}__table`,
+            children: [
+                /*#__PURE__*/ _jsx(TableHead, {
+                    children: /*#__PURE__*/ _jsx(TableRow, {
+                        children: headers
+                    })
+                }),
+                /*#__PURE__*/ _jsx(TableBody, {
+                    children: rows
+                })
+            ]
         })
-      }), /*#__PURE__*/_jsx(TableBody, {
-        children: rows
-      })]
-    })
-  });
+    });
 };
-export const TableHead = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("thead", {
-    className: `${baseClass}__thead ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableHead = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsx("thead", {
+        className: `${baseClass}__thead ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    });
 };
-export const TableBody = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("tbody", {
-    className: `${baseClass}__tbody ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableBody = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsx("tbody", {
+        className: `${baseClass}__tbody ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    });
 };
-export const TableRow = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("tr", {
-    className: `${baseClass}__tr ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableRow = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsx("tr", {
+        className: `${baseClass}__tr ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    });
 };
-export const TableCell = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("td", {
-    className: `${baseClass}__td ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableCell = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsx("td", {
+        className: `${baseClass}__td ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    });
 };
-export const TableHeader = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("th", {
-    className: `${baseClass}__th ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const TableHeader = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsx("th", {
+        className: `${baseClass}__th ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    });
 };
-export const HiddenCell = ({
-  children,
-  className,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx("td", {
-    className: `${baseClass}__hidden-cell ${className || ''}`.trim(),
-    ...rest,
-    children: children
-  });
+export const HiddenCell = ({ children, className, ...rest })=>{
+    return /*#__PURE__*/ _jsx("td", {
+        className: `${baseClass}__hidden-cell ${className || ''}`.trim(),
+        ...rest,
+        children: children
+    });
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/SimpleTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","SimpleTable","appearance","className","headerCells","headers","tableRows","rows","_jsx","filter","Boolean","join","_jsxs","cellPadding","cellSpacing","TableHead","TableRow","TableBody","children","rest","trim","TableCell","TableHeader","HiddenCell"],"sources":["../../../../src/elements/FolderView/SimpleTable/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'simple-table'\n\ntype TableProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly className?: string\n  readonly headerCells: React.ReactNode[]\n  readonly tableRows: React.ReactNode[]\n}\nexport const SimpleTable = ({\n  appearance,\n  className,\n  headerCells: headers,\n  tableRows: rows,\n}: TableProps) => {\n  return (\n    <div\n      className={[className, baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <table cellPadding={0} cellSpacing={0} className={`${baseClass}__table`}>\n        <TableHead>\n          <TableRow>{headers}</TableRow>\n        </TableHead>\n\n        <TableBody>{rows}</TableBody>\n      </table>\n    </div>\n  )\n}\n\nexport const TableHead = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>\n      {children}\n    </thead>\n  )\n}\n\nexport const TableBody = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tbody>\n  )\n}\n\nexport const TableRow = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableRowElement>) => {\n  return (\n    <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tr>\n  )\n}\n\nexport const TableCell = ({\n  children,\n  className,\n  ...rest\n}: React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n\nexport const TableHeader = ({\n  children,\n  className,\n  ...rest\n}: React.ThHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>\n      {children}\n    </th>\n  )\n}\n\nexport const HiddenCell = ({\n  children,\n  className,\n  ...rest\n}: { children?: React.ReactNode } & React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAC1BC,UAAU;EACVC,SAAS;EACTC,WAAA,EAAaC,OAAO;EACpBC,SAAA,EAAWC;AAAI,CACJ;EACX,oBACEC,IAAA,CAAC;IACCL,SAAA,EAAW,CAACA,SAAA,EAAWH,SAAA,EAAWE,UAAA,IAAc,GAAGF,SAAA,gBAAyBE,UAAA,EAAY,CAAC,CACtFO,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;cAER,aAAAC,KAAA,CAAC;MAAMC,WAAA,EAAa;MAAGC,WAAA,EAAa;MAAGX,SAAA,EAAW,GAAGH,SAAA,SAAkB;8BACrEQ,IAAA,CAACO,SAAA;kBACC,aAAAP,IAAA,CAACQ,QAAA;oBAAUX;;uBAGbG,IAAA,CAACS,SAAA;kBAAWV;;;;AAIpB;AAEA,OAAO,MAAMQ,SAAA,GAAYA,CAAC;EACxBG,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2C;EAC9C,oBACEX,IAAA,CAAC;IAAML,SAAA,EAAW,GAAGH,SAAA,WAAoBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cACxED;;AAGP;AAEA,OAAO,MAAMD,SAAA,GAAYA,CAAC;EACxBC,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2C;EAC9C,oBACEX,IAAA,CAAC;IAAML,SAAA,EAAW,GAAGH,SAAA,WAAoBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cACxED;;AAGP;AAEA,OAAO,MAAMF,QAAA,GAAWA,CAAC;EACvBE,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CACuC;EAC1C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMG,SAAA,GAAYA,CAAC;EACxBH,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC0C;EAC7C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMI,WAAA,GAAcA,CAAC;EAC1BJ,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC0C;EAC7C,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,QAAiBG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAClED;;AAGP;AAEA,OAAO,MAAMK,UAAA,GAAaA,CAAC;EACzBL,QAAQ;EACRf,SAAS;EACT,GAAGgB;AAAA,CAC2E;EAC9E,oBACEX,IAAA,CAAC;IAAGL,SAAA,EAAW,GAAGH,SAAA,iBAA0BG,SAAA,IAAa,IAAI,CAACiB,IAAI;IAAK,GAAGD,IAAI;cAC3ED;;AAGP","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/SimpleTable/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'simple-table'\n\ntype TableProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly className?: string\n  readonly headerCells: React.ReactNode[]\n  readonly tableRows: React.ReactNode[]\n}\nexport const SimpleTable = ({\n  appearance,\n  className,\n  headerCells: headers,\n  tableRows: rows,\n}: TableProps) => {\n  return (\n    <div\n      className={[className, baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <table cellPadding={0} cellSpacing={0} className={`${baseClass}__table`}>\n        <TableHead>\n          <TableRow>{headers}</TableRow>\n        </TableHead>\n\n        <TableBody>{rows}</TableBody>\n      </table>\n    </div>\n  )\n}\n\nexport const TableHead = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <thead className={`${baseClass}__thead ${className || ''}`.trim()} {...rest}>\n      {children}\n    </thead>\n  )\n}\n\nexport const TableBody = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableSectionElement>) => {\n  return (\n    <tbody className={`${baseClass}__tbody ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tbody>\n  )\n}\n\nexport const TableRow = ({\n  children,\n  className,\n  ...rest\n}: React.HTMLAttributes<HTMLTableRowElement>) => {\n  return (\n    <tr className={`${baseClass}__tr ${className || ''}`.trim()} {...rest}>\n      {children}\n    </tr>\n  )\n}\n\nexport const TableCell = ({\n  children,\n  className,\n  ...rest\n}: React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__td ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n\nexport const TableHeader = ({\n  children,\n  className,\n  ...rest\n}: React.ThHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <th className={`${baseClass}__th ${className || ''}`.trim()} {...rest}>\n      {children}\n    </th>\n  )\n}\n\nexport const HiddenCell = ({\n  children,\n  className,\n  ...rest\n}: { children?: React.ReactNode } & React.TdHTMLAttributes<HTMLTableCellElement>) => {\n  return (\n    <td className={`${baseClass}__hidden-cell ${className || ''}`.trim()} {...rest}>\n      {children}\n    </td>\n  )\n}\n"],"names":["React","baseClass","SimpleTable","appearance","className","headerCells","headers","tableRows","rows","div","filter","Boolean","join","table","cellPadding","cellSpacing","TableHead","TableRow","TableBody","children","rest","thead","trim","tbody","tr","TableCell","td","TableHeader","th","HiddenCell"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAQlB,OAAO,MAAMC,cAAc,CAAC,EAC1BC,UAAU,EACVC,SAAS,EACTC,aAAaC,OAAO,EACpBC,WAAWC,IAAI,EACJ;IACX,qBACE,KAACC;QACCL,WAAW;YAACA;YAAWH;YAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;SAAC,CACtFO,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,MAACC;YAAMC,aAAa;YAAGC,aAAa;YAAGX,WAAW,GAAGH,UAAU,OAAO,CAAC;;8BACrE,KAACe;8BACC,cAAA,KAACC;kCAAUX;;;8BAGb,KAACY;8BAAWV;;;;;AAIpB,EAAC;AAED,OAAO,MAAMQ,YAAY,CAAC,EACxBG,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2C;IAC9C,qBACE,KAACC;QAAMjB,WAAW,GAAGH,UAAU,QAAQ,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBACxED;;AAGP,EAAC;AAED,OAAO,MAAMD,YAAY,CAAC,EACxBC,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2C;IAC9C,qBACE,KAACG;QAAMnB,WAAW,GAAGH,UAAU,QAAQ,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBACxED;;AAGP,EAAC;AAED,OAAO,MAAMF,WAAW,CAAC,EACvBE,QAAQ,EACRf,SAAS,EACT,GAAGgB,MACuC;IAC1C,qBACE,KAACI;QAAGpB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAClED;;AAGP,EAAC;AAED,OAAO,MAAMM,YAAY,CAAC,EACxBN,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC0C;IAC7C,qBACE,KAACM;QAAGtB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAClED;;AAGP,EAAC;AAED,OAAO,MAAMQ,cAAc,CAAC,EAC1BR,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC0C;IAC7C,qBACE,KAACQ;QAAGxB,WAAW,GAAGH,UAAU,KAAK,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAClED;;AAGP,EAAC;AAED,OAAO,MAAMU,aAAa,CAAC,EACzBV,QAAQ,EACRf,SAAS,EACT,GAAGgB,MAC2E;IAC9E,qBACE,KAACM;QAAGtB,WAAW,GAAGH,UAAU,cAAc,EAAEG,aAAa,IAAI,CAACkB,IAAI;QAAK,GAAGF,IAAI;kBAC3ED;;AAGP,EAAC"}