@payloadcms/ui 3.80.0-internal.8d9ec7c → 3.80.0-internal.bd498b0

package/dist/elements/MoveMany/index.js

@@ -1,278 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useModal } from '@faceless-ui/modal';
-import { getTranslation } from '@payloadcms/translations';
-import { formatAdminURL } from 'payload/shared';
-import * as qs from 'qs-esm';
-import React, { useCallback, useMemo, useState } from 'react';
-import { toast } from 'sonner';
-import { useConfig } from '../../providers/Config/index.js';
-import { useDocumentSelection } from '../../providers/DocumentSelection/index.js';
-import { useLocale } from '../../providers/Locale/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { requests } from '../../utilities/api.js';
-import { ConfirmationModal } from '../ConfirmationModal/index.js';
-import { useHierarchyDrawer } from '../HierarchyDrawer/index.js';
-import { ListSelectionButton } from '../ListSelection/index.js';
-import { Translation } from '../Translation/index.js';
-import './index.scss';
-export const baseClass = 'move-many';
-/**
- * Gets the parent field name from the hierarchy config.
- */
-function getParentFieldName(hierarchyConfig) {
-  const config = hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object' ? hierarchyConfig.hierarchy : undefined;
-  return config?.parentFieldName;
-}
-export function MoveMany({
-  currentFolderId,
-  hierarchySlug,
-  Icon,
-  modalPrefix,
-  onSuccess,
-  selections
-}) {
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    code: locale
-  } = useLocale();
-  const {
-    openModal
-  } = useModal();
-  const {
-    config: {
-      collections,
-      routes: {
-        api
-      }
-    }
-  } = useConfig();
-  const {
-    getSelectionsWithMetadata
-  } = useDocumentSelection();
-  const [destination, setDestination] = useState(null);
-  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`;
-  // Compute required collections from selection metadata
-  // For related items: add their collection slug
-  // For folders: add their allowedCollections values
-  const requiredCollections = useMemo(() => {
-    const selectionsWithMeta = getSelectionsWithMetadata();
-    const required = new Set();
-    for (const [collectionSlug, {
-      selections: items
-    }] of Object.entries(selectionsWithMeta)) {
-      if (collectionSlug === hierarchySlug) {
-        // For folders, add their allowedCollections to required set
-        for (const {
-          metadata
-        } of items) {
-          if (metadata.allowedCollections) {
-            for (const slug of metadata.allowedCollections) {
-              required.add(slug);
-            }
-          }
-        }
-      } else {
-        // For related items, add their collection slug
-        required.add(collectionSlug);
-      }
-    }
-    return required.size > 0 ? Array.from(required) : undefined;
-  }, [getSelectionsWithMetadata, hierarchySlug]);
-  // Folders being moved cannot be selected as destination (can't move into themselves)
-  const disabledIds = useMemo(() => {
-    const folderIds = selections[hierarchySlug]?.ids;
-    return folderIds?.length ? new Set(folderIds) : undefined;
-  }, [selections, hierarchySlug]);
-  const [HierarchyDrawer,, {
-    closeDrawer,
-    openDrawer
-  }] = useHierarchyDrawer({
-    disabledIds,
-    filterByCollection: requiredCollections,
-    hierarchyCollectionSlug: hierarchySlug,
-    Icon
-  });
-  // Calculate total count and label
-  const {
-    count,
-    label
-  } = useMemo(() => {
-    let totalCount = 0;
-    const labels = [];
-    for (const [collectionSlug_0, {
-      ids
-    }] of Object.entries(selections)) {
-      const config = collections.find(c => c.slug === collectionSlug_0);
-      if (config && ids.length > 0) {
-        totalCount += ids.length;
-        const collectionLabel = getTranslation(ids.length > 1 ? config.labels.plural : config.labels.singular, i18n);
-        labels.push(collectionLabel);
-      }
-    }
-    return {
-      count: totalCount,
-      label: labels.join(', ')
-    };
-  }, [selections, collections, i18n]);
-  const hierarchyCollectionConfig = collections.find(c_0 => c_0.slug === hierarchySlug);
-  const parentFieldName = getParentFieldName(hierarchyCollectionConfig);
-  // Check if hierarchy has a valid parentFieldName
-  const canMove = parentFieldName !== undefined;
-  const handleDrawerSave = useCallback(({
-    selections: selectionsMap
-  }) => {
-    if (selectionsMap.size === 0) {
-      return;
-    }
-    const firstSelection = selectionsMap.values().next().value;
-    const destinationId = firstSelection?.id;
-    const destinationTitle = firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId);
-    setDestination({
-      id: destinationId,
-      title: destinationTitle
-    });
-    openModal(confirmMoveDrawerSlug);
-  }, [openModal, confirmMoveDrawerSlug]);
-  const handleMoveToRoot = useCallback(() => {
-    setDestination({
-      id: null,
-      title: t('hierarchy:noParent')
-    });
-    openModal(confirmMoveDrawerSlug);
-  }, [openModal, confirmMoveDrawerSlug, t]);
-  const handleConfirmMove = useCallback(async () => {
-    if (destination === null) {
-      return;
-    }
-    let totalMoved = 0;
-    let hasErrors = false;
-    try {
-      for (const [collectionSlug_1, {
-        ids: ids_0
-      }] of Object.entries(selections)) {
-        if (ids_0.length === 0) {
-          continue;
-        }
-        const queryString = qs.stringify({
-          locale,
-          where: {
-            id: {
-              in: ids_0
-            }
-          }
-        }, {
-          addQueryPrefix: true
-        });
-        const url = formatAdminURL({
-          apiRoute: api,
-          path: `/${collectionSlug_1}${queryString}`
-        });
-        const response = await requests.patch(url, {
-          body: JSON.stringify({
-            [parentFieldName]: destination.id
-          }),
-          headers: {
-            'Accept-Language': i18n.language,
-            'Content-Type': 'application/json',
-            credentials: 'include'
-          }
-        });
-        const json = await response.json();
-        if (response.status >= 400) {
-          hasErrors = true;
-          if (json?.errors?.length > 0) {
-            toast.error(json.message || t('error:unknown'), {
-              description: json.errors.map(error => error.message).join('\n')
-            });
-          } else {
-            toast.error(json?.message || t('error:unknown'));
-          }
-          continue;
-        }
-        const movedCount = json?.docs?.length || 0;
-        totalMoved += movedCount;
-        if (json?.errors?.length > 0) {
-          hasErrors = true;
-          toast.error(json.message, {
-            description: json.errors.map(error_0 => error_0.message).join('\n')
-          });
-        }
-      }
-      if (totalMoved > 0) {
-        const successKey = destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo';
-        toast.success(t(successKey, {
-          destination: destination.title,
-          title: label
-        }));
-      }
-      if (!hasErrors || totalMoved > 0) {
-        closeDrawer();
-        onSuccess?.();
-      }
-    } catch (_err) {
-      toast.error(t('error:unknown'));
-    } finally {
-      setDestination(null);
-    }
-  }, [closeDrawer, destination, selections, parentFieldName, locale, api, i18n, t, label, onSuccess]);
-  if (count === 0 || !canMove) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(ListSelectionButton, {
-      "aria-label": t('general:move'),
-      className: `${baseClass}__toggle`,
-      onClick: openDrawer,
-      children: t('general:move')
-    }), /*#__PURE__*/_jsx(HierarchyDrawer, {
-      hasMany: false,
-      initialSelections: currentFolderId ? [currentFolderId] : null,
-      onMoveToRoot: handleMoveToRoot,
-      onSave: handleDrawerSave,
-      showMoveToRoot: true
-    }), /*#__PURE__*/_jsx(ConfirmationModal, {
-      body: /*#__PURE__*/_jsx("p", {
-        children: destination?.id === null ? /*#__PURE__*/_jsx(Translation, {
-          elements: {
-            '1': ({
-              children
-            }) => /*#__PURE__*/_jsx("strong", {
-              children: children
-            })
-          },
-          i18nKey: "hierarchy:moveItemsToRootConfirmation",
-          t: t,
-          variables: {
-            count,
-            label
-          }
-        }) : /*#__PURE__*/_jsx(Translation, {
-          elements: {
-            '1': ({
-              children: children_0
-            }) => /*#__PURE__*/_jsx("strong", {
-              children: children_0
-            })
-          },
-          i18nKey: "general:moveConfirm",
-          t: t,
-          variables: {
-            count,
-            destination: destination?.title || '',
-            label
-          }
-        })
-      }),
-      confirmingLabel: t('general:moving'),
-      heading: t('general:confirmMove'),
-      modalSlug: confirmMoveDrawerSlug,
-      onConfirm: handleConfirmMove
-    })]
-  });
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","ConfirmationModal","useHierarchyDrawer","ListSelectionButton","Translation","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentFolderId","hierarchySlug","Icon","modalPrefix","onSuccess","selections","i18n","t","code","locale","openModal","collections","routes","api","getSelectionsWithMetadata","destination","setDestination","confirmMoveDrawerSlug","requiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","slug","add","size","Array","from","disabledIds","folderIds","ids","length","HierarchyDrawer","closeDrawer","openDrawer","filterByCollection","hierarchyCollectionSlug","count","label","totalCount","labels","find","c","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","canMove","handleDrawerSave","selectionsMap","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","handleConfirmMove","totalMoved","hasErrors","queryString","stringify","where","in","addQueryPrefix","url","apiRoute","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","_err","_jsxs","Fragment","_jsx","className","onClick","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../HierarchyDrawer/types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../providers/DocumentSelection/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { useHierarchyDrawer } from '../HierarchyDrawer/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current folder ID - drawer will open expanded to this location */\n  currentFolderId?: null | number | string\n  /** The hierarchy collection slug (e.g., 'folders') */\n  hierarchySlug: string\n  /** Icon to display in the hierarchy drawer */\n  Icon?: React.ReactNode\n  /** When multiple MoveMany components are rendered on the page, this will differentiate them */\n  modalPrefix?: string\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /** Selections grouped by collection slug */\n  selections: Record<string, { ids: (number | string)[] }>\n}\n\n/**\n * Gets the parent field name from the hierarchy config.\n */\nfunction getParentFieldName(\n  hierarchyConfig: ClientCollectionConfig | undefined,\n): string | undefined {\n  const config =\n    hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object'\n      ? hierarchyConfig.hierarchy\n      : undefined\n  return config?.parentFieldName\n}\n\nexport function MoveMany({\n  currentFolderId,\n  hierarchySlug,\n  Icon,\n  modalPrefix,\n  onSuccess,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { openModal } = useModal()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { getSelectionsWithMetadata } = useDocumentSelection()\n\n  const [destination, setDestination] = useState<{\n    id: null | number | string\n    title: string\n  } | null>(null)\n\n  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`\n\n  // Compute required collections from selection metadata\n  // For related items: add their collection slug\n  // For folders: add their allowedCollections values\n  const requiredCollections = useMemo(() => {\n    const selectionsWithMeta = getSelectionsWithMetadata()\n    const required = new Set<string>()\n\n    for (const [collectionSlug, { selections: items }] of Object.entries(selectionsWithMeta)) {\n      if (collectionSlug === hierarchySlug) {\n        // For folders, add their allowedCollections to required set\n        for (const { metadata } of items) {\n          if (metadata.allowedCollections) {\n            for (const slug of metadata.allowedCollections) {\n              required.add(slug)\n            }\n          }\n        }\n      } else {\n        // For related items, add their collection slug\n        required.add(collectionSlug)\n      }\n    }\n\n    return required.size > 0 ? Array.from(required) : undefined\n  }, [getSelectionsWithMetadata, hierarchySlug])\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const folderIds = selections[hierarchySlug]?.ids\n    return folderIds?.length ? new Set(folderIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyDrawer, , { closeDrawer, openDrawer }] = useHierarchyDrawer({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label } = useMemo(() => {\n    let totalCount = 0\n    const labels: string[] = []\n\n    for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n      const config = collections.find((c) => c.slug === collectionSlug)\n\n      if (config && ids.length > 0) {\n        totalCount += ids.length\n        const collectionLabel = getTranslation(\n          ids.length > 1 ? config.labels.plural : config.labels.singular,\n          i18n,\n        )\n        labels.push(collectionLabel)\n      }\n    }\n\n    return {\n      count: totalCount,\n      label: labels.join(', '),\n    }\n  }, [selections, collections, i18n])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  const handleDrawerSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      if (selectionsMap.size === 0) {\n        return\n      }\n\n      const firstSelection = selectionsMap.values().next().value\n      const destinationId = firstSelection?.id\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      setDestination({ id: destinationId, title: destinationTitle })\n      openModal(confirmMoveDrawerSlug)\n    },\n    [openModal, confirmMoveDrawerSlug],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    setDestination({ id: null, title: t('hierarchy:noParent') })\n    openModal(confirmMoveDrawerSlug)\n  }, [openModal, confirmMoveDrawerSlug, t])\n\n  const handleConfirmMove = useCallback(async () => {\n    if (destination === null) {\n      return\n    }\n\n    let totalMoved = 0\n    let hasErrors = false\n\n    try {\n      for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n        if (ids.length === 0) {\n          continue\n        }\n\n        const queryString = qs.stringify(\n          {\n            locale,\n            where: { id: { in: ids } },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n        })\n\n        const response = await requests.patch(url, {\n          body: JSON.stringify({ [parentFieldName]: destination.id }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n            credentials: 'include',\n          },\n        })\n\n        const json = await response.json()\n\n        if (response.status >= 400) {\n          hasErrors = true\n\n          if (json?.errors?.length > 0) {\n            toast.error(json.message || t('error:unknown'), {\n              description: json.errors\n                .map((error: { message: string }) => error.message)\n                .join('\\n'),\n            })\n          } else {\n            toast.error(json?.message || t('error:unknown'))\n          }\n\n          continue\n        }\n\n        const movedCount = json?.docs?.length || 0\n        totalMoved += movedCount\n\n        if (json?.errors?.length > 0) {\n          hasErrors = true\n          toast.error(json.message, {\n            description: json.errors.map((error: { message: string }) => error.message).join('\\n'),\n          })\n        }\n      }\n\n      if (totalMoved > 0) {\n        const successKey =\n          destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo'\n\n        toast.success(\n          t(successKey, {\n            destination: destination.title,\n            title: label,\n          }),\n        )\n      }\n\n      if (!hasErrors || totalMoved > 0) {\n        closeDrawer()\n        onSuccess?.()\n      }\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setDestination(null)\n    }\n  }, [\n    closeDrawer,\n    destination,\n    selections,\n    parentFieldName,\n    locale,\n    api,\n    i18n,\n    t,\n    label,\n    onSuccess,\n  ])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:move')}\n        className={`${baseClass}__toggle`}\n        onClick={openDrawer}\n      >\n        {t('general:move')}\n      </ListSelectionButton>\n      <HierarchyDrawer\n        hasMany={false}\n        initialSelections={currentFolderId ? [currentFolderId] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n      />\n      <ConfirmationModal\n        body={\n          <p>\n            {destination?.id === null ? (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"hierarchy:moveItemsToRootConfirmation\"\n                t={t}\n                variables={{\n                  count,\n                  label,\n                }}\n              />\n            ) : (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:moveConfirm\"\n                t={t}\n                variables={{\n                  count,\n                  destination: destination?.title || '',\n                  label,\n                }}\n              />\n            )}\n          </p>\n        }\n        confirmingLabel={t('general:moving')}\n        heading={t('general:confirmMove')}\n        modalSlug={confirmMoveDrawerSlug}\n        onConfirm={handleConfirmMove}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/MoveMany/index.scss

@@ -1,7 +0,0 @@
-@use '../../scss/queries.scss' as *;
-
-.move-many {
-  &__toggle {
-    // Inherits from ListSelectionButton
-  }
-}

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import './index.scss';
-export type SpinnerProps = {
-    /**
-     * Custom text to show next to the spinner. Pass `null` to hide text entirely.
-     * @default 'Loading...' (translated)
-     */
-    loadingText?: null | string;
-    /**
-     * Size of the spinner
-     * @default 'default'
-     */
-    size?: 'default' | 'small';
-};
-export declare const Spinner: React.FC<SpinnerProps>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Spinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAY1C,CAAA"}

package/dist/elements/Spinner/index.js

@@ -1,49 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { useTranslation } from '../../providers/Translation/index.js';
-import './index.scss';
-const baseClass = 'spinner';
-export const Spinner = t0 => {
-  const $ = _c(6);
-  const {
-    loadingText,
-    size: t1
-  } = t0;
-  const size = t1 === undefined ? "medium" : t1;
-  const {
-    t
-  } = useTranslation();
-  const t2 = `${baseClass}--${size}`;
-  let t3;
-  if ($[0] !== t2) {
-    t3 = [baseClass, t2].filter(Boolean);
-    $[0] = t2;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const t4 = t3.join(" ");
-  let t5;
-  if ($[2] !== loadingText || $[3] !== t || $[4] !== t4) {
-    t5 = _jsxs("div", {
-      className: t4,
-      children: [_jsx("div", {
-        className: `${baseClass}__circle`
-      }), loadingText !== null && _jsx("span", {
-        className: `${baseClass}__text`,
-        children: loadingText || `${t("general:loading")}...`
-      })]
-    });
-    $[2] = loadingText;
-    $[3] = t;
-    $[4] = t4;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  return t5;
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","Spinner","t0","$","loadingText","size","t1","undefined","t","t2","t3","filter","Boolean","t4","join","t5","_jsxs","className","children","_jsx"],"sources":["../../../src/elements/Spinner/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'spinner'\n\nexport type SpinnerProps = {\n  /**\n   * Custom text to show next to the spinner. Pass `null` to hide text entirely.\n   * @default 'Loading...' (translated)\n   */\n  loadingText?: null | string\n  /**\n   * Size of the spinner\n   * @default 'default'\n   */\n  size?: 'default' | 'small'\n}\n\nexport const Spinner: React.FC<SpinnerProps> = ({ loadingText, size = 'medium' }) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, `${baseClass}--${size}`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__circle`} />\n\n      {loadingText !== null && (\n        <span className={`${baseClass}__text`}>{loadingText || `${t('general:loading')}...`}</span>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAelB,OAAO,MAAMC,OAAA,GAAkCC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,WAAA;IAAAC,IAAA,EAAAC;EAAA,IAAAJ,EAAgC;EAAjB,MAAAG,IAAA,GAAAC,EAAe,KAAAC,SAAA,GAAR,QAAQ,GAAfD,EAAe;EAC5E;IAAAE;EAAA,IAAcT,cAAA;EAGgB,MAAAU,EAAA,MAAAT,SAAA,KAAiBK,IAAA,EAAM;EAAA,IAAAK,EAAA;EAAA,IAAAP,CAAA,QAAAM,EAAA;IAAnCC,EAAA,IAAAV,SAAA,EAAYS,EAAuB,EAAAE,MAAA,CAAAC,OAAS;IAAAT,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA5C,MAAAU,EAAA,GAAAH,EAA4C,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAU,EAAA;IAA1EE,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAeJ,EAA0D;MAAAK,QAAA,GACxEC,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAAjB,SAAA;MAAsB,C,GAErCI,WAAA,SAAgB,IACfe,IAAA,CAAC;QAAAF,SAAA,EAAgB,GAAAjB,SAAA,QAAoB;QAAAkB,QAAA,EAAGd,WAAA,IAAe,GAAGI,CAAA,CAAE;MAAuB,C;;;;;;;;;SAJvFO,E;CAQJ","ignoreList":[]}

package/dist/elements/Spinner/index.scss

@@ -1,39 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .spinner {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--base) / 2);
-    color: var(--theme-elevation-400);
-
-    &__circle {
-      width: 15px;
-      height: 15px;
-      border: 2px solid var(--theme-elevation-200);
-      border-top-color: var(--theme-elevation-500);
-      border-radius: 50%;
-      animation: spinner-spin 0.6s linear infinite;
-    }
-
-    &--small {
-      gap: calc(var(--base) / 4);
-
-      .spinner__circle {
-        width: 12px;
-        height: 12px;
-        border-width: 2px;
-      }
-
-      .spinner__text {
-        font-size: 12px;
-      }
-    }
-  }
-
-  @keyframes spinner-spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-}

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.d.ts

@@ -1,6 +0,0 @@
-import type { DefaultCellComponentProps, RelationshipFieldClient } from 'payload';
-import React from 'react';
-import './index.scss';
-export type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>;
-export declare const HierarchyCell: React.FC<HierarchyCellProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjF,OAAO,KAA4D,MAAM,OAAO,CAAA;AAchF,OAAO,cAAc,CAAA;AAKrB,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiMtD,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js

@@ -1,187 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useIntersect } from '../../../../../hooks/useIntersect.js';
-import { FolderIcon } from '../../../../../icons/Folder/index.js';
-import { TagIcon } from '../../../../../icons/Tag/index.js';
-import { useConfig } from '../../../../../providers/Config/index.js';
-import { useTranslation } from '../../../../../providers/Translation/index.js';
-import { canUseDOM } from '../../../../../utilities/canUseDOM.js';
-import { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js';
-import { Button } from '../../../../Button/index.js';
-import { useHierarchyDrawer } from '../../../../HierarchyDrawer/index.js';
-import { useListRelationships } from '../../../RelationshipProvider/index.js';
-import './index.scss';
-const baseClass = 'hierarchy-cell';
-export const HierarchyCell = ({
-  cellData: cellDataFromProps,
-  collectionSlug,
-  customCellProps,
-  field,
-  rowData
-}) => {
-  const relationTo = 'relationTo' in field ? field.relationTo : undefined;
-  const hasMany = field.hasMany ?? false;
-  const {
-    config,
-    getEntityConfig
-  } = useConfig();
-  const [intersectionRef, entry] = useIntersect();
-  const [values, setValues] = useState([]);
-  const {
-    documents,
-    getRelationships
-  } = useListRelationships();
-  const hasRequestedRef = useRef(false);
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false;
-  // Get the hierarchy collection config
-  const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined;
-  const hierarchyCollectionConfig = hierarchyCollectionSlug ? getEntityConfig({
-    collectionSlug: hierarchyCollectionSlug
-  }) : undefined;
-  // Use pre-rendered icon from server if available, otherwise determine on client
-  const hierarchyConfig = hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object' ? hierarchyCollectionConfig.hierarchy : undefined;
-  // Pre-rendered icon from server (supports custom icons)
-  const preRenderedIcon = customCellProps?.hierarchyIcon;
-  // Fallback icon for client-side rendering
-  const fallbackIcon = useMemo(() => {
-    if (preRenderedIcon) {
-      return null // Don't need fallback if we have pre-rendered icon
-;
-    }
-    // Default based on allowHasMany: false = folder-like, true = tag-like
-    const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon;
-    return /*#__PURE__*/_jsx(IconComponent, {
-      color: "muted"
-    });
-  }, [hierarchyConfig, preRenderedIcon]);
-  // Set up the hierarchy drawer
-  const [HierarchyDrawer,, {
-    openDrawer
-  }] = useHierarchyDrawer({
-    hierarchyCollectionSlug: hierarchyCollectionSlug || ''
-  });
-  // Fetch relationship data when visible
-  useEffect(() => {
-    if ((cellDataFromProps || typeof cellDataFromProps === 'number') && isAboveViewport && !hasRequestedRef.current && typeof relationTo === 'string') {
-      const formattedValues = [];
-      const arrayCellData = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps];
-      arrayCellData.forEach(cell => {
-        if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {
-          formattedValues.push(cell);
-        }
-        if (typeof cell === 'number' || typeof cell === 'string') {
-          formattedValues.push({
-            relationTo,
-            value: cell
-          });
-        }
-      });
-      getRelationships(formattedValues);
-      hasRequestedRef.current = true;
-      setValues(formattedValues);
-    }
-  }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships]);
-  // Reset when data changes
-  useEffect(() => {
-    hasRequestedRef.current = false;
-  }, [cellDataFromProps]);
-  // Get current selection IDs for the drawer
-  const initialSelections = useMemo(() => {
-    if (!cellDataFromProps) {
-      return [];
-    }
-    const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps];
-    return data.map(item => {
-      if (typeof item === 'object' && 'value' in item) {
-        return item.value;
-      }
-      return item;
-    });
-  }, [cellDataFromProps]);
-  // Handle save from drawer
-  const handleSave = useCallback(async ({
-    closeDrawer,
-    selections
-  }) => {
-    // Get selected IDs
-    const selectedIds = Array.from(selections.keys());
-    const newValue = hasMany ? selectedIds : selectedIds[0] ?? null;
-    // Update the document via API
-    try {
-      const response = await fetch(`${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`, {
-        body: JSON.stringify({
-          [field.name]: newValue
-        }),
-        credentials: 'include',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        method: 'PATCH'
-      });
-      if (response.ok && typeof relationTo === 'string') {
-        // Update local state with new selection to avoid page reload
-        const newValues = selectedIds.map(id => ({
-          relationTo,
-          value: id
-        }));
-        setValues(newValues);
-        // Request the new relationship docs to update the display
-        if (newValues.length > 0) {
-          getRelationships(newValues);
-        }
-      }
-    } catch (_error) {
-      // swallow error and close drawer anyway, user can try again
-    }
-    closeDrawer();
-  }, [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships]);
-  // Build display labels
-  const labels = useMemo(() => {
-    return values.map(({
-      relationTo: rel,
-      value
-    }) => {
-      const document = documents[rel]?.[value];
-      const relatedCollection = getEntityConfig({
-        collectionSlug: rel
-      });
-      return formatDocTitle({
-        collectionConfig: relatedCollection,
-        data: document || null,
-        dateFormat: config.admin.dateFormat,
-        fallback: `${t('general:untitled')} - ID: ${value}`,
-        i18n
-      });
-    });
-  }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n]);
-  const displayText = labels.length > 0 ? labels.join(', ') : t('general:none');
-  const isLoading = values.length > 0 && values.some(({
-    relationTo: rel_0,
-    value: value_0
-  }) => documents[rel_0]?.[value_0] === null);
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
-    ref: intersectionRef,
-    children: [/*#__PURE__*/_jsx(Button, {
-      buttonStyle: "subtle",
-      className: `${baseClass}__pill`,
-      icon: preRenderedIcon || fallbackIcon,
-      iconPosition: "left",
-      margin: false,
-      onClick: openDrawer,
-      size: "small",
-      children: isLoading ? `${t('general:loading')}...` : displayText
-    }), hierarchyCollectionSlug && /*#__PURE__*/_jsx(HierarchyDrawer, {
-      hasMany: hasMany,
-      initialSelections: initialSelections,
-      onSave: handleSave
-    })]
-  });
-};
-//# sourceMappingURL=index.js.map