@payloadcms/ui 3.80.0-internal.cdd7ef7 → 3.80.0

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

@@ -0,0 +1,123 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js';
+import { formatOptions } from '../../../fields/Select/index.js';
+import { SelectInput } from '../../../fields/Select/Input.js';
+import { useField } from '../../../forms/useField/index.js';
+import { useFolder } from '../../../providers/Folders/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+export const FolderTypeField = props => {
+  const {
+    field,
+    field: {
+      name,
+      admin: {
+        className,
+        isClearable = true,
+        isSortable = true,
+        placeholder
+      } = {},
+      hasMany = false,
+      label,
+      localized,
+      options: allSelectOptions = [],
+      required
+    },
+    onChange: onChangeFromProps,
+    path: pathFromProps,
+    readOnly,
+    validate
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const {
+    folderType
+  } = useFolder();
+  const options = React.useMemo(() => {
+    if (!folderType || folderType.length === 0) {
+      return formatOptions(allSelectOptions);
+    }
+    return formatOptions(allSelectOptions.filter(option => {
+      if (typeof option === 'object' && option.value) {
+        return folderType.includes(option.value);
+      }
+      return true;
+    }));
+  }, [allSelectOptions, folderType]);
+  const memoizedValidate = React.useCallback((value, validationOptions) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...validationOptions,
+        hasMany,
+        options,
+        required
+      });
+    }
+  }, [validate, required, hasMany, options]);
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    disabled,
+    path,
+    selectFilterOptions,
+    setValue,
+    showError,
+    value
+  } = useField({
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const onChange = React.useCallback(selectedOption => {
+    if (!readOnly || disabled) {
+      let newValue = null;
+      if (selectedOption && hasMany) {
+        if (Array.isArray(selectedOption) && selectedOption.length > 0) {
+          newValue = selectedOption.map(option => option.value);
+        } else {
+          newValue = null;
+        }
+      } else if (selectedOption && !Array.isArray(selectedOption)) {
+        newValue = selectedOption.value;
+      }
+      if (typeof onChangeFromProps === 'function') {
+        onChangeFromProps(newValue);
+      }
+      setValue(newValue);
+    }
+  }, [readOnly, disabled, hasMany, setValue, onChangeFromProps]);
+  const styles = React.useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsx(SelectInput, {
+    AfterInput: AfterInput,
+    BeforeInput: BeforeInput,
+    className: className,
+    Description: Description,
+    description: t('folder:folderTypeDescription'),
+    Error: Error,
+    filterOption: selectFilterOptions ? ({
+      value
+    }) => selectFilterOptions?.some(option => (typeof option === 'string' ? option : option.value) === value) : undefined,
+    hasMany: hasMany,
+    isClearable: isClearable,
+    isSortable: isSortable,
+    Label: Label,
+    label: label,
+    localized: localized,
+    name: name,
+    onChange: onChange,
+    options: options,
+    path: path,
+    placeholder: placeholder,
+    readOnly: readOnly || disabled,
+    required: required || Array.isArray(folderType) && folderType.length > 0,
+    showError: showError,
+    style: styles,
+    value: value
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","mergeFieldStyles","formatOptions","SelectInput","useField","useFolder","useTranslation","FolderTypeField","props","field","name","admin","className","isClearable","isSortable","placeholder","hasMany","label","localized","options","allSelectOptions","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","t","folderType","useMemo","length","filter","option","value","includes","memoizedValidate","useCallback","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","map","styles","_jsx","description","filterOption","some","undefined","style"],"sources":["../../../../src/elements/FolderView/FolderTypeField/index.tsx"],"sourcesContent":["import type { OptionObject, SelectFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../ReactSelect/types.js'\n\nimport { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js'\nimport { formatOptions } from '../../../fields/Select/index.js'\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport const FolderTypeField = (props: SelectFieldClientProps) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: allSelectOptions = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const { t } = useTranslation()\n\n  const { folderType } = useFolder()\n\n  const options = React.useMemo(() => {\n    if (!folderType || folderType.length === 0) {\n      return formatOptions(allSelectOptions)\n    }\n    return formatOptions(\n      allSelectOptions.filter((option) => {\n        if (typeof option === 'object' && option.value) {\n          return folderType.includes(option.value)\n        }\n        return true\n      }),\n    )\n  }, [allSelectOptions, folderType])\n\n  const memoizedValidate = React.useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = React.useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption) && selectedOption.length > 0) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = null\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = React.useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={t('folder:folderTypeDescription')}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ value }) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              )\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required || (Array.isArray(folderType) && folderType.length > 0)}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+import type { FolderOrDocument } from 'payload/shared';
+import React from 'react';
+import './index.scss';
+type ItemCardGridProps = {
+    items: FolderOrDocument[];
+    title?: string;
+} & ({
+    subfolderCount: number;
+    type: 'file';
+} | {
+    subfolderCount?: never;
+    type: 'folder';
+});
+export declare function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,CACA;IACE,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,GACD;IACE,cAAc,CAAC,EAAE,KAAK,CAAA;IACtB,IAAI,EAAE,QAAQ,CAAA;CACf,CACJ,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,iBAAiB,qBAgBrF"}

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

@@ -0,0 +1,34 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { ContextFolderFileCard } from '../FolderFileCard/index.js';
+import './index.scss';
+const baseClass = 'item-card-grid';
+export function ItemCardGrid({
+  type,
+  items,
+  subfolderCount,
+  title
+}) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [title && /*#__PURE__*/_jsx("p", {
+      className: `${baseClass}__title`,
+      children: title
+    }), /*#__PURE__*/_jsx("div", {
+      className: baseClass,
+      children: !items || items?.length === 0 ? null : items.map((item, _index) => {
+        const index = _index + (subfolderCount || 0);
+        const {
+          itemKey
+        } = item;
+        return /*#__PURE__*/_jsx(ContextFolderFileCard, {
+          index: index,
+          item: item,
+          type: type
+        }, itemKey);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ContextFolderFileCard","baseClass","ItemCardGrid","type","items","subfolderCount","title","_jsxs","_Fragment","_jsx","className","length","map","item","_index","index","itemKey"],"sources":["../../../../src/elements/FolderView/ItemCardGrid/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React from 'react'\n\nimport { ContextFolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'item-card-grid'\n\ntype ItemCardGridProps = {\n  items: FolderOrDocument[]\n  title?: string\n} & (\n  | {\n      subfolderCount: number\n      type: 'file'\n    }\n  | {\n      subfolderCount?: never\n      type: 'folder'\n    }\n)\nexport function ItemCardGrid({ type, items, subfolderCount, title }: ItemCardGridProps) {\n  return (\n    <>\n      {title && <p className={`${baseClass}__title`}>{title}</p>}\n      <div className={baseClass}>\n        {!items || items?.length === 0\n          ? null\n          : items.map((item, _index) => {\n              const index = _index + (subfolderCount || 0)\n              const { itemKey } = item\n\n              return <ContextFolderFileCard index={index} item={item} key={itemKey} type={type} />\n            })}\n      </div>\n    </>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAelB,OAAO,SAASC,aAAa;EAAEC,IAAI;EAAEC,KAAK;EAAEC,cAAc;EAAEC;AAAK,CAAqB;EACpF,oBACEC,KAAA,CAAAC,SAAA;eACGF,KAAA,iBAASG,IAAA,CAAC;MAAEC,SAAA,EAAW,GAAGT,SAAA,SAAkB;gBAAGK;qBAChDG,IAAA,CAAC;MAAIC,SAAA,EAAWT,SAAA;gBACb,CAACG,KAAA,IAASA,KAAA,EAAOO,MAAA,KAAW,IACzB,OACAP,KAAA,CAAMQ,GAAG,CAAC,CAACC,IAAA,EAAMC,MAAA;QACf,MAAMC,KAAA,GAAQD,MAAA,IAAUT,cAAA,IAAkB;QAC1C,MAAM;UAAEW;QAAO,CAAE,GAAGH,IAAA;QAEpB,oBAAOJ,IAAA,CAACT,qBAAA;UAAsBe,KAAA,EAAOA,KAAA;UAAOF,IAAA,EAAMA,IAAA;UAAoBV,IAAA,EAAMA;WAAfa,OAAA;MAC/D;;;AAIZ","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .item-card-grid {
+    --gap: var(--base);
+    gap: var(--gap);
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    margin-bottom: var(--base);
+
+    &__title {
+      color: var(--theme-elevation-400);
+      margin-bottom: calc(var(--base) / 2);
+    }
+  }
+}

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

@@ -0,0 +1,37 @@
+import { type FolderOrDocument } from 'payload/shared';
+import React from 'react';
+import type { Props as ButtonProps } from '../../Button/types.js';
+import './index.scss';
+/**
+ * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.
+ */
+export declare function MoveDocToFolder({ buttonProps, className, folderCollectionSlug, folderFieldName, }: {
+    readonly buttonProps?: Partial<ButtonProps>;
+    readonly className?: string;
+    readonly folderCollectionSlug: string;
+    readonly folderFieldName: string;
+}): React.JSX.Element;
+type MoveDocToFolderButtonProps = {
+    readonly buttonProps?: Partial<ButtonProps>;
+    readonly className?: string;
+    readonly collectionSlug: string;
+    readonly docData: FolderOrDocument['value'];
+    readonly docID: number | string;
+    readonly docTitle?: string;
+    readonly folderCollectionSlug: string;
+    readonly folderFieldName: string;
+    readonly fromFolderID?: number | string;
+    readonly fromFolderName: string;
+    readonly modalSlug: string;
+    readonly onConfirm?: (args: {
+        id: number | string;
+        name: string;
+    }) => Promise<void> | void;
+    readonly skipConfirmModal?: boolean;
+};
+/**
+ * This is a more generic button that can be used in other contexts, such as table cells and the edit view.
+ */
+export declare const MoveDocToFolderButton: ({ buttonProps, className, collectionSlug, docData, docID, docTitle, folderCollectionSlug, folderFieldName, fromFolderID, fromFolderName, modalSlug, onConfirm, skipConfirmModal, }: MoveDocToFolderButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/MoveDocToFolder/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAkB,MAAM,gBAAgB,CAAA;AACtE,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,uBAAuB,CAAA;AASjE,OAAO,cAAc,CAAA;AAKrB;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAc,EACd,oBAAoB,EACpB,eAAe,GAChB,EAAE;IACD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;CACjC,qBA2DA;AAED,KAAK,0BAA0B,GAAG;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAC3C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1F,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,uLAc/B,0BAA0B,sBA0E5B,CAAA"}

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

@@ -0,0 +1,292 @@
+'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';
+import { formatAdminURL } from 'payload/shared';
+import React, { useId } from 'react';
+import { toast } from 'sonner';
+import { useForm, useFormFields } from '../../../forms/Form/context.js';
+import { FolderIcon } from '../../../icons/Folder/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { formatDrawerSlug, useDrawerDepth } from '../../Drawer/index.js';
+import './index.scss';
+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(formatAdminURL({
+            apiRoute: config.routes.api,
+            path: `/${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
+    });
+    $[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) {
+    const drawerSlug = formatDrawerSlug({
+      slug: modalSlug,
+      depth: drawerDepth
+    });
+    const titleToRender = docTitle || getTranslation(getEntityConfig({
+      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
+      })]
+    });
+    $[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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","formatAdminURL","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","apiRoute","path","folderData","json","name","useEffect","t6","t7","t8","id_0","type","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 { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { type FolderOrDocument, formatAdminURL } from 'payload/shared'\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(\n          formatAdminURL({\n            apiRoute: config.routes.api,\n            path: `/${folderCollectionSlug}/${fromFolderID}`,\n          }),\n        )\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":"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","ignoreList":[]}

package/dist/elements/{Hierarchy/DocHeaderButton → FolderView/MoveDocToFolder}/index.scss

@@ -1,7 +1,6 @@
 @layer payload-default {
-  .hierarchy-button {
+  .move-doc-to-folder {
     margin: 0;
-
     .btn__icon {
       color: var(--theme-elevation-300);
     }
@@ -9,10 +8,5 @@
     .btn__label {
       font-weight: 600;
     }
-
-    &--read-only {
-      cursor: default;
-      opacity: 0.7;
-    }
   }
 }

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.scss';
+type TableProps = {
+    readonly appearance?: 'condensed' | 'default';
+    readonly className?: string;
+    readonly headerCells: React.ReactNode[];
+    readonly tableRows: React.ReactNode[];
+};
+export declare const SimpleTable: ({ appearance, className, headerCells: headers, tableRows: rows, }: TableProps) => React.JSX.Element;
+export declare const TableHead: ({ children, className, ...rest }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export declare const TableBody: ({ children, className, ...rest }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export declare const TableRow: ({ children, className, ...rest }: React.HTMLAttributes<HTMLTableRowElement>) => React.JSX.Element;
+export declare const TableCell: ({ children, className, ...rest }: React.TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export declare const TableHeader: ({ children, className, ...rest }: React.ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export declare const HiddenCell: ({ children, className, ...rest }: {
+    children?: React.ReactNode;
+} & React.TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/SimpleTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CACtC,CAAA;AACD,eAAO,MAAM,WAAW,sEAKrB,UAAU,sBAgBZ,CAAA;AAED,eAAO,MAAM,SAAS,qCAInB,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,sBAM/C,CAAA;AAED,eAAO,MAAM,SAAS,qCAInB,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,sBAM/C,CAAA;AAED,eAAO,MAAM,QAAQ,qCAIlB,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,sBAM3C,CAAA;AAED,eAAO,MAAM,SAAS,qCAInB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,sBAM9C,CAAA;AAED,eAAO,MAAM,WAAW,qCAIrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,sBAM9C,CAAA;AAED,eAAO,MAAM,UAAU,qCAIpB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,sBAM/E,CAAA"}