npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.011fd46 → 4.0.0-internal.016994f - Mend

@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.016994f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1513) hide show

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

@@ -1,7 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { formatAdminURL } from 'payload/shared';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { toast } from 'sonner';
 import { useIntersect } from '../../../../../hooks/useIntersect.js';
 import { FolderIcon } from '../../../../../icons/Folder/index.js';
 import { TagIcon } from '../../../../../icons/Tag/index.js';
@@ -10,7 +13,8 @@ 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 '../../../../Hierarchy/Drawer/useHierarchyDrawer.js';
+import { useHierarchyModal } from '../../../../Hierarchy/Modal/useHierarchyModal.js';
+import { Popup, PopupList } from '../../../../Popup/index.js';
 import { useListRelationships } from '../../../RelationshipProvider/index.js';
 import './index.css';
 const baseClass = 'hierarchy-cell';
@@ -60,17 +64,36 @@ export const HierarchyCell = ({
     const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon;
     return /*#__PURE__*/_jsx(IconComponent, {});
   }, [hierarchyConfig, preRenderedIcon]);
-  // Full icon for drawer subheader
+  // Full icon for modal subheader
   const drawerIcon = preRenderedIcon || fallbackIcon;
   // Small icon for compact display (pill button)
   const displayIcon = preRenderedSmallIcon ?? drawerIcon;
-  // Set up the hierarchy drawer
-  const [HierarchyDrawer,, {
-    openDrawer
-  }] = useHierarchyDrawer({
+  // Set up the hierarchy modal
+  const [HierarchyModal,, {
+    openModal
+  }] = useHierarchyModal({
     hierarchyCollectionSlug: hierarchyCollectionSlug || '',
     Icon: drawerIcon
   });
+  // Lazy-mount the modal so its column browser doesn't eagerly fetch root items
+  // for every cell in the list view. Only mount once the user opens it.
+  const [hasMountedModal, setHasMountedModal] = useState(false);
+  const shouldOpenAfterMountRef = useRef(false);
+  const handleOpenModal = useCallback(() => {
+    if (hasMountedModal) {
+      openModal();
+      return;
+    }
+    shouldOpenAfterMountRef.current = true;
+    setHasMountedModal(true);
+  }, [hasMountedModal, openModal]);
+  // Open the modal once it has mounted (state update from handleOpenModal).
+  useEffect(() => {
+    if (hasMountedModal && shouldOpenAfterMountRef.current) {
+      shouldOpenAfterMountRef.current = false;
+      openModal();
+    }
+  }, [hasMountedModal, openModal]);
   // Fetch relationship data when visible
   useEffect(() => {
     // Reset tracking if data changed
@@ -97,7 +120,7 @@ export const HierarchyCell = ({
       setValues(formattedValues);
     }
   }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships]);
-  // Get current selection IDs for the drawer
+  // Get current selection IDs for the modal
   const initialSelections = useMemo(() => {
     if (!cellDataFromProps) {
       return [];
@@ -110,19 +133,17 @@ export const HierarchyCell = ({
       return item;
     });
   }, [cellDataFromProps]);
-  // Handle save from drawer
-  const handleSave = useCallback(async ({
-    closeDrawer,
-    selections
+  // Persist a new set of IDs on the row's document and reflect it locally so the
+  // cell updates without a page reload. Changes apply immediately, so the outcome is
+  // confirmed with a toast.
+  const saveIds = useCallback(async ({
+    selectedIds,
+    successMessage
   }) => {
-    // 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
+          [field.name]: hasMany ? selectedIds : selectedIds[0] ?? null
         }),
         credentials: 'include',
         headers: {
@@ -130,8 +151,12 @@ export const HierarchyCell = ({
         },
         method: 'PATCH'
       });
-      if (response.ok && typeof relationTo === 'string') {
-        // Update local state with new selection to avoid page reload
+      const json = await response.json();
+      if (!response.ok) {
+        toast.error(json?.message || t('error:unknown'));
+        return;
+      }
+      if (typeof relationTo === 'string') {
         const newValues = selectedIds.map(id => ({
           relationTo,
           value: id
@@ -142,11 +167,11 @@ export const HierarchyCell = ({
           getRelationships(newValues);
         }
       }
+      toast.success(successMessage);
     } catch (_error) {
-      // swallow error and close drawer anyway, user can try again
+      toast.error(t('error:unknown'));
     }
-    closeDrawer();
-  }, [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships]);
+  }, [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships, t]);
   // Build display labels
   const labels = useMemo(() => {
     return values.map(({
@@ -166,27 +191,146 @@ export const HierarchyCell = ({
       });
     });
   }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n]);
+  // Title of the row's own document, used for the modal's `Move "..."` heading
+  const rowTitle = useMemo(() => formatDocTitle({
+    collectionConfig: getEntityConfig({
+      collectionSlug
+    }),
+    data: rowData,
+    dateFormat: config.admin.dateFormat,
+    fallback: `${t('general:untitled')} - ID: ${rowData?.id}`,
+    i18n
+  }), [collectionSlug, config.admin.dateFormat, getEntityConfig, i18n, rowData, t]);
   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);
+  // A single value is required to name the folder in the menu, so `hasMany` fields keep the
+  // plain button that opens the move modal directly.
+  const currentId = !hasMany && values.length === 1 ? values[0].value : undefined;
+  const hasSingleFolder = typeof currentId === 'string' || typeof currentId === 'number';
+  // e.g. "Folder" / "Tag" - the hierarchy collection this document is filed under.
+  const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n);
+  // Handle save from modal
+  const handleSave = useCallback(async ({
+    closeModal,
+    selections
+  }) => {
+    const selectedIds_0 = Array.from(selections.keys());
+    const destination = selections.get(selectedIds_0[0]);
+    const destinationTitle = destination?.path?.[destination.path.length - 1]?.title;
+    closeModal();
+    await saveIds({
+      selectedIds: selectedIds_0,
+      successMessage: !hasMany && destinationTitle ? `Moved "${rowTitle}" to ${destinationTitle}` : `Updated ${hierarchyLabel} for "${rowTitle}"`
+    });
+  }, [hasMany, hierarchyLabel, rowTitle, saveIds]);
+  const controlRef = useRef(null);
+  const [shouldRefocus, setShouldRefocus] = useState(false);
+  // Removal swaps the menu trigger out for the plain button, so focus is restored once the
+  // replacement has rendered rather than on the element that is about to unmount.
+  useEffect(() => {
+    if (shouldRefocus) {
+      controlRef.current?.querySelector('button')?.focus();
+      setShouldRefocus(false);
+    }
+  }, [shouldRefocus]);
+  const handleRemove = useCallback(() => {
+    void saveIds({
+      selectedIds: [],
+      successMessage: `Removed "${rowTitle}" from ${hierarchyLabel}`
+    });
+    setShouldRefocus(true);
+  }, [hierarchyLabel, rowTitle, saveIds]);
+  const goToHref = useMemo(() => {
+    if (!hasSingleFolder || !collectionSlug) {
+      return undefined;
+    }
+    const parentQueryParam = hierarchyConfig?.parentFieldName || 'parent';
+    return formatAdminURL({
+      adminRoute: config.routes.admin,
+      path: `/collections/${collectionSlug}/hierarchy?${parentQueryParam}=${currentId}`
+    });
+  }, [collectionSlug, config.routes.admin, currentId, hasSingleFolder, hierarchyConfig?.parentFieldName]);
   return /*#__PURE__*/_jsxs("div", {
     className: baseClass,
     ref: intersectionRef,
-    children: [/*#__PURE__*/_jsx(Button, {
-      buttonStyle: "pill",
-      className: `${baseClass}__pill`,
-      icon: displayIcon,
-      iconPosition: "left",
-      margin: false,
-      onClick: openDrawer,
-      size: "medium",
-      children: isLoading ? `${t('general:loading')}...` : displayText
-    }), hierarchyCollectionSlug && /*#__PURE__*/_jsx(HierarchyDrawer, {
+    children: [/*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__control`,
+      ref: controlRef,
+      children: hasSingleFolder ? /*#__PURE__*/_jsx(Popup, {
+        caret: false,
+        className: `${baseClass}__popup`,
+        horizontalAlign: "left",
+        portalClassName: `${baseClass}__popup-content`,
+        render: ({
+          close
+        }) => /*#__PURE__*/_jsxs(PopupList.MenuItem, {
+          children: [/*#__PURE__*/_jsx(PopupList.Button, {
+            onClick: () => {
+              close();
+              handleOpenModal();
+            },
+            children: "Move to..."
+          }), /*#__PURE__*/_jsx(PopupList.Button, {
+            onClick: () => {
+              close();
+              handleRemove();
+            },
+            children: `Remove from ${hierarchyLabel}`
+          }), /*#__PURE__*/_jsx(PopupList.Divider, {}), /*#__PURE__*/_jsx(PopupList.Button, {
+            href: goToHref,
+            onClick: close,
+            children: /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__truncate`,
+              title: displayText,
+              children: `Go to "${displayText}"`
+            })
+          })]
+        }),
+        renderButton: ({
+          active,
+          onClick,
+          onKeyDown
+        }) => /*#__PURE__*/_jsx(Button, {
+          "aria-label": displayText,
+          buttonStyle: "secondary",
+          className: `${baseClass}__button`,
+          extraButtonProps: {
+            'aria-expanded': active,
+            'aria-haspopup': 'menu',
+            onKeyDown
+          },
+          icon: displayIcon,
+          iconPosition: "left",
+          margin: false,
+          onClick: onClick,
+          selected: active,
+          size: "medium",
+          tooltip: displayText,
+          children: /*#__PURE__*/_jsx("span", {
+            className: `${baseClass}__truncate`,
+            children: isLoading ? `${t('general:loading')}...` : displayText
+          })
+        }),
+        size: "fit-content",
+        verticalAlign: "bottom"
+      }) : /*#__PURE__*/_jsx(Button, {
+        buttonStyle: "secondary",
+        className: `${baseClass}__button`,
+        icon: displayIcon,
+        iconPosition: "left",
+        margin: false,
+        onClick: handleOpenModal,
+        size: "medium",
+        children: isLoading ? `${t('general:loading')}...` : displayText
+      })
+    }), hierarchyCollectionSlug && hasMountedModal && /*#__PURE__*/_jsx(HierarchyModal, {
       hasMany: hasMany,
       initialSelections: initialSelections,
-      onSave: handleSave
+      onSave: handleSave,
+      title: !hasMany && rowTitle ? `${t('general:move')} "${rowTitle}"` : undefined
     })]
   });
 };

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","useIntersect","FolderIcon","TagIcon","useConfig","useTranslation","canUseDOM","formatDocTitle","Button","useHierarchyDrawer","useListRelationships","baseClass","HierarchyCell","cellData","cellDataFromProps","collectionSlug","customCellProps","field","rowData","relationTo","undefined","hasMany","config","getEntityConfig","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequestedRef","prevCellDataRef","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","hierarchyCollectionSlug","hierarchyCollectionConfig","hierarchyConfig","hierarchy","preRenderedIcon","hierarchyIcon","preRenderedSmallIcon","hierarchySmallIcon","fallbackIcon","IconComponent","allowHasMany","_jsx","drawerIcon","displayIcon","HierarchyDrawer","openDrawer","Icon","current","formattedValues","arrayCellData","Array","isArray","forEach","cell","push","value","initialSelections","data","map","item","handleSave","closeDrawer","selections","selectedIds","from","keys","newValue","response","fetch","serverURL","routes","api","id","body","JSON","stringify","name","credentials","headers","method","ok","newValues","length","_error","labels","rel","document","relatedCollection","collectionConfig","dateFormat","admin","fallback","displayText","join","isLoading","some","_jsxs","className","ref","buttonStyle","icon","iconPosition","margin","onClick","size","onSave"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { SelectionWithPath } from '../../../../Hierarchy/Drawer/types.js'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { FolderIcon } from '../../../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../../../icons/Tag/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { Button } from '../../../../Button/index.js'\nimport { useHierarchyDrawer } from '../../../../Hierarchy/Drawer/useHierarchyDrawer.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.css'\n\ntype Value = { relationTo: string; value: number \| string }\nconst baseClass = 'hierarchy-cell'\n\nexport type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>\n\nexport const HierarchyCell: React.FC<HierarchyCellProps> = ({\n cellData: cellDataFromProps,\n collectionSlug,\n customCellProps,\n field,\n rowData,\n}) => {\n const relationTo = 'relationTo' in field ? field.relationTo : undefined\n const hasMany = field.hasMany ?? false\n\n const { config, getEntityConfig } = useConfig()\n const [intersectionRef, entry] = useIntersect()\n const [values, setValues] = useState<Value[]>([])\n const { documents, getRelationships } = useListRelationships()\n const hasRequestedRef = useRef(false)\n const prevCellDataRef = useRef<typeof cellDataFromProps>(undefined)\n const { i18n, t } = useTranslation()\n\n const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n // Get the hierarchy collection config\n const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined\n const hierarchyCollectionConfig = hierarchyCollectionSlug\n ? getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n : undefined\n\n // Use pre-rendered icon from server if available, otherwise determine on client\n const hierarchyConfig =\n hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object'\n ? hierarchyCollectionConfig.hierarchy\n : undefined\n\n // Pre-rendered icons from server (supports custom icons)\n const preRenderedIcon = customCellProps?.hierarchyIcon as React.ReactNode \| undefined\n const preRenderedSmallIcon = customCellProps?.hierarchySmallIcon as React.ReactNode \| undefined\n\n // Fallback icon for client-side rendering\n const fallbackIcon = useMemo(() => {\n if (preRenderedIcon) {\n return null // Don't need fallback if we have pre-rendered icon\n }\n // Default based on allowHasMany: false = folder-like, true = tag-like\n const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon\n return <IconComponent />\n }, [hierarchyConfig, preRenderedIcon])\n\n // Full icon for drawer subheader\n const drawerIcon = preRenderedIcon \|\| fallbackIcon\n // Small icon for compact display (pill button)\n const displayIcon = preRenderedSmallIcon ?? drawerIcon\n\n // Set up the hierarchy drawer\n const [HierarchyDrawer, , { openDrawer }] = useHierarchyDrawer({\n hierarchyCollectionSlug: hierarchyCollectionSlug \|\| '',\n Icon: drawerIcon,\n })\n\n // Fetch relationship data when visible\n useEffect(() => {\n // Reset tracking if data changed\n if (prevCellDataRef.current !== cellDataFromProps) {\n prevCellDataRef.current = cellDataFromProps\n hasRequestedRef.current = false\n }\n\n if (\n (cellDataFromProps \|\| typeof cellDataFromProps === 'number') &&\n isAboveViewport &&\n !hasRequestedRef.current &&\n typeof relationTo === 'string'\n ) {\n const formattedValues: Value[] = []\n const arrayCellData = Array.isArray(cellDataFromProps)\n ? cellDataFromProps\n : [cellDataFromProps]\n\n arrayCellData.forEach((cell) => {\n if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n formattedValues.push(cell)\n }\n if (typeof cell === 'number' \|\| typeof cell === 'string') {\n formattedValues.push({\n relationTo,\n value: cell,\n })\n }\n })\n\n getRelationships(formattedValues)\n hasRequestedRef.current = true\n setValues(formattedValues)\n }\n }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships])\n\n // Get current selection IDs for the drawer\n const initialSelections = useMemo(() => {\n if (!cellDataFromProps) {\n return []\n }\n const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps]\n return data.map((item) => {\n if (typeof item === 'object' && 'value' in item) {\n return item.value\n }\n return item\n }) as (number \| string)[]\n }, [cellDataFromProps])\n\n // Handle save from drawer\n const handleSave = useCallback(\n async ({\n closeDrawer,\n selections,\n }: {\n closeDrawer: () => void\n selections: Map<number \| string, SelectionWithPath>\n }) => {\n // Get selected IDs\n const selectedIds = Array.from(selections.keys())\n const newValue = hasMany ? selectedIds : (selectedIds[0] ?? null)\n\n // Update the document via API\n try {\n const response = await fetch(\n `${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`,\n {\n body: JSON.stringify({\n [field.name]: newValue,\n }),\n credentials: 'include',\n headers: {\n 'Content-Type': 'application/json',\n },\n method: 'PATCH',\n },\n )\n\n if (response.ok && typeof relationTo === 'string') {\n // Update local state with new selection to avoid page reload\n const newValues: Value[] = selectedIds.map((id) => ({\n relationTo,\n value: id,\n }))\n setValues(newValues)\n\n // Request the new relationship docs to update the display\n if (newValues.length > 0) {\n getRelationships(newValues)\n }\n }\n } catch (_error) {\n // swallow error and close drawer anyway, user can try again\n }\n\n closeDrawer()\n },\n [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships],\n )\n\n // Build display labels\n const labels = useMemo(() => {\n return values.map(({ relationTo: rel, value }) => {\n const document = documents[rel]?.[value]\n const relatedCollection = getEntityConfig({ collectionSlug: rel })\n\n return formatDocTitle({\n collectionConfig: relatedCollection,\n data: document \|\| null,\n dateFormat: config.admin.dateFormat,\n fallback: `${t('general:untitled')} - ID: ${value}`,\n i18n,\n })\n })\n }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n])\n\n const displayText = labels.length > 0 ? labels.join(', ') : t('general:none')\n const isLoading =\n values.length > 0 &&\n values.some(({ relationTo: rel, value }) => documents[rel]?.[value] === null)\n\n return (\n <div className={baseClass} ref={intersectionRef}>\n <Button\n buttonStyle=\"pill\"\n className={`${baseClass}__pill`}\n icon={displayIcon}\n iconPosition=\"left\"\n margin={false}\n onClick={openDrawer}\n size=\"medium\"\n >\n {isLoading ? `${t('general:loading')}...` : displayText}\n </Button>\n {hierarchyCollectionSlug && (\n <HierarchyDrawer\n hasMany={hasMany}\n initialSelections={initialSelections}\n onSave={handleSave}\n />\n )}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","React","useCallback","useEffect","useMemo","useRef","useState","toast","useIntersect","FolderIcon","TagIcon","useConfig","useTranslation","canUseDOM","formatDocTitle","Button","useHierarchyModal","Popup","PopupList","useListRelationships","baseClass","HierarchyCell","cellData","cellDataFromProps","collectionSlug","customCellProps","field","rowData","relationTo","undefined","hasMany","config","getEntityConfig","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequestedRef","prevCellDataRef","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","hierarchyCollectionSlug","hierarchyCollectionConfig","hierarchyConfig","hierarchy","preRenderedIcon","hierarchyIcon","preRenderedSmallIcon","hierarchySmallIcon","fallbackIcon","IconComponent","allowHasMany","_jsx","drawerIcon","displayIcon","HierarchyModal","openModal","Icon","hasMountedModal","setHasMountedModal","shouldOpenAfterMountRef","handleOpenModal","current","formattedValues","arrayCellData","Array","isArray","forEach","cell","push","value","initialSelections","data","map","item","saveIds","selectedIds","successMessage","response","fetch","serverURL","routes","api","id","body","JSON","stringify","name","credentials","headers","method","json","ok","error","message","newValues","length","success","_error","labels","rel","document","relatedCollection","collectionConfig","dateFormat","admin","fallback","rowTitle","displayText","join","isLoading","some","currentId","hasSingleFolder","hierarchyLabel","singular","handleSave","closeModal","selections","from","keys","destination","get","destinationTitle","path","title","controlRef","shouldRefocus","setShouldRefocus","querySelector","focus","handleRemove","goToHref","parentQueryParam","parentFieldName","adminRoute","_jsxs","className","ref","caret","horizontalAlign","portalClassName","render","close","MenuItem","onClick","Divider","href","renderButton","active","onKeyDown","buttonStyle","extraButtonProps","icon","iconPosition","margin","selected","size","tooltip","verticalAlign","onSave"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient, TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../../../../Hierarchy/Modal/types.js'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { FolderIcon } from '../../../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../../../icons/Tag/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { Button } from '../../../../Button/index.js'\nimport { useHierarchyModal } from '../../../../Hierarchy/Modal/useHierarchyModal.js'\nimport { Popup, PopupList } from '../../../../Popup/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.css'\n\ntype Value = { relationTo: string; value: number \| string }\nconst baseClass = 'hierarchy-cell'\n\nexport type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>\n\nexport const HierarchyCell: React.FC<HierarchyCellProps> = ({\n cellData: cellDataFromProps,\n collectionSlug,\n customCellProps,\n field,\n rowData,\n}) => {\n const relationTo = 'relationTo' in field ? field.relationTo : undefined\n const hasMany = field.hasMany ?? false\n\n const { config, getEntityConfig } = useConfig()\n const [intersectionRef, entry] = useIntersect()\n const [values, setValues] = useState<Value[]>([])\n const { documents, getRelationships } = useListRelationships()\n const hasRequestedRef = useRef(false)\n const prevCellDataRef = useRef<typeof cellDataFromProps>(undefined)\n const { i18n, t } = useTranslation()\n\n const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n // Get the hierarchy collection config\n const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined\n const hierarchyCollectionConfig = hierarchyCollectionSlug\n ? getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n : undefined\n\n // Use pre-rendered icon from server if available, otherwise determine on client\n const hierarchyConfig =\n hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object'\n ? hierarchyCollectionConfig.hierarchy\n : undefined\n\n // Pre-rendered icons from server (supports custom icons)\n const preRenderedIcon = customCellProps?.hierarchyIcon as React.ReactNode \| undefined\n const preRenderedSmallIcon = customCellProps?.hierarchySmallIcon as React.ReactNode \| undefined\n\n // Fallback icon for client-side rendering\n const fallbackIcon = useMemo(() => {\n if (preRenderedIcon) {\n return null // Don't need fallback if we have pre-rendered icon\n }\n // Default based on allowHasMany: false = folder-like, true = tag-like\n const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon\n return <IconComponent />\n }, [hierarchyConfig, preRenderedIcon])\n\n // Full icon for modal subheader\n const drawerIcon = preRenderedIcon \|\| fallbackIcon\n // Small icon for compact display (pill button)\n const displayIcon = preRenderedSmallIcon ?? drawerIcon\n\n // Set up the hierarchy modal\n const [HierarchyModal, , { openModal }] = useHierarchyModal({\n hierarchyCollectionSlug: hierarchyCollectionSlug \|\| '',\n Icon: drawerIcon,\n })\n\n // Lazy-mount the modal so its column browser doesn't eagerly fetch root items\n // for every cell in the list view. Only mount once the user opens it.\n const [hasMountedModal, setHasMountedModal] = useState(false)\n const shouldOpenAfterMountRef = useRef(false)\n\n const handleOpenModal = useCallback(() => {\n if (hasMountedModal) {\n openModal()\n return\n }\n shouldOpenAfterMountRef.current = true\n setHasMountedModal(true)\n }, [hasMountedModal, openModal])\n\n // Open the modal once it has mounted (state update from handleOpenModal).\n useEffect(() => {\n if (hasMountedModal && shouldOpenAfterMountRef.current) {\n shouldOpenAfterMountRef.current = false\n openModal()\n }\n }, [hasMountedModal, openModal])\n\n // Fetch relationship data when visible\n useEffect(() => {\n // Reset tracking if data changed\n if (prevCellDataRef.current !== cellDataFromProps) {\n prevCellDataRef.current = cellDataFromProps\n hasRequestedRef.current = false\n }\n\n if (\n (cellDataFromProps \|\| typeof cellDataFromProps === 'number') &&\n isAboveViewport &&\n !hasRequestedRef.current &&\n typeof relationTo === 'string'\n ) {\n const formattedValues: Value[] = []\n const arrayCellData = Array.isArray(cellDataFromProps)\n ? cellDataFromProps\n : [cellDataFromProps]\n\n arrayCellData.forEach((cell) => {\n if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n formattedValues.push(cell)\n }\n if (typeof cell === 'number' \|\| typeof cell === 'string') {\n formattedValues.push({\n relationTo,\n value: cell,\n })\n }\n })\n\n getRelationships(formattedValues)\n hasRequestedRef.current = true\n setValues(formattedValues)\n }\n }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships])\n\n // Get current selection IDs for the modal\n const initialSelections = useMemo(() => {\n if (!cellDataFromProps) {\n return []\n }\n const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps]\n return data.map((item) => {\n if (typeof item === 'object' && 'value' in item) {\n return item.value\n }\n return item\n }) as (number \| string)[]\n }, [cellDataFromProps])\n\n // Persist a new set of IDs on the row's document and reflect it locally so the\n // cell updates without a page reload. Changes apply immediately, so the outcome is\n // confirmed with a toast.\n const saveIds = useCallback(\n async ({\n selectedIds,\n successMessage,\n }: {\n selectedIds: (number \| string)[]\n successMessage: string\n }) => {\n try {\n const response = await fetch(\n `${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`,\n {\n body: JSON.stringify({\n [field.name]: hasMany ? selectedIds : (selectedIds[0] ?? null),\n }),\n credentials: 'include',\n headers: {\n 'Content-Type': 'application/json',\n },\n method: 'PATCH',\n },\n )\n\n const json = await response.json()\n\n if (!response.ok) {\n toast.error(json?.message \|\| t('error:unknown'))\n return\n }\n\n if (typeof relationTo === 'string') {\n const newValues: Value[] = selectedIds.map((id) => ({\n relationTo,\n value: id,\n }))\n setValues(newValues)\n\n // Request the new relationship docs to update the display\n if (newValues.length > 0) {\n getRelationships(newValues)\n }\n }\n\n toast.success(successMessage)\n } catch (_error) {\n toast.error(t('error:unknown'))\n }\n },\n [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships, t],\n )\n\n // Build display labels\n const labels = useMemo(() => {\n return values.map(({ relationTo: rel, value }) => {\n const document = documents[rel]?.[value]\n const relatedCollection = getEntityConfig({ collectionSlug: rel })\n\n return formatDocTitle({\n collectionConfig: relatedCollection,\n data: document \|\| null,\n dateFormat: config.admin.dateFormat,\n fallback: `${t('general:untitled')} - ID: ${value}`,\n i18n,\n })\n })\n }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n])\n\n // Title of the row's own document, used for the modal's `Move \"...\"` heading\n const rowTitle = useMemo(\n () =>\n formatDocTitle({\n collectionConfig: getEntityConfig({ collectionSlug }),\n data: rowData as TypeWithID,\n dateFormat: config.admin.dateFormat,\n fallback: `${t('general:untitled')} - ID: ${rowData?.id}`,\n i18n,\n }),\n [collectionSlug, config.admin.dateFormat, getEntityConfig, i18n, rowData, t],\n )\n\n const displayText = labels.length > 0 ? labels.join(', ') : t('general:none')\n const isLoading =\n values.length > 0 &&\n values.some(({ relationTo: rel, value }) => documents[rel]?.[value] === null)\n\n // A single value is required to name the folder in the menu, so `hasMany` fields keep the\n // plain button that opens the move modal directly.\n const currentId = !hasMany && values.length === 1 ? values[0].value : undefined\n const hasSingleFolder = typeof currentId === 'string' \|\| typeof currentId === 'number'\n\n // e.g. \"Folder\" / \"Tag\" - the hierarchy collection this document is filed under.\n const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n)\n\n // Handle save from modal\n const handleSave = useCallback(\n async ({\n closeModal,\n selections,\n }: {\n closeModal: () => void\n selections: Map<number \| string, SelectionWithPath>\n }) => {\n const selectedIds = Array.from(selections.keys())\n const destination = selections.get(selectedIds[0])\n const destinationTitle = destination?.path?.[destination.path.length - 1]?.title\n\n closeModal()\n\n await saveIds({\n selectedIds,\n successMessage:\n !hasMany && destinationTitle\n ? `Moved \"${rowTitle}\" to ${destinationTitle}`\n : `Updated ${hierarchyLabel} for \"${rowTitle}\"`,\n })\n },\n [hasMany, hierarchyLabel, rowTitle, saveIds],\n )\n\n const controlRef = useRef<HTMLDivElement \| null>(null)\n const [shouldRefocus, setShouldRefocus] = useState(false)\n\n // Removal swaps the menu trigger out for the plain button, so focus is restored once the\n // replacement has rendered rather than on the element that is about to unmount.\n useEffect(() => {\n if (shouldRefocus) {\n controlRef.current?.querySelector('button')?.focus()\n setShouldRefocus(false)\n }\n }, [shouldRefocus])\n\n const handleRemove = useCallback(() => {\n void saveIds({\n selectedIds: [],\n successMessage: `Removed \"${rowTitle}\" from ${hierarchyLabel}`,\n })\n setShouldRefocus(true)\n }, [hierarchyLabel, rowTitle, saveIds])\n\n const goToHref = useMemo(() => {\n if (!hasSingleFolder \|\| !collectionSlug) {\n return undefined\n }\n\n const parentQueryParam = hierarchyConfig?.parentFieldName \|\| 'parent'\n\n return formatAdminURL({\n adminRoute: config.routes.admin,\n path: `/collections/${collectionSlug}/hierarchy?${parentQueryParam}=${currentId}`,\n })\n }, [\n collectionSlug,\n config.routes.admin,\n currentId,\n hasSingleFolder,\n hierarchyConfig?.parentFieldName,\n ])\n\n return (\n <div className={baseClass} ref={intersectionRef}>\n <div className={`${baseClass}__control`} ref={controlRef}>\n {hasSingleFolder ? (\n <Popup\n caret={false}\n className={`${baseClass}__popup`}\n horizontalAlign=\"left\"\n portalClassName={`${baseClass}__popup-content`}\n render={({ close }) => (\n <PopupList.MenuItem>\n <PopupList.Button\n onClick={() => {\n close()\n handleOpenModal()\n }}\n >\n Move to...\n </PopupList.Button>\n <PopupList.Button\n onClick={() => {\n close()\n handleRemove()\n }}\n >\n {`Remove from ${hierarchyLabel}`}\n </PopupList.Button>\n <PopupList.Divider />\n <PopupList.Button href={goToHref} onClick={close}>\n <span className={`${baseClass}__truncate`} title={displayText}>\n {`Go to \"${displayText}\"`}\n </span>\n </PopupList.Button>\n </PopupList.MenuItem>\n )}\n renderButton={({ active, onClick, onKeyDown }) => (\n <Button\n aria-label={displayText}\n buttonStyle=\"secondary\"\n className={`${baseClass}__button`}\n extraButtonProps={{\n 'aria-expanded': active,\n 'aria-haspopup': 'menu',\n onKeyDown,\n }}\n icon={displayIcon}\n iconPosition=\"left\"\n margin={false}\n onClick={onClick}\n selected={active}\n size=\"medium\"\n tooltip={displayText}\n >\n <span className={`${baseClass}__truncate`}>\n {isLoading ? `${t('general:loading')}...` : displayText}\n </span>\n </Button>\n )}\n size=\"fit-content\"\n verticalAlign=\"bottom\"\n />\n ) : (\n <Button\n buttonStyle=\"secondary\"\n className={`${baseClass}__button`}\n icon={displayIcon}\n iconPosition=\"left\"\n margin={false}\n onClick={handleOpenModal}\n size=\"medium\"\n >\n {isLoading ? `${t('general:loading')}...` : displayText}\n </Button>\n )}\n </div>\n {hierarchyCollectionSlug && hasMountedModal && (\n <HierarchyModal\n hasMany={hasMany}\n initialSelections={initialSelections}\n onSave={handleSave}\n title={!hasMany && rowTitle ? `${t('general:move')} \"${rowTitle}\"` : undefined}\n />\n )}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/index.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export declare const cellComponents: {
     date: import("react").FC<import("payload").DefaultCellComponentProps<{
         accessor?: string;
     } & {
-        admin?: import("payload").AdminClient & Pick<import("payload").DateField["admin"], "date" | "placeholder">;
+        admin?: import("payload").AdminClient & Pick<import("payload").DateField['admin'], 'date' | 'placeholder'>;
         timezone?: ({
             required?: boolean;
             supportedTimezones?: import("payload").Timezone[];

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,cAAc~~;;;;;;;;;;;;;;;;;;;;;;;CAe1B~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,cAAc;IACzB,KAAK;IACL,MAAM;IACN,QAAQ;IACR,IAAI;IACJ,IAAI;;;;;;;;;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,YAAY;IACZ,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;CACP,CAAA"}

package/dist/elements/Table/DefaultCell/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAI3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,~~CAwL3D~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAI3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8K3D,CAAA"}

package/dist/elements/Table/DefaultCell/index.js CHANGED Viewed

@@ -9,8 +9,8 @@ import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js';
 import { isValidReactElement } from '../../../utilities/isValidReactElement.js';
+import { IDLabel } from '../../IDLabel/index.js';
 import { Link } from '../../Link/index.js';
-import { CodeCell } from './fields/Code/index.js';
 import { HierarchyCell } from './fields/Hierarchy/index.js';
 import { cellComponents } from './fields/index.js';
 import { StatusCell } from './fields/Status/index.js';
@@ -85,16 +85,8 @@ export const DefaultCell = props => {
       if (fieldIsID(field)) {
         t4 = _jsx(WrapElement, {
           ...wrapElementProps,
-          children: _jsx(CodeCell, {
-            cellData: `ID: ${cellData}`,
-            collectionConfig,
-            collectionSlug,
-            field: {
-              ...field,
-              type: "code"
-            },
-            nowrap: true,
-            rowData
+          children: _jsx(IDLabel, {
+            id: cellData
           })
         });
         break bb0;

package/dist/elements/Table/DefaultCell/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldAffectsData","fieldIsID","formatAdminURL","React","useConfig","useTranslation","getDisplayedFieldValue","isValidReactElement","Link","CodeCell","HierarchyCell","cellComponents","StatusCell","DefaultCell","props","$","cellData","className","classNameFromProps","collectionSlug","field","t0","link","linkURL","onClick","onClickFromProps","rowData","viewType","admin","i18n","config","t1","getEntityConfig","routes","t2","adminRoute","t3","t4","Symbol","for","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","_jsx","children","nowrap","displayedValue","isHierarchyField","relationTo","relatedCollection","Boolean","hierarchy","name","DefaultCellComponent","CellComponent","upload","FileCellComponent","File","_jsxs","t","label","JSON","stringify","options","length","classes","Array","isArray","map","_temp","join","className_0","filter","value"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsID, formatAdminURL } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { isValidReactElement } from '../../../utilities/isValidReactElement.js'\nimport { Link } from '../../Link/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { HierarchyCell } from './fields/Hierarchy/index.js'\nimport { cellComponents } from './fields/index.js'\nimport { StatusCell } from './fields/Status/index.js'\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n const {\n cellData,\n className: classNameFromProps,\n collectionSlug,\n field,\n field: { admin },\n link,\n linkURL,\n onClick: onClickFromProps,\n rowData,\n viewType,\n } = props\n\n const { i18n } = useTranslation()\n\n const {\n config: {\n routes: { admin: adminRoute },\n },\n getEntityConfig,\n } = useConfig()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n\n const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n const className =\n classNameFromProps \|\|\n (field.admin && 'className' in field.admin ? field.admin.className : null) \|\|\n classNameFromConfigContext\n\n const onClick = onClickFromProps\n\n let WrapElement: React.ComponentType<any> \| string = 'span'\n\n const wrapElementProps: {\n className?: string\n href?: string\n onClick?: () => void\n prefetch?: false\n type?: 'button'\n } = {\n className,\n }\n\n if (link) {\n wrapElementProps.prefetch = false\n WrapElement = Link\n\n // Use custom linkURL if provided, otherwise use default URL generation\n if (linkURL) {\n wrapElementProps.href = linkURL\n } else {\n wrapElementProps.href = collectionConfig?.slug\n ? formatAdminURL({\n adminRoute,\n path: `/collections/${collectionConfig?.slug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(rowData.id)}`,\n })\n : ''\n }\n }\n\n if (typeof onClick === 'function') {\n WrapElement = 'button'\n wrapElementProps.type = 'button'\n wrapElementProps.onClick = () => {\n onClick({\n cellData,\n collectionSlug: collectionConfig?.slug,\n rowData,\n })\n }\n }\n\n if (fieldIsID(field)) {\n return (\n <WrapElement {...wrapElementProps}>\n <CodeCell\n cellData={`ID: ${cellData}`}\n collectionConfig={collectionConfig}\n collectionSlug={collectionSlug}\n field={{\n ...field,\n type: 'code',\n }}\n nowrap\n rowData={rowData}\n />\n </WrapElement>\n )\n }\n\n const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\n\n // Check if this is a hierarchy relationship field by checking if the related collection has hierarchy config\n const isHierarchyField =\n field.type === 'relationship' &&\n (() => {\n const relationTo = 'relationTo' in field ? field.relationTo : undefined\n if (typeof relationTo !== 'string') {\n return false\n }\n const relatedCollection = getEntityConfig({ collectionSlug: relationTo })\n return Boolean(relatedCollection?.hierarchy)\n })()\n\n // For hierarchy fields, render the HierarchyCell directly (no wrapper needed)\n if (isHierarchyField && field.type === 'relationship') {\n return <HierarchyCell cellData={cellData} rowData={rowData} {...props} field={field} />\n }\n\n // For status fields, render the StatusCell directly\n if (field.type === 'select' && 'name' in field && field.name === '_status') {\n return (\n <WrapElement {...wrapElementProps}>\n <StatusCell cellData={cellData} rowData={rowData} {...props} field={field} />\n </WrapElement>\n )\n }\n\n const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n typeof cellData !== 'undefined' && cellComponents[field.type]\n\n let CellComponent: React.ReactNode = null\n\n // Handle JSX labels before using DefaultCellComponent\n if (isValidReactElement(displayedValue)) {\n CellComponent = displayedValue\n } else if (DefaultCellComponent) {\n CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n } else if (!DefaultCellComponent) {\n // DefaultCellComponent does not exist for certain field types like `text`\n if (\n collectionConfig?.upload &&\n fieldAffectsData(field) &&\n field.name === 'filename' &&\n field.type === 'text'\n ) {\n const FileCellComponent = cellComponents.File\n\n CellComponent = (\n <FileCellComponent\n cellData={cellData}\n rowData={rowData}\n {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n collectionConfig={collectionConfig}\n field={field}\n />\n )\n } else {\n return (\n <WrapElement {...wrapElementProps}>\n {(displayedValue === '' \|\|\n typeof displayedValue === 'undefined' \|\|\n displayedValue === null) &&\n i18n.t('general:noLabel', {\n label: getTranslation(('label' in field ? field.label : null) \|\| 'data', i18n),\n })}\n {typeof displayedValue === 'string' && displayedValue}\n {typeof displayedValue === 'number' && displayedValue}\n {typeof displayedValue === 'object' &&\n displayedValue !== null &&\n JSON.stringify(displayedValue)}\n </WrapElement>\n )\n }\n }\n\n if ((field.type === 'select' \|\| field.type === 'radio') && field.options.length && cellData) {\n const classes = Array.isArray(cellData)\n ? cellData.map((value) => `selected--${value}`).join(' ')\n : `selected--${cellData}`\n\n const className = [wrapElementProps.className, classes].filter(Boolean).join(' ')\n\n return (\n <WrapElement {...wrapElementProps} className={className}>\n {CellComponent}\n </WrapElement>\n )\n }\n\n return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldAffectsData","fieldIsID","formatAdminURL","React","useConfig","useTranslation","getDisplayedFieldValue","isValidReactElement","IDLabel","Link","HierarchyCell","cellComponents","StatusCell","DefaultCell","props","$","cellData","className","classNameFromProps","collectionSlug","field","t0","link","linkURL","onClick","onClickFromProps","rowData","viewType","admin","i18n","config","t1","getEntityConfig","routes","t2","adminRoute","t3","t4","Symbol","for","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","_jsx","children","displayedValue","isHierarchyField","relationTo","relatedCollection","Boolean","hierarchy","name","DefaultCellComponent","CellComponent","upload","FileCellComponent","File","_jsxs","t","label","JSON","stringify","options","length","classes","Array","isArray","map","_temp","join","className_0","filter","value"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsID, formatAdminURL } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { isValidReactElement } from '../../../utilities/isValidReactElement.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { Link } from '../../Link/index.js'\nimport { HierarchyCell } from './fields/Hierarchy/index.js'\nimport { cellComponents } from './fields/index.js'\nimport { StatusCell } from './fields/Status/index.js'\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n const {\n cellData,\n className: classNameFromProps,\n collectionSlug,\n field,\n field: { admin },\n link,\n linkURL,\n onClick: onClickFromProps,\n rowData,\n viewType,\n } = props\n\n const { i18n } = useTranslation()\n\n const {\n config: {\n routes: { admin: adminRoute },\n },\n getEntityConfig,\n } = useConfig()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n\n const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n const className =\n classNameFromProps \|\|\n (field.admin && 'className' in field.admin ? field.admin.className : null) \|\|\n classNameFromConfigContext\n\n const onClick = onClickFromProps\n\n let WrapElement: React.ComponentType<any> \| string = 'span'\n\n const wrapElementProps: {\n className?: string\n href?: string\n onClick?: () => void\n prefetch?: false\n type?: 'button'\n } = {\n className,\n }\n\n if (link) {\n wrapElementProps.prefetch = false\n WrapElement = Link\n\n // Use custom linkURL if provided, otherwise use default URL generation\n if (linkURL) {\n wrapElementProps.href = linkURL\n } else {\n wrapElementProps.href = collectionConfig?.slug\n ? formatAdminURL({\n adminRoute,\n path: `/collections/${collectionConfig?.slug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(rowData.id)}`,\n })\n : ''\n }\n }\n\n if (typeof onClick === 'function') {\n WrapElement = 'button'\n wrapElementProps.type = 'button'\n wrapElementProps.onClick = () => {\n onClick({\n cellData,\n collectionSlug: collectionConfig?.slug,\n rowData,\n })\n }\n }\n\n if (fieldIsID(field)) {\n return (\n <WrapElement {...wrapElementProps}>\n <IDLabel id={cellData} />\n </WrapElement>\n )\n }\n\n const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\n\n // Check if this is a hierarchy relationship field by checking if the related collection has hierarchy config\n const isHierarchyField =\n field.type === 'relationship' &&\n (() => {\n const relationTo = 'relationTo' in field ? field.relationTo : undefined\n if (typeof relationTo !== 'string') {\n return false\n }\n const relatedCollection = getEntityConfig({ collectionSlug: relationTo })\n return Boolean(relatedCollection?.hierarchy)\n })()\n\n // For hierarchy fields, render the HierarchyCell directly (no wrapper needed)\n if (isHierarchyField && field.type === 'relationship') {\n return <HierarchyCell cellData={cellData} rowData={rowData} {...props} field={field} />\n }\n\n // For status fields, render the StatusCell directly\n if (field.type === 'select' && 'name' in field && field.name === '_status') {\n return (\n <WrapElement {...wrapElementProps}>\n <StatusCell cellData={cellData} rowData={rowData} {...props} field={field} />\n </WrapElement>\n )\n }\n\n const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n typeof cellData !== 'undefined' && cellComponents[field.type]\n\n let CellComponent: React.ReactNode = null\n\n // Handle JSX labels before using DefaultCellComponent\n if (isValidReactElement(displayedValue)) {\n CellComponent = displayedValue\n } else if (DefaultCellComponent) {\n CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n } else if (!DefaultCellComponent) {\n // DefaultCellComponent does not exist for certain field types like `text`\n if (\n collectionConfig?.upload &&\n fieldAffectsData(field) &&\n field.name === 'filename' &&\n field.type === 'text'\n ) {\n const FileCellComponent = cellComponents.File\n\n CellComponent = (\n <FileCellComponent\n cellData={cellData}\n rowData={rowData}\n {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n collectionConfig={collectionConfig}\n field={field}\n />\n )\n } else {\n return (\n <WrapElement {...wrapElementProps}>\n {(displayedValue === '' \|\|\n typeof displayedValue === 'undefined' \|\|\n displayedValue === null) &&\n i18n.t('general:noLabel', {\n label: getTranslation(('label' in field ? field.label : null) \|\| 'data', i18n),\n })}\n {typeof displayedValue === 'string' && displayedValue}\n {typeof displayedValue === 'number' && displayedValue}\n {typeof displayedValue === 'object' &&\n displayedValue !== null &&\n JSON.stringify(displayedValue)}\n </WrapElement>\n )\n }\n }\n\n if ((field.type === 'select' \|\| field.type === 'radio') && field.options.length && cellData) {\n const classes = Array.isArray(cellData)\n ? cellData.map((value) => `selected--${value}`).join(' ')\n : `selected--${cellData}`\n\n const className = [wrapElementProps.className, classes].filter(Boolean).join(' ')\n\n return (\n <WrapElement {...wrapElementProps} className={className}>\n {CellComponent}\n </WrapElement>\n )\n }\n\n return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/OrderableRow.d.ts CHANGED Viewed

@@ -6,8 +6,10 @@ export type Props = {
     readonly columns: Column[];
     readonly dragAttributes?: HTMLAttributes<unknown>;
     readonly dragListeners?: DraggableSyntheticListeners;
+    readonly isOrderable?: boolean;
+    readonly onDisabledDragAttempt?: () => void;
     readonly ref?: Ref<HTMLTableRowElement>;
     readonly rowId: number | string;
 } & HTMLAttributes<HTMLTableRowElement>;
-export declare const OrderableRow: ({ cellMap, columns, dragAttributes, dragListeners, rowId, ...rest }: Props) => import("react").JSX.Element;
+export declare const OrderableRow: ({ cellMap, columns, dragAttributes, dragListeners, isOrderable, onDisabledDragAttempt, rowId, ...rest }: Props) => import("react").JSX.Element;
 //# sourceMappingURL=OrderableRow.d.ts.map

package/dist/elements/Table/OrderableRow.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderableRow.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,~~EAAE~~,GAAG,EAAE,MAAM,OAAO,CAAA;~~AAEhD~~,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,2BAA2B,CAAA;IACpD,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAA;AAEvC,eAAO,MAAM,YAAY,~~GAAI~~,~~qEAO1B,~~KAAK,gCA+BP,CAAA"}
1	+ {"version":3,"file":"OrderableRow.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,KAAK,EAAE,cAAc,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAA;AAE/D,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,2BAA2B,CAAA;IACpD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3C,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAA;AAEvC,eAAO,MAAM,YAAY,4GAStB,KAAK,gCA+CP,CAAA"}

package/dist/elements/Table/OrderableRow.js CHANGED Viewed

@@ -4,6 +4,8 @@ export const OrderableRow = ({
   columns,
   dragAttributes = {},
   dragListeners = {},
+  isOrderable = true,
+  onDisabledDragAttempt,
   rowId,
   ...rest
 }) => /*#__PURE__*/_jsx("tr", {
@@ -16,11 +18,25 @@ export const OrderableRow = ({
     const cell = col.renderedCells[cellMap[rowId]];
     // For drag handles, wrap in div with drag attributes
     if (accessor === '_dragHandle') {
+      // When not orderable, dnd-kit's own drag listeners are disabled, so pressing the keys
+      // it would normally use to start a drag does nothing silently. Intercept them here to
+      // tell the user why instead.
+      const dragHandleListeners = {
+        ...dragListeners,
+        onKeyDown: event => {
+          if (!isOrderable && (event.code === 'Space' || event.code === 'Enter')) {
+            event.preventDefault();
+            onDisabledDragAttempt?.();
+            return;
+          }
+          dragListeners?.onKeyDown?.(event);
+        }
+      };
       return /*#__PURE__*/_jsx("td", {
         className: `cell-${accessor}`,
         children: /*#__PURE__*/_jsx("div", {
           ...dragAttributes,
-          ...dragListeners,
+          ...dragHandleListeners,
           children: cell
         })
       }, colIndex);

package/dist/elements/Table/OrderableRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderableRow.js","names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","rowId","rest","_jsx","map","col","colIndex","accessor","cell","renderedCells","className","isLinkedColumn","filter","Boolean","join"],"sources":["../../../src/elements/Table/OrderableRow.tsx"],"sourcesContent":["import type { DraggableSyntheticListeners } from '@dnd-kit/core'\nimport type { Column } from 'payload'\nimport type { HTMLAttributes, Ref } from 'react'\n\nexport type Props = {\n readonly cellMap: Record<string, number>\n readonly columns: Column[]\n readonly dragAttributes?: HTMLAttributes<unknown>\n readonly dragListeners?: DraggableSyntheticListeners\n readonly ref?: Ref<HTMLTableRowElement>\n readonly rowId: number \| string\n} & HTMLAttributes<HTMLTableRowElement>\n\nexport const OrderableRow = ({\n cellMap,\n columns,\n dragAttributes = {},\n dragListeners = {},\n rowId,\n ...rest\n}: Props) => (\n <tr {...rest}>\n {columns.map((col, colIndex) => {\n const { accessor } = col\n\n // Use the cellMap to find which index in the renderedCells to use\n const cell = col.renderedCells[cellMap[rowId]]\n\n // For drag handles, wrap in div with drag attributes\n if (accessor === '_dragHandle') {\n return (\n <td className={`cell-${accessor}`} key={colIndex}>\n <div {...dragAttributes} {...~~dragListeners~~}>\n {cell}\n </div>\n </td>\n )\n }\n\n return (\n <td\n className={[`cell-${accessor}`, col.isLinkedColumn && 'cell--linked']\n .filter(Boolean)\n .join(' ')}\n key={colIndex}\n >\n {cell}\n </td>\n )\n })}\n </tr>\n)\n"],"mappings":";~~AAaA~~,OAAO,MAAMA,YAAA,GAAeA,CAAC;EAC3BC,OAAO;EACPC,OAAO;EACPC,cAAA,GAAiB,CAAC,CAAC;EACnBC,aAAA,GAAgB,CAAC,CAAC;EAClBC,KAAK;EACL,GAAGC;AAAA,CACG,kBACNC,IAAA,CAAC;EAAI,GAAGD,IAAI;~~YACTJ~~,OAAA,~~CAAQM~~,GAAG,CAAC,CAACC,GAAA,EAAKC,QAAA;IACjB,MAAM;MAAEC;IAAQ,CAAE,GAAGF,GAAA;IAErB;IACA,MAAMG,IAAA,GAAOH,GAAA,CAAII,aAAa,~~CAACZ~~,OAAO,~~CAACI~~,KAAA,CAAM,CAAC;IAE9C;IACA,IAAIM,QAAA,KAAa,eAAe;MAC9B,~~oBACEJ~~,IAAA,CAAC;~~QAAGO~~,SAAA,EAAW,~~QAAQH~~,QAAA,EAAU;kBAC/B,aAAAJ,IAAA,CAAC;UAAK,~~GAAGJ~~,cAAc;UAAG,~~GAAGC~~,~~aAAa~~;~~oBACvCQ~~;;SAFmCF,QAAA;IAM5C;IAEA,oBACEH,IAAA,CAAC;~~MACCO~~,SAAA,EAAW,CAAC,~~QAAQH~~,QAAA,EAAU,EAAEF,GAAA,~~CAAIM~~,cAAc,IAAI,eAAe,CAClEC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;~~gBAGPN~~;OAFIF,QAAA;EAKX","ignoreList":[]}
1	+ {"version":3,"file":"OrderableRow.js","names":["OrderableRow","cellMap","columns","dragAttributes","dragListeners","isOrderable","onDisabledDragAttempt","rowId","rest","_jsx","map","col","colIndex","accessor","cell","renderedCells","dragHandleListeners","onKeyDown","event","code","preventDefault","className","isLinkedColumn","filter","Boolean","join"],"sources":["../../../src/elements/Table/OrderableRow.tsx"],"sourcesContent":["import type { DraggableSyntheticListeners } from '@dnd-kit/core'\nimport type { Column } from 'payload'\nimport type { HTMLAttributes, KeyboardEvent, Ref } from 'react'\n\nexport type Props = {\n readonly cellMap: Record<string, number>\n readonly columns: Column[]\n readonly dragAttributes?: HTMLAttributes<unknown>\n readonly dragListeners?: DraggableSyntheticListeners\n readonly isOrderable?: boolean\n readonly onDisabledDragAttempt?: () => void\n readonly ref?: Ref<HTMLTableRowElement>\n readonly rowId: number \| string\n} & HTMLAttributes<HTMLTableRowElement>\n\nexport const OrderableRow = ({\n cellMap,\n columns,\n dragAttributes = {},\n dragListeners = {},\n isOrderable = true,\n onDisabledDragAttempt,\n rowId,\n ...rest\n}: Props) => (\n <tr {...rest}>\n {columns.map((col, colIndex) => {\n const { accessor } = col\n\n // Use the cellMap to find which index in the renderedCells to use\n const cell = col.renderedCells[cellMap[rowId]]\n\n // For drag handles, wrap in div with drag attributes\n if (accessor === '_dragHandle') {\n // When not orderable, dnd-kit's own drag listeners are disabled, so pressing the keys\n // it would normally use to start a drag does nothing silently. Intercept them here to\n // tell the user why instead.\n const dragHandleListeners = {\n ...dragListeners,\n onKeyDown: (event: KeyboardEvent) => {\n if (!isOrderable && (event.code === 'Space' \|\| event.code === 'Enter')) {\n event.preventDefault()\n onDisabledDragAttempt?.()\n return\n }\n\n dragListeners?.onKeyDown?.(event)\n },\n }\n\n return (\n <td className={`cell-${accessor}`} key={colIndex}>\n <div {...dragAttributes} {...dragHandleListeners}>\n {cell}\n </div>\n </td>\n )\n }\n\n return (\n <td\n className={[`cell-${accessor}`, col.isLinkedColumn && 'cell--linked']\n .filter(Boolean)\n .join(' ')}\n key={colIndex}\n >\n {cell}\n </td>\n )\n })}\n </tr>\n)\n"],"mappings":";AAeA,OAAO,MAAMA,YAAA,GAAeA,CAAC;EAC3BC,OAAO;EACPC,OAAO;EACPC,cAAA,GAAiB,CAAC,CAAC;EACnBC,aAAA,GAAgB,CAAC,CAAC;EAClBC,WAAA,GAAc,IAAI;EAClBC,qBAAqB;EACrBC,KAAK;EACL,GAAGC;AAAA,CACG,kBACNC,IAAA,CAAC;EAAI,GAAGD,IAAI;YACTN,OAAA,CAAQQ,GAAG,CAAC,CAACC,GAAA,EAAKC,QAAA;IACjB,MAAM;MAAEC;IAAQ,CAAE,GAAGF,GAAA;IAErB;IACA,MAAMG,IAAA,GAAOH,GAAA,CAAII,aAAa,CAACd,OAAO,CAACM,KAAA,CAAM,CAAC;IAE9C;IACA,IAAIM,QAAA,KAAa,eAAe;MAC9B;MACA;MACA;MACA,MAAMG,mBAAA,GAAsB;QAC1B,GAAGZ,aAAa;QAChBa,SAAA,EAAYC,KAAA;UACV,IAAI,CAACb,WAAA,KAAgBa,KAAA,CAAMC,IAAI,KAAK,WAAWD,KAAA,CAAMC,IAAI,KAAK,OAAM,GAAI;YACtED,KAAA,CAAME,cAAc;YACpBd,qBAAA;YACA;UACF;UAEAF,aAAA,EAAea,SAAA,GAAYC,KAAA;QAC7B;MACF;MAEA,oBACET,IAAA,CAAC;QAAGY,SAAA,EAAW,QAAQR,QAAA,EAAU;kBAC/B,aAAAJ,IAAA,CAAC;UAAK,GAAGN,cAAc;UAAG,GAAGa,mBAAmB;oBAC7CF;;SAFmCF,QAAA;IAM5C;IAEA,oBACEH,IAAA,CAAC;MACCY,SAAA,EAAW,CAAC,QAAQR,QAAA,EAAU,EAAEF,GAAA,CAAIW,cAAc,IAAI,eAAe,CAClEC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;gBAGPX;OAFIF,QAAA;EAKX","ignoreList":[]}

package/dist/elements/Table/OrderableRowDragPreview.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderableRowDragPreview.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRowDragPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,uBAAuB,~~GAAI~~,~~gCAAgC,~~KAAK,gCAO1E,CAAA"}
1	+ {"version":3,"file":"OrderableRowDragPreview.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableRowDragPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,uBAAuB,mCAAoC,KAAK,gCAO1E,CAAA"}

package/dist/elements/Table/OrderableTable.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderableTable.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,EAAyB,MAAM,SAAS,CAAA;AAEpF,OAAO,aAAa,CAAA;AAIpB,OAAO,KAA8B,MAAM,OAAO,CAAA;~~AAalD~~,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,~~CAmM1C~~,CAAA"}
1	+ {"version":3,"file":"OrderableTable.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/OrderableTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,EAAyB,MAAM,SAAS,CAAA;AAEpF,OAAO,aAAa,CAAA;AAIpB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAiBlD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgN1C,CAAA"}