@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

package/dist/elements/FolderView/Cell/index.client.js

@@ -0,0 +1,84 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { MoveDocToFolderButton } from '../MoveDocToFolder/index.js';
+export const FolderTableCellClient = ({
+  collectionSlug,
+  data,
+  docTitle,
+  folderFieldName
+}) => {
+  const docID = data.id;
+  const intialFolderID = data?.[folderFieldName];
+  const {
+    config
+  } = useConfig();
+  const {
+    t
+  } = useTranslation();
+  const [fromFolderName, setFromFolderName] = React.useState(() => intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'));
+  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID);
+  const hasLoadedFolderName = React.useRef(false);
+  const onConfirm = React.useCallback(async ({
+    id,
+    name
+  }) => {
+    try {
+      await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {
+        body: JSON.stringify({
+          [folderFieldName]: id
+        }),
+        credentials: 'include',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        method: 'PATCH'
+      });
+      setFromFolderID(id);
+      setFromFolderName(name || t('folder:noFolder'));
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Error moving document to folder', error);
+    }
+  }, [config.routes.api, collectionSlug, docID, t]);
+  useEffect(() => {
+    const loadFolderName = async () => {
+      try {
+        const req = await fetch(`${config.routes.api}/${config.folders.slug}${intialFolderID ? `/${intialFolderID}` : ''}`, {
+          credentials: 'include',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          method: 'GET'
+        });
+        const res = await req.json();
+        setFromFolderName(res?.name || t('folder:noFolder'));
+      } catch (error_0) {
+        // eslint-disable-next-line no-console
+        console.error('Error moving document to folder', error_0);
+      }
+    };
+    if (!hasLoadedFolderName.current) {
+      void loadFolderName();
+      hasLoadedFolderName.current = true;
+    }
+  }, []);
+  return /*#__PURE__*/_jsx(MoveDocToFolderButton, {
+    buttonProps: {
+      size: 'small'
+    },
+    collectionSlug: collectionSlug,
+    docData: data,
+    docID: docID,
+    docTitle: docTitle,
+    fromFolderID: fromFolderID,
+    fromFolderName: fromFolderName,
+    modalSlug: `move-doc-to-folder-cell--${docID}`,
+    onConfirm: onConfirm,
+    skipConfirmModal: false
+  });
+};
+//# sourceMappingURL=index.client.js.map

package/dist/elements/FolderView/Cell/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["React","useEffect","useConfig","useTranslation","MoveDocToFolderButton","FolderTableCellClient","collectionSlug","data","docTitle","folderFieldName","docID","id","intialFolderID","config","t","fromFolderName","setFromFolderName","useState","fromFolderID","setFromFolderID","hasLoadedFolderName","useRef","onConfirm","useCallback","name","fetch","routes","api","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","folders","slug","res","json","current","_jsx","buttonProps","size","docData","modalSlug","skipConfirmModal"],"sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Data } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React, { useEffect } from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { MoveDocToFolderButton } from '../MoveDocToFolder/index.js'\n\ntype Props = {\n  collectionSlug: string\n  data: Data\n  docTitle: string\n  folderFieldName: string\n}\n\nexport const FolderTableCellClient = ({\n  collectionSlug,\n  data,\n  docTitle,\n  folderFieldName,\n}: Props) => {\n  const docID = data.id\n  const intialFolderID = data?.[folderFieldName]\n\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const [fromFolderName, setFromFolderName] = React.useState(() =>\n    intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'),\n  )\n  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID)\n\n  const hasLoadedFolderName = React.useRef(false)\n\n  const onConfirm = React.useCallback(\n    async ({ id, name }) => {\n      try {\n        await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {\n          body: JSON.stringify({\n            [folderFieldName]: id,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        })\n\n        setFromFolderID(id)\n        setFromFolderName(name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    },\n    [config.routes.api, collectionSlug, docID, t],\n  )\n\n  useEffect(() => {\n    const loadFolderName = async () => {\n      try {\n        const req = await fetch(\n          `${config.routes.api}/${config.folders.slug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'GET',\n          },\n        )\n\n        const res = await req.json()\n        setFromFolderName(res?.name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    }\n\n    if (!hasLoadedFolderName.current) {\n      void loadFolderName()\n      hasLoadedFolderName.current = true\n    }\n  }, [])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={{\n        size: 'small',\n      }}\n      collectionSlug={collectionSlug}\n      docData={data as FolderOrDocument['value']}\n      docID={docID}\n      docTitle={docTitle}\n      fromFolderID={fromFolderID}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-doc-to-folder-cell--${docID}`}\n      onConfirm={onConfirm}\n      skipConfirmModal={false}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/Cell/index.server.d.ts

@@ -0,0 +1,4 @@
+import type { DefaultServerCellComponentProps } from 'payload';
+import React from 'react';
+export declare const FolderTableCell: (props: DefaultServerCellComponentProps) => React.JSX.Element;
+//# sourceMappingURL=index.server.d.ts.map

package/dist/elements/FolderView/Cell/index.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,UAAW,+BAA+B,sBAarE,CAAA"}

package/dist/elements/FolderView/Cell/index.server.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { FolderTableCellClient } from './index.client.js';
+export const FolderTableCell = props => {
+  const titleToRender = (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) || props.rowData.id;
+  return /*#__PURE__*/_jsx(FolderTableCellClient, {
+    collectionSlug: props.collectionSlug,
+    data: props.rowData,
+    docTitle: titleToRender,
+    folderFieldName: props.payload.config.folders.fieldName
+  });
+};
+//# sourceMappingURL=index.server.js.map

package/dist/elements/FolderView/Cell/index.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.js","names":["React","FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","_jsx","collectionSlug","data","docTitle","folderFieldName","payload","config","folders","fieldName"],"sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { FolderTableCellClient } from './index.client.js'\n\nexport const FolderTableCell = (props: DefaultServerCellComponentProps) => {\n  const titleToRender =\n    (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) ||\n    props.rowData.id\n\n  return (\n    <FolderTableCellClient\n      collectionSlug={props.collectionSlug}\n      data={props.rowData}\n      docTitle={titleToRender}\n      folderFieldName={props.payload.config.folders.fieldName}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAAmBC,KAAA;EAC9B,MAAMC,aAAA,GACJ,CAACD,KAAA,CAAME,gBAAgB,CAACC,MAAM,GAAGH,KAAA,CAAMI,OAAO,EAAEC,QAAA,GAAWL,KAAA,CAAMI,OAAO,EAAEE,KAAI,KAC9EN,KAAA,CAAMI,OAAO,CAACG,EAAE;EAElB,oBACEC,IAAA,CAACV,qBAAA;IACCW,cAAA,EAAgBT,KAAA,CAAMS,cAAc;IACpCC,IAAA,EAAMV,KAAA,CAAMI,OAAO;IACnBO,QAAA,EAAUV,aAAA;IACVW,eAAA,EAAiBZ,KAAA,CAAMa,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC;;AAGpD","ignoreList":[]}

package/dist/elements/FolderView/CollectionTypePill/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare function CollectionTypePill(): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/CollectionTypePill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/CollectionTypePill/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAIrB,wBAAgB,kBAAkB,sBA+CjC"}

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

@@ -0,0 +1,97 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useFolder } from '../../../providers/Folders/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { CheckboxPopup } from '../../CheckboxPopup/index.js';
+import './index.scss';
+const baseClass = 'collection-type';
+export function CollectionTypePill() {
+  const $ = _c(12);
+  const {
+    filterItems,
+    folderCollectionSlug,
+    visibleCollectionSlugs
+  } = useFolder();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  let t0;
+  if ($[0] !== config || $[1] !== folderCollectionSlug || $[2] !== getEntityConfig || $[3] !== i18n) {
+    t0 = () => config.collections.reduce((acc, collection) => {
+      if (collection.admin.folders) {
+        acc.push({
+          label: getTranslation(collection.labels?.plural, i18n),
+          value: collection.slug
+        });
+      }
+      return acc;
+    }, [{
+      label: getTranslation(getEntityConfig({
+        collectionSlug: folderCollectionSlug
+      }).labels?.plural, i18n),
+      value: folderCollectionSlug
+    }]);
+    $[0] = config;
+    $[1] = folderCollectionSlug;
+    $[2] = getEntityConfig;
+    $[3] = i18n;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  const [allCollectionOptions] = React.useState(t0);
+  let t1;
+  if ($[5] !== allCollectionOptions || $[6] !== filterItems || $[7] !== t || $[8] !== visibleCollectionSlugs) {
+    let t2;
+    if ($[10] !== filterItems) {
+      t2 = t3 => {
+        const {
+          selectedValues
+        } = t3;
+        filterItems({
+          relationTo: selectedValues
+        });
+      };
+      $[10] = filterItems;
+      $[11] = t2;
+    } else {
+      t2 = $[11];
+    }
+    t1 = _jsx(CheckboxPopup, {
+      Button: _jsxs(Button, {
+        buttonStyle: "pill",
+        el: "div",
+        icon: "chevron",
+        margin: false,
+        size: "small",
+        children: [visibleCollectionSlugs.length ? _jsx("span", {
+          className: `${baseClass}__count`,
+          children: visibleCollectionSlugs.length
+        }) : null, t("version:type")]
+      }),
+      onChange: t2,
+      options: allCollectionOptions,
+      selectedValues: visibleCollectionSlugs
+    }, "relation-to-selection-popup");
+    $[5] = allCollectionOptions;
+    $[6] = filterItems;
+    $[7] = t;
+    $[8] = visibleCollectionSlugs;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  return t1;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useFolder","useTranslation","Button","CheckboxPopup","baseClass","CollectionTypePill","$","filterItems","folderCollectionSlug","visibleCollectionSlugs","i18n","t","config","getEntityConfig","t0","collections","reduce","acc","collection","admin","folders","push","label","labels","plural","value","slug","collectionSlug","allCollectionOptions","useState","t1","t2","t3","selectedValues","relationTo","_jsx","_jsxs","buttonStyle","el","icon","margin","size","children","length","className","options"],"sources":["../../../../src/elements/FolderView/CollectionTypePill/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CheckboxPopup } from '../../CheckboxPopup/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-type'\n\nexport function CollectionTypePill() {\n  const { filterItems, folderCollectionSlug, visibleCollectionSlugs } = useFolder()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n\n  const [allCollectionOptions] = React.useState(() => {\n    return config.collections.reduce(\n      (acc, collection) => {\n        if (collection.admin.folders) {\n          acc.push({\n            label: getTranslation(collection.labels?.plural, i18n),\n            value: collection.slug,\n          })\n        }\n\n        return acc\n      },\n      [\n        {\n          label: getTranslation(\n            getEntityConfig({ collectionSlug: folderCollectionSlug }).labels?.plural,\n            i18n,\n          ),\n          value: folderCollectionSlug,\n        },\n      ],\n    )\n  })\n\n  return (\n    <CheckboxPopup\n      Button={\n        <Button buttonStyle=\"pill\" el=\"div\" icon=\"chevron\" margin={false} size=\"small\">\n          {visibleCollectionSlugs.length ? (\n            <span className={`${baseClass}__count`}>{visibleCollectionSlugs.length}</span>\n          ) : null}\n          {t('version:type')}\n        </Button>\n      }\n      key=\"relation-to-selection-popup\"\n      onChange={({ selectedValues }) => {\n        void filterItems({ relationTo: selectedValues })\n      }}\n      options={allCollectionOptions}\n      selectedValues={visibleCollectionSlugs}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,mBAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACL;IAAAW,WAAA;IAAAC,oBAAA;IAAAC;EAAA,IAAsET,SAAA;EACtE;IAAAU,IAAA;IAAAC;EAAA,IAAoBV,cAAA;EACpB;IAAAW,MAAA;IAAAC;EAAA,IAAoCd,SAAA;EAAA,IAAAe,EAAA;EAAA,IAAAR,CAAA,QAAAM,MAAA,IAAAN,CAAA,QAAAE,oBAAA,IAAAF,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAI,IAAA;IAEUI,EAAA,GAAAA,CAAA,KACrCF,MAAA,CAAAG,WAAA,CAAAC,MAAA,EAAAC,GAAA,EAAAC,UAAA;MAAA,IAECA,UAAA,CAAAC,KAAA,CAAAC,OAAA;QACFH,GAAA,CAAAI,IAAA;UAAAC,KAAA,EACSzB,cAAA,CAAeqB,UAAA,CAAAK,MAAA,EAAAC,MAAA,EAA2Bd,IAAA;UAAAe,KAAA,EAC1CP,UAAA,CAAAQ;QAAA,CACT;MAAA;MAAA,OAGKT,GAAA;IAAA;MAAAK,KAAA,EAIEzB,cAAA,CACLgB,eAAA;QAAAc,cAAA,EAAkCnB;MAAA,CAAqB,EAAAe,MAAA,EAAAC,MAAA,EACvDd,IAAA;MAAAe,KAAA,EAEKjB;IAAA,EAEV;IAELF,CAAA,MAAAM,MAAA;IAAAN,CAAA,MAAAE,oBAAA;IAAAF,CAAA,MAAAO,eAAA;IAAAP,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAtBA,OAAAsB,oBAAA,IAA+B9B,KAAA,CAAA+B,QAAA,CAAef,EAsB9C;EAAA,IAAAgB,EAAA;EAAA,IAAAxB,CAAA,QAAAsB,oBAAA,IAAAtB,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAG,sBAAA;IAAA,IAAAsB,EAAA;IAAA,IAAAzB,CAAA,SAAAC,WAAA;MAacwB,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAkB;QACtBzB,WAAA;UAAA2B,UAAA,EAA0BD;QAAA,CAAe;MAAA;MAChD3B,CAAA,OAAAC,WAAA;MAAAD,CAAA,OAAAyB,EAAA;IAAA;MAAAA,EAAA,GAAAzB,CAAA;IAAA;IAZFwB,EAAA,GAAAK,IAAA,CAAAhC,aAAA;MAAAD,MAAA,EAEIkC,KAAA,CAAAlC,MAAA;QAAAmC,WAAA,EAAoB;QAAAC,EAAA,EAAU;QAAAC,IAAA,EAAW;QAAAC,MAAA;QAAAC,IAAA,EAA8B;QAAAC,QAAA,GACpEjC,sBAAA,CAAAkC,MAAA,GACCR,IAAA,CAAC;UAAAS,SAAA,EAAgB,GAAAxC,SAAA,SAAqB;UAAAsC,QAAA,EAAGjC,sBAAA,CAAAkC;QAAA,C,QACvC,EACHhC,CAAA,CAAE;MAAA,C;gBAIGoB,EAEV;MAAAc,OAAA,EACSjB,oBAAA;MAAAK,cAAA,EACOxB;IAAA,GALZ;IAAAH,CAAA,MAAAsB,oBAAA;IAAAtB,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAG,sBAAA;IAAAH,CAAA,MAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAAA,OATNwB,EASM;AAAA","ignoreList":[]}

package/dist/elements/FolderView/CollectionTypePill/index.scss

@@ -0,0 +1,16 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .collection-type {
+    &__count {
+      font-weight: 600;
+      font-variant-numeric: tabular-nums;
+      background-color: var(--theme-bg);
+      color: var(--theme-text);
+      padding: 0px 3px;
+      border-radius: var(--style-radius-s);
+      margin-left: -4px;
+      margin-right: calc(var(--base) * 0.25);
+    }
+  }
+}

package/dist/elements/FolderView/ColoredFolderIcon/index.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+export declare function ColoredFolderIcon(): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/ColoredFolderIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/ColoredFolderIcon/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAA;AACrB,wBAAgB,iBAAiB,gCAEhC"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FolderIcon } from '../../../icons/Folder/index.js';
+import './index.scss';
+export function ColoredFolderIcon() {
+  return /*#__PURE__*/_jsx(FolderIcon, {
+    className: "colored-folder-icon"
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FolderIcon","ColoredFolderIcon","_jsx","className"],"sources":["../../../../src/elements/FolderView/ColoredFolderIcon/index.tsx"],"sourcesContent":["import { FolderIcon } from '../../../icons/Folder/index.js'\nimport './index.scss'\nexport function ColoredFolderIcon() {\n  return <FolderIcon className=\"colored-folder-icon\" />\n}\n"],"mappings":";AAAA,SAASA,UAAU,QAAQ;AAC3B,OAAO;AACP,OAAO,SAASC,kBAAA;EACd,oBAAOC,IAAA,CAACF,UAAA;IAAWG,SAAA,EAAU;;AAC/B","ignoreList":[]}

package/dist/elements/FolderView/ColoredFolderIcon/index.scss

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .colored-folder-icon {
+    color: var(--theme-elevation-300);
+  }
+}

package/dist/elements/FolderView/CurrentFolderActions/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    className?: string;
+};
+export declare function CurrentFolderActions({ className }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/CurrentFolderActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,qBA4HxD"}

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

@@ -0,0 +1,146 @@
+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';
+import React from 'react';
+import { toast } from 'sonner';
+import { Dots } from '../../../icons/Dots/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useFolder } from '../../../providers/Folders/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { ConfirmationModal } from '../../ConfirmationModal/index.js';
+import { Popup, PopupList } from '../../Popup/index.js';
+import { Translation } from '../../Translation/index.js';
+import { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js';
+import { RenameFolderDrawer } from '../Drawers/RenameFolder/index.js';
+const renameFolderDrawerSlug = 'rename-folder--current-folder';
+const moveToFolderDrawerSlug = 'move-to-folder--current-folder';
+const confirmDeleteDrawerSlug = 'confirm-many-delete';
+const baseClass = 'current-folder-actions';
+export function CurrentFolderActions({
+  className
+}) {
+  const {
+    breadcrumbs,
+    currentFolder,
+    folderCollectionConfig,
+    folderCollectionSlug,
+    folderID,
+    moveToFolder,
+    renameFolder,
+    setFolderID
+  } = useFolder();
+  const {
+    config
+  } = useConfig();
+  const {
+    routes,
+    serverURL
+  } = config;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const deleteCurrentFolder = React.useCallback(async () => {
+    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}`, {
+      credentials: 'include',
+      method: 'DELETE'
+    });
+    await setFolderID({
+      folderID: breadcrumbs[breadcrumbs.length - 2]?.id || null
+    });
+  }, [breadcrumbs, folderCollectionSlug, folderID, routes.api, serverURL, setFolderID]);
+  if (!folderID) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Popup, {
+      button: /*#__PURE__*/_jsx(Dots, {}),
+      className: [baseClass, className].filter(Boolean).join(' '),
+      render: () => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
+        children: [/*#__PURE__*/_jsx(PopupList.Button, {
+          onClick: () => {
+            openModal(renameFolderDrawerSlug);
+          },
+          children: t('folder:renameFolder')
+        }), /*#__PURE__*/_jsx(PopupList.Button, {
+          onClick: () => {
+            openModal(moveToFolderDrawerSlug);
+          },
+          children: t('folder:moveFolder')
+        }), /*#__PURE__*/_jsx(PopupList.Button, {
+          onClick: () => {
+            openModal(confirmDeleteDrawerSlug);
+          },
+          children: t('folder:deleteFolder')
+        })]
+      })
+    }), /*#__PURE__*/_jsx(MoveItemsToFolderDrawer, {
+      action: "moveItemToFolder",
+      drawerSlug: moveToFolderDrawerSlug,
+      fromFolderID: currentFolder?.value.id,
+      fromFolderName: currentFolder?.value._folderOrDocumentTitle,
+      itemsToMove: [currentFolder],
+      onConfirm: async ({
+        id,
+        name
+      }) => {
+        await moveToFolder({
+          itemsToMove: [currentFolder],
+          toFolderID: id
+        });
+        if (id) {
+          // moved to folder
+          toast.success(t('folder:itemHasBeenMoved', {
+            folderName: `"${name}"`,
+            title: currentFolder.value._folderOrDocumentTitle
+          }));
+        } else {
+          // moved to root
+          toast.success(t('folder:itemHasBeenMovedToRoot', {
+            title: currentFolder.value._folderOrDocumentTitle
+          }));
+        }
+        closeModal(moveToFolderDrawerSlug);
+      },
+      title: currentFolder.value._folderOrDocumentTitle
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: /*#__PURE__*/_jsx(Translation, {
+        elements: {
+          '1': ({
+            children
+          }) => /*#__PURE__*/_jsx("strong", {
+            children: children
+          })
+        },
+        i18nKey: "general:aboutToDelete",
+        t: t,
+        variables: {
+          label: getTranslation(folderCollectionConfig.labels.singular, i18n),
+          title: currentFolder.value._folderOrDocumentTitle
+        }
+      }),
+      confirmingLabel: t('general:deleting'),
+      heading: t('general:confirmDeletion'),
+      modalSlug: confirmDeleteDrawerSlug,
+      onConfirm: deleteCurrentFolder
+    }), /*#__PURE__*/_jsx(RenameFolderDrawer, {
+      drawerSlug: renameFolderDrawerSlug,
+      folderToRename: currentFolder,
+      onRenameConfirm: ({
+        folderID: updatedFolderID,
+        updatedName
+      }) => {
+        renameFolder({
+          folderID: updatedFolderID,
+          newName: updatedName
+        });
+        closeModal(renameFolderDrawerSlug);
+      }
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","getTranslation","React","toast","Dots","useConfig","useFolder","useTranslation","ConfirmationModal","Popup","PopupList","Translation","MoveItemsToFolderDrawer","RenameFolderDrawer","renameFolderDrawerSlug","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderID","moveToFolder","renameFolder","setFolderID","config","routes","serverURL","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","api","credentials","method","length","id","_jsxs","_Fragment","_jsx","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","action","drawerSlug","fromFolderID","value","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","1","children","i18nKey","variables","label","labels","singular","confirmingLabel","heading","modalSlug","folderToRename","onRenameConfirm","updatedFolderID","updatedName","newName"],"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { Dots } from '../../../icons/Dots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\nimport { RenameFolderDrawer } from '../Drawers/RenameFolder/index.js'\n\nconst renameFolderDrawerSlug = 'rename-folder--current-folder'\nconst moveToFolderDrawerSlug = 'move-to-folder--current-folder'\nconst confirmDeleteDrawerSlug = 'confirm-many-delete'\n\nconst baseClass = 'current-folder-actions'\n\ntype Props = {\n  className?: string\n}\nexport function CurrentFolderActions({ className }: Props) {\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderID,\n    moveToFolder,\n    renameFolder,\n    setFolderID,\n  } = useFolder()\n  const { config } = useConfig()\n  const { routes, serverURL } = config\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n\n  const deleteCurrentFolder = React.useCallback(async () => {\n    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}`, {\n      credentials: 'include',\n      method: 'DELETE',\n    })\n    await setFolderID({ folderID: breadcrumbs[breadcrumbs.length - 2]?.id || null })\n  }, [breadcrumbs, folderCollectionSlug, folderID, routes.api, serverURL, setFolderID])\n\n  if (!folderID) {\n    return null\n  }\n\n  return (\n    <>\n      <Popup\n        button={<Dots />}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        render={() => (\n          <PopupList.ButtonGroup>\n            <PopupList.Button\n              onClick={() => {\n                openModal(renameFolderDrawerSlug)\n              }}\n            >\n              {t('folder:renameFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(moveToFolderDrawerSlug)\n              }}\n            >\n              {t('folder:moveFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(confirmDeleteDrawerSlug)\n              }}\n            >\n              {t('folder:deleteFolder')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n      />\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={moveToFolderDrawerSlug}\n        fromFolderID={currentFolder?.value.id}\n        fromFolderName={currentFolder?.value._folderOrDocumentTitle}\n        itemsToMove={[currentFolder]}\n        onConfirm={async ({ id, name }) => {\n          await moveToFolder({\n            itemsToMove: [currentFolder],\n            toFolderID: id,\n          })\n          if (id) {\n            // moved to folder\n            toast.success(\n              t('folder:itemHasBeenMoved', {\n                folderName: `\"${name}\"`,\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          } else {\n            // moved to root\n            toast.success(\n              t('folder:itemHasBeenMovedToRoot', {\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          }\n          closeModal(moveToFolderDrawerSlug)\n        }}\n        title={currentFolder.value._folderOrDocumentTitle}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              title: currentFolder.value._folderOrDocumentTitle,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeleteDrawerSlug}\n        onConfirm={deleteCurrentFolder}\n      />\n\n      <RenameFolderDrawer\n        drawerSlug={renameFolderDrawerSlug}\n        folderToRename={currentFolder}\n        onRenameConfirm={({ folderID: updatedFolderID, updatedName }) => {\n          renameFolder({\n            folderID: updatedFolderID,\n            newName: updatedName,\n          })\n          closeModal(renameFolderDrawerSlug)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/DragOverlaySelection/index.d.ts

@@ -0,0 +1,12 @@
+import type { Modifier } from '@dnd-kit/core';
+import type { FolderOrDocument } from 'payload/shared';
+import './index.scss';
+type DragCardsProps = {
+    readonly allItems: FolderOrDocument[];
+    readonly lastSelected?: number;
+    readonly selectedCount: number;
+};
+export declare function DragOverlaySelection({ allItems, lastSelected, selectedCount }: DragCardsProps): import("react").JSX.Element;
+export declare const snapTopLeftToCursor: Modifier;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/DragOverlaySelection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAMtD,OAAO,cAAc,CAAA;AAIrB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAA;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;CAC/B,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,cAAc,+BAwC7F;AAED,eAAO,MAAM,mBAAmB,EAAE,QAmBjC,CAAA"}

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DragOverlay } from '@dnd-kit/core';
+import { getEventCoordinates } from '@dnd-kit/utilities';
+import { FolderFileCard } from '../FolderFileCard/index.js';
+import './index.scss';
+const baseClass = 'drag-overlay-selection';
+export function DragOverlaySelection({
+  allItems,
+  lastSelected,
+  selectedCount
+}) {
+  const visibleItem = allItems?.[lastSelected || 0];
+  if (!selectedCount || !visibleItem) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(DragOverlay, {
+    dropAnimation: null,
+    modifiers: [snapTopLeftToCursor],
+    style: {
+      height: 'unset',
+      maxWidth: '220px'
+    },
+    children: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__cards`,
+      children: [Array.from({
+        length: selectedCount > 1 ? 2 : 1
+      }).map((_, index) => /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__card`,
+        style: {
+          right: `${index * 3}px`,
+          top: `-${index * 3}px`
+        },
+        children: /*#__PURE__*/_jsx(FolderFileCard, {
+          id: null,
+          isSelected: true,
+          itemKey: "overlay-card",
+          title: visibleItem.value._folderOrDocumentTitle,
+          type: "folder"
+        })
+      }, index)), selectedCount > 1 ? /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__card-count`,
+        children: selectedCount
+      }) : null]
+    })
+  });
+}
+export const snapTopLeftToCursor = ({
+  activatorEvent,
+  draggingNodeRect,
+  transform
+}) => {
+  if (draggingNodeRect && activatorEvent) {
+    const activatorCoordinates = getEventCoordinates(activatorEvent);
+    if (!activatorCoordinates) {
+      return transform;
+    }
+    const offsetX = activatorCoordinates.x - draggingNodeRect.left;
+    const offsetY = activatorCoordinates.y - draggingNodeRect.top;
+    return {
+      ...transform,
+      x: transform.x + offsetX + 5,
+      y: transform.y + offsetY + 5
+    };
+  }
+  return transform;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","allItems","lastSelected","selectedCount","visibleItem","_jsx","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","_jsxs","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly allItems: FolderOrDocument[]\n  readonly lastSelected?: number\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ allItems, lastSelected, selectedCount }: DragCardsProps) {\n  const visibleItem = allItems?.[lastSelected || 0]\n  if (!selectedCount || !visibleItem) {\n    return null\n  }\n\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={visibleItem.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"mappings":";AAGA,SAASA,WAAW,QAAQ;AAC5B,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,SAASC,qBAAqB;EAAEC,QAAQ;EAAEC,YAAY;EAAEC;AAAa,CAAkB;EAC5F,MAAMC,WAAA,GAAcH,QAAA,GAAWC,YAAA,IAAgB,EAAE;EACjD,IAAI,CAACC,aAAA,IAAiB,CAACC,WAAA,EAAa;IAClC,OAAO;EACT;EAEA,oBACEC,IAAA,CAACT,WAAA;IACCU,aAAA,EAAe;IACfC,SAAA,EAAW,CAACC,mBAAA,CAAoB;IAChCC,KAAA,EAAO;MACLC,MAAA,EAAQ;MACRC,QAAA,EAAU;IACZ;cAEA,aAAAC,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGd,SAAA,SAAkB;iBAClCe,KAAA,CAAMC,IAAI,CAAC;QAAEC,MAAA,EAAQb,aAAA,GAAgB,IAAI,IAAI;MAAE,GAAGc,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBACzDd,IAAA,CAAC;QACCQ,SAAA,EAAW,GAAGd,SAAA,QAAiB;QAE/BU,KAAA,EAAO;UACLW,KAAA,EAAO,GAAGD,KAAA,GAAQ,KAAK;UACvBE,GAAA,EAAK,IAAIF,KAAA,GAAQ;QACnB;kBAEA,aAAAd,IAAA,CAACP,cAAA;UACCwB,EAAA,EAAI;UACJC,UAAU;UACVC,OAAA,EAAQ;UACRC,KAAA,EAAOrB,WAAA,CAAYsB,KAAK,CAACC,sBAAsB;UAC/CC,IAAA,EAAK;;SAXFT,KAAA,IAeRhB,aAAA,GAAgB,iBACfE,IAAA,CAAC;QAAKQ,SAAA,EAAW,GAAGd,SAAA,cAAuB;kBAAGI;WAC5C;;;AAIZ;AAEA,OAAO,MAAMK,mBAAA,GAAgCA,CAAC;EAAEqB,cAAc;EAAEC,gBAAgB;EAAEC;AAAS,CAAE;EAC3F,IAAID,gBAAA,IAAoBD,cAAA,EAAgB;IACtC,MAAMG,oBAAA,GAAuBnC,mBAAA,CAAoBgC,cAAA;IAEjD,IAAI,CAACG,oBAAA,EAAsB;MACzB,OAAOD,SAAA;IACT;IAEA,MAAME,OAAA,GAAUD,oBAAA,CAAqBE,CAAC,GAAGJ,gBAAA,CAAiBK,IAAI;IAC9D,MAAMC,OAAA,GAAUJ,oBAAA,CAAqBK,CAAC,GAAGP,gBAAA,CAAiBT,GAAG;IAE7D,OAAO;MACL,GAAGU,SAAS;MACZG,CAAA,EAAGH,SAAA,CAAUG,CAAC,GAAGD,OAAA,GAAU;MAC3BI,CAAA,EAAGN,SAAA,CAAUM,CAAC,GAAGD,OAAA,GAAU;IAC7B;EACF;EAEA,OAAOL,SAAA;AACT","ignoreList":[]}

package/dist/elements/FolderView/DragOverlaySelection/index.scss

@@ -0,0 +1,35 @@
+@layer payload-default {
+  .drag-overlay-selection {
+    &__cards {
+      display: grid;
+      grid-template-columns: 1fr;
+      grid-template-rows: 1fr;
+    }
+
+    &__card {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      grid-column: 1/2;
+      grid-row: 1/2;
+    }
+
+    &__card-count {
+      position: absolute;
+      transform: translate(calc(50% - 3px), calc(-50% - 3px));
+      right: 0;
+      top: 0;
+      border-radius: 50%;
+      line-height: 1;
+      width: 26px;
+      height: 26px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--theme-success-50);
+      background: var(--theme-success-600);
+      font-weight: bold;
+      font-variant-numeric: tabular-nums;
+    }
+  }
+}

package/dist/elements/FolderView/DraggableTableRow/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    readonly columns: React.ReactNode[];
+    readonly disabled?: boolean;
+    readonly dragData?: Record<string, unknown>;
+    readonly id: number | string;
+    readonly isDroppable?: boolean;
+    readonly isFocused?: boolean;
+    readonly isSelected?: boolean;
+    readonly isSelecting?: boolean;
+    readonly itemKey: string;
+    readonly onClick?: (e: React.MouseEvent) => void;
+    readonly onKeyDown?: (e: React.KeyboardEvent) => void;
+};
+export declare function DraggableTableRow({ id, columns, disabled, dragData, isDroppable: _isDroppable, isFocused, isSelected, isSelecting, itemKey, onClick, onKeyDown, }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/DraggableTableRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/DraggableTableRow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAGrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;CACtD,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,WAAW,EAAE,YAAY,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,KAAK,qBAiEP"}