@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

package/dist/elements/GroupBy/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isFieldDisabled } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -15,12 +16,14 @@ const baseClass = 'group-by-control';
  * Supported field types for group by functionality.
  */
 const supportedFieldTypes = ['text', 'textarea', 'number', 'select', 'relationship', 'date', 'checkbox', 'radio', 'email', 'upload'];
-export const GroupByButton = ({
-  collectionSlug,
-  fields,
-  onChange,
-  value
-}) => {
+export const GroupByButton = t0 => {
+  const $ = _c(15);
+  const {
+    collectionSlug,
+    fields,
+    onChange,
+    value
+  } = t0;
   const {
     i18n,
     t
@@ -28,66 +31,117 @@ export const GroupByButton = ({
   const {
     permissions
   } = useAuth();
-  const groupByFieldName = value?.replace(/^-/, '');
-  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
-  const reducedFields = useMemo(() => reduceFieldsToOptions({
-    fieldPermissions,
-    fields,
-    i18n
-  }), [fields, fieldPermissions, i18n]);
-  const filteredFields = useMemo(() => reducedFields.filter(field => !isFieldDisabled(field.field, 'groupBy') && field.fieldPath !== 'id' && supportedFieldTypes.includes(field.field.type)), [reducedFields]);
-  const groupByField = reducedFields.find(field_0 => field_0.fieldPath === groupByFieldName);
-  const isActive = Boolean(groupByFieldName && groupByField);
-  if (filteredFields.length === 0) {
-    return null;
+  let t1;
+  let t2;
+  if ($[0] !== collectionSlug || $[1] !== fields || $[2] !== i18n || $[3] !== onChange || $[4] !== permissions?.collections || $[5] !== t || $[6] !== value) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const groupByFieldName = value?.replace(/^-/, "");
+      const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
+      let t3;
+      if ($[9] !== fieldPermissions || $[10] !== fields || $[11] !== i18n) {
+        t3 = reduceFieldsToOptions({
+          fieldPermissions,
+          fields,
+          i18n
+        });
+        $[9] = fieldPermissions;
+        $[10] = fields;
+        $[11] = i18n;
+        $[12] = t3;
+      } else {
+        t3 = $[12];
+      }
+      const reducedFields = t3;
+      let t4;
+      if ($[13] !== reducedFields) {
+        t4 = reducedFields.filter(_temp);
+        $[13] = reducedFields;
+        $[14] = t4;
+      } else {
+        t4 = $[14];
+      }
+      const filteredFields = t4;
+      const groupByField = reducedFields.find(field_0 => field_0.fieldPath === groupByFieldName);
+      const isActive = Boolean(groupByFieldName && groupByField);
+      if (filteredFields.length === 0) {
+        t2 = null;
+        break bb0;
+      }
+      const triggerLabel = isActive ? t("general:groupByLabel", {
+        label: groupByField?.label || ""
+      }) : t("general:groupByLabel", {
+        label: ""
+      });
+      t1 = _jsx(Popup, {
+        className: baseClass,
+        horizontalAlign: "right",
+        popupAriaLabel: triggerLabel,
+        popupType: "dialog",
+        portalClassName: `${baseClass}__popup`,
+        render: t5 => {
+          const {
+            close
+          } = t5;
+          return _jsx(GroupByPopup, {
+            close,
+            filteredFields,
+            groupByField,
+            groupByFieldName,
+            isActive,
+            onChange,
+            value
+          });
+        },
+        renderButton: t6 => {
+          const {
+            active,
+            onClick,
+            onKeyDown,
+            ...ariaProps
+          } = t6;
+          return _jsx(Button, {
+            buttonStyle: "secondary",
+            className: `${baseClass}__trigger`,
+            extraButtonProps: {
+              onKeyDown
+            },
+            icon: _jsx(ChevronIcon, {
+              direction: active ? "up" : "down",
+              size: 16
+            }),
+            id: "toggle-group-by",
+            onClick,
+            selected: active || isActive,
+            size: "medium",
+            ...ariaProps,
+            children: triggerLabel
+          });
+        },
+        size: "large",
+        theme: "auto",
+        verticalAlign: "bottom"
+      });
+    }
+    $[0] = collectionSlug;
+    $[1] = fields;
+    $[2] = i18n;
+    $[3] = onChange;
+    $[4] = permissions?.collections;
+    $[5] = t;
+    $[6] = value;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
   }
-  const triggerLabel = isActive ? t('general:groupByLabel', {
-    label: groupByField?.label || ''
-  }) : t('general:groupByLabel', {
-    label: ''
-  });
-  return /*#__PURE__*/_jsx(Popup, {
-    className: baseClass,
-    horizontalAlign: "right",
-    popupAriaLabel: triggerLabel,
-    popupType: "dialog",
-    portalClassName: `${baseClass}__popup`,
-    render: ({
-      close
-    }) => /*#__PURE__*/_jsx(GroupByPopup, {
-      close: close,
-      filteredFields: filteredFields,
-      groupByField: groupByField,
-      groupByFieldName: groupByFieldName,
-      isActive: isActive,
-      onChange: onChange,
-      value: value
-    }),
-    renderButton: ({
-      active,
-      onClick,
-      onKeyDown,
-      ...ariaProps
-    }) => /*#__PURE__*/_jsx(Button, {
-      buttonStyle: "secondary",
-      className: `${baseClass}__trigger`,
-      extraButtonProps: {
-        onKeyDown
-      },
-      icon: /*#__PURE__*/_jsx(ChevronIcon, {
-        direction: active ? 'up' : 'down',
-        size: 16
-      }),
-      id: "toggle-group-by",
-      onClick: onClick,
-      selected: active || isActive,
-      size: "medium",
-      ...ariaProps,
-      children: triggerLabel
-    }),
-    size: "large",
-    theme: "auto",
-    verticalAlign: "bottom"
-  });
+  return t1;
 };
+function _temp(field) {
+  return !isFieldDisabled(field.field, "groupBy") && field.fieldPath !== "id" && supportedFieldTypes.includes(field.field.type);
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isFieldDisabled","React","useMemo","ChevronIcon","useAuth","useTranslation","reduceFieldsToOptions","Button","Popup","GroupByPopup","baseClass","supportedFieldTypes","GroupByButton","collectionSlug","fields","onChange","value","i18n","t","permissions","groupByFieldName","replace","fieldPermissions","collections","reducedFields","filteredFields","filter","field","fieldPath","includes","type","groupByField","find","isActive","Boolean","length","triggerLabel","label","_jsx","className","horizontalAlign","popupAriaLabel","popupType","portalClassName","render","close","renderButton","active","onClick","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","direction","size","id","selected","theme","verticalAlign"],"sources":["../../../src/elements/GroupBy/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { GroupByPopup } from './Popup.js'\n\nexport type GroupByButtonProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields: ClientField[]\n  /** Called with the next `groupBy` value (prefixed with `-` for descending). */\n  readonly onChange: (groupBy: string) => void\n  /** The current `groupBy` value (prefixed with `-` for descending). */\n  readonly value: string\n}\n\nconst baseClass = 'group-by-control'\n\n/**\n * Supported field types for group by functionality.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'upload',\n]\n\nexport const GroupByButton: React.FC<GroupByButtonProps> = ({\n  collectionSlug,\n  fields,\n  onChange,\n  value,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const groupByFieldName = value?.replace(/^-/, '')\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const filteredFields = useMemo(\n    () =>\n      reducedFields.filter(\n        (field) =>\n          !isFieldDisabled(field.field, 'groupBy') &&\n          field.fieldPath !== 'id' &&\n          supportedFieldTypes.includes(field.field.type),\n      ),\n    [reducedFields],\n  )\n\n  const groupByField = reducedFields.find((field) => field.fieldPath === groupByFieldName)\n  const isActive = Boolean(groupByFieldName && groupByField)\n\n  if (filteredFields.length === 0) {\n    return null\n  }\n\n  const triggerLabel = isActive\n    ? t('general:groupByLabel', { label: groupByField?.label || '' })\n    : t('general:groupByLabel', { label: '' })\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      popupAriaLabel={triggerLabel}\n      popupType=\"dialog\"\n      portalClassName={`${baseClass}__popup`}\n      render={({ close }) => (\n        <GroupByPopup\n          close={close}\n          filteredFields={filteredFields}\n          groupByField={groupByField}\n          groupByFieldName={groupByFieldName}\n          isActive={isActive}\n          onChange={onChange}\n          value={value}\n        />\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__trigger`}\n          extraButtonProps={{ onKeyDown }}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          id=\"toggle-group-by\"\n          onClick={onClick}\n          selected={active || isActive}\n          size=\"medium\"\n          {...ariaProps}\n        >\n          {triggerLabel}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","isFieldDisabled","React","useMemo","ChevronIcon","useAuth","useTranslation","reduceFieldsToOptions","Button","Popup","GroupByPopup","baseClass","supportedFieldTypes","GroupByButton","t0","$","collectionSlug","fields","onChange","value","i18n","t","permissions","t1","t2","collections","Symbol","for","bb0","groupByFieldName","replace","fieldPermissions","t3","reducedFields","t4","filter","_temp","filteredFields","groupByField","find","field_0","field","fieldPath","isActive","Boolean","length","triggerLabel","label","_jsx","className","horizontalAlign","popupAriaLabel","popupType","portalClassName","render","t5","close","t6","active","onClick","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","direction","size","selected","children","theme","verticalAlign","includes","type"],"sources":["../../../src/elements/GroupBy/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { GroupByPopup } from './Popup.js'\n\nexport type GroupByButtonProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields: ClientField[]\n  /** Called with the next `groupBy` value (prefixed with `-` for descending). */\n  readonly onChange: (groupBy: string) => void\n  /** The current `groupBy` value (prefixed with `-` for descending). */\n  readonly value: string\n}\n\nconst baseClass = 'group-by-control'\n\n/**\n * Supported field types for group by functionality.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'upload',\n]\n\nexport const GroupByButton: React.FC<GroupByButtonProps> = ({\n  collectionSlug,\n  fields,\n  onChange,\n  value,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const groupByFieldName = value?.replace(/^-/, '')\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const filteredFields = useMemo(\n    () =>\n      reducedFields.filter(\n        (field) =>\n          !isFieldDisabled(field.field, 'groupBy') &&\n          field.fieldPath !== 'id' &&\n          supportedFieldTypes.includes(field.field.type),\n      ),\n    [reducedFields],\n  )\n\n  const groupByField = reducedFields.find((field) => field.fieldPath === groupByFieldName)\n  const isActive = Boolean(groupByFieldName && groupByField)\n\n  if (filteredFields.length === 0) {\n    return null\n  }\n\n  const triggerLabel = isActive\n    ? t('general:groupByLabel', { label: groupByField?.label || '' })\n    : t('general:groupByLabel', { label: '' })\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      popupAriaLabel={triggerLabel}\n      popupType=\"dialog\"\n      portalClassName={`${baseClass}__popup`}\n      render={({ close }) => (\n        <GroupByPopup\n          close={close}\n          filteredFields={filteredFields}\n          groupByField={groupByField}\n          groupByFieldName={groupByFieldName}\n          isActive={isActive}\n          onChange={onChange}\n          value={value}\n        />\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__trigger`}\n          extraButtonProps={{ onKeyDown }}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          id=\"toggle-group-by\"\n          onClick={onClick}\n          selected={active || isActive}\n          size=\"medium\"\n          {...ariaProps}\n        >\n          {triggerLabel}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/HTMLDiff/colors.css

@@ -14,4 +14,11 @@
     --diff-create-parent-color: var(--color-text-brand);
     --diff-create-link-color: var(--color-text-brand);
   }
+
+  html[data-enhanced-contrast],
+  html[data-enhanced-contrast] [data-theme] {
+    --diff-create-pill-color: var(--color-text-selected);
+    --diff-delete-pill-color: var(--color-text);
+    --diff-delete-parent-color: var(--color-text);
+  }
 }

package/dist/elements/Hierarchy/ColumnBrowser/Column/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useId","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","titleID","createID","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","extraButtonProps","icon","size","margin","onClick","label","map","loadingText","currentCount","length","hasMore"],"sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/Column/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useId } 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.css'\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  const titleID = useId()\n  const createID = useId()\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, path: pathToColumn })\n  }, [onCreateNew, parentId, pathToColumn])\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h3 className={`${baseClass}__header-title`} id={titleID}>\n          {headerTitle}\n        </h3>\n        {canCreate && (\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__add-button`}\n            disabled={disabled}\n            extraButtonProps={{ 'aria-labelledby': `${createID} ${titleID}` }}\n            icon={<PlusIcon size={16} />}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={handleCreateNew}\n            size=\"medium\"\n          >\n            <span id={createID}>{t('general:newLabel', { label: collectionLabel })}</span>\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=\"sm\" />\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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useId","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","titleID","createID","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","extraButtonProps","icon","size","margin","onClick","label","map","loadingText","currentCount","length","hasMore"],"sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/Column/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useId } 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.css'\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  const titleID = useId()\n  const createID = useId()\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, path: pathToColumn })\n  }, [onCreateNew, parentId, pathToColumn])\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h3 className={`${baseClass}__header-title`} id={titleID}>\n          {headerTitle}\n        </h3>\n        {canCreate && (\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__add-button`}\n            disabled={disabled}\n            extraButtonProps={{ 'aria-labelledby': `${createID} ${titleID}` }}\n            icon={<PlusIcon size={16} />}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={handleCreateNew}\n            size=\"medium\"\n          >\n            <span id={createID}>{t('general:newLabel', { label: collectionLabel })}</span>\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=\"sm\" />\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,EAAEC,KAAK,QAAQ;AAI1C,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,GAAAb,EAAA;EAAC;IAAAc,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;EACd,MAAA6B,OAAA,GAAgB/B,KAAA;EAChB,MAAAgC,QAAA,GAAiBhC,KAAA;EAAA,IAAAiC,EAAA;EAAA,IAAAvB,CAAA,QAAAC,uBAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAsB,QAAA,IAAAtB,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,SAAAU,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,SAAAqB,OAAA,IAAArB,CAAA,SAAAmB,SAAA;IAEjB,MAAAK,WAAA,GAAoBR,WAAwD,KAAxCD,QAAA,KAAa,IAA2B,GAApBK,CAAA,CAAE,aAAiB,CAAC,GAAxC,EAAwC;IAAA,IAAAK,EAAA;IAAA,IAAAzB,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAiB,YAAA;MAG1EQ,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAA+B;QAC9B,MAAAE,IAAA,GAAalB,KAAA,CAAAmB,IAAU,CAACC,CAAA,IAAOA,CAAA,CAAAH,EAAI,KAAKA,EAAA;QACxC,MAAAI,QAAA,GAAiBH,IAAA,OAAWX,YAAA,EAAc;UAAAU,EAAA,EAAMC,IAAA,CAAAD,EAAO;UAAAK,KAAA,EAASJ,IAAA,CAAAI;QAAW,EAAK,GAA/Df,YAA+D;QAChFH,QAAA,CAAS;UAAAa,EAAA;UAAAM,IAAA,EAAYF;QAAS;MAAA,CAChC;MAAA/B,CAAA,OAAAU,KAAA;MAAAV,CAAA,OAAAc,QAAA;MAAAd,CAAA,OAAAiB,YAAA;MAAAjB,CAAA,OAAAyB,EAAA;IAAA;MAAAA,EAAA,GAAAzB,CAAA;IAAA;IALF,MAAAkC,YAAA,GAAqBT,EAMY;IAAA,IAAAC,EAAA;IAAA,IAAA1B,CAAA,SAAAW,WAAA,IAAAX,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAiB,YAAA;MAGGS,EAAA,GAAAA,CAAA;QAClCf,WAAA,CAAY;UAAAI,QAAA;UAAAkB,IAAA,EAAkBhB;QAAa;MAAA,CAC7C;MAAAjB,CAAA,OAAAW,WAAA;MAAAX,CAAA,OAAAe,QAAA;MAAAf,CAAA,OAAAiB,YAAA;MAAAjB,CAAA,OAAA0B,EAAA;IAAA;MAAAA,EAAA,GAAA1B,CAAA;IAAA;IAFA,MAAAmC,eAAA,GAAwBT,EAEgB;IAAA,IAAAU,EAAA;IAAA,IAAApC,CAAA,SAAAC,uBAAA,IAAAD,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAK,WAAA,IAAAL,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAO,kBAAA,IAAAP,CAAA,SAAAkC,YAAA,IAAAlC,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAkB,WAAA;MA0BvBkB,EAAA,GAAAC,MAAA,IACTC,IAAA,CAAC1C,UAAA;QAAAQ,QAAA,EACWmC,OAAA,CAAQnC,QAAoC,IAAxBC,WAAA,EAAAmC,GAAwB,CAAPZ,MAAA,CAAAD,EAAO;QAAApB,kBAAA;QAAAkC,sBAAA,EAE9BxC,uBAAA,CAAAuC,GAA2B,CAACZ,MAAA,CAAAD,EAAO;QAAAe,UAAA,EAC/CpC,UAAA,KAAesB,MAAA,CAAAD,EAAO;QAAAgB,UAAA,EACtBzB,WAAA,CAAAsB,GAAe,CAACZ,MAAA,CAAAD,EAAO;QAAAC,IAAA,EAC7BA,MAAA;QAAAhB,QAAA;QAAAE,QAAA,EAGIoB;SAFLU,MAAA,CAAOhB,MAAA,CAAAD,EAAO;MAAA3B,CAAA,OAAAC,uBAAA;MAAAD,CAAA,OAAAI,QAAA;MAAAJ,CAAA,OAAAK,WAAA;MAAAL,CAAA,OAAAM,UAAA;MAAAN,CAAA,OAAAO,kBAAA;MAAAP,CAAA,OAAAkC,YAAA;MAAAlC,CAAA,OAAAY,QAAA;MAAAZ,CAAA,OAAAkB,WAAA;MAAAlB,CAAA,OAAAoC,EAAA;IAAA;MAAAA,EAAA,GAAApC,CAAA;IAAA;IA/B3BuB,EAAA,GAAAsB,KAAA,CAAC;MAAAC,SAAA,EAAejD,SAAA;MAAAkD,QAAA,E,CACdF,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAGjD,SAAA,UAAmB;QAAAkD,QAAA,E,CACpCT,IAAA,CAAC;UAAAQ,SAAA,EAAc,GAAGjD,SAAA,gBAAyB;UAAA8B,EAAA,EAAMN,OAAA;UAAA0B,QAAA,EAC9CvB;YAEFtB,S,IACCoC,IAAA,CAAC7C,MAAA;UAAAuD,WAAA,EACa;UAAAF,SAAA,EACD,GAAGjD,SAAA,cAAuB;UAAAO,QAAA;UAAA6C,gBAAA,EAEnB;YAAA,mBAAqB,GAAG3B,QAAA,IAAYD,OAAA;UAAU;UAAA6B,IAAA,EAC1DZ,IAAA,CAAC/C,QAAA;YAAA4D,IAAA,EAAe;;wBACT;UAAAC,MAAA,EACL;UAAAC,OAAA,EACClB,eAAA;UAAAgB,IAAA,EACJ;UAAAJ,QAAA,EAELT,IAAA,CAAC;YAAAX,EAAA,EAASL,QAAA;YAAAyB,QAAA,EAAW3B,CAAA,CAAE,oBAAoB;cAAAkC,KAAA,EAASnD;YAAgB;;;UAK1E0C,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAGjD,SAAA,SAAkB;QAAAkD,QAAA,E,CAClCrC,KAAA,CAAA6C,GAAS,CAACnB,EAQY,GAMtB3B,S,IACC6B,IAAA,CAAC;UAAAQ,SAAA,EAAe,GAAGjD,SAAA,WAAoB;UAAAkD,QAAA,EACrCT,IAAA,CAAC3C,OAAA;YAAA6D,WAAA,EAAqB;YAAAL,IAAA,EAAW;;YAIpC,CAAC/C,QAAa,IAAd,CAAcK,SAAyB,IAAZU,SAAA,GAAY,C,IACtCmB,IAAA,CAAC5C,WAAA;UAAAoD,SAAA,EACY,GAAGjD,SAAA,aAAsB;UAAA4D,YAAA,EACtB/C,KAAA,CAAAgD,MAAY;UAAAC,OAAA,EACjBnD,WAAA;UAAAK,UAAA;UAAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA/CjBI,E;CAuDJ","ignoreList":[]}

package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.js

@@ -9,7 +9,7 @@ import { isSuperset } from '../../../../utilities/isSuperset.js';
 import './index.css';
 const baseClass = 'hierarchy-column-item';
 export const ColumnItem = t0 => {
-  const $ = _c(30);
+  const $ = _c(33);
   const {
     disabled,
     filterByCollection,
@@ -37,11 +37,20 @@ export const ColumnItem = t0 => {
       t1 = false;
       break bb0;
     }
-    t1 = !isSuperset(allowedCollections, filterByCollection);
+    let t2;
+    if ($[0] !== allowedCollections || $[1] !== filterByCollection) {
+      t2 = isSuperset(allowedCollections, filterByCollection);
+      $[0] = allowedCollections;
+      $[1] = filterByCollection;
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    t1 = !t2;
   }
   const isDisabled = t1;
   let t2;
-  if ($[0] !== id || $[1] !== isDisabled || $[2] !== onSelect) {
+  if ($[3] !== id || $[4] !== isDisabled || $[5] !== onSelect) {
     t2 = e => {
       e.stopPropagation();
       if (isDisabled) {
@@ -51,16 +60,16 @@ export const ColumnItem = t0 => {
         id
       });
     };
-    $[0] = id;
-    $[1] = isDisabled;
-    $[2] = onSelect;
-    $[3] = t2;
+    $[3] = id;
+    $[4] = isDisabled;
+    $[5] = onSelect;
+    $[6] = t2;
   } else {
-    t2 = $[3];
+    t2 = $[6];
   }
   const handleCheckboxToggle = t2;
   let t3;
-  if ($[4] !== hasChildren || $[5] !== id || $[6] !== onExpand) {
+  if ($[7] !== hasChildren || $[8] !== id || $[9] !== onExpand) {
     t3 = e_0 => {
       if (e_0.target.closest(`.${baseClass}__checkbox`)) {
         return;
@@ -71,16 +80,16 @@ export const ColumnItem = t0 => {
         });
       }
     };
-    $[4] = hasChildren;
-    $[5] = id;
-    $[6] = onExpand;
-    $[7] = t3;
+    $[7] = hasChildren;
+    $[8] = id;
+    $[9] = onExpand;
+    $[10] = t3;
   } else {
-    t3 = $[7];
+    t3 = $[10];
   }
   const handleRowClick = t3;
   let t4;
-  if ($[8] !== hasChildren || $[9] !== id || $[10] !== onExpand) {
+  if ($[11] !== hasChildren || $[12] !== id || $[13] !== onExpand) {
     t4 = e_1 => {
       if (e_1.key === "Enter" || e_1.key === " ") {
         e_1.preventDefault();
@@ -91,12 +100,12 @@ export const ColumnItem = t0 => {
         }
       }
     };
-    $[8] = hasChildren;
-    $[9] = id;
-    $[10] = onExpand;
-    $[11] = t4;
+    $[11] = hasChildren;
+    $[12] = id;
+    $[13] = onExpand;
+    $[14] = t4;
   } else {
-    t4 = $[11];
+    t4 = $[14];
   }
   const handleKeyDown = t4;
   const t5 = isSelected ? "location" : undefined;
@@ -105,21 +114,21 @@ export const ColumnItem = t0 => {
   const t8 = isSelected && `${baseClass}--selected`;
   const t9 = isDisabled && `${baseClass}--disabled`;
   let t10;
-  if ($[12] !== t7 || $[13] !== t8 || $[14] !== t9) {
+  if ($[15] !== t7 || $[16] !== t8 || $[17] !== t9) {
     t10 = [baseClass, t7, t8, t9].filter(Boolean);
-    $[12] = t7;
-    $[13] = t8;
-    $[14] = t9;
-    $[15] = t10;
+    $[15] = t7;
+    $[16] = t8;
+    $[17] = t9;
+    $[18] = t10;
   } else {
-    t10 = $[15];
+    t10 = $[18];
   }
   const t11 = t10.join(" ");
   const t12 = isDisabled ? undefined : handleRowClick;
   const t13 = isDisabled ? undefined : handleKeyDown;
   const t14 = isDisabled ? -1 : 0;
   let t15;
-  if ($[16] !== handleCheckboxToggle || $[17] !== hasChildren || $[18] !== hasSelectedDescendants || $[19] !== isDisabled || $[20] !== isSelected || $[21] !== t11 || $[22] !== t12 || $[23] !== t13 || $[24] !== t14 || $[25] !== t5 || $[26] !== t6 || $[27] !== title || $[28] !== titleId) {
+  if ($[19] !== handleCheckboxToggle || $[20] !== hasChildren || $[21] !== hasSelectedDescendants || $[22] !== isDisabled || $[23] !== isSelected || $[24] !== t11 || $[25] !== t12 || $[26] !== t13 || $[27] !== t14 || $[28] !== t5 || $[29] !== t6 || $[30] !== title || $[31] !== titleId) {
     t15 = _jsxs("div", {
       "aria-current": t5,
       "aria-disabled": t6,
@@ -151,22 +160,22 @@ export const ColumnItem = t0 => {
         })
       })]
     });
-    $[16] = handleCheckboxToggle;
-    $[17] = hasChildren;
-    $[18] = hasSelectedDescendants;
-    $[19] = isDisabled;
-    $[20] = isSelected;
-    $[21] = t11;
-    $[22] = t12;
-    $[23] = t13;
-    $[24] = t14;
-    $[25] = t5;
-    $[26] = t6;
-    $[27] = title;
-    $[28] = titleId;
-    $[29] = t15;
+    $[19] = handleCheckboxToggle;
+    $[20] = hasChildren;
+    $[21] = hasSelectedDescendants;
+    $[22] = isDisabled;
+    $[23] = isSelected;
+    $[24] = t11;
+    $[25] = t12;
+    $[26] = t13;
+    $[27] = t14;
+    $[28] = t5;
+    $[29] = t6;
+    $[30] = title;
+    $[31] = titleId;
+    $[32] = t15;
   } else {
-    t15 = $[29];
+    t15 = $[32];
   }
   return t15;
 };

package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useId","useMemo","CheckboxInput","ChevronIcon","isSuperset","baseClass","ColumnItem","t0","$","disabled","filterByCollection","hasSelectedDescendants","isExpanded","isSelected","item","onExpand","onSelect","id","allowedCollections","hasChildren","title","titleId","t1","bb0","undefined","isDisabled","t2","e","stopPropagation","handleCheckboxToggle","t3","e_0","target","closest","handleRowClick","t4","e_1","key","preventDefault","handleKeyDown","t5","t6","t7","t8","t9","t10","filter","Boolean","t11","join","t12","t13","t14","t15","_jsxs","className","onClick","onKeyDown","role","tabIndex","children","_jsx","checked","onToggle","readOnly","variant","direction"],"sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/ColumnItem/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useId, useMemo } from 'react'\n\nimport type { ColumnItemProps } from '../types.js'\n\nimport { CheckboxInput } from '../../../../fields/Checkbox/Input.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { isSuperset } from '../../../../utilities/isSuperset.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-column-item'\n\nexport const ColumnItem: React.FC<ColumnItemProps> = ({\n  disabled,\n  filterByCollection,\n  hasSelectedDescendants,\n  isExpanded,\n  isSelected,\n  item,\n  onExpand,\n  onSelect,\n}) => {\n  const { id, allowedCollections, hasChildren, title } = item\n  const titleId = useId()\n\n  // Disable selection if:\n  // 1. This item is in the disabledIds set (e.g., being moved)\n  // 2. Folder doesn't allow ALL required collections\n  const isDisabled = useMemo(() => {\n    if (disabled) {\n      return true\n    }\n    if (filterByCollection === undefined) {\n      return false\n    }\n    return !isSuperset(allowedCollections, filterByCollection)\n  }, [allowedCollections, disabled, filterByCollection])\n\n  const handleCheckboxToggle = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      e.stopPropagation()\n      if (isDisabled) {\n        return\n      }\n      onSelect({ id })\n    },\n    [id, isDisabled, onSelect],\n  )\n\n  const handleRowClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Don't expand when clicking the checkbox\n      if ((e.target as HTMLElement).closest(`.${baseClass}__checkbox`)) {\n        return\n      }\n      if (hasChildren) {\n        onExpand({ id })\n      }\n    },\n    [hasChildren, id, onExpand],\n  )\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        if (hasChildren) {\n          onExpand({ id })\n        }\n      }\n    },\n    [hasChildren, id, onExpand],\n  )\n\n  return (\n    <div\n      aria-current={isSelected ? 'location' : undefined}\n      aria-disabled={isDisabled || undefined}\n      className={[\n        baseClass,\n        isExpanded && `${baseClass}--expanded`,\n        isSelected && `${baseClass}--selected`,\n        isDisabled && `${baseClass}--disabled`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={isDisabled ? undefined : handleRowClick}\n      onKeyDown={isDisabled ? undefined : handleKeyDown}\n      role=\"button\"\n      tabIndex={isDisabled ? -1 : 0}\n    >\n      <div className={`${baseClass}__checkbox`}>\n        <CheckboxInput\n          aria-labelledby={titleId}\n          checked={isSelected}\n          onToggle={handleCheckboxToggle}\n          readOnly={isDisabled}\n          variant=\"muted\"\n        />\n      </div>\n\n      <span className={`${baseClass}__title`} id={titleId} title={title}>\n        {title}\n      </span>\n\n      {hasSelectedDescendants && !isSelected && (\n        <span className={`${baseClass}__descendant-indicator`} />\n      )}\n\n      {hasChildren && (\n        <span className={`${baseClass}__chevron`}>\n          <ChevronIcon direction=\"right\" />\n        </span>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useId","useMemo","CheckboxInput","ChevronIcon","isSuperset","baseClass","ColumnItem","t0","$","disabled","filterByCollection","hasSelectedDescendants","isExpanded","isSelected","item","onExpand","onSelect","id","allowedCollections","hasChildren","title","titleId","t1","bb0","undefined","t2","isDisabled","e","stopPropagation","handleCheckboxToggle","t3","e_0","target","closest","handleRowClick","t4","e_1","key","preventDefault","handleKeyDown","t5","t6","t7","t8","t9","t10","filter","Boolean","t11","join","t12","t13","t14","t15","_jsxs","className","onClick","onKeyDown","role","tabIndex","children","_jsx","checked","onToggle","readOnly","variant","direction"],"sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/ColumnItem/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useId, useMemo } from 'react'\n\nimport type { ColumnItemProps } from '../types.js'\n\nimport { CheckboxInput } from '../../../../fields/Checkbox/Input.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { isSuperset } from '../../../../utilities/isSuperset.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-column-item'\n\nexport const ColumnItem: React.FC<ColumnItemProps> = ({\n  disabled,\n  filterByCollection,\n  hasSelectedDescendants,\n  isExpanded,\n  isSelected,\n  item,\n  onExpand,\n  onSelect,\n}) => {\n  const { id, allowedCollections, hasChildren, title } = item\n  const titleId = useId()\n\n  // Disable selection if:\n  // 1. This item is in the disabledIds set (e.g., being moved)\n  // 2. Folder doesn't allow ALL required collections\n  const isDisabled = useMemo(() => {\n    if (disabled) {\n      return true\n    }\n    if (filterByCollection === undefined) {\n      return false\n    }\n    return !isSuperset(allowedCollections, filterByCollection)\n  }, [allowedCollections, disabled, filterByCollection])\n\n  const handleCheckboxToggle = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      e.stopPropagation()\n      if (isDisabled) {\n        return\n      }\n      onSelect({ id })\n    },\n    [id, isDisabled, onSelect],\n  )\n\n  const handleRowClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Don't expand when clicking the checkbox\n      if ((e.target as HTMLElement).closest(`.${baseClass}__checkbox`)) {\n        return\n      }\n      if (hasChildren) {\n        onExpand({ id })\n      }\n    },\n    [hasChildren, id, onExpand],\n  )\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        if (hasChildren) {\n          onExpand({ id })\n        }\n      }\n    },\n    [hasChildren, id, onExpand],\n  )\n\n  return (\n    <div\n      aria-current={isSelected ? 'location' : undefined}\n      aria-disabled={isDisabled || undefined}\n      className={[\n        baseClass,\n        isExpanded && `${baseClass}--expanded`,\n        isSelected && `${baseClass}--selected`,\n        isDisabled && `${baseClass}--disabled`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={isDisabled ? undefined : handleRowClick}\n      onKeyDown={isDisabled ? undefined : handleKeyDown}\n      role=\"button\"\n      tabIndex={isDisabled ? -1 : 0}\n    >\n      <div className={`${baseClass}__checkbox`}>\n        <CheckboxInput\n          aria-labelledby={titleId}\n          checked={isSelected}\n          onToggle={handleCheckboxToggle}\n          readOnly={isDisabled}\n          variant=\"muted\"\n        />\n      </div>\n\n      <span className={`${baseClass}__title`} id={titleId} title={title}>\n        {title}\n      </span>\n\n      {hasSelectedDescendants && !isSelected && (\n        <span className={`${baseClass}__descendant-indicator`} />\n      )}\n\n      {hasChildren && (\n        <span className={`${baseClass}__chevron`}>\n          <ChevronIcon direction=\"right\" />\n        </span>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/DocHeaderButton/index.js

@@ -177,7 +177,7 @@ export const HierarchyButtonClient = ({
       onMove: openModal,
       onRemove: handleRemove,
       renderTrigger: triggerProps => /*#__PURE__*/_jsx(Button, {
-        "aria-label": triggerProps ? label : undefined,
+        "aria-label": `${t('hierarchy:folderLocation')}: ${label}`,
         buttonStyle: "secondary",
         className: buttonClassName,
         disabled: readOnly,

package/dist/elements/Hierarchy/DocHeaderButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useConfig","useDocumentInfo","useTranslation","getEffectiveHierarchyCollections","getHierarchyCollectionRestrictions","getHierarchyListURL","Button","HierarchyActionsMenu","useHierarchyModal","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","readOnlyFromProps","SmallIcon","i18n","t","config","getEntityConfig","id","documentId","collectionSlug","documentCollectionSlug","disabled","formDisabled","setModified","dispatchField","_","dispatch","currentFieldValue","fields","currentSelections","value","Array","isArray","filter","selection","currentId","undefined","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","hierarchyConfig","relatedCollectionSlugs","typeFieldName","allowedCollections","isHierarchyCollection","filterByCollection","disabledIds","Set","HierarchyModal","openModal","fetchItemName","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","String","handleModalSave","closeModal","selections","ids","from","keys","newValue","type","handleClick","label","hasSingleSelection","hierarchyLabel","labels","singular","handleRemove","goTo","href","adminRoute","parentFieldName","parentID","buttonClassName","Boolean","join","_jsxs","_Fragment","_jsx","hasActions","onMove","onRemove","renderTrigger","triggerProps","buttonStyle","className","extraButtonProps","icon","iconPosition","margin","onClick","selected","tooltip","confirmLabel","initialSelections","onSave"],"sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/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 {\n  getEffectiveHierarchyCollections,\n  getHierarchyCollectionRestrictions,\n} from '../../../utilities/hierarchyCollectionRestrictions.js'\nimport { getHierarchyListURL } from '../../../views/HierarchyList/getHierarchyListURL.js'\nimport { Button } from '../../Button/index.js'\nimport { HierarchyActionsMenu } from '../ActionsMenu/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport './index.css'\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  SmallIcon?: React.ReactNode\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n  fieldName,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  readOnly: readOnlyFromProps,\n  SmallIcon,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { id: documentId, collectionSlug: documentCollectionSlug } = useDocumentInfo()\n  const { disabled: formDisabled, setModified } = useForm()\n  const readOnly = readOnlyFromProps || formDisabled\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n  const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) || null)\n  const currentSelections = useMemo(() => {\n    const value = currentFieldValue?.value\n\n    if (Array.isArray(value)) {\n      return value.filter(\n        (selection): selection is number | string =>\n          typeof selection === 'number' || typeof selection === 'string',\n      )\n    }\n\n    return typeof value === 'number' || typeof value === 'string' ? [value] : []\n  }, [currentFieldValue?.value])\n  const currentId = !hasMany ? currentSelections[0] : undefined\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  const { hierarchyConfig, relatedCollectionSlugs, typeFieldName } = useMemo(\n    () => getHierarchyCollectionRestrictions({ collectionConfig }),\n    [collectionConfig],\n  )\n\n  const allowedCollections = useFormFields(([fields]) => {\n    const value = typeFieldName ? fields?.[typeFieldName]?.value : undefined\n\n    return Array.isArray(value) ? (value as string[]) : undefined\n  })\n\n  const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n  // When in hierarchy collection, let the modal 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    if (!documentCollectionSlug) {\n      return undefined\n    }\n    if (!isHierarchyCollection) {\n      return [documentCollectionSlug]\n    }\n    if (!typeFieldName) {\n      return undefined\n    }\n    return getEffectiveHierarchyCollections({ allowedCollections, relatedCollectionSlugs })\n  }, [\n    allowedCollections,\n    documentCollectionSlug,\n    isHierarchyCollection,\n    relatedCollectionSlugs,\n    typeFieldName,\n  ])\n\n  const disabledIds = useMemo(\n    () => (isHierarchyCollection && documentId !== undefined ? new Set([documentId]) : undefined),\n    [documentId, isHierarchyCollection],\n  )\n\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection,\n    hierarchyCollectionSlug,\n    Icon,\n  })\n\n  // Fetch item name when currentId changes\n  useEffect(() => {\n    const fetchItemName = async () => {\n      if (\n        currentId !== null &&\n        currentId !== undefined &&\n        (typeof currentId === 'string' || typeof currentId === 'number')\n      ) {\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 handleModalSave = useCallback(\n    ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => 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      closeModal()\n    },\n    [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n  )\n\n  const handleClick = useCallback(() => {\n    if (!readOnly) {\n      openModal()\n    }\n  }, [openModal, readOnly])\n\n  const label = isLoading ? `${t('general:loading')}...` : displayName\n  const hasSingleSelection =\n    !hasMany && (typeof currentId === 'number' || typeof currentId === 'string')\n  const hierarchyLabel =\n    getTranslation(collectionConfig?.labels?.singular || hierarchyCollectionSlug, i18n) ||\n    hierarchyCollectionSlug\n\n  const handleRemove = useCallback(() => {\n    dispatchField({\n      type: 'UPDATE',\n      path: fieldName,\n      value: null,\n    })\n    setModified(true)\n  }, [dispatchField, fieldName, setModified])\n\n  const goTo = useMemo(\n    () =>\n      hasSingleSelection\n        ? {\n            name: displayName,\n            href: getHierarchyListURL({\n              adminRoute: config.routes.admin,\n              collectionSlug: hierarchyCollectionSlug,\n              parentFieldName: hierarchyConfig?.parentFieldName,\n              parentID: currentId,\n            }),\n          }\n        : undefined,\n    [\n      config.routes.admin,\n      currentId,\n      displayName,\n      hasSingleSelection,\n      hierarchyCollectionSlug,\n      hierarchyConfig?.parentFieldName,\n    ],\n  )\n\n  const buttonClassName = [baseClass, readOnly && `${baseClass}--read-only`]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <>\n      <HierarchyActionsMenu\n        goTo={goTo}\n        hasActions={hasSingleSelection && !readOnly}\n        hierarchyLabel={hierarchyLabel}\n        onMove={openModal}\n        onRemove={handleRemove}\n        renderTrigger={(triggerProps) => (\n          <Button\n            aria-label={triggerProps ? label : undefined}\n            buttonStyle=\"secondary\"\n            className={buttonClassName}\n            disabled={readOnly}\n            extraButtonProps={triggerProps?.extraButtonProps}\n            icon={SmallIcon ?? Icon}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={triggerProps?.onClick ?? handleClick}\n            selected={triggerProps?.selected}\n            tooltip={triggerProps ? displayName : undefined}\n          >\n            {triggerProps ? <span className={`${baseClass}__truncate`}>{label}</span> : label}\n          </Button>\n        )}\n      />\n      <HierarchyModal\n        confirmLabel={t('general:confirm')}\n        hasMany={hasMany}\n        initialSelections={currentSelections}\n        onSave={handleModalSave}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useConfig","useDocumentInfo","useTranslation","getEffectiveHierarchyCollections","getHierarchyCollectionRestrictions","getHierarchyListURL","Button","HierarchyActionsMenu","useHierarchyModal","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","readOnlyFromProps","SmallIcon","i18n","t","config","getEntityConfig","id","documentId","collectionSlug","documentCollectionSlug","disabled","formDisabled","setModified","dispatchField","_","dispatch","currentFieldValue","fields","currentSelections","value","Array","isArray","filter","selection","currentId","undefined","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","hierarchyConfig","relatedCollectionSlugs","typeFieldName","allowedCollections","isHierarchyCollection","filterByCollection","disabledIds","Set","HierarchyModal","openModal","fetchItemName","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","String","handleModalSave","closeModal","selections","ids","from","keys","newValue","type","handleClick","label","hasSingleSelection","hierarchyLabel","labels","singular","handleRemove","goTo","href","adminRoute","parentFieldName","parentID","buttonClassName","Boolean","join","_jsxs","_Fragment","_jsx","hasActions","onMove","onRemove","renderTrigger","triggerProps","buttonStyle","className","extraButtonProps","icon","iconPosition","margin","onClick","selected","tooltip","confirmLabel","initialSelections","onSave"],"sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/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 {\n  getEffectiveHierarchyCollections,\n  getHierarchyCollectionRestrictions,\n} from '../../../utilities/hierarchyCollectionRestrictions.js'\nimport { getHierarchyListURL } from '../../../views/HierarchyList/getHierarchyListURL.js'\nimport { Button } from '../../Button/index.js'\nimport { HierarchyActionsMenu } from '../ActionsMenu/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport './index.css'\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  SmallIcon?: React.ReactNode\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n  fieldName,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  readOnly: readOnlyFromProps,\n  SmallIcon,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { id: documentId, collectionSlug: documentCollectionSlug } = useDocumentInfo()\n  const { disabled: formDisabled, setModified } = useForm()\n  const readOnly = readOnlyFromProps || formDisabled\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n  const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) || null)\n  const currentSelections = useMemo(() => {\n    const value = currentFieldValue?.value\n\n    if (Array.isArray(value)) {\n      return value.filter(\n        (selection): selection is number | string =>\n          typeof selection === 'number' || typeof selection === 'string',\n      )\n    }\n\n    return typeof value === 'number' || typeof value === 'string' ? [value] : []\n  }, [currentFieldValue?.value])\n  const currentId = !hasMany ? currentSelections[0] : undefined\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  const { hierarchyConfig, relatedCollectionSlugs, typeFieldName } = useMemo(\n    () => getHierarchyCollectionRestrictions({ collectionConfig }),\n    [collectionConfig],\n  )\n\n  const allowedCollections = useFormFields(([fields]) => {\n    const value = typeFieldName ? fields?.[typeFieldName]?.value : undefined\n\n    return Array.isArray(value) ? (value as string[]) : undefined\n  })\n\n  const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n  // When in hierarchy collection, let the modal 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    if (!documentCollectionSlug) {\n      return undefined\n    }\n    if (!isHierarchyCollection) {\n      return [documentCollectionSlug]\n    }\n    if (!typeFieldName) {\n      return undefined\n    }\n    return getEffectiveHierarchyCollections({ allowedCollections, relatedCollectionSlugs })\n  }, [\n    allowedCollections,\n    documentCollectionSlug,\n    isHierarchyCollection,\n    relatedCollectionSlugs,\n    typeFieldName,\n  ])\n\n  const disabledIds = useMemo(\n    () => (isHierarchyCollection && documentId !== undefined ? new Set([documentId]) : undefined),\n    [documentId, isHierarchyCollection],\n  )\n\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection,\n    hierarchyCollectionSlug,\n    Icon,\n  })\n\n  // Fetch item name when currentId changes\n  useEffect(() => {\n    const fetchItemName = async () => {\n      if (\n        currentId !== null &&\n        currentId !== undefined &&\n        (typeof currentId === 'string' || typeof currentId === 'number')\n      ) {\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 handleModalSave = useCallback(\n    ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => 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      closeModal()\n    },\n    [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n  )\n\n  const handleClick = useCallback(() => {\n    if (!readOnly) {\n      openModal()\n    }\n  }, [openModal, readOnly])\n\n  const label = isLoading ? `${t('general:loading')}...` : displayName\n  const hasSingleSelection =\n    !hasMany && (typeof currentId === 'number' || typeof currentId === 'string')\n  const hierarchyLabel =\n    getTranslation(collectionConfig?.labels?.singular || hierarchyCollectionSlug, i18n) ||\n    hierarchyCollectionSlug\n\n  const handleRemove = useCallback(() => {\n    dispatchField({\n      type: 'UPDATE',\n      path: fieldName,\n      value: null,\n    })\n    setModified(true)\n  }, [dispatchField, fieldName, setModified])\n\n  const goTo = useMemo(\n    () =>\n      hasSingleSelection\n        ? {\n            name: displayName,\n            href: getHierarchyListURL({\n              adminRoute: config.routes.admin,\n              collectionSlug: hierarchyCollectionSlug,\n              parentFieldName: hierarchyConfig?.parentFieldName,\n              parentID: currentId,\n            }),\n          }\n        : undefined,\n    [\n      config.routes.admin,\n      currentId,\n      displayName,\n      hasSingleSelection,\n      hierarchyCollectionSlug,\n      hierarchyConfig?.parentFieldName,\n    ],\n  )\n\n  const buttonClassName = [baseClass, readOnly && `${baseClass}--read-only`]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <>\n      <HierarchyActionsMenu\n        goTo={goTo}\n        hasActions={hasSingleSelection && !readOnly}\n        hierarchyLabel={hierarchyLabel}\n        onMove={openModal}\n        onRemove={handleRemove}\n        renderTrigger={(triggerProps) => (\n          <Button\n            aria-label={`${t('hierarchy:folderLocation')}: ${label}`}\n            buttonStyle=\"secondary\"\n            className={buttonClassName}\n            disabled={readOnly}\n            extraButtonProps={triggerProps?.extraButtonProps}\n            icon={SmallIcon ?? Icon}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={triggerProps?.onClick ?? handleClick}\n            selected={triggerProps?.selected}\n            tooltip={triggerProps ? displayName : undefined}\n          >\n            {triggerProps ? <span className={`${baseClass}__truncate`}>{label}</span> : label}\n          </Button>\n        )}\n      />\n      <HierarchyModal\n        confirmLabel={t('general:confirm')}\n        hasMany={hasMany}\n        initialSelections={currentSelections}\n        onSave={handleModalSave}\n      />\n    </>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAIjE,SAASC,OAAO,EAAEC,aAAa,QAAQ;AACvC,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SACEC,gCAAgC,EAChCC,kCAAkC,QAC7B;AACP,SAASC,mBAAmB,QAAQ;AACpC,SAASC,MAAM,QAAQ;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAWlB,OAAO,MAAMC,qBAAA,GAA8DA,CAAC;EAC1EC,SAAS;EACTC,OAAA,GAAU,KAAK;EACfC,uBAAuB;EACvBC,IAAI;EACJC,QAAA,EAAUC,iBAAiB;EAC3BC;AAAS,CACV;EACC,MAAM;IAAEC,IAAI;IAAEC;EAAC,CAAE,GAAGjB,cAAA;EACpB,MAAM;IAAEkB,MAAM;IAAEC;EAAe,CAAE,GAAGrB,SAAA;EACpC,MAAM;IAAEsB,EAAA,EAAIC,UAAU;IAAEC,cAAA,EAAgBC;EAAsB,CAAE,GAAGxB,eAAA;EACnE,MAAM;IAAEyB,QAAA,EAAUC,YAAY;IAAEC;EAAW,CAAE,GAAG9B,OAAA;EAChD,MAAMiB,QAAA,GAAWC,iBAAA,IAAqBW,YAAA;EACtC,MAAME,aAAA,GAAgB9B,aAAA,CAAc,CAAC,CAAC+B,CAAA,EAAGC,QAAA,CAAS,KAAKA,QAAA;EAEvD,MAAMC,iBAAA,GAAoBjC,aAAA,CAAc,CAAC,CAACkC,MAAA,CAAO,KAAKA,MAAC,IAAUA,MAAA,GAAStB,SAAA,CAAU,IAAK;EACzF,MAAMuB,iBAAA,GAAoBtC,OAAA,CAAQ;IAChC,MAAMuC,KAAA,GAAQH,iBAAA,EAAmBG,KAAA;IAEjC,IAAIC,KAAA,CAAMC,OAAO,CAACF,KAAA,GAAQ;MACxB,OAAOA,KAAA,CAAMG,MAAM,CAChBC,SAAA,IACC,OAAOA,SAAA,KAAc,YAAY,OAAOA,SAAA,KAAc;IAE5D;IAEA,OAAO,OAAOJ,KAAA,KAAU,YAAY,OAAOA,KAAA,KAAU,WAAW,CAACA,KAAA,CAAM,GAAG,EAAE;EAC9E,GAAG,CAACH,iBAAA,EAAmBG,KAAA,CAAM;EAC7B,MAAMK,SAAA,GAAY,CAAC5B,OAAA,GAAUsB,iBAAiB,CAAC,EAAE,GAAGO,SAAA;EAEpD,MAAM,CAACC,WAAA,EAAaC,cAAA,CAAe,GAAG9C,QAAA,CAAiB;EACvD,MAAM,CAAC+C,SAAA,EAAWC,YAAA,CAAa,GAAGhD,QAAA,CAAS;EAE3C,MAAMiD,gBAAA,GAAmBzB,eAAA,CAAgB;IAAEG,cAAA,EAAgBX;EAAwB;EACnF,MAAMkC,UAAA,GAAaD,gBAAA,EAAkBE,KAAA,EAAOD,UAAA,IAAc;EAC1D,MAAM;IAAEE,eAAe;IAAEC,sBAAsB;IAAEC;EAAa,CAAE,GAAGvD,OAAA,CACjE,MAAMQ,kCAAA,CAAmC;IAAE0C;EAAiB,IAC5D,CAACA,gBAAA,CAAiB;EAGpB,MAAMM,kBAAA,GAAqBrD,aAAA,CAAc,CAAC,CAACkC,QAAA,CAAO;IAChD,MAAME,OAAA,GAAQgB,aAAA,GAAgBlB,QAAA,GAASkB,aAAA,CAAc,EAAEhB,KAAA,GAAQM,SAAA;IAE/D,OAAOL,KAAA,CAAMC,OAAO,CAACF,OAAA,IAAUA,OAAA,GAAqBM,SAAA;EACtD;EAEA,MAAMY,qBAAA,GAAwB5B,sBAAA,KAA2BZ,uBAAA;EAEzD;EACA;EACA;EACA,MAAMyC,kBAAA,GAAqB1D,OAAA,CAAQ;IACjC,IAAI,CAAC6B,sBAAA,EAAwB;MAC3B,OAAOgB,SAAA;IACT;IACA,IAAI,CAACY,qBAAA,EAAuB;MAC1B,OAAO,CAAC5B,sBAAA,CAAuB;IACjC;IACA,IAAI,CAAC0B,aAAA,EAAe;MAClB,OAAOV,SAAA;IACT;IACA,OAAOtC,gCAAA,CAAiC;MAAEiD,kBAAA;MAAoBF;IAAuB;EACvF,GAAG,CACDE,kBAAA,EACA3B,sBAAA,EACA4B,qBAAA,EACAH,sBAAA,EACAC,aAAA,CACD;EAED,MAAMI,WAAA,GAAc3D,OAAA,CAClB,MAAOyD,qBAAA,IAAyB9B,UAAA,KAAekB,SAAA,GAAY,IAAIe,GAAA,CAAI,CAACjC,UAAA,CAAW,IAAIkB,SAAA,EACnF,CAAClB,UAAA,EAAY8B,qBAAA,CAAsB;EAGrC,MAAM,CAACI,cAAA,GAAkB;IAAEC;EAAS,CAAE,CAAC,GAAGlD,iBAAA,CAAkB;IAC1D+C,WAAA;IACAD,kBAAA;IACAzC,uBAAA;IACAC;EACF;EAEA;EACAnB,SAAA,CAAU;IACR,MAAMgE,aAAA,GAAgB,MAAAA,CAAA;MACpB,IACEnB,SAAA,KAAc,QACdA,SAAA,KAAcC,SAAA,KACb,OAAOD,SAAA,KAAc,YAAY,OAAOA,SAAA,KAAc,QAAO,GAC9D;QACAK,YAAA,CAAa;QACb,IAAI;UACF,MAAMe,QAAA,GAAW,MAAMC,KAAA,CACrBrE,cAAA,CAAe;YACbsE,QAAA,EAAU1C,MAAA,CAAO2C,MAAM,CAACC,GAAG;YAC3BC,IAAA,EAAM,IAAIpD,uBAAA,IAA2B2B,SAAA,EAAW;YAChD0B,SAAA,EAAW9C,MAAA,CAAO8C;UACpB,IACA;YAAEC,WAAA,EAAa;UAAU;UAG3B,IAAIP,QAAA,CAASQ,EAAE,EAAE;YACf,MAAMC,QAAA,GAAW,MAAMT,QAAA,CAASU,IAAI;YACpC,MAAMC,KAAA,GAAQF,QAAA,GAAWtB,UAAA,CAAW,IAAIsB,QAAA,EAAUG,IAAA,IAAQH,QAAA,EAAU/C,EAAA;YAEpEqB,cAAA,CAAe8B,MAAA,CAAOF,KAAA;UACxB,OAAO;YACL5B,cAAA,CAAexB,CAAA,CAAE;UACnB;QACF,EAAE,MAAM;UACNwB,cAAA,CAAexB,CAAA,CAAE;QACnB,UAAU;UACR0B,YAAA,CAAa;QACf;MACF,OAAO;QACLF,cAAA,CAAexB,CAAA,CAAE;QACjB0B,YAAA,CAAa;MACf;IACF;IAEA,KAAKc,aAAA;EACP,GAAG,CAACnB,SAAA,EAAW3B,uBAAA,EAAyBO,MAAA,CAAO2C,MAAM,CAACC,GAAG,EAAE5C,MAAA,CAAO8C,SAAS,EAAEnB,UAAA,EAAY5B,CAAA,CAAE;EAE3F,MAAMuD,eAAA,GAAkBhF,WAAA,CACtB,CAAC;IACCiF,UAAU;IACVC;EAAU,CAIX;IACC,MAAMC,GAAA,GAAMzC,KAAA,CAAM0C,IAAI,CAACF,UAAA,CAAWG,IAAI;IACtC,MAAMC,QAAA,GAAWpE,OAAA,GAAUiE,GAAA,GAAOA,GAAG,CAAC,EAAE,IAAI;IAE5C,IAAI7C,iBAAA,EAAmBG,KAAA,KAAU6C,QAAA,EAAU;MACzCnD,aAAA,CAAc;QACZoD,IAAA,EAAM;QACNhB,IAAA,EAAMtD,SAAA;QACNwB,KAAA,EAAO6C;MACT;MACApD,WAAA,CAAY;IACd;IACA+C,UAAA;EACF,GACA,CAAC3C,iBAAA,EAAmBG,KAAA,EAAON,aAAA,EAAelB,SAAA,EAAWC,OAAA,EAASgB,WAAA,CAAY;EAG5E,MAAMsD,WAAA,GAAcxF,WAAA,CAAY;IAC9B,IAAI,CAACqB,QAAA,EAAU;MACb2C,SAAA;IACF;EACF,GAAG,CAACA,SAAA,EAAW3C,QAAA,CAAS;EAExB,MAAMoE,KAAA,GAAQvC,SAAA,GAAY,GAAGzB,CAAA,CAAE,uBAAuB,GAAGuB,WAAA;EACzD,MAAM0C,kBAAA,GACJ,CAACxE,OAAA,KAAY,OAAO4B,SAAA,KAAc,YAAY,OAAOA,SAAA,KAAc,QAAO;EAC5E,MAAM6C,cAAA,GACJ9F,cAAA,CAAeuD,gBAAA,EAAkBwC,MAAA,EAAQC,QAAA,IAAY1E,uBAAA,EAAyBK,IAAA,KAC9EL,uBAAA;EAEF,MAAM2E,YAAA,GAAe9F,WAAA,CAAY;IAC/BmC,aAAA,CAAc;MACZoD,IAAA,EAAM;MACNhB,IAAA,EAAMtD,SAAA;MACNwB,KAAA,EAAO;IACT;IACAP,WAAA,CAAY;EACd,GAAG,CAACC,aAAA,EAAelB,SAAA,EAAWiB,WAAA,CAAY;EAE1C,MAAM6D,IAAA,GAAO7F,OAAA,CACX,MACEwF,kBAAA,GACI;IACEZ,IAAA,EAAM9B,WAAA;IACNgD,IAAA,EAAMrF,mBAAA,CAAoB;MACxBsF,UAAA,EAAYvE,MAAA,CAAO2C,MAAM,CAACf,KAAK;MAC/BxB,cAAA,EAAgBX,uBAAA;MAChB+E,eAAA,EAAiB3C,eAAA,EAAiB2C,eAAA;MAClCC,QAAA,EAAUrD;IACZ;EACF,IACAC,SAAA,EACN,CACErB,MAAA,CAAO2C,MAAM,CAACf,KAAK,EACnBR,SAAA,EACAE,WAAA,EACA0C,kBAAA,EACAvE,uBAAA,EACAoC,eAAA,EAAiB2C,eAAA,CAClB;EAGH,MAAME,eAAA,GAAkB,CAACrF,SAAA,EAAWM,QAAA,IAAY,GAAGN,SAAA,aAAsB,CAAC,CACvE6B,MAAM,CAACyD,OAAA,EACPC,IAAI,CAAC;EAER,oBACEC,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAAC5F,oBAAA;MACCkF,IAAA,EAAMA,IAAA;MACNW,UAAA,EAAYhB,kBAAA,IAAsB,CAACrE,QAAA;MACnCsE,cAAA,EAAgBA,cAAA;MAChBgB,MAAA,EAAQ3C,SAAA;MACR4C,QAAA,EAAUd,YAAA;MACVe,aAAA,EAAgBC,YAAA,iBACdL,IAAA,CAAC7F,MAAA;QACC,cAAY,GAAGa,CAAA,CAAE,gCAAgCgE,KAAA,EAAO;QACxDsB,WAAA,EAAY;QACZC,SAAA,EAAWZ,eAAA;QACXpE,QAAA,EAAUX,QAAA;QACV4F,gBAAA,EAAkBH,YAAA,EAAcG,gBAAA;QAChCC,IAAA,EAAM3F,SAAA,IAAaH,IAAA;QACnB+F,YAAA,EAAa;QACbC,MAAA,EAAQ;QACRC,OAAA,EAASP,YAAA,EAAcO,OAAA,IAAW7B,WAAA;QAClC8B,QAAA,EAAUR,YAAA,EAAcQ,QAAA;QACxBC,OAAA,EAAST,YAAA,GAAe9D,WAAA,GAAcD,SAAA;kBAErC+D,YAAA,gBAAeL,IAAA,CAAC;UAAKO,SAAA,EAAW,GAAGjG,SAAA,YAAqB;oBAAG0E;aAAgBA;;qBAIlFgB,IAAA,CAAC1C,cAAA;MACCyD,YAAA,EAAc/F,CAAA,CAAE;MAChBP,OAAA,EAASA,OAAA;MACTuG,iBAAA,EAAmBjF,iBAAA;MACnBkF,MAAA,EAAQ1C;;;AAIhB","ignoreList":[]}