@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.4804abd

package/dist/elements/ColumnSelection/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","names":["c","_c","getTranslation","fieldIsHiddenOrDisabled","fieldIsID","isFieldDisabled","React","useCallback","useId","useLayoutEffect","useMemo","useRef","useState","AlignJustifiedIcon","SearchIcon","XIcon","useEditDepth","useTranslation","Button","DraggableSortable","useDraggableSortable","Switch","baseClass","parseNestedLabel","label","includes","segments","split","length","NestedLabel","_jsx","_Fragment","map","segment","index","_jsxs","Fragment","className","ColumnItem","t0","$","id","active","labelText","onToggle","t","t1","attributes","isDragging","isOver","isSorting","listeners","setNodeRef","transform","t2","t3","t4","t5","filter","Boolean","t6","join","t7","undefined","t8","ref","style","children","size","checked","onChange","ColumnSelectionPopup","collectionSlug","columns","onClose","i18n","toggleColumn","column","col","accessor","moveColumn","fromIndex","toIndex","next","moved","splice","uuid","editDepth","searchQuery","setSearchQuery","containerRef","lockedWidth","setLockedWidth","current","offsetWidth","filteredColumns","field","columnItems","all","hidden","shown","items","i","labelWithPrefix","name","filtered","item","toLowerCase","handleDragEnd","moveFromIndex","moveToIndex","allItems","shownCount","fromItem","toItem","fromIsShown","toIsShown","allIds","containerStyle","buttonStyle","icon","onClick","e","target","value","placeholder","type","ids","onDragEnd"],"sources":["../../../src/elements/ColumnSelection/Popup.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldIsHiddenOrDisabled, fieldIsID, isFieldDisabled } from 'payload/shared'\nimport React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react'\n\nimport { AlignJustifiedIcon } from '../../icons/AlignJustified/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport { Switch } from '../Switch/index.js'\nimport './Popup.css'\n\nconst baseClass = 'column-selector'\n\n/**\n * Parses a nested field label and returns segments for rendering.\n * - For deeply nested paths (more than 3 segments), truncates to [First, \"...\", Last]\n *\n * A column label isn't guaranteed to be a string — a field can supply a React\n * element (custom `Label`) or a non-string translation object — so non-strings\n * are returned as a single segment rather than crashing on `.includes`.\n */\nfunction parseNestedLabel(label: React.ReactNode): React.ReactNode[] {\n  if (typeof label !== 'string' || !label.includes(' > ')) {\n    return [label]\n  }\n\n  const segments = label.split(' > ')\n\n  if (segments.length <= 3) {\n    return segments\n  }\n\n  // For deep nesting, show: First / ... / Last\n  return [segments[0], '...', segments[segments.length - 1]]\n}\n\ntype NestedLabelProps = {\n  readonly label: React.ReactNode\n}\n\nconst NestedLabel: React.FC<NestedLabelProps> = ({ label }) => {\n  const segments = parseNestedLabel(label)\n\n  if (segments.length === 1) {\n    return <>{segments[0]}</>\n  }\n\n  return (\n    <>\n      {segments.map((segment, index) => (\n        <React.Fragment key={index}>\n          {index > 0 && <span className={`${baseClass}__separator`}>/</span>}\n          {segment}\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n\nexport type ColumnSelectionPopupProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly columns: Column[]\n  /** Called with the next column state whenever a column is toggled or reordered. */\n  readonly onChange: (columns: Column[]) => void\n  readonly onClose?: () => void\n}\n\ntype ColumnItemProps = {\n  readonly active: boolean\n  readonly id: string\n  readonly labelText: string\n  readonly onToggle: () => void\n}\n\nconst ColumnItem: React.FC<ColumnItemProps> = ({ id, active, labelText, onToggle }) => {\n  const { t } = useTranslation()\n  const { attributes, isDragging, isOver, isSorting, listeners, setNodeRef, transform } =\n    useDraggableSortable({\n      id,\n    })\n\n  return (\n    <div\n      aria-label={labelText}\n      className={[\n        `${baseClass}__item`,\n        !active && `${baseClass}__item--inactive`,\n        isDragging && `${baseClass}__item--dragging`,\n        isOver && isSorting && !isDragging && `${baseClass}__item--over`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={setNodeRef}\n      style={{\n        // Keep item in place while dragging - don't apply transform\n        transform: isDragging ? undefined : transform,\n        ...attributes.style,\n      }}\n      {...attributes}\n    >\n      <span\n        aria-label={t('general:dragToReorder')}\n        className={`${baseClass}__drag-handle`}\n        {...listeners}\n      >\n        <AlignJustifiedIcon size={16} />\n      </span>\n      <span className={`${baseClass}__item-label`}>\n        <NestedLabel label={labelText} />\n      </span>\n      <Switch checked={active} onChange={onToggle} />\n    </div>\n  )\n}\n\nexport const ColumnSelectionPopup: React.FC<ColumnSelectionPopupProps> = ({\n  collectionSlug,\n  columns,\n  onChange,\n  onClose,\n}) => {\n  const { i18n, t } = useTranslation()\n\n  const toggleColumn = useCallback(\n    (column: string) => {\n      onChange(\n        columns.map((col) => (col.accessor === column ? { ...col, active: !col.active } : col)),\n      )\n    },\n    [columns, onChange],\n  )\n\n  const moveColumn = useCallback(\n    ({ fromIndex, toIndex }: { fromIndex: number; toIndex: number }) => {\n      const next = [...columns]\n      const [moved] = next.splice(fromIndex, 1)\n      next.splice(toIndex, 0, moved)\n      onChange(next)\n    },\n    [columns, onChange],\n  )\n\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  const [searchQuery, setSearchQuery] = useState('')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [lockedWidth, setLockedWidth] = useState<null | number>(null)\n\n  // Lock the width when search starts to prevent layout shift\n  useLayoutEffect(() => {\n    if (!containerRef.current) {\n      return\n    }\n\n    if (searchQuery && lockedWidth === null) {\n      // Capture width when search starts\n      setLockedWidth(containerRef.current.offsetWidth)\n    } else if (!searchQuery && lockedWidth !== null) {\n      // Release width lock when search is cleared\n      setLockedWidth(null)\n    }\n  }, [searchQuery, lockedWidth])\n\n  const filteredColumns = useMemo(\n    () =>\n      columns?.filter(\n        (col) =>\n          !(fieldIsHiddenOrDisabled(col.field) && !fieldIsID(col.field)) &&\n          !isFieldDisabled(col.field, 'column'),\n      ),\n    [columns],\n  )\n\n  const columnItems = useMemo(() => {\n    if (!filteredColumns) {\n      return { all: [], hidden: [], shown: [] }\n    }\n\n    const items = filteredColumns.map((col, i) => {\n      const { accessor, active, field } = col\n\n      const label =\n        'labelWithPrefix' in field && field.labelWithPrefix !== undefined\n          ? field.labelWithPrefix\n          : 'label' in field && field.label !== undefined && field.label !== false\n            ? field.label\n            : 'name' in field && field.name !== undefined\n              ? field.name\n              : accessor\n\n      const labelText =\n        typeof label === 'string' ? label : getTranslation(label as StaticLabel, i18n)\n\n      return {\n        id: `${collectionSlug}-${accessor}-${i}${editDepth ? `-${editDepth}-` : ''}${uuid}`,\n        accessor,\n        active,\n        index: i,\n        label,\n        labelText,\n      }\n    })\n\n    // Filter by search query\n    const filtered = searchQuery\n      ? items.filter((item) => item.labelText.toLowerCase().includes(searchQuery.toLowerCase()))\n      : items\n\n    return {\n      all: items,\n      hidden: filtered.filter((item) => !item.active),\n      shown: filtered.filter((item) => item.active),\n    }\n  }, [collectionSlug, editDepth, filteredColumns, i18n, searchQuery, uuid])\n\n  const handleDragEnd = useCallback(\n    ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n      if (moveFromIndex === moveToIndex) {\n        return\n      }\n\n      // All shown items first, then all hidden items\n      const allItems = [...columnItems.shown, ...columnItems.hidden]\n      const shownCount = columnItems.shown.length\n      const fromItem = allItems[moveFromIndex]\n      const toItem = allItems[moveToIndex]\n\n      if (!fromItem || !toItem) {\n        return\n      }\n\n      // Determine if crossing sections\n      const fromIsShown = moveFromIndex < shownCount\n      const toIsShown = moveToIndex < shownCount\n\n      if (fromIsShown !== toIsShown) {\n        // Cross-section move: just toggle the column's active state (show/hide)\n        void toggleColumn(fromItem.accessor)\n        // Don't reorder when crossing sections - the toggle handles the change\n        return\n      }\n\n      // Same-section move: perform the reorder\n      void moveColumn({\n        fromIndex: fromItem.index,\n        toIndex: toItem.index,\n      })\n    },\n    [columnItems.shown, columnItems.hidden, moveColumn, toggleColumn],\n  )\n\n  if (!filteredColumns) {\n    return null\n  }\n\n  // Combined IDs: shown items first, then hidden items\n  const allIds = [...columnItems.shown, ...columnItems.hidden].map((item) => item.id)\n\n  const containerStyle = lockedWidth\n    ? ({ '--column-selector-locked-width': `${lockedWidth}px` } as React.CSSProperties)\n    : undefined\n\n  return (\n    <div\n      className={baseClass}\n      data-popup-prevent-close\n      data-width-locked={lockedWidth ? 'true' : undefined}\n      ref={containerRef}\n      style={containerStyle}\n    >\n      <div className={`${baseClass}__header`}>\n        <span className={`${baseClass}__title`}>{t('general:editColumns')}</span>\n        {onClose && (\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__close`}\n            icon={<XIcon size={24} />}\n            onClick={onClose}\n          />\n        )}\n      </div>\n      <div className={`${baseClass}__search`}>\n        <div className={`${baseClass}__search-bar`}>\n          <SearchIcon size={24} />\n          <input\n            aria-label={t('general:searchColumns')}\n            className={`${baseClass}__search-input`}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={t('general:searchColumns')}\n            type=\"text\"\n            value={searchQuery}\n          />\n        </div>\n      </div>\n      <div className={`${baseClass}__content`}>\n        <DraggableSortable ids={allIds} onDragEnd={handleDragEnd}>\n          {columnItems.shown.length === 0 && columnItems.hidden.length === 0 && searchQuery && (\n            <div className={`${baseClass}__no-results`}>{t('general:noMatchesFound')}</div>\n          )}\n          {columnItems.shown.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <div className={`${baseClass}__section-header`}>{t('general:shownInTable')}</div>\n              {columnItems.shown.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          {columnItems.hidden.length > 0 && (\n            <div className={`${baseClass}__section`}>\n              <div className={`${baseClass}__section-header`}>{t('general:notShownInTable')}</div>\n              {columnItems.hidden.map((item) => (\n                <ColumnItem\n                  active={item.active}\n                  id={item.id}\n                  key={item.id}\n                  labelText={item.labelText}\n                  onToggle={() => {\n                    void toggleColumn(item.accessor)\n                  }}\n                />\n              ))}\n            </div>\n          )}\n        </DraggableSortable>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import type { Column, SanitizedCollectionConfig } from 'payload';
+import React from 'react';
+export type ColumnSelectionButtonProps = {
+    readonly collectionSlug: SanitizedCollectionConfig['slug'];
+    readonly columns: Column[];
+    /** Called with the next column state whenever a column is toggled or reordered. */
+    readonly onChange: (columns: Column[]) => void;
+};
+export declare const ColumnSelectionButton: React.FC<ColumnSelectionButtonProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColumnSelection/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAC/C,CAAA;AAID,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmCtE,CAAA"}

package/dist/elements/ColumnSelection/index.js

@@ -0,0 +1,85 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ChevronIcon } from '../../icons/Chevron/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
+import { Popup } from '../Popup/index.js';
+import { ColumnSelectionPopup } from './Popup.js';
+const baseClass = 'columns-button';
+export const ColumnSelectionButton = t0 => {
+  const $ = _c(9);
+  const {
+    collectionSlug,
+    columns,
+    onChange
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== collectionSlug || $[1] !== columns || $[2] !== onChange) {
+    t1 = t2 => {
+      const {
+        close
+      } = t2;
+      return _jsx(ColumnSelectionPopup, {
+        collectionSlug,
+        columns,
+        onChange,
+        onClose: close
+      });
+    };
+    $[0] = collectionSlug;
+    $[1] = columns;
+    $[2] = onChange;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== t) {
+    t2 = t3 => {
+      const {
+        active,
+        ...props
+      } = t3;
+      return _jsx(Button, {
+        ...props,
+        buttonStyle: "secondary",
+        className: `${baseClass}__button`,
+        icon: _jsx(ChevronIcon, {
+          direction: active ? "up" : "down",
+          size: 16
+        }),
+        selected: active,
+        size: "medium",
+        children: t("general:columns")
+      });
+    };
+    $[4] = t;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t1 || $[7] !== t2) {
+    t3 = _jsx(Popup, {
+      className: baseClass,
+      horizontalAlign: "right",
+      render: t1,
+      renderButton: t2,
+      theme: "auto",
+      verticalAlign: "bottom"
+    });
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","Button","Popup","ColumnSelectionPopup","baseClass","ColumnSelectionButton","t0","$","collectionSlug","columns","onChange","t","t1","t2","close","_jsx","onClose","t3","active","props","buttonStyle","className","icon","direction","size","children","horizontalAlign","render","verticalAlign"],"sources":["../../../src/elements/ColumnSelection/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { ColumnSelectionPopup } from './Popup.js'\n\nexport type ColumnSelectionButtonProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly columns: Column[]\n  /** Called with the next column state whenever a column is toggled or reordered. */\n  readonly onChange: (columns: Column[]) => void\n}\n\nconst baseClass = 'columns-button'\n\nexport const ColumnSelectionButton: React.FC<ColumnSelectionButtonProps> = ({\n  collectionSlug,\n  columns,\n  onChange,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      render={({ close }) => (\n        <ColumnSelectionPopup\n          collectionSlug={collectionSlug}\n          columns={columns}\n          onChange={onChange}\n          onClose={close}\n        />\n      )}\n      renderButton={({ active, ...props }) => (\n        <Button\n          {...props}\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__button`}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          selected={active}\n          size=\"medium\"\n        >\n          {t('general:columns')}\n        </Button>\n      )}\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,QAAQ;AACtB,SAASC,oBAAoB,QAAQ;AASrC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAA8DC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,cAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAJ,EAI3E;EACC;IAAAK;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAG,QAAA;IAMFE,EAAA,GAAAC,EAAA;MAAC;QAAAC;MAAA,IAAAD,EAAS;MAAA,OAChBE,IAAA,CAAAZ,oBAAA;QAAAK,cAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAM,OAAA,EAIWF;MAAA,C;;;;;;;;;;;IAGCD,EAAA,GAAAI,EAAA;MAAC;QAAAC,MAAA;QAAA,GAAAC;MAAA,IAAAF,EAAoB;MAAA,OACjCF,IAAA,CAAAd,MAAA;QAAA,GACMkB,KAAK;QAAAC,WAAA,EACG;QAAAC,SAAA,EACD,GAAAjB,SAAA,UAAsB;QAAAkB,IAAA,EAC3BP,IAAA,CAAAhB,WAAA;UAAAwB,SAAA,EAAwBL,MAAA,GAAS,OAAO;UAAAM,IAAA;QAAA,C;kBACpCN,MAAA;QAAAM,IAAA,EACL;QAAAC,QAAA,EAEJd,CAAA,CAAE;MAAA,C;;;;;;;;;IApBTM,EAAA,GAAAF,IAAA,CAAAb,KAAA;MAAAmB,SAAA,EAAAjB,SAAA;MAAAsB,eAAA,EAEkB;MAAAC,MAAA,EACRf,E;oBAQMC,E;aAYR;MAAAe,aAAA,EACQ;IAAA,C;;;;;;;SAxBhBX,E;CA2BJ","ignoreList":[]}

package/dist/elements/Combobox/index.css

@@ -13,9 +13,9 @@
   .combobox__search-wrapper {
     display: none;
     padding-top: var(--popup-padding);
-    padding-bottom: calc(var(--base) * 0.5);
-    border-bottom: 1px solid var(--border-default);
-    margin-bottom: calc(var(--base) * 0.5);
+    padding-bottom: var(--spacer-2);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    margin-bottom: var(--spacer-2);
   }
 
   .combobox__search-wrapper--no-results {
@@ -25,22 +25,22 @@
 
   .combobox__search-input {
     width: 100%;
-    background: var(--bg-default-secondary);
-    color: var(--text-default);
+    background: var(--color-bg-secondary);
+    color: var(--color-text);
     border: none;
-    border-radius: var(--radius-medium);
-    padding: calc(var(--base) * 0.25) calc(var(--base) * 0.5);
+    border-radius: var(--button-radius);
+    padding: var(--spacer-1) var(--spacer-2);
     outline: none;
     box-shadow: none;
   }
 
   .combobox__search-input::placeholder {
-    color: var(--text-default-tertiary);
+    color: var(--color-text-tertiary);
   }
 
   .combobox__search-input:focus,
   .combobox__search-input:focus-visible {
-    background: var(--bg-default-secondary-hover);
+    background: var(--color-bg-secondary-hover);
     outline: none;
     border: none;
     box-shadow: none;
@@ -48,5 +48,6 @@
 
   .combobox__entry {
     cursor: pointer;
+    display: flex;
   }
 }

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

@@ -14,6 +14,8 @@ export type ComboboxEntry = {
  * @experimental
  */
 export type ComboboxProps = {
+    /** Accessible label for the list of entries */
+    'aria-label'?: string;
     entries: ComboboxEntry[];
     /** Minimum number of entries required to show search */
     minEntriesForSearch?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Combobox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,aAAa,CAAA;AAIpB;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAA;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoG5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Combobox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,aAAa,CAAA;AAIpB;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAA;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuG5C,CAAA"}

package/dist/elements/Combobox/index.js

@@ -13,6 +13,7 @@ const baseClass = 'combobox';
  */
 export const Combobox = props => {
   const {
+    'aria-label': ariaLabel,
     entries,
     minEntriesForSearch = 8,
     onSelect,
@@ -68,27 +69,31 @@ export const Combobox = props => {
           value: searchValue
         })
       }), /*#__PURE__*/_jsx(PopupList.ButtonGroup, {
-        children: filteredEntries.map((entry_0, index) => {
-          const handleClick = () => {
-            if (onSelect) {
-              onSelect(entry_0);
-            }
-            close();
-          };
-          return /*#__PURE__*/_jsx("div", {
-            className: `${baseClass}__entry`,
-            "data-popup-prevent-close": true,
-            onClick: handleClick,
-            onKeyDown: e_0 => {
-              if (e_0.key === 'Enter' || e_0.key === ' ') {
-                e_0.preventDefault();
-                handleClick();
+        children: /*#__PURE__*/_jsx("div", {
+          "aria-label": ariaLabel,
+          role: "menu",
+          children: filteredEntries.map((entry_0, index) => {
+            const handleClick = () => {
+              if (onSelect) {
+                onSelect(entry_0);
               }
-            },
-            role: "menuitem",
-            tabIndex: 0,
-            children: entry_0.Component
-          }, `${entry_0.name}-${index}`);
+              close();
+            };
+            return /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__entry`,
+              "data-popup-prevent-close": true,
+              onClick: handleClick,
+              onKeyDown: e_0 => {
+                if (e_0.key === 'Enter' || e_0.key === ' ') {
+                  e_0.preventDefault();
+                  handleClick();
+                }
+              },
+              role: "menuitem",
+              tabIndex: 0,
+              children: entry_0.Component
+            }, `${entry_0.name}-${index}`);
+          })
         })
       })]
     })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","_jsx","className","render","close","_jsxs","onChange","e","target","value","placeholder","ref","type","ButtonGroup","map","index","handleClick","onClick","onKeyDown","key","preventDefault","role","tabIndex","Component"],"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            {filteredEntries.map((entry, index) => {\n              const handleClick = () => {\n                if (onSelect) {\n                  onSelect(entry)\n                }\n                close()\n              }\n\n              return (\n                <div\n                  className={`${baseClass}__entry`}\n                  data-popup-prevent-close\n                  key={`${entry.name}-${index}`}\n                  onClick={handleClick}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      handleClick()\n                    }\n                  }}\n                  role=\"menuitem\"\n                  tabIndex={0}\n                >\n                  {entry.Component}\n                </div>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","ariaLabel","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","_jsx","className","render","close","_jsxs","onChange","e","target","value","placeholder","ref","type","ButtonGroup","role","map","index","handleClick","onClick","onKeyDown","key","preventDefault","tabIndex","Component"],"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  /** Accessible label for the list of entries */\n  'aria-label'?: string\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    'aria-label': ariaLabel,\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            <div aria-label={ariaLabel} role=\"menu\">\n              {filteredEntries.map((entry, index) => {\n                const handleClick = () => {\n                  if (onSelect) {\n                    onSelect(entry)\n                  }\n                  close()\n                }\n\n                return (\n                  <div\n                    className={`${baseClass}__entry`}\n                    data-popup-prevent-close\n                    key={`${entry.name}-${index}`}\n                    onClick={handleClick}\n                    onKeyDown={(e) => {\n                      if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault()\n                        handleClick()\n                      }\n                    }}\n                    role=\"menuitem\"\n                    tabIndex={0}\n                  >\n                    {entry.Component}\n                  </div>\n                )\n              })}\n            </div>\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/CommandPalette/buildActions.d.ts

@@ -0,0 +1,21 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientCollectionConfig, ClientGlobalConfig, SanitizedPermissions, VisibleEntities } from 'payload';
+import type { CommandPaletteGroup } from './types.js';
+type BuildActionsArgs = {
+    adminRoute: string;
+    collections: ClientCollectionConfig[];
+    globals: ClientGlobalConfig[];
+    i18n: I18nClient;
+    permissions: SanitizedPermissions;
+    visibleEntities: VisibleEntities;
+};
+/**
+ * Derives the grouped command-palette action list from the client config and the
+ * current user's permissions. Respects entity visibility (parity with the nav) —
+ * entities hidden via `admin.hidden` are excluded when `visibleEntities` is provided.
+ * Phase 1 produces navigate + create actions for collections and navigate actions for
+ * globals; custom action providers will be merged here in a later phase.
+ */
+export declare function buildActions({ adminRoute, collections, globals, i18n, permissions, visibleEntities, }: BuildActionsArgs): CommandPaletteGroup[];
+export {};
+//# sourceMappingURL=buildActions.d.ts.map

package/dist/elements/CommandPalette/buildActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildActions.d.ts","sourceRoot":"","sources":["../../../src/elements/CommandPalette/buildActions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAA;AAKhB,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAI3E,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,sBAAsB,EAAE,CAAA;IACrC,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,EAAE,oBAAoB,CAAA;IACjC,eAAe,EAAE,eAAe,CAAA;CACjC,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,WAAW,EACX,OAAO,EACP,IAAI,EACJ,WAAW,EACX,eAAe,GAChB,EAAE,gBAAgB,GAAG,mBAAmB,EAAE,CAmD1C"}

package/dist/elements/CommandPalette/buildActions.js

@@ -0,0 +1,65 @@
+import { getTranslation } from '@payloadcms/translations';
+import { formatAdminURL } from 'payload/shared';
+import { isNavEntityVisible } from '../../utilities/isNavEntityVisible.js';
+/**
+ * Derives the grouped command-palette action list from the client config and the
+ * current user's permissions. Respects entity visibility (parity with the nav) —
+ * entities hidden via `admin.hidden` are excluded when `visibleEntities` is provided.
+ * Phase 1 produces navigate + create actions for collections and navigate actions for
+ * globals; custom action providers will be merged here in a later phase.
+ */
+export function buildActions({
+  adminRoute,
+  collections,
+  globals,
+  i18n,
+  permissions,
+  visibleEntities
+}) {
+  const collectionActions = collections.filter(entity => isNavEntityVisible({
+    adminGroup: entity.admin.group,
+    entityPermissions: permissions?.collections?.[entity.slug]
+  }) && (!visibleEntities?.collections || visibleEntities.collections.includes(entity.slug))).map(entity => {
+    const canCreate = Boolean(permissions?.collections?.[entity.slug]?.create);
+    return {
+      id: `collection-${entity.slug}`,
+      type: 'collection',
+      createHref: canCreate ? formatAdminURL({
+        adminRoute,
+        path: `/collections/${entity.slug}/create`
+      }) : undefined,
+      href: formatAdminURL({
+        adminRoute,
+        path: `/collections/${entity.slug}`
+      }),
+      label: getTranslation(entity.labels.plural, i18n)
+    };
+  });
+  const globalActions = globals.filter(entity => isNavEntityVisible({
+    adminGroup: entity.admin.group,
+    entityPermissions: permissions?.globals?.[entity.slug]
+  }) && (!visibleEntities?.globals || visibleEntities.globals.includes(entity.slug))).map(entity => ({
+    id: `global-${entity.slug}`,
+    type: 'global',
+    href: formatAdminURL({
+      adminRoute,
+      path: `/globals/${entity.slug}`
+    }),
+    label: getTranslation(entity.label, i18n)
+  }));
+  const groups = [];
+  if (collectionActions.length > 0) {
+    groups.push({
+      actions: collectionActions,
+      label: i18n.t('general:collections')
+    });
+  }
+  if (globalActions.length > 0) {
+    groups.push({
+      actions: globalActions,
+      label: i18n.t('general:globals')
+    });
+  }
+  return groups;
+}
+//# sourceMappingURL=buildActions.js.map

package/dist/elements/CommandPalette/buildActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildActions.js","names":["getTranslation","formatAdminURL","isNavEntityVisible","buildActions","adminRoute","collections","globals","i18n","permissions","visibleEntities","collectionActions","filter","entity","adminGroup","admin","group","entityPermissions","slug","includes","map","canCreate","Boolean","create","id","type","createHref","path","undefined","href","label","labels","plural","globalActions","groups","length","push","actions","t"],"sources":["../../../src/elements/CommandPalette/buildActions.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  SanitizedPermissions,\n  VisibleEntities,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\n\nimport type { CommandPaletteAction, CommandPaletteGroup } from './types.js'\n\nimport { isNavEntityVisible } from '../../utilities/isNavEntityVisible.js'\n\ntype BuildActionsArgs = {\n  adminRoute: string\n  collections: ClientCollectionConfig[]\n  globals: ClientGlobalConfig[]\n  i18n: I18nClient\n  permissions: SanitizedPermissions\n  visibleEntities: VisibleEntities\n}\n\n/**\n * Derives the grouped command-palette action list from the client config and the\n * current user's permissions. Respects entity visibility (parity with the nav) —\n * entities hidden via `admin.hidden` are excluded when `visibleEntities` is provided.\n * Phase 1 produces navigate + create actions for collections and navigate actions for\n * globals; custom action providers will be merged here in a later phase.\n */\nexport function buildActions({\n  adminRoute,\n  collections,\n  globals,\n  i18n,\n  permissions,\n  visibleEntities,\n}: BuildActionsArgs): CommandPaletteGroup[] {\n  const collectionActions: CommandPaletteAction[] = collections\n    .filter(\n      (entity) =>\n        isNavEntityVisible({\n          adminGroup: entity.admin.group,\n          entityPermissions: permissions?.collections?.[entity.slug],\n        }) &&\n        (!visibleEntities?.collections || visibleEntities.collections.includes(entity.slug)),\n    )\n    .map((entity) => {\n      const canCreate = Boolean(permissions?.collections?.[entity.slug]?.create)\n\n      return {\n        id: `collection-${entity.slug}`,\n        type: 'collection' as const,\n        createHref: canCreate\n          ? formatAdminURL({ adminRoute, path: `/collections/${entity.slug}/create` })\n          : undefined,\n        href: formatAdminURL({ adminRoute, path: `/collections/${entity.slug}` }),\n        label: getTranslation(entity.labels.plural, i18n),\n      }\n    })\n\n  const globalActions: CommandPaletteAction[] = globals\n    .filter(\n      (entity) =>\n        isNavEntityVisible({\n          adminGroup: entity.admin.group,\n          entityPermissions: permissions?.globals?.[entity.slug],\n        }) &&\n        (!visibleEntities?.globals || visibleEntities.globals.includes(entity.slug)),\n    )\n    .map((entity) => ({\n      id: `global-${entity.slug}`,\n      type: 'global' as const,\n      href: formatAdminURL({ adminRoute, path: `/globals/${entity.slug}` }),\n      label: getTranslation(entity.label, i18n),\n    }))\n\n  const groups: CommandPaletteGroup[] = []\n\n  if (collectionActions.length > 0) {\n    groups.push({ actions: collectionActions, label: i18n.t('general:collections') })\n  }\n\n  if (globalActions.length > 0) {\n    groups.push({ actions: globalActions, label: i18n.t('general:globals') })\n  }\n\n  return groups\n}\n"],"mappings":"AAQA,SAASA,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAI/B,SAASC,kBAAkB,QAAQ;AAWnC;;;;;;;AAOA,OAAO,SAASC,aAAa;EAC3BC,UAAU;EACVC,WAAW;EACXC,OAAO;EACPC,IAAI;EACJC,WAAW;EACXC;AAAe,CACE;EACjB,MAAMC,iBAAA,GAA4CL,WAAA,CAC/CM,MAAM,CACJC,MAAA,IACCV,kBAAA,CAAmB;IACjBW,UAAA,EAAYD,MAAA,CAAOE,KAAK,CAACC,KAAK;IAC9BC,iBAAA,EAAmBR,WAAA,EAAaH,WAAA,GAAcO,MAAA,CAAOK,IAAI;EAC3D,OACC,CAACR,eAAA,EAAiBJ,WAAA,IAAeI,eAAA,CAAgBJ,WAAW,CAACa,QAAQ,CAACN,MAAA,CAAOK,IAAI,IAErFE,GAAG,CAAEP,MAAA;IACJ,MAAMQ,SAAA,GAAYC,OAAA,CAAQb,WAAA,EAAaH,WAAA,GAAcO,MAAA,CAAOK,IAAI,CAAC,EAAEK,MAAA;IAEnE,OAAO;MACLC,EAAA,EAAI,cAAcX,MAAA,CAAOK,IAAI,EAAE;MAC/BO,IAAA,EAAM;MACNC,UAAA,EAAYL,SAAA,GACRnB,cAAA,CAAe;QAAEG,UAAA;QAAYsB,IAAA,EAAM,gBAAgBd,MAAA,CAAOK,IAAI;MAAU,KACxEU,SAAA;MACJC,IAAA,EAAM3B,cAAA,CAAe;QAAEG,UAAA;QAAYsB,IAAA,EAAM,gBAAgBd,MAAA,CAAOK,IAAI;MAAG;MACvEY,KAAA,EAAO7B,cAAA,CAAeY,MAAA,CAAOkB,MAAM,CAACC,MAAM,EAAExB,IAAA;IAC9C;EACF;EAEF,MAAMyB,aAAA,GAAwC1B,OAAA,CAC3CK,MAAM,CACJC,MAAA,IACCV,kBAAA,CAAmB;IACjBW,UAAA,EAAYD,MAAA,CAAOE,KAAK,CAACC,KAAK;IAC9BC,iBAAA,EAAmBR,WAAA,EAAaF,OAAA,GAAUM,MAAA,CAAOK,IAAI;EACvD,OACC,CAACR,eAAA,EAAiBH,OAAA,IAAWG,eAAA,CAAgBH,OAAO,CAACY,QAAQ,CAACN,MAAA,CAAOK,IAAI,IAE7EE,GAAG,CAAEP,MAAA,KAAY;IAChBW,EAAA,EAAI,UAAUX,MAAA,CAAOK,IAAI,EAAE;IAC3BO,IAAA,EAAM;IACNI,IAAA,EAAM3B,cAAA,CAAe;MAAEG,UAAA;MAAYsB,IAAA,EAAM,YAAYd,MAAA,CAAOK,IAAI;IAAG;IACnEY,KAAA,EAAO7B,cAAA,CAAeY,MAAA,CAAOiB,KAAK,EAAEtB,IAAA;EACtC;EAEF,MAAM0B,MAAA,GAAgC,EAAE;EAExC,IAAIvB,iBAAA,CAAkBwB,MAAM,GAAG,GAAG;IAChCD,MAAA,CAAOE,IAAI,CAAC;MAAEC,OAAA,EAAS1B,iBAAA;MAAmBmB,KAAA,EAAOtB,IAAA,CAAK8B,CAAC,CAAC;IAAuB;EACjF;EAEA,IAAIL,aAAA,CAAcE,MAAM,GAAG,GAAG;IAC5BD,MAAA,CAAOE,IAAI,CAAC;MAAEC,OAAA,EAASJ,aAAA;MAAeH,KAAA,EAAOtB,IAAA,CAAK8B,CAAC,CAAC;IAAmB;EACzE;EAEA,OAAOJ,MAAA;AACT","ignoreList":[]}

package/dist/elements/CommandPalette/buildActions.spec.js

@@ -0,0 +1,158 @@
+import { describe, expect, it } from 'vitest';
+import { buildActions } from './buildActions.js';
+import { filterActions } from './filterActions.js';
+// getTranslation returns string labels as-is, and i18n.t echoes the key — enough for these tests.
+const i18n = {
+  language: 'en',
+  t: key => key,
+  translations: {}
+};
+const makeCollection = slug => ({
+  admin: {},
+  labels: {
+    plural: slug,
+    singular: slug
+  },
+  slug
+});
+const makeGlobal = slug => ({
+  admin: {},
+  label: slug,
+  slug
+});
+const args = (permissions, visibleEntities = {
+  collections: ['posts', 'pages', 'media'],
+  globals: ['settings']
+}) => ({
+  adminRoute: '/admin',
+  collections: [makeCollection('posts'), makeCollection('pages'), makeCollection('media')],
+  globals: [makeGlobal('settings')],
+  i18n,
+  permissions,
+  visibleEntities
+});
+describe('buildActions', () => {
+  it('includes only readable entities and adds createHref only with create permission', () => {
+    const groups = buildActions(args({
+      collections: {
+        media: {
+          read: true
+        },
+        pages: {
+          create: true,
+          read: true
+        },
+        posts: {
+          read: true
+        }
+      },
+      globals: {
+        settings: {
+          read: true
+        }
+      }
+    }));
+    expect(groups.map(g => g.label)).toEqual(['general:collections', 'general:globals']);
+    const collections = groups[0].actions;
+    expect(collections.map(a => a.id)).toEqual(['collection-posts', 'collection-pages', 'collection-media']);
+    expect(collections.find(a => a.id === 'collection-pages')?.createHref).toBe('/admin/collections/pages/create');
+    expect(collections.find(a => a.id === 'collection-posts')?.createHref).toBeUndefined();
+    const globals = groups[1].actions;
+    expect(globals[0]).toMatchObject({
+      href: '/admin/globals/settings',
+      id: 'global-settings'
+    });
+    expect(globals[0].createHref).toBeUndefined();
+  });
+  it('omits entities without read permission and omits empty groups', () => {
+    const groups = buildActions(args({
+      collections: {
+        posts: {
+          read: true
+        }
+      }
+    }));
+    expect(groups).toHaveLength(1);
+    expect(groups[0].actions.map(a => a.id)).toEqual(['collection-posts']);
+  });
+  it('excludes entities with admin.group === false', () => {
+    const hidden = {
+      admin: {
+        group: false
+      },
+      labels: {
+        plural: 'secret',
+        singular: 'secret'
+      },
+      slug: 'secret'
+    };
+    const groups = buildActions({
+      adminRoute: '/admin',
+      collections: [hidden],
+      globals: [],
+      i18n,
+      permissions: {
+        collections: {
+          secret: {
+            read: true
+          }
+        }
+      },
+      visibleEntities: {
+        collections: ['secret'],
+        globals: []
+      }
+    });
+    expect(groups).toHaveLength(0);
+  });
+  it('excludes entities not in visibleEntities even when read permission is granted', () => {
+    const groups = buildActions(args({
+      collections: {
+        posts: {
+          read: true
+        },
+        pages: {
+          read: true
+        }
+      },
+      globals: {
+        settings: {
+          read: true
+        }
+      }
+    }, {
+      collections: [],
+      globals: []
+    }));
+    expect(groups).toHaveLength(0);
+  });
+});
+describe('filterActions', () => {
+  const groups = buildActions(args({
+    collections: {
+      media: {
+        read: true
+      },
+      pages: {
+        read: true
+      },
+      posts: {
+        read: true
+      }
+    },
+    globals: {
+      settings: {
+        read: true
+      }
+    }
+  }));
+  it('returns groups unchanged for an empty query', () => {
+    expect(filterActions(groups, '')).toEqual(groups);
+  });
+  it('filters non-matches and removes emptied groups', () => {
+    const filtered = filterActions(groups, 'pa');
+    expect(filtered).toHaveLength(1);
+    expect(filtered[0].actions.map(a => a.id)).toEqual(['collection-pages']);
+  });
+});
+//# sourceMappingURL=buildActions.spec.js.map

package/dist/elements/CommandPalette/buildActions.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildActions.spec.js","names":["describe","expect","it","buildActions","filterActions","i18n","language","t","key","translations","makeCollection","slug","admin","labels","plural","singular","makeGlobal","label","args","permissions","visibleEntities","collections","globals","adminRoute","groups","media","read","pages","create","posts","settings","map","g","toEqual","actions","a","id","find","createHref","toBe","toBeUndefined","toMatchObject","href","toHaveLength","hidden","group","secret","filtered"],"sources":["../../../src/elements/CommandPalette/buildActions.spec.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  SanitizedPermissions,\n  VisibleEntities,\n} from 'payload'\n\nimport { describe, expect, it } from 'vitest'\n\nimport { buildActions } from './buildActions.js'\nimport { filterActions } from './filterActions.js'\n\n// getTranslation returns string labels as-is, and i18n.t echoes the key — enough for these tests.\nconst i18n = { language: 'en', t: (key: string) => key, translations: {} } as unknown as I18nClient\n\nconst makeCollection = (slug: string) =>\n  ({\n    admin: {},\n    labels: { plural: slug, singular: slug },\n    slug,\n  }) as unknown as ClientCollectionConfig\n\nconst makeGlobal = (slug: string) =>\n  ({ admin: {}, label: slug, slug }) as unknown as ClientGlobalConfig\n\nconst args = (\n  permissions: SanitizedPermissions,\n  visibleEntities: VisibleEntities = {\n    collections: ['posts', 'pages', 'media'],\n    globals: ['settings'],\n  },\n) => ({\n  adminRoute: '/admin',\n  collections: [makeCollection('posts'), makeCollection('pages'), makeCollection('media')],\n  globals: [makeGlobal('settings')],\n  i18n,\n  permissions,\n  visibleEntities,\n})\n\ndescribe('buildActions', () => {\n  it('includes only readable entities and adds createHref only with create permission', () => {\n    const groups = buildActions(\n      args({\n        collections: {\n          media: { read: true },\n          pages: { create: true, read: true },\n          posts: { read: true },\n        },\n        globals: { settings: { read: true } },\n      } as unknown as SanitizedPermissions),\n    )\n\n    expect(groups.map((g) => g.label)).toEqual(['general:collections', 'general:globals'])\n\n    const collections = groups[0].actions\n    expect(collections.map((a) => a.id)).toEqual([\n      'collection-posts',\n      'collection-pages',\n      'collection-media',\n    ])\n    expect(collections.find((a) => a.id === 'collection-pages')?.createHref).toBe(\n      '/admin/collections/pages/create',\n    )\n    expect(collections.find((a) => a.id === 'collection-posts')?.createHref).toBeUndefined()\n\n    const globals = groups[1].actions\n    expect(globals[0]).toMatchObject({ href: '/admin/globals/settings', id: 'global-settings' })\n    expect(globals[0].createHref).toBeUndefined()\n  })\n\n  it('omits entities without read permission and omits empty groups', () => {\n    const groups = buildActions(\n      args({ collections: { posts: { read: true } } } as unknown as SanitizedPermissions),\n    )\n    expect(groups).toHaveLength(1)\n    expect(groups[0].actions.map((a) => a.id)).toEqual(['collection-posts'])\n  })\n\n  it('excludes entities with admin.group === false', () => {\n    const hidden = {\n      admin: { group: false },\n      labels: { plural: 'secret', singular: 'secret' },\n      slug: 'secret',\n    } as unknown as ClientCollectionConfig\n    const groups = buildActions({\n      adminRoute: '/admin',\n      collections: [hidden],\n      globals: [],\n      i18n,\n      permissions: { collections: { secret: { read: true } } } as unknown as SanitizedPermissions,\n      visibleEntities: { collections: ['secret'], globals: [] },\n    })\n    expect(groups).toHaveLength(0)\n  })\n\n  it('excludes entities not in visibleEntities even when read permission is granted', () => {\n    const groups = buildActions(\n      args(\n        {\n          collections: { posts: { read: true }, pages: { read: true } },\n          globals: { settings: { read: true } },\n        } as unknown as SanitizedPermissions,\n        { collections: [], globals: [] },\n      ),\n    )\n    expect(groups).toHaveLength(0)\n  })\n})\n\ndescribe('filterActions', () => {\n  const groups = buildActions(\n    args({\n      collections: { media: { read: true }, pages: { read: true }, posts: { read: true } },\n      globals: { settings: { read: true } },\n    } as unknown as SanitizedPermissions),\n  )\n\n  it('returns groups unchanged for an empty query', () => {\n    expect(filterActions(groups, '')).toEqual(groups)\n  })\n\n  it('filters non-matches and removes emptied groups', () => {\n    const filtered = filterActions(groups, 'pa')\n    expect(filtered).toHaveLength(1)\n    expect(filtered[0].actions.map((a) => a.id)).toEqual(['collection-pages'])\n  })\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/CommandPalette/filterActions.d.ts

@@ -0,0 +1,8 @@
+import type { CommandPaletteGroup } from './types.js';
+/**
+ * Fuzzy-filters each group's actions against the query, ranks survivors by score
+ * (descending), and removes groups left with no matches. An empty query returns
+ * the groups unchanged.
+ */
+export declare function filterActions(groups: CommandPaletteGroup[], query: string): CommandPaletteGroup[];
+//# sourceMappingURL=filterActions.d.ts.map

package/dist/elements/CommandPalette/filterActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterActions.d.ts","sourceRoot":"","sources":["../../../src/elements/CommandPalette/filterActions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAI3E;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,mBAAmB,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,mBAAmB,EAAE,CAqBjG"}