@payloadcms/ui 3.80.0-internal-debug.cd99b1f → 3.80.0-internal.21e9c47

package/dist/elements/HierarchyButton/index.js

@@ -0,0 +1,126 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatAdminURL } from 'payload/shared';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useForm, useFormFields } from '../../forms/Form/context.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
+import { useHierarchyDrawer } from '../HierarchyDrawer/index.js';
+import './index.scss';
+const baseClass = 'hierarchy-button';
+export const HierarchyButtonClient = ({
+  fieldName,
+  hasMany = false,
+  hierarchyCollectionSlug,
+  Icon,
+  readOnly
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    collectionSlug: documentCollectionSlug
+  } = useDocumentInfo();
+  const {
+    setModified
+  } = useForm();
+  const dispatchField = useFormFields(([_, dispatch]) => dispatch);
+  const currentFieldValue = useFormFields(([fields]) => fields && fields?.[fieldName] || null);
+  const currentId = currentFieldValue?.value;
+  const [displayName, setDisplayName] = useState('');
+  const [isLoading, setIsLoading] = useState(true);
+  const collectionConfig = getEntityConfig({
+    collectionSlug: hierarchyCollectionSlug
+  });
+  const useAsTitle = collectionConfig?.admin?.useAsTitle || 'name';
+  const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug;
+  // When in hierarchy collection, let the drawer use allowedCollections from context
+  // When in other collections, filter by that collection's slug
+  // Memoize to prevent new array references on every render
+  const filterByCollection = useMemo(() => isHierarchyCollection || !documentCollectionSlug ? undefined : [documentCollectionSlug], [isHierarchyCollection, documentCollectionSlug]);
+  const [HierarchyDrawer,, {
+    openDrawer
+  }] = useHierarchyDrawer({
+    filterByCollection,
+    hierarchyCollectionSlug,
+    Icon
+  });
+  // Fetch item name when currentId changes
+  useEffect(() => {
+    const fetchItemName = async () => {
+      if (currentId && (typeof currentId === 'string' || typeof currentId === 'number')) {
+        setIsLoading(true);
+        try {
+          const response = await fetch(formatAdminURL({
+            apiRoute: config.routes.api,
+            path: `/${hierarchyCollectionSlug}/${currentId}`,
+            serverURL: config.serverURL
+          }), {
+            credentials: 'include'
+          });
+          if (response.ok) {
+            const itemData = await response.json();
+            const title = itemData?.[useAsTitle] || itemData?.name || itemData?.id;
+            setDisplayName(String(title));
+          } else {
+            setDisplayName(t('general:none'));
+          }
+        } catch {
+          setDisplayName(t('general:none'));
+        } finally {
+          setIsLoading(false);
+        }
+      } else {
+        setDisplayName(t('general:none'));
+        setIsLoading(false);
+      }
+    };
+    void fetchItemName();
+  }, [currentId, hierarchyCollectionSlug, config.routes.api, config.serverURL, useAsTitle, t]);
+  const handleDrawerSave = useCallback(({
+    closeDrawer,
+    selections
+  }) => {
+    const ids = Array.from(selections.keys());
+    const newValue = hasMany ? ids : ids[0] ?? null;
+    if (currentFieldValue?.value !== newValue) {
+      dispatchField({
+        type: 'UPDATE',
+        path: fieldName,
+        value: newValue
+      });
+      setModified(true);
+    }
+    closeDrawer();
+  }, [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified]);
+  const handleClick = useCallback(() => {
+    if (!readOnly) {
+      openDrawer();
+    }
+  }, [openDrawer, readOnly]);
+  const label = isLoading ? `${t('general:loading')}...` : displayName;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      buttonStyle: "subtle",
+      className: [baseClass, readOnly && `${baseClass}--read-only`].filter(Boolean).join(' '),
+      disabled: readOnly,
+      icon: Icon,
+      iconPosition: "left",
+      margin: false,
+      onClick: handleClick,
+      children: label
+    }), /*#__PURE__*/_jsx(HierarchyDrawer, {
+      hasMany: hasMany,
+      initialSelections: currentId ? [currentId] : undefined,
+      onSave: handleDrawerSave
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["formatAdminURL","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useConfig","useDocumentInfo","useTranslation","Button","useHierarchyDrawer","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","t","config","getEntityConfig","collectionSlug","documentCollectionSlug","setModified","dispatchField","_","dispatch","currentFieldValue","fields","currentId","value","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","isHierarchyCollection","filterByCollection","undefined","HierarchyDrawer","openDrawer","fetchItemName","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","id","String","handleDrawerSave","closeDrawer","selections","ids","Array","from","keys","newValue","type","handleClick","label","_jsxs","_Fragment","_jsx","buttonStyle","className","filter","Boolean","join","disabled","icon","iconPosition","margin","onClick","initialSelections","onSave"],"sources":["../../../src/elements/HierarchyButton/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../HierarchyDrawer/types.js'\n\nimport { useForm, useFormFields } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { useHierarchyDrawer } from '../HierarchyDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'hierarchy-button'\n\nexport type HierarchyButtonClientProps = {\n  fieldName: string\n  hasMany?: boolean\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n  readOnly?: boolean\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n  fieldName,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  readOnly,\n}) => {\n  const { t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { collectionSlug: documentCollectionSlug } = useDocumentInfo()\n  const { setModified } = useForm()\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n  const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) || null)\n  const currentId = currentFieldValue?.value as null | number | string\n\n  const [displayName, setDisplayName] = useState<string>('')\n  const [isLoading, setIsLoading] = useState(true)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const useAsTitle = collectionConfig?.admin?.useAsTitle || 'name'\n\n  const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n  // When in hierarchy collection, let the drawer use allowedCollections from context\n  // When in other collections, filter by that collection's slug\n  // Memoize to prevent new array references on every render\n  const filterByCollection = useMemo(\n    () => (isHierarchyCollection || !documentCollectionSlug ? undefined : [documentCollectionSlug]),\n    [isHierarchyCollection, documentCollectionSlug],\n  )\n\n  const [HierarchyDrawer, , { openDrawer }] = useHierarchyDrawer({\n    filterByCollection,\n    hierarchyCollectionSlug,\n    Icon,\n  })\n\n  // Fetch item name when currentId changes\n  useEffect(() => {\n    const fetchItemName = async () => {\n      if (currentId && (typeof currentId === 'string' || typeof currentId === 'number')) {\n        setIsLoading(true)\n        try {\n          const response = await fetch(\n            formatAdminURL({\n              apiRoute: config.routes.api,\n              path: `/${hierarchyCollectionSlug}/${currentId}`,\n              serverURL: config.serverURL,\n            }),\n            { credentials: 'include' },\n          )\n\n          if (response.ok) {\n            const itemData = await response.json()\n            const title = itemData?.[useAsTitle] || itemData?.name || itemData?.id\n\n            setDisplayName(String(title))\n          } else {\n            setDisplayName(t('general:none'))\n          }\n        } catch {\n          setDisplayName(t('general:none'))\n        } finally {\n          setIsLoading(false)\n        }\n      } else {\n        setDisplayName(t('general:none'))\n        setIsLoading(false)\n      }\n    }\n\n    void fetchItemName()\n  }, [currentId, hierarchyCollectionSlug, config.routes.api, config.serverURL, useAsTitle, t])\n\n  const handleDrawerSave = useCallback(\n    ({\n      closeDrawer,\n      selections,\n    }: {\n      closeDrawer: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      const ids = Array.from(selections.keys())\n      const newValue = hasMany ? ids : (ids[0] ?? null)\n\n      if (currentFieldValue?.value !== newValue) {\n        dispatchField({\n          type: 'UPDATE',\n          path: fieldName,\n          value: newValue,\n        })\n        setModified(true)\n      }\n      closeDrawer()\n    },\n    [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n  )\n\n  const handleClick = useCallback(() => {\n    if (!readOnly) {\n      openDrawer()\n    }\n  }, [openDrawer, readOnly])\n\n  const label = isLoading ? `${t('general:loading')}...` : displayName\n\n  return (\n    <>\n      <Button\n        buttonStyle=\"subtle\"\n        className={[baseClass, readOnly && `${baseClass}--read-only`].filter(Boolean).join(' ')}\n        disabled={readOnly}\n        icon={Icon}\n        iconPosition=\"left\"\n        margin={false}\n        onClick={handleClick}\n      >\n        {label}\n      </Button>\n      <HierarchyDrawer\n        hasMany={hasMany}\n        initialSelections={currentId ? [currentId] : undefined}\n        onSave={handleDrawerSave}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

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

package/dist/elements/HierarchyButton/index.server.d.ts

@@ -0,0 +1,10 @@
+import type { Payload } from 'payload';
+import React from 'react';
+export type HierarchyButtonServerProps = {
+    fieldName: string;
+    hasMany?: boolean;
+    hierarchyCollectionSlug: string;
+    payload: Payload;
+};
+export declare const HierarchyButton: React.FC<HierarchyButtonServerProps>;
+//# sourceMappingURL=index.server.d.ts.map

package/dist/elements/HierarchyButton/index.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchyButton/index.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqChE,CAAA"}

package/dist/elements/HierarchyButton/index.server.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { FolderIcon } from '../../icons/Folder/index.js';
+import { RenderServerComponent } from '../RenderServerComponent/index.js';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { HierarchyButtonClient } from '../../exports/client/index.js';
+export const HierarchyButton = ({
+  fieldName,
+  hasMany,
+  hierarchyCollectionSlug,
+  payload
+}) => {
+  const hierarchyCollectionConfig = payload.config.collections.find(c => c.slug === hierarchyCollectionSlug);
+  const hierarchyConfig = hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object' ? hierarchyCollectionConfig.hierarchy : undefined;
+  const IconComponent = hierarchyConfig?.admin.components.Icon;
+  // Render the custom icon if provided, otherwise use FolderIcon directly
+  // Important: Must render the icon here on server to avoid hydration mismatch
+  // For default FolderIcon path, render directly to avoid import map requirement
+  const isDefaultFolderIcon = !IconComponent || IconComponent === '@payloadcms/ui#FolderIcon';
+  const renderedIcon = isDefaultFolderIcon ? /*#__PURE__*/_jsx(FolderIcon, {
+    color: "muted"
+  }) : RenderServerComponent({
+    Component: IconComponent,
+    importMap: payload.importMap,
+    key: `hierarchy-button-icon-${hierarchyCollectionSlug}`
+  });
+  return /*#__PURE__*/_jsx(HierarchyButtonClient, {
+    fieldName: fieldName,
+    hasMany: hasMany,
+    hierarchyCollectionSlug: hierarchyCollectionSlug,
+    Icon: renderedIcon
+  });
+};
+//# sourceMappingURL=index.server.js.map

package/dist/elements/HierarchyButton/index.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.js","names":["React","FolderIcon","RenderServerComponent","HierarchyButtonClient","HierarchyButton","fieldName","hasMany","hierarchyCollectionSlug","payload","hierarchyCollectionConfig","config","collections","find","c","slug","hierarchyConfig","hierarchy","undefined","IconComponent","admin","components","Icon","isDefaultFolderIcon","renderedIcon","_jsx","color","Component","importMap","key"],"sources":["../../../src/elements/HierarchyButton/index.server.tsx"],"sourcesContent":["import type { Payload } from 'payload'\n\nimport React from 'react'\n\nimport { FolderIcon } from '../../icons/Folder/index.js'\nimport { RenderServerComponent } from '../RenderServerComponent/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { HierarchyButtonClient } from '../../exports/client/index.js'\n\nexport type HierarchyButtonServerProps = {\n  fieldName: string\n  hasMany?: boolean\n  hierarchyCollectionSlug: string\n  payload: Payload\n}\n\nexport const HierarchyButton: React.FC<HierarchyButtonServerProps> = ({\n  fieldName,\n  hasMany,\n  hierarchyCollectionSlug,\n  payload,\n}) => {\n  const hierarchyCollectionConfig = payload.config.collections.find(\n    (c) => c.slug === hierarchyCollectionSlug,\n  )\n  const hierarchyConfig =\n    hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object'\n      ? hierarchyCollectionConfig.hierarchy\n      : undefined\n  const IconComponent = hierarchyConfig?.admin.components.Icon\n\n  // Render the custom icon if provided, otherwise use FolderIcon directly\n  // Important: Must render the icon here on server to avoid hydration mismatch\n  // For default FolderIcon path, render directly to avoid import map requirement\n  const isDefaultFolderIcon = !IconComponent || IconComponent === '@payloadcms/ui#FolderIcon'\n  const renderedIcon = isDefaultFolderIcon ? (\n    <FolderIcon color=\"muted\" />\n  ) : (\n    RenderServerComponent({\n      Component: IconComponent,\n      importMap: payload.importMap,\n      key: `hierarchy-button-icon-${hierarchyCollectionSlug}`,\n    })\n  )\n\n  return (\n    <HierarchyButtonClient\n      fieldName={fieldName}\n      hasMany={hasMany}\n      hierarchyCollectionSlug={hierarchyCollectionSlug}\n      Icon={renderedIcon}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,qBAAqB,QAAQ;AACtC;AACA,SAASC,qBAAqB,QAAQ;AAStC,OAAO,MAAMC,eAAA,GAAwDA,CAAC;EACpEC,SAAS;EACTC,OAAO;EACPC,uBAAuB;EACvBC;AAAO,CACR;EACC,MAAMC,yBAAA,GAA4BD,OAAA,CAAQE,MAAM,CAACC,WAAW,CAACC,IAAI,CAC9DC,CAAA,IAAMA,CAAA,CAAEC,IAAI,KAAKP,uBAAA;EAEpB,MAAMQ,eAAA,GACJN,yBAAA,EAA2BO,SAAA,IAAa,OAAOP,yBAAA,CAA0BO,SAAS,KAAK,WACnFP,yBAAA,CAA0BO,SAAS,GACnCC,SAAA;EACN,MAAMC,aAAA,GAAgBH,eAAA,EAAiBI,KAAA,CAAMC,UAAA,CAAWC,IAAA;EAExD;EACA;EACA;EACA,MAAMC,mBAAA,GAAsB,CAACJ,aAAA,IAAiBA,aAAA,KAAkB;EAChE,MAAMK,YAAA,GAAeD,mBAAA,gBACnBE,IAAA,CAACvB,UAAA;IAAWwB,KAAA,EAAM;OAElBvB,qBAAA,CAAsB;IACpBwB,SAAA,EAAWR,aAAA;IACXS,SAAA,EAAWnB,OAAA,CAAQmB,SAAS;IAC5BC,GAAA,EAAK,yBAAyBrB,uBAAA;EAChC;EAGF,oBACEiB,IAAA,CAACrB,qBAAA;IACCE,SAAA,EAAWA,SAAA;IACXC,OAAA,EAASA,OAAA;IACTC,uBAAA,EAAyBA,uBAAA;IACzBc,IAAA,EAAME;;AAGZ","ignoreList":[]}

package/dist/elements/HierarchyColumnBrowser/Column/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ColumnProps } from '../types.js';
+import './index.scss';
+export declare const Column: React.FC<ColumnProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/HierarchyColumnBrowser/Column/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/HierarchyColumnBrowser/Column/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAQ9C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2FxC,CAAA"}

package/dist/elements/HierarchyColumnBrowser/Column/index.js

@@ -0,0 +1,166 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { PlusIcon } from '../../../icons/Plus/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { LoadMoreRow } from '../../LoadMoreRow/index.js';
+import { Spinner } from '../../Spinner/index.js';
+import { ColumnItem } from '../ColumnItem/index.js';
+import './index.scss';
+const baseClass = 'hierarchy-column';
+export const Column = t0 => {
+  const $ = _c(37);
+  const {
+    ancestorsWithSelections,
+    canCreate,
+    collectionLabel,
+    disabled,
+    disabledIds,
+    expandedId,
+    filterByCollection,
+    hasNextPage,
+    isLoading,
+    items,
+    onCreateNew,
+    onExpand,
+    onLoadMore,
+    onSelect,
+    parentId,
+    parentTitle,
+    pathToColumn,
+    selectedIds,
+    totalDocs
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== ancestorsWithSelections || $[1] !== canCreate || $[2] !== collectionLabel || $[3] !== disabled || $[4] !== disabledIds || $[5] !== expandedId || $[6] !== filterByCollection || $[7] !== hasNextPage || $[8] !== isLoading || $[9] !== items || $[10] !== onCreateNew || $[11] !== onExpand || $[12] !== onLoadMore || $[13] !== onSelect || $[14] !== parentId || $[15] !== parentTitle || $[16] !== pathToColumn || $[17] !== selectedIds || $[18] !== t || $[19] !== totalDocs) {
+    const headerTitle = parentTitle || (parentId === null ? t("general:all") : "");
+    let t2;
+    if ($[21] !== items || $[22] !== onSelect || $[23] !== pathToColumn) {
+      t2 = t3 => {
+        const {
+          id
+        } = t3;
+        const item = items.find(i => i.id === id);
+        const fullPath = item ? [...pathToColumn, {
+          id: item.id,
+          title: item.title
+        }] : pathToColumn;
+        onSelect({
+          id,
+          path: fullPath
+        });
+      };
+      $[21] = items;
+      $[22] = onSelect;
+      $[23] = pathToColumn;
+      $[24] = t2;
+    } else {
+      t2 = $[24];
+    }
+    const handleSelect = t2;
+    let t3;
+    if ($[25] !== onCreateNew || $[26] !== parentId) {
+      t3 = () => {
+        onCreateNew({
+          parentId
+        });
+      };
+      $[25] = onCreateNew;
+      $[26] = parentId;
+      $[27] = t3;
+    } else {
+      t3 = $[27];
+    }
+    const handleCreateNew = t3;
+    let t4;
+    if ($[28] !== ancestorsWithSelections || $[29] !== disabled || $[30] !== disabledIds || $[31] !== expandedId || $[32] !== filterByCollection || $[33] !== handleSelect || $[34] !== onExpand || $[35] !== selectedIds) {
+      t4 = item_0 => _jsx(ColumnItem, {
+        disabled: Boolean(disabled || disabledIds?.has(item_0.id)),
+        filterByCollection,
+        hasSelectedDescendants: ancestorsWithSelections.has(item_0.id),
+        isExpanded: expandedId === item_0.id,
+        isSelected: selectedIds.has(item_0.id),
+        item: item_0,
+        onExpand,
+        onSelect: handleSelect
+      }, String(item_0.id));
+      $[28] = ancestorsWithSelections;
+      $[29] = disabled;
+      $[30] = disabledIds;
+      $[31] = expandedId;
+      $[32] = filterByCollection;
+      $[33] = handleSelect;
+      $[34] = onExpand;
+      $[35] = selectedIds;
+      $[36] = t4;
+    } else {
+      t4 = $[36];
+    }
+    t1 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs("div", {
+        className: `${baseClass}__header`,
+        children: [_jsx("span", {
+          className: `${baseClass}__header-title`,
+          children: headerTitle
+        }), canCreate && _jsxs(Button, {
+          buttonStyle: "muted-text",
+          className: `${baseClass}__add-button`,
+          disabled,
+          icon: _jsx(PlusIcon, {}),
+          iconPosition: "left",
+          margin: false,
+          onClick: handleCreateNew,
+          size: "xsmall",
+          children: ["New ", collectionLabel]
+        })]
+      }), _jsxs("div", {
+        className: `${baseClass}__items`,
+        children: [items.map(t4), isLoading && _jsx("div", {
+          className: `${baseClass}__loading`,
+          children: _jsx(Spinner, {
+            loadingText: null,
+            size: "small"
+          })
+        }), !disabled && !isLoading && totalDocs > 0 && _jsx(LoadMoreRow, {
+          className: `${baseClass}__load-more`,
+          currentCount: items.length,
+          hasMore: hasNextPage,
+          onLoadMore,
+          totalDocs
+        })]
+      })]
+    });
+    $[0] = ancestorsWithSelections;
+    $[1] = canCreate;
+    $[2] = collectionLabel;
+    $[3] = disabled;
+    $[4] = disabledIds;
+    $[5] = expandedId;
+    $[6] = filterByCollection;
+    $[7] = hasNextPage;
+    $[8] = isLoading;
+    $[9] = items;
+    $[10] = onCreateNew;
+    $[11] = onExpand;
+    $[12] = onLoadMore;
+    $[13] = onSelect;
+    $[14] = parentId;
+    $[15] = parentTitle;
+    $[16] = pathToColumn;
+    $[17] = selectedIds;
+    $[18] = t;
+    $[19] = totalDocs;
+    $[20] = t1;
+  } else {
+    t1 = $[20];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/HierarchyColumnBrowser/Column/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","PlusIcon","useTranslation","Button","LoadMoreRow","Spinner","ColumnItem","baseClass","Column","t0","$","ancestorsWithSelections","canCreate","collectionLabel","disabled","disabledIds","expandedId","filterByCollection","hasNextPage","isLoading","items","onCreateNew","onExpand","onLoadMore","onSelect","parentId","parentTitle","pathToColumn","selectedIds","totalDocs","t","t1","headerTitle","t2","t3","id","item","find","i","fullPath","title","path","handleSelect","handleCreateNew","t4","item_0","_jsx","Boolean","has","hasSelectedDescendants","isExpanded","isSelected","String","_jsxs","className","children","buttonStyle","icon","iconPosition","margin","onClick","size","map","loadingText","currentCount","length","hasMore"],"sources":["../../../../src/elements/HierarchyColumnBrowser/Column/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback } from 'react'\n\nimport type { ColumnProps } from '../types.js'\n\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { LoadMoreRow } from '../../LoadMoreRow/index.js'\nimport { Spinner } from '../../Spinner/index.js'\nimport { ColumnItem } from '../ColumnItem/index.js'\nimport './index.scss'\n\nconst baseClass = 'hierarchy-column'\n\nexport const Column: React.FC<ColumnProps> = ({\n  ancestorsWithSelections,\n  canCreate,\n  collectionLabel,\n  disabled,\n  disabledIds,\n  expandedId,\n  filterByCollection,\n  hasNextPage,\n  isLoading,\n  items,\n  onCreateNew,\n  onExpand,\n  onLoadMore,\n  onSelect,\n  parentId,\n  parentTitle,\n  pathToColumn,\n  selectedIds,\n  totalDocs,\n}) => {\n  const { t } = useTranslation()\n\n  const headerTitle = parentTitle || (parentId === null ? t('general:all') : '')\n\n  const handleSelect = useCallback(\n    ({ id }: { id: number | string }) => {\n      const item = items.find((i) => i.id === id)\n      const fullPath = item ? [...pathToColumn, { id: item.id, title: item.title }] : pathToColumn\n      onSelect({ id, path: fullPath })\n    },\n    [items, onSelect, pathToColumn],\n  )\n\n  const handleCreateNew = useCallback(() => {\n    onCreateNew({ parentId })\n  }, [onCreateNew, parentId])\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <span className={`${baseClass}__header-title`}>{headerTitle}</span>\n        {canCreate && (\n          <Button\n            buttonStyle=\"muted-text\"\n            className={`${baseClass}__add-button`}\n            disabled={disabled}\n            icon={<PlusIcon />}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={handleCreateNew}\n            size=\"xsmall\"\n          >\n            New {collectionLabel}\n          </Button>\n        )}\n      </div>\n\n      <div className={`${baseClass}__items`}>\n        {items.map((item) => (\n          <ColumnItem\n            disabled={Boolean(disabled || disabledIds?.has(item.id))}\n            filterByCollection={filterByCollection}\n            hasSelectedDescendants={ancestorsWithSelections.has(item.id)}\n            isExpanded={expandedId === item.id}\n            isSelected={selectedIds.has(item.id)}\n            item={item}\n            key={String(item.id)}\n            onExpand={onExpand}\n            onSelect={handleSelect}\n          />\n        ))}\n\n        {isLoading && (\n          <div className={`${baseClass}__loading`}>\n            <Spinner loadingText={null} size=\"small\" />\n          </div>\n        )}\n\n        {!disabled && !isLoading && totalDocs > 0 && (\n          <LoadMoreRow\n            className={`${baseClass}__load-more`}\n            currentCount={items.length}\n            hasMore={hasNextPage}\n            onLoadMore={onLoadMore}\n            totalDocs={totalDocs}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAInC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,WAAW,QAAQ;AAC5B,SAASC,OAAO,QAAQ;AACxB,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAgCC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,uBAAA;IAAAC,SAAA;IAAAC,eAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,kBAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC;EAAA,IAAApB,EAoB7C;EACC;IAAAqB;EAAA,IAAc5B,cAAA;EAAA,IAAA6B,EAAA;EAAA,IAAArB,CAAA,QAAAC,uBAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAS,SAAA,IAAAT,CAAA,QAAAU,KAAA,IAAAV,CAAA,SAAAW,WAAA,IAAAX,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAgB,WAAA,IAAAhB,CAAA,SAAAiB,YAAA,IAAAjB,CAAA,SAAAkB,WAAA,IAAAlB,CAAA,SAAAoB,CAAA,IAAApB,CAAA,SAAAmB,SAAA;IAEd,MAAAG,WAAA,GAAoBN,WAAA,KAAgBD,QAAA,SAAa,GAAOK,CAAA,CAAE,iBAAiB,EAAC;IAAA,IAAAG,EAAA;IAAA,IAAAvB,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAiB,YAAA;MAG1EM,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAA+B;QAC9B,MAAAE,IAAA,GAAahB,KAAA,CAAAiB,IAAA,CAAAC,CAAA,IAAkBA,CAAA,CAAAH,EAAA,KAASA,EAAA;QACxC,MAAAI,QAAA,GAAiBH,IAAA,OAAWT,YAAA;UAAAQ,EAAA,EAAoBC,IAAA,CAAAD,EAAA;UAAAK,KAAA,EAAgBJ,IAAA,CAAAI;QAAA,KAAgBb,YAAA;QAChFH,QAAA;UAAAW,EAAA;UAAAM,IAAA,EAAqBF;QAAA,CAAS;MAAA;MAChC7B,CAAA,OAAAU,KAAA;MAAAV,CAAA,OAAAc,QAAA;MAAAd,CAAA,OAAAiB,YAAA;MAAAjB,CAAA,OAAAuB,EAAA;IAAA;MAAAA,EAAA,GAAAvB,CAAA;IAAA;IALF,MAAAgC,YAAA,GAAqBT,EAMY;IAAA,IAAAC,EAAA;IAAA,IAAAxB,CAAA,SAAAW,WAAA,IAAAX,CAAA,SAAAe,QAAA;MAGGS,EAAA,GAAAA,CAAA;QAClCb,WAAA;UAAAI;QAAA,CAAuB;MAAA;MACzBf,CAAA,OAAAW,WAAA;MAAAX,CAAA,OAAAe,QAAA;MAAAf,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IAFA,MAAAiC,eAAA,GAAwBT,EAEE;IAAA,IAAAU,EAAA;IAAA,IAAAlC,CAAA,SAAAC,uBAAA,IAAAD,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAK,WAAA,IAAAL,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAO,kBAAA,IAAAP,CAAA,SAAAgC,YAAA,IAAAhC,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAkB,WAAA;MAuBTgB,EAAA,GAAAC,MAAA,IACTC,IAAA,CAAAxC,UAAA;QAAAQ,QAAA,EACYiC,OAAA,CAAQjC,QAAA,IAAYC,WAAA,EAAAiC,GAAA,CAAiBZ,MAAA,CAAAD,EAAA,CAAO;QAAAlB,kBAAA;QAAAgC,sBAAA,EAE9BtC,uBAAA,CAAAqC,GAAA,CAA4BZ,MAAA,CAAAD,EAAO;QAAAe,UAAA,EAC/ClC,UAAA,KAAeoB,MAAA,CAAAD,EAAO;QAAAgB,UAAA,EACtBvB,WAAA,CAAAoB,GAAA,CAAgBZ,MAAA,CAAAD,EAAO;QAAAC,IAAA,EAC7BA,MAAA;QAAAd,QAAA;QAAAE,QAAA,EAGIkB;MAAA,GAFLU,MAAA,CAAOhB,MAAA,CAAAD,EAAO;MAAAzB,CAAA,OAAAC,uBAAA;MAAAD,CAAA,OAAAI,QAAA;MAAAJ,CAAA,OAAAK,WAAA;MAAAL,CAAA,OAAAM,UAAA;MAAAN,CAAA,OAAAO,kBAAA;MAAAP,CAAA,OAAAgC,YAAA;MAAAhC,CAAA,OAAAY,QAAA;MAAAZ,CAAA,OAAAkB,WAAA;MAAAlB,CAAA,OAAAkC,EAAA;IAAA;MAAAA,EAAA,GAAAlC,CAAA;IAAA;IA5B3BqB,EAAA,GAAAsB,KAAA,CAAC;MAAAC,SAAA,EAAA/C,SAAA;MAAAgD,QAAA,GACCF,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAA/C,SAAA,UAAsB;QAAAgD,QAAA,GACpCT,IAAA,CAAC;UAAAQ,SAAA,EAAgB,GAAA/C,SAAA,gBAA4B;UAAAgD,QAAA,EAAGvB;QAAA,C,GAC/CpB,SAAA,IACCyC,KAAA,CAAAlD,MAAA;UAAAqD,WAAA,EACc;UAAAF,SAAA,EACD,GAAA/C,SAAA,cAA0B;UAAAO,QAAA;UAAA2C,IAAA,EAE/BX,IAAA,CAAA7C,QAAA,IAAC;UAAAyD,YAAA,EACM;UAAAC,MAAA;UAAAC,OAAA,EAEJjB,eAAA;UAAAkB,IAAA,EACJ;UAAAN,QAAA,GACN,QACM1C,eAAA;QAAA,C;UAKXwC,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAA/C,SAAA,SAAqB;QAAAgD,QAAA,GAClCnC,KAAA,CAAA0C,GAAA,CAAUlB,EAQY,GAMtBzB,SAAA,IACC2B,IAAA,CAAC;UAAAQ,SAAA,EAAe,GAAA/C,SAAA,WAAuB;UAAAgD,QAAA,EACrCT,IAAA,CAAAzC,OAAA;YAAA0D,WAAA;YAAAF,IAAA,EAAiC;UAAA,C;YAIpC,CAAC/C,QAAA,KAAaK,SAAA,IAAaU,SAAA,IAAY,IACtCiB,IAAA,CAAA1C,WAAA;UAAAkD,SAAA,EACa,GAAA/C,SAAA,aAAyB;UAAAyD,YAAA,EACtB5C,KAAA,CAAA6C,MAAA;UAAAC,OAAA,EACLhD,WAAA;UAAAK,UAAA;UAAAM;QAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;SA5CjBE,E;CAoDJ","ignoreList":[]}

package/dist/elements/HierarchyColumnBrowser/Column/index.scss

@@ -0,0 +1,63 @@
+@use '../../../scss/type.scss';
+
+.hierarchy-column {
+  width: 360px;
+  min-width: 360px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--theme-elevation-100);
+  height: 100%;
+  background: var(--theme-bg);
+
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: calc(var(--base) * 0.5);
+    padding: calc(var(--base) * 0.5) calc(var(--base) * 1.4);
+    flex-shrink: 0;
+    margin-bottom: 10px;
+    border-bottom: 1px solid var(--theme-elevation-100);
+  }
+
+  &__add-button {
+    flex-shrink: 0;
+    padding-right: 0;
+  }
+
+  &__header-checkbox {
+    flex-shrink: 0;
+  }
+
+  &__header-title {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) * 0.5);
+    font-weight: 500;
+    color: var(--theme-text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &__items {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+    margin: 0 calc(var(--base));
+    gap: 4px;
+  }
+
+  &__loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: var(--base);
+  }
+
+  &__load-more {
+    padding: calc(var(--base) * 0.2) calc(var(--base) * 0.4);
+  }
+}

package/dist/elements/HierarchyColumnBrowser/ColumnItem/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ColumnItemProps } from '../types.js';
+import './index.scss';
+export declare const ColumnItem: React.FC<ColumnItemProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/HierarchyColumnBrowser/ColumnItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/HierarchyColumnBrowser/ColumnItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAKlD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+FhD,CAAA"}

package/dist/elements/HierarchyColumnBrowser/ColumnItem/index.js

@@ -0,0 +1,161 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
+import { isSuperset } from '../../../utilities/isSuperset.js';
+import './index.scss';
+const baseClass = 'hierarchy-column-item';
+export const ColumnItem = t0 => {
+  const $ = _c(27);
+  const {
+    disabled,
+    filterByCollection,
+    hasSelectedDescendants,
+    isExpanded,
+    isSelected,
+    item,
+    onExpand,
+    onSelect
+  } = t0;
+  const {
+    id,
+    allowedCollections,
+    hasChildren,
+    title
+  } = item;
+  let t1;
+  bb0: {
+    if (disabled) {
+      t1 = true;
+      break bb0;
+    }
+    if (!filterByCollection || filterByCollection.length === 0) {
+      t1 = false;
+      break bb0;
+    }
+    t1 = !isSuperset(allowedCollections, filterByCollection);
+  }
+  const isDisabled = t1;
+  let t2;
+  if ($[0] !== id || $[1] !== isDisabled || $[2] !== onSelect) {
+    t2 = e => {
+      e.stopPropagation();
+      if (isDisabled) {
+        return;
+      }
+      onSelect({
+        id
+      });
+    };
+    $[0] = id;
+    $[1] = isDisabled;
+    $[2] = onSelect;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const handleCheckboxToggle = t2;
+  let t3;
+  if ($[4] !== hasChildren || $[5] !== id || $[6] !== onExpand) {
+    t3 = e_0 => {
+      if (e_0.target.closest(`.${baseClass}__checkbox`)) {
+        return;
+      }
+      if (hasChildren) {
+        onExpand({
+          id
+        });
+      }
+    };
+    $[4] = hasChildren;
+    $[5] = id;
+    $[6] = onExpand;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const handleRowClick = t3;
+  let t4;
+  if ($[8] !== hasChildren || $[9] !== id || $[10] !== onExpand) {
+    t4 = e_1 => {
+      if (e_1.key === "Enter" || e_1.key === " ") {
+        e_1.preventDefault();
+        if (hasChildren) {
+          onExpand({
+            id
+          });
+        }
+      }
+    };
+    $[8] = hasChildren;
+    $[9] = id;
+    $[10] = onExpand;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const handleKeyDown = t4;
+  const t5 = isExpanded && `${baseClass}--expanded`;
+  const t6 = isSelected && `${baseClass}--selected`;
+  const t7 = isDisabled && `${baseClass}--disabled`;
+  let t8;
+  if ($[12] !== t5 || $[13] !== t6 || $[14] !== t7) {
+    t8 = [baseClass, t5, t6, t7].filter(Boolean);
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  const t9 = t8.join(" ");
+  const t10 = isDisabled ? undefined : handleRowClick;
+  const t11 = isDisabled ? -1 : 0;
+  let t12;
+  if ($[16] !== handleCheckboxToggle || $[17] !== handleKeyDown || $[18] !== hasChildren || $[19] !== hasSelectedDescendants || $[20] !== isDisabled || $[21] !== isSelected || $[22] !== t10 || $[23] !== t11 || $[24] !== t9 || $[25] !== title) {
+    t12 = _jsxs("div", {
+      className: t9,
+      onClick: t10,
+      onKeyDown: handleKeyDown,
+      role: "button",
+      tabIndex: t11,
+      children: [_jsx("div", {
+        className: `${baseClass}__checkbox`,
+        children: _jsx(CheckboxInput, {
+          checked: isSelected,
+          onToggle: handleCheckboxToggle,
+          readOnly: isDisabled
+        })
+      }), _jsx("span", {
+        className: `${baseClass}__title`,
+        title,
+        children: title
+      }), hasSelectedDescendants && !isSelected && _jsx("span", {
+        className: `${baseClass}__descendant-indicator`
+      }), hasChildren && _jsx("span", {
+        className: `${baseClass}__chevron`,
+        children: _jsx(ChevronIcon, {
+          direction: "right"
+        })
+      })]
+    });
+    $[16] = handleCheckboxToggle;
+    $[17] = handleKeyDown;
+    $[18] = hasChildren;
+    $[19] = hasSelectedDescendants;
+    $[20] = isDisabled;
+    $[21] = isSelected;
+    $[22] = t10;
+    $[23] = t11;
+    $[24] = t9;
+    $[25] = title;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  return t12;
+};
+//# sourceMappingURL=index.js.map