@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

package/dist/elements/InputStepper/index.css

@@ -20,7 +20,6 @@
       background: transparent;
       color: var(--color-icon-secondary);
       cursor: pointer;
-      transition: color 100ms;
 
       &:hover:not(:disabled) {
         color: var(--color-icon);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","baseClass","InputStepper","t0","$","disabled","onDecrement","onIncrement","t","t1","_jsxs","className","children","_jsx","onClick","tabIndex","type","direction","size"],"sources":["../../../src/elements/InputStepper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'input-stepper'\n\nexport type InputStepperProps = {\n  readonly disabled?: boolean\n  readonly onDecrement: () => void\n  readonly onIncrement: () => void\n}\n\nexport const InputStepper: React.FC<InputStepperProps> = ({\n  disabled,\n  onDecrement,\n  onIncrement,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <button\n        aria-label={t('general:increment')}\n        disabled={disabled}\n        onClick={onIncrement}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <ChevronIcon direction=\"up\" size={16} />\n      </button>\n      <button\n        aria-label={t('general:decrement')}\n        disabled={disabled}\n        onClick={onDecrement}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <ChevronIcon direction=\"down\" size={16} />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAIzD;EACC;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAV,SAAA;MAAAW,QAAA,GACCC,IAAA,CAAC;QAAA,cACaL,CAAA,CAAE;QAAAH,QAAA;QAAAS,OAAA,EAELP,WAAA;QAAAQ,QAAA;QAAAC,IAAA,EAEJ;QAAAJ,QAAA,EAELC,IAAA,CAAAd,WAAA;UAAAkB,SAAA,EAAuB;UAAAC,IAAA;QAAA,C;UAEzBL,IAAA,CAAC;QAAA,cACaL,CAAA,CAAE;QAAAH,QAAA;QAAAS,OAAA,EAELR,WAAA;QAAAS,QAAA;QAAAC,IAAA,EAEJ;QAAAJ,QAAA,EAELC,IAAA,CAAAd,WAAA;UAAAkB,SAAA,EAAuB;UAAAC,IAAA;QAAA,C;;;;;;;;;;;SAjB3BT,E;CAqBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","useTranslation","baseClass","InputStepper","t0","$","disabled","onDecrement","onIncrement","t","t1","_jsxs","className","children","_jsx","onClick","tabIndex","type","direction","size"],"sources":["../../../src/elements/InputStepper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'input-stepper'\n\nexport type InputStepperProps = {\n  readonly disabled?: boolean\n  readonly onDecrement: () => void\n  readonly onIncrement: () => void\n}\n\nexport const InputStepper: React.FC<InputStepperProps> = ({\n  disabled,\n  onDecrement,\n  onIncrement,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <button\n        aria-label={t('general:increment')}\n        disabled={disabled}\n        onClick={onIncrement}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <ChevronIcon direction=\"up\" size={16} />\n      </button>\n      <button\n        aria-label={t('general:decrement')}\n        disabled={disabled}\n        onClick={onDecrement}\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <ChevronIcon direction=\"down\" size={16} />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAIzD;EACC;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAeV,SAAA;MAAAW,QAAA,E,CACdC,IAAA,CAAC;QAAA,cACaL,CAAA,CAAE;QAAAH,QAAA;QAAAS,OAAA,EAELP,WAAA;QAAAQ,QAAA,EACC,EAAC;QAAAC,IAAA,EACN;QAAAJ,QAAA,EAELC,IAAA,CAACd,WAAA;UAAAkB,SAAA,EAAsB;UAAAC,IAAA,EAAW;;UAEpCL,IAAA,CAAC;QAAA,cACaL,CAAA,CAAE;QAAAH,QAAA;QAAAS,OAAA,EAELR,WAAA;QAAAS,QAAA,EACC,EAAC;QAAAC,IAAA,EACN;QAAAJ,QAAA,EAELC,IAAA,CAACd,WAAA;UAAAkB,SAAA,EAAsB;UAAAC,IAAA,EAAa;;;;;;;;;;;;SAjBxCT,E;CAqBJ","ignoreList":[]}

package/dist/elements/ItemsDrawer/ItemSearch/index.css

@@ -19,7 +19,6 @@
   }
 
   .item-search__input {
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/elements/ItemsDrawer/ItemSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useId","SearchIcon","baseClass","ItemSearch","t0","$","placeholder","setSearchTerm","inputId","labelId","t1","e","target","value","handleChange","t2","_jsxs","className","children","_jsx","htmlFor","id","onChange","type"],"sources":["../../../../src/elements/ItemsDrawer/ItemSearch/index.tsx"],"sourcesContent":["'use client'\nimport React, { useId } from 'react'\n\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport './index.css'\n\nconst baseClass = 'item-search'\n\nexport type Props = {\n  readonly placeholder?: string\n  readonly setSearchTerm: (term: string) => void\n}\n\nexport const ItemSearch: React.FC<Props> = ({ placeholder, setSearchTerm }) => {\n  const inputId = useId()\n  const labelId = `${inputId}-label`\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <label className=\"sr-only\" htmlFor={inputId} id={labelId}>\n        {placeholder}\n      </label>\n      <SearchIcon />\n      <input\n        aria-labelledby={labelId}\n        className={`${baseClass}__input`}\n        id={inputId}\n        onChange={handleChange}\n        placeholder={placeholder}\n        type=\"text\"\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,WAAA;IAAAC;EAAA,IAAAH,EAA8B;EACxE,MAAAI,OAAA,GAAgBR,KAAA;EAChB,MAAAS,OAAA,GAAgB,GAAGD,OAAA,QAAe;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAE,aAAA;IAEbG,EAAA,GAAAC,CAAA;MACnBJ,aAAA,CAAcI,CAAA,CAAAC,MAAA,CAAAC,KAAc;IAAA;IAC9BR,CAAA,MAAAE,aAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAFA,MAAAS,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAC,WAAA;IAGES,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAf,SAAA;MAAAgB,QAAA,GACCC,IAAA,CAAC;QAAAF,SAAA,EAAgB;QAAAG,OAAA,EAAmBZ,OAAA;QAAAa,EAAA,EAAaZ,OAAA;QAAAS,QAAA,EAC9CZ;MAAA,C,GAEHa,IAAA,CAAAlB,UAAA,IAAC,GACDkB,IAAA,CAAC;QAAA,mBACkBV,OAAA;QAAAQ,SAAA,EACN,GAAAf,SAAA,SAAqB;QAAAmB,EAAA,EAC5Bb,OAAA;QAAAc,QAAA,EACMR,YAAA;QAAAR,WAAA;QAAAiB,IAAA,EAEL;MAAA,C;;;;;;;;;;SAXTR,E;CAeJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useId","SearchIcon","baseClass","ItemSearch","t0","$","placeholder","setSearchTerm","inputId","labelId","t1","e","target","value","handleChange","t2","_jsxs","className","children","_jsx","htmlFor","id","onChange","type"],"sources":["../../../../src/elements/ItemsDrawer/ItemSearch/index.tsx"],"sourcesContent":["'use client'\nimport React, { useId } from 'react'\n\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport './index.css'\n\nconst baseClass = 'item-search'\n\nexport type Props = {\n  readonly placeholder?: string\n  readonly setSearchTerm: (term: string) => void\n}\n\nexport const ItemSearch: React.FC<Props> = ({ placeholder, setSearchTerm }) => {\n  const inputId = useId()\n  const labelId = `${inputId}-label`\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <label className=\"sr-only\" htmlFor={inputId} id={labelId}>\n        {placeholder}\n      </label>\n      <SearchIcon />\n      <input\n        aria-labelledby={labelId}\n        className={`${baseClass}__input`}\n        id={inputId}\n        onChange={handleChange}\n        placeholder={placeholder}\n        type=\"text\"\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,WAAA;IAAAC;EAAA,IAAAH,EAA8B;EACxE,MAAAI,OAAA,GAAgBR,KAAA;EAChB,MAAAS,OAAA,GAAgB,GAAGD,OAAA,QAAe;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAE,aAAA;IAEbG,EAAA,GAAAC,CAAA;MACnBJ,aAAA,CAAcI,CAAA,CAAAC,MAAQ,CAAAC,KAAM;IAAA,CAC9B;IAAAR,CAAA,MAAAE,aAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAFA,MAAAS,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAS,YAAA,IAAAT,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAC,WAAA;IAGES,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAef,SAAA;MAAAgB,QAAA,E,CACdC,IAAA,CAAC;QAAAF,SAAA,EAAgB;QAAAG,OAAA,EAAmBZ,OAAA;QAAAa,EAAA,EAAaZ,OAAA;QAAAS,QAAA,EAC9CZ;UAEHa,IAAA,CAAClB,UAAA,OACDkB,IAAA,CAAC;QAAA,mBACkBV,OAAA;QAAAQ,SAAA,EACN,GAAGf,SAAA,SAAkB;QAAAmB,EAAA,EAC5Bb,OAAA;QAAAc,QAAA,EACMR,YAAA;QAAAR,WAAA;QAAAiB,IAAA,EAEL;;;;;;;;;;;SAXTR,E;CAeJ","ignoreList":[]}

package/dist/elements/ItemsDrawer/index.css

@@ -54,12 +54,14 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1440px) {
     .items-drawer__items {
       grid-template-columns: repeat(5, 1fr);
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .items-drawer__items-wrapper {
       padding-top: var(--spacer-2-5);
@@ -78,6 +80,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .items-drawer__items-wrapper {
       padding-top: var(--spacer-2-5);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ItemsDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAKhE,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,OAAO,aAAa,CAAA;AAGpB,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,YAAY,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AA0ED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmIlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ItemsDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAKhE,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,OAAO,aAAa,CAAA;AAGpB,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,YAAY,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AA0ED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyJlD,CAAA"}

package/dist/elements/ItemsDrawer/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -78,6 +79,7 @@ const getItemDisplayLabel = (item, i18n) => {
   return toWords(item.slug);
 };
 export const ItemsDrawer = props => {
+  const $ = _c(35);
   const {
     addRowIndex,
     drawerSlug,
@@ -87,7 +89,8 @@ export const ItemsDrawer = props => {
     searchPlaceholder,
     title
   } = props;
-  const [searchTerm, setSearchTerm] = useState('');
+  const [searchTerm, setSearchTerm] = useState("");
+  const [resultsAnnouncement, setResultsAnnouncement] = useState("");
   const [filteredItems, setFilteredItems] = useState(items);
   const {
     closeModal,
@@ -100,14 +103,55 @@ export const ItemsDrawer = props => {
   const {
     config
   } = useConfig();
-  const itemGroups = useMemo(() => {
-    const groups = {
+  let t0;
+  if ($[0] !== drawerSlug || $[1] !== isModalOpen) {
+    t0 = isModalOpen(drawerSlug);
+    $[0] = drawerSlug;
+    $[1] = isModalOpen;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const isOpen = t0;
+  let t1;
+  let t2;
+  if ($[3] !== filteredItems.length || $[4] !== isOpen || $[5] !== searchTerm || $[6] !== t) {
+    t1 = () => {
+      if (!isOpen) {
+        setResultsAnnouncement("");
+        return;
+      }
+      const timeout = setTimeout(() => {
+        setResultsAnnouncement(searchTerm ? t("general:searchResults", {
+          count: filteredItems.length,
+          search: searchTerm
+        }) : t("hierarchy:searchResults", {
+          count: filteredItems.length
+        }));
+      }, 300);
+      return () => clearTimeout(timeout);
+    };
+    t2 = [filteredItems.length, isOpen, searchTerm, t];
+    $[3] = filteredItems.length;
+    $[4] = isOpen;
+    $[5] = searchTerm;
+    $[6] = t;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  useEffect(t1, t2);
+  let groups;
+  if ($[9] !== filteredItems || $[10] !== i18n) {
+    groups = {
       _none: []
     };
     filteredItems.forEach(item => {
-      if (typeof item === 'object' && 'admin' in item && item.admin?.group) {
+      if (typeof item === "object" && "admin" in item && item.admin?.group) {
         const group = item.admin.group;
-        const label = typeof group === 'string' ? group : getTranslation(group, i18n);
+        const label = typeof group === "string" ? group : getTranslation(group, i18n);
         if (Object.hasOwn(groups, label)) {
           groups[label].push(item);
         } else {
@@ -117,86 +161,145 @@ export const ItemsDrawer = props => {
         groups._none.push(item);
       }
     });
-    return groups;
-  }, [filteredItems, i18n]);
-  useEffect(() => {
-    if (!isModalOpen(drawerSlug)) {
-      setSearchTerm('');
-    }
-  }, [isModalOpen, drawerSlug]);
-  useEffect(() => {
-    const searchTermToUse = searchTerm.toLowerCase();
-    const matchingItems = items?.reduce((matchedItems, _item) => {
-      let item_0;
-      if (typeof _item === 'string') {
-        // Handle string references (for blocks)
-        item_0 = config.blocksMap?.[_item];
-      } else {
-        item_0 = _item;
+    $[9] = filteredItems;
+    $[10] = i18n;
+    $[11] = groups;
+  } else {
+    groups = $[11];
+  }
+  const itemGroups = groups;
+  let t3;
+  let t4;
+  if ($[12] !== drawerSlug || $[13] !== isModalOpen) {
+    t3 = () => {
+      if (!isModalOpen(drawerSlug)) {
+        setSearchTerm("");
       }
-      if (item_0) {
-        const itemLabel = getItemLabel(item_0, i18n);
-        if (itemLabel.includes(searchTermToUse)) {
-          matchedItems.push(item_0);
+    };
+    t4 = [isModalOpen, drawerSlug];
+    $[12] = drawerSlug;
+    $[13] = isModalOpen;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t3 = $[14];
+    t4 = $[15];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[16] !== config.blocksMap || $[17] !== i18n || $[18] !== items || $[19] !== searchTerm) {
+    t5 = () => {
+      const searchTermToUse = searchTerm.toLowerCase();
+      const matchingItems = items?.reduce((matchedItems, _item) => {
+        let item_0;
+        if (typeof _item === "string") {
+          item_0 = config.blocksMap?.[_item];
+        } else {
+          item_0 = _item;
         }
-      }
-      return matchedItems;
-    }, []);
-    setFilteredItems(matchingItems || []);
-  }, [searchTerm, items, i18n, config.blocksMap]);
-  const finalTitle = title || (labels ? t('fields:addLabel', {
-    label: getTranslation(labels.singular, i18n)
-  }) : t('fields:addNew'));
-  return /*#__PURE__*/_jsxs(Drawer, {
-    slug: drawerSlug,
-    title: finalTitle,
-    children: [/*#__PURE__*/_jsx(ItemSearch, {
-      placeholder: searchPlaceholder || t('fields:searchForBlock'),
-      setSearchTerm: setSearchTerm
-    }), /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__items-wrapper`,
-      children: /*#__PURE__*/_jsx("ul", {
-        className: `${baseClass}__item-groups`,
-        children: Object.entries(itemGroups).map(([groupLabel, groupItems]) => !groupItems.length ? null : /*#__PURE__*/_jsxs("li", {
-          className: [`${baseClass}__item-group`, groupLabel === '_none' && `${baseClass}__item-group-none`].filter(Boolean).join(' '),
-          children: [groupLabel !== '_none' && /*#__PURE__*/_jsx("h3", {
-            className: `${baseClass}__item-group-label`,
-            children: groupLabel
-          }), /*#__PURE__*/_jsx("ul", {
-            className: `${baseClass}__items`,
-            children: groupItems.map((_item_0, index) => {
-              const item_1 = typeof _item_0 === 'string' ? config.blocksMap?.[_item_0] : _item_0;
-              if (!item_1) {
-                return null;
-              }
-              const {
-                imageAltText,
-                imageURL
-              } = getItemImageInfo(item_1);
-              const displayLabel = getItemDisplayLabel(item_1, i18n);
-              return /*#__PURE__*/_jsx("li", {
-                className: `${baseClass}__item`,
-                children: /*#__PURE__*/_jsx(ThumbnailCard, {
-                  alignLabel: "center",
-                  label: displayLabel,
-                  onClick: () => {
-                    void onItemClick(item_1, addRowIndex);
-                    closeModal(drawerSlug);
-                  },
-                  thumbnail: /*#__PURE__*/_jsx("div", {
-                    className: `${baseClass}__default-image`,
-                    children: imageURL ? /*#__PURE__*/_jsx("img", {
-                      alt: imageAltText,
-                      src: imageURL
-                    }) : /*#__PURE__*/_jsx(DefaultBlockImage, {})
-                  })
+        if (item_0) {
+          const itemLabel = getItemLabel(item_0, i18n);
+          if (itemLabel.includes(searchTermToUse)) {
+            matchedItems.push(item_0);
+          }
+        }
+        return matchedItems;
+      }, []);
+      setFilteredItems(matchingItems || []);
+    };
+    t6 = [searchTerm, items, i18n, config.blocksMap];
+    $[16] = config.blocksMap;
+    $[17] = i18n;
+    $[18] = items;
+    $[19] = searchTerm;
+    $[20] = t5;
+    $[21] = t6;
+  } else {
+    t5 = $[20];
+    t6 = $[21];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[22] !== addRowIndex || $[23] !== closeModal || $[24] !== config.blocksMap || $[25] !== drawerSlug || $[26] !== i18n || $[27] !== itemGroups || $[28] !== labels || $[29] !== onItemClick || $[30] !== resultsAnnouncement || $[31] !== searchPlaceholder || $[32] !== t || $[33] !== title) {
+    const finalTitle = title || (labels ? t("fields:addLabel", {
+      label: getTranslation(labels.singular, i18n)
+    }) : t("fields:addNew"));
+    t7 = _jsxs(Drawer, {
+      slug: drawerSlug,
+      title: finalTitle,
+      children: [_jsx("span", {
+        "aria-atomic": "true",
+        className: "sr-only",
+        role: "status",
+        children: resultsAnnouncement
+      }), _jsx(ItemSearch, {
+        placeholder: searchPlaceholder || t("fields:searchForBlock"),
+        setSearchTerm
+      }), _jsx("div", {
+        className: `${baseClass}__items-wrapper`,
+        children: _jsx("ul", {
+          className: `${baseClass}__item-groups`,
+          children: Object.entries(itemGroups).map(t8 => {
+            const [groupLabel, groupItems] = t8;
+            return !groupItems.length ? null : _jsxs("li", {
+              className: [`${baseClass}__item-group`, groupLabel === "_none" && `${baseClass}__item-group-none`].filter(Boolean).join(" "),
+              children: [groupLabel !== "_none" && _jsx("h3", {
+                className: `${baseClass}__item-group-label`,
+                children: groupLabel
+              }), _jsx("ul", {
+                className: `${baseClass}__items`,
+                children: groupItems.map((_item_0, index) => {
+                  const item_1 = typeof _item_0 === "string" ? config.blocksMap?.[_item_0] : _item_0;
+                  if (!item_1) {
+                    return null;
+                  }
+                  const {
+                    imageAltText,
+                    imageURL
+                  } = getItemImageInfo(item_1);
+                  const displayLabel = getItemDisplayLabel(item_1, i18n);
+                  return _jsx("li", {
+                    className: `${baseClass}__item`,
+                    children: _jsx(ThumbnailCard, {
+                      alignLabel: "center",
+                      label: displayLabel,
+                      onClick: () => {
+                        onItemClick(item_1, addRowIndex);
+                        closeModal(drawerSlug);
+                      },
+                      thumbnail: _jsx("div", {
+                        className: `${baseClass}__default-image`,
+                        children: imageURL ? _jsx("img", {
+                          alt: imageAltText,
+                          src: imageURL
+                        }) : _jsx(DefaultBlockImage, {})
+                      })
+                    })
+                  }, index);
                 })
-              }, index);
-            })
-          })]
-        }, groupLabel))
-      })
-    })]
-  });
+              })]
+            }, groupLabel);
+          })
+        })
+      })]
+    });
+    $[22] = addRowIndex;
+    $[23] = closeModal;
+    $[24] = config.blocksMap;
+    $[25] = drawerSlug;
+    $[26] = i18n;
+    $[27] = itemGroups;
+    $[28] = labels;
+    $[29] = onItemClick;
+    $[30] = resultsAnnouncement;
+    $[31] = searchPlaceholder;
+    $[32] = t;
+    $[33] = title;
+    $[34] = t7;
+  } else {
+    t7 = $[34];
+  }
+  return t7;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","toWords","React","useEffect","useMemo","useState","DefaultBlockImage","useConfig","useTranslation","Drawer","ThumbnailCard","ItemSearch","baseClass","getItemLabel","item","i18n","labels","singular","toLowerCase","label","slug","getItemSlug","getItemImageInfo","admin","images","thumbnail","imageAltText","undefined","alt","imageURL","url","getItemDisplayLabel","ItemsDrawer","props","addRowIndex","drawerSlug","items","onItemClick","searchPlaceholder","title","searchTerm","setSearchTerm","filteredItems","setFilteredItems","closeModal","isModalOpen","t","config","itemGroups","groups","_none","forEach","group","Object","hasOwn","push","searchTermToUse","matchingItems","reduce","matchedItems","_item","blocksMap","itemLabel","includes","finalTitle","_jsxs","_jsx","placeholder","className","entries","map","groupLabel","groupItems","length","filter","Boolean","join","index","displayLabel","alignLabel","onClick","src"],"sources":["../../../src/elements/ItemsDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock, ClientWidget, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { DefaultBlockImage } from '../../graphics/DefaultBlockImage/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ThumbnailCard } from '../ThumbnailCard/index.js'\nimport './index.css'\nimport { ItemSearch } from './ItemSearch/index.js'\n\nexport type DrawerItem = ClientBlock | ClientWidget\n\nexport type ItemsDrawerProps = {\n  readonly addRowIndex?: number\n  readonly drawerSlug: string\n  readonly items: (DrawerItem | string)[]\n  readonly labels?: Labels\n  readonly onItemClick: (item: DrawerItem, index?: number) => Promise<void> | void\n  readonly searchPlaceholder?: string\n  readonly title?: string\n}\n\nconst baseClass = 'items-drawer'\n\nconst getItemLabel = (item: DrawerItem, i18n: I18nClient): string => {\n  // Handle ClientBlock\n  if ('labels' in item && item.labels?.singular) {\n    if (typeof item.labels.singular === 'string') {\n      return item.labels.singular.toLowerCase()\n    }\n    if (typeof item.labels.singular === 'object') {\n      return getTranslation(item.labels.singular, i18n).toLowerCase()\n    }\n  }\n\n  // Handle ClientWidget with label (already resolved from function on server)\n  if ('label' in item && item.label) {\n    if (typeof item.label === 'string') {\n      return item.label.toLowerCase()\n    }\n    if (typeof item.label === 'object') {\n      return getTranslation(item.label, i18n).toLowerCase()\n    }\n  }\n\n  // Fallback to slug\n  if ('slug' in item) {\n    return toWords(item.slug).toLowerCase()\n  }\n\n  return ''\n}\n\nconst getItemSlug = (item: DrawerItem): string => {\n  return item.slug\n}\n\nconst getItemImageInfo = (item: DrawerItem) => {\n  if ('admin' in item && item?.admin?.images?.thumbnail) {\n    const thumbnail = item.admin?.images.thumbnail\n    return {\n      imageAltText: typeof thumbnail === 'string' ? undefined : thumbnail.alt,\n      imageURL: typeof thumbnail === 'string' ? thumbnail : thumbnail.url,\n    }\n  }\n  if ('imageURL' in item) {\n    return {\n      imageAltText: item.imageAltText,\n      imageURL: item.imageURL,\n    }\n  }\n  return { imageAltText: undefined, imageURL: undefined }\n}\n\nconst getItemDisplayLabel = (item: DrawerItem, i18n: I18nClient): string => {\n  // Handle ClientBlock\n  if ('labels' in item && item.labels?.singular) {\n    return getTranslation(item.labels.singular, i18n)\n  }\n\n  // Handle ClientWidget with label (already resolved from function on server)\n  if ('label' in item && item.label) {\n    if (typeof item.label === 'string') {\n      return item.label\n    }\n    if (typeof item.label === 'object') {\n      return getTranslation(item.label, i18n)\n    }\n  }\n\n  // Fallback to slug - convert to human-readable label\n  return toWords(item.slug)\n}\n\nexport const ItemsDrawer: React.FC<ItemsDrawerProps> = (props) => {\n  const { addRowIndex, drawerSlug, items, labels, onItemClick, searchPlaceholder, title } = props\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filteredItems, setFilteredItems] = useState(items)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const { config } = useConfig()\n\n  const itemGroups = useMemo(() => {\n    const groups: Record<string, (DrawerItem | string)[]> = {\n      _none: [],\n    }\n    filteredItems.forEach((item) => {\n      if (typeof item === 'object' && 'admin' in item && item.admin?.group) {\n        const group = item.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(item)\n        } else {\n          groups[label] = [item]\n        }\n      } else {\n        groups._none.push(item)\n      }\n    })\n    return groups\n  }, [filteredItems, i18n])\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingItems = items?.reduce((matchedItems, _item) => {\n      let item: DrawerItem\n\n      if (typeof _item === 'string') {\n        // Handle string references (for blocks)\n        item = config.blocksMap?.[_item] as DrawerItem\n      } else {\n        item = _item\n      }\n\n      if (item) {\n        const itemLabel = getItemLabel(item, i18n)\n        if (itemLabel.includes(searchTermToUse)) {\n          matchedItems.push(item)\n        }\n      }\n      return matchedItems\n    }, [] as DrawerItem[])\n\n    setFilteredItems(matchingItems || [])\n  }, [searchTerm, items, i18n, config.blocksMap])\n\n  const finalTitle =\n    title ||\n    (labels\n      ? t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })\n      : t('fields:addNew'))\n\n  return (\n    <Drawer slug={drawerSlug} title={finalTitle}>\n      <ItemSearch\n        placeholder={searchPlaceholder || t('fields:searchForBlock')}\n        setSearchTerm={setSearchTerm}\n      />\n      <div className={`${baseClass}__items-wrapper`}>\n        <ul className={`${baseClass}__item-groups`}>\n          {Object.entries(itemGroups).map(([groupLabel, groupItems]) =>\n            !groupItems.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__item-group`,\n                  groupLabel === '_none' && `${baseClass}__item-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__item-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__items`}>\n                  {groupItems.map((_item, index) => {\n                    const item =\n                      typeof _item === 'string' ? (config.blocksMap?.[_item] as DrawerItem) : _item\n\n                    if (!item) {\n                      return null\n                    }\n\n                    const { imageAltText, imageURL } = getItemImageInfo(item)\n                    const displayLabel = getItemDisplayLabel(item, i18n)\n\n                    return (\n                      <li className={`${baseClass}__item`} key={index}>\n                        <ThumbnailCard\n                          alignLabel=\"center\"\n                          label={displayLabel}\n                          onClick={() => {\n                            void onItemClick(item, addRowIndex)\n                            closeModal(drawerSlug)\n                          }}\n                          thumbnail={\n                            <div className={`${baseClass}__default-image`}>\n                              {imageURL ? (\n                                <img alt={imageAltText} src={imageURL} />\n                              ) : (\n                                <DefaultBlockImage />\n                              )}\n                            </div>\n                          }\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </li>\n            ),\n          )}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","toWords","React","useEffect","useMemo","useState","DefaultBlockImage","useConfig","useTranslation","Drawer","ThumbnailCard","ItemSearch","baseClass","getItemLabel","item","i18n","labels","singular","toLowerCase","label","slug","getItemSlug","getItemImageInfo","admin","images","thumbnail","imageAltText","undefined","alt","imageURL","url","getItemDisplayLabel","ItemsDrawer","props","$","addRowIndex","drawerSlug","items","onItemClick","searchPlaceholder","title","searchTerm","setSearchTerm","resultsAnnouncement","setResultsAnnouncement","filteredItems","setFilteredItems","closeModal","isModalOpen","t","config","t0","isOpen","t1","t2","length","timeout","setTimeout","count","search","clearTimeout","groups","_none","forEach","group","Object","hasOwn","push","itemGroups","t3","t4","t5","t6","blocksMap","searchTermToUse","matchingItems","reduce","matchedItems","_item","itemLabel","includes","t7","finalTitle","_jsxs","children","_jsx","className","role","placeholder","entries","map","t8","groupLabel","groupItems","filter","Boolean","join","_item_0","index","item_1","displayLabel","alignLabel","onClick","src"],"sources":["../../../src/elements/ItemsDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock, ClientWidget, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { DefaultBlockImage } from '../../graphics/DefaultBlockImage/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ThumbnailCard } from '../ThumbnailCard/index.js'\nimport './index.css'\nimport { ItemSearch } from './ItemSearch/index.js'\n\nexport type DrawerItem = ClientBlock | ClientWidget\n\nexport type ItemsDrawerProps = {\n  readonly addRowIndex?: number\n  readonly drawerSlug: string\n  readonly items: (DrawerItem | string)[]\n  readonly labels?: Labels\n  readonly onItemClick: (item: DrawerItem, index?: number) => Promise<void> | void\n  readonly searchPlaceholder?: string\n  readonly title?: string\n}\n\nconst baseClass = 'items-drawer'\n\nconst getItemLabel = (item: DrawerItem, i18n: I18nClient): string => {\n  // Handle ClientBlock\n  if ('labels' in item && item.labels?.singular) {\n    if (typeof item.labels.singular === 'string') {\n      return item.labels.singular.toLowerCase()\n    }\n    if (typeof item.labels.singular === 'object') {\n      return getTranslation(item.labels.singular, i18n).toLowerCase()\n    }\n  }\n\n  // Handle ClientWidget with label (already resolved from function on server)\n  if ('label' in item && item.label) {\n    if (typeof item.label === 'string') {\n      return item.label.toLowerCase()\n    }\n    if (typeof item.label === 'object') {\n      return getTranslation(item.label, i18n).toLowerCase()\n    }\n  }\n\n  // Fallback to slug\n  if ('slug' in item) {\n    return toWords(item.slug).toLowerCase()\n  }\n\n  return ''\n}\n\nconst getItemSlug = (item: DrawerItem): string => {\n  return item.slug\n}\n\nconst getItemImageInfo = (item: DrawerItem) => {\n  if ('admin' in item && item?.admin?.images?.thumbnail) {\n    const thumbnail = item.admin?.images.thumbnail\n    return {\n      imageAltText: typeof thumbnail === 'string' ? undefined : thumbnail.alt,\n      imageURL: typeof thumbnail === 'string' ? thumbnail : thumbnail.url,\n    }\n  }\n  if ('imageURL' in item) {\n    return {\n      imageAltText: item.imageAltText,\n      imageURL: item.imageURL,\n    }\n  }\n  return { imageAltText: undefined, imageURL: undefined }\n}\n\nconst getItemDisplayLabel = (item: DrawerItem, i18n: I18nClient): string => {\n  // Handle ClientBlock\n  if ('labels' in item && item.labels?.singular) {\n    return getTranslation(item.labels.singular, i18n)\n  }\n\n  // Handle ClientWidget with label (already resolved from function on server)\n  if ('label' in item && item.label) {\n    if (typeof item.label === 'string') {\n      return item.label\n    }\n    if (typeof item.label === 'object') {\n      return getTranslation(item.label, i18n)\n    }\n  }\n\n  // Fallback to slug - convert to human-readable label\n  return toWords(item.slug)\n}\n\nexport const ItemsDrawer: React.FC<ItemsDrawerProps> = (props) => {\n  const { addRowIndex, drawerSlug, items, labels, onItemClick, searchPlaceholder, title } = props\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [resultsAnnouncement, setResultsAnnouncement] = useState('')\n  const [filteredItems, setFilteredItems] = useState(items)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const { config } = useConfig()\n  const isOpen = isModalOpen(drawerSlug)\n\n  useEffect(() => {\n    if (!isOpen) {\n      setResultsAnnouncement('')\n      return\n    }\n\n    const timeout = setTimeout(() => {\n      setResultsAnnouncement(\n        searchTerm\n          ? t('general:searchResults', { count: filteredItems.length, search: searchTerm })\n          : t('hierarchy:searchResults', { count: filteredItems.length }),\n      )\n    }, 300)\n\n    return () => clearTimeout(timeout)\n  }, [filteredItems.length, isOpen, searchTerm, t])\n\n  const itemGroups = useMemo(() => {\n    const groups: Record<string, (DrawerItem | string)[]> = {\n      _none: [],\n    }\n    filteredItems.forEach((item) => {\n      if (typeof item === 'object' && 'admin' in item && item.admin?.group) {\n        const group = item.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(item)\n        } else {\n          groups[label] = [item]\n        }\n      } else {\n        groups._none.push(item)\n      }\n    })\n    return groups\n  }, [filteredItems, i18n])\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingItems = items?.reduce((matchedItems, _item) => {\n      let item: DrawerItem\n\n      if (typeof _item === 'string') {\n        // Handle string references (for blocks)\n        item = config.blocksMap?.[_item]\n      } else {\n        item = _item\n      }\n\n      if (item) {\n        const itemLabel = getItemLabel(item, i18n)\n        if (itemLabel.includes(searchTermToUse)) {\n          matchedItems.push(item)\n        }\n      }\n      return matchedItems\n    }, [] as DrawerItem[])\n\n    setFilteredItems(matchingItems || [])\n  }, [searchTerm, items, i18n, config.blocksMap])\n\n  const finalTitle =\n    title ||\n    (labels\n      ? t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })\n      : t('fields:addNew'))\n\n  return (\n    <Drawer slug={drawerSlug} title={finalTitle}>\n      <span aria-atomic=\"true\" className=\"sr-only\" role=\"status\">\n        {resultsAnnouncement}\n      </span>\n      <ItemSearch\n        placeholder={searchPlaceholder || t('fields:searchForBlock')}\n        setSearchTerm={setSearchTerm}\n      />\n      <div className={`${baseClass}__items-wrapper`}>\n        <ul className={`${baseClass}__item-groups`}>\n          {Object.entries(itemGroups).map(([groupLabel, groupItems]) =>\n            !groupItems.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__item-group`,\n                  groupLabel === '_none' && `${baseClass}__item-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__item-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__items`}>\n                  {groupItems.map((_item, index) => {\n                    const item =\n                      typeof _item === 'string' ? (config.blocksMap?.[_item] as DrawerItem) : _item\n\n                    if (!item) {\n                      return null\n                    }\n\n                    const { imageAltText, imageURL } = getItemImageInfo(item)\n                    const displayLabel = getItemDisplayLabel(item, i18n)\n\n                    return (\n                      <li className={`${baseClass}__item`} key={index}>\n                        <ThumbnailCard\n                          alignLabel=\"center\"\n                          label={displayLabel}\n                          onClick={() => {\n                            void onItemClick(item, addRowIndex)\n                            closeModal(drawerSlug)\n                          }}\n                          thumbnail={\n                            <div className={`${baseClass}__default-image`}>\n                              {imageURL ? (\n                                <img alt={imageAltText} src={imageURL} />\n                              ) : (\n                                <DefaultBlockImage />\n                              )}\n                            </div>\n                          }\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </li>\n            ),\n          )}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/LLMInstructionsCell/index.css

@@ -0,0 +1,11 @@
+@layer payload-default {
+  .llm-instructions-cell {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    max-inline-size: calc(var(--spacer-6) * 8);
+    min-inline-size: calc(var(--spacer-6) * 4);
+    overflow: hidden;
+    white-space: pre-line;
+  }
+}

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

@@ -0,0 +1,5 @@
+import type { DefaultServerCellComponentProps } from 'payload';
+import React from 'react';
+import './index.css';
+export declare const LLMInstructionsCell: ({ cellData, field, link, linkURL, }: DefaultServerCellComponentProps) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LLMInstructionsCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,mBAAmB,wCAK7B,+BAA+B,sBAUjC,CAAA"}

package/dist/elements/LLMInstructionsCell/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component needs the client boundary for Link.
+import { Link } from '../../exports/client/index.js';
+import './index.css';
+export const LLMInstructionsCell = ({
+  cellData,
+  field,
+  link,
+  linkURL
+}) => {
+  const text = typeof cellData === 'string' ? cellData : cellData && field.type === 'richText' && typeof field.editor !== 'function' ? field.editor?.converters?.toMarkdown?.({
+    data: cellData
+  }) ?? '' : '';
+  const preview = /*#__PURE__*/_jsx("span", {
+    className: "llm-instructions-cell",
+    children: text
+  });
+  return link && linkURL ? /*#__PURE__*/_jsx(Link, {
+    href: linkURL,
+    children: preview
+  }) : preview;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Link","LLMInstructionsCell","cellData","field","link","linkURL","text","type","editor","converters","toMarkdown","data","preview","_jsx","className","href"],"sources":["../../../src/elements/LLMInstructionsCell/index.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component needs the client boundary for Link.\nimport { Link } from '../../exports/client/index.js'\nimport './index.css'\n\nexport const LLMInstructionsCell = ({\n  cellData,\n  field,\n  link,\n  linkURL,\n}: DefaultServerCellComponentProps) => {\n  const text =\n    typeof cellData === 'string'\n      ? cellData\n      : cellData && field.type === 'richText' && typeof field.editor !== 'function'\n        ? (field.editor?.converters?.toMarkdown?.({ data: cellData }) ?? '')\n        : ''\n  const preview = <span className=\"llm-instructions-cell\">{text}</span>\n\n  return link && linkURL ? <Link href={linkURL}>{preview}</Link> : preview\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,QAAQ;EACRC,KAAK;EACLC,IAAI;EACJC;AAAO,CACyB;EAChC,MAAMC,IAAA,GACJ,OAAOJ,QAAA,KAAa,WAChBA,QAAA,GACAA,QAAA,IAAYC,KAAA,CAAMI,IAAI,KAAK,cAAc,OAAOJ,KAAA,CAAMK,MAAM,KAAK,aAC9DL,KAAA,CAAMK,MAAM,EAAEC,UAAA,EAAYC,UAAA,GAAa;IAAEC,IAAA,EAAMT;EAAS,MAAM,KAC/D;EACR,MAAMU,OAAA,gBAAUC,IAAA,CAAC;IAAKC,SAAA,EAAU;cAAyBR;;EAEzD,OAAOF,IAAA,IAAQC,OAAA,gBAAUQ,IAAA,CAACb,IAAA;IAAKe,IAAA,EAAMV,OAAA;cAAUO;OAAkBA,OAAA;AACnE","ignoreList":[]}

package/dist/elements/LLMInstructionsDescription/index.css

@@ -0,0 +1,79 @@
+@layer payload-default {
+  .llm-instructions.tabs-field {
+    margin-block-start: var(--spacer-0);
+  }
+
+  .llm-instructions .tabs-field__tabs {
+    display: flex;
+    flex-wrap: wrap;
+    padding-inline: var(--gutter-h) calc(var(--gutter-h) + var(--spacer-5));
+
+    &::before,
+    &::after {
+      display: none;
+    }
+  }
+
+  .llm-instructions .tabs-field__tab-button {
+    flex-shrink: 1;
+    max-inline-size: 100%;
+    min-inline-size: 0;
+    font-size: var(--text-body-large-font-size);
+    line-height: var(--text-body-large-line-height);
+    text-align: start;
+    white-space: normal;
+
+    &[aria-selected='false'] {
+      color: var(--color-text);
+    }
+  }
+
+  .llm-instructions__description {
+    color: var(--color-text);
+    font-size: var(--text-body-medium-font-size);
+    line-height: var(--text-body-medium-line-height);
+    margin-block: var(--spacer-0) var(--spacer-3);
+  }
+
+  .llm-instructions__editor {
+    .rich-text-lexical__label-row {
+      display: none;
+    }
+
+    .editor {
+      --content-editable-padding-block-start: var(--spacer-4);
+      --content-editable-padding-inline-start: var(--spacer-5);
+    }
+
+    .ContentEditable__root {
+      min-block-size: calc(var(--spacer-6) * 8);
+    }
+
+    .LexicalEditorTheme {
+      --lexical-h2-font-size: var(--text-heading-medium-font-size);
+      --lexical-h2-line-height: var(--text-heading-medium-line-height);
+      --lexical-h3-font-size: var(--text-heading-small-font-size);
+      --lexical-h4-font-size: var(--text-heading-small-font-size);
+
+      font-size: var(--text-body-large-font-size);
+      line-height: var(--text-body-large-line-height);
+    }
+
+    .LexicalEditorTheme__h2,
+    .LexicalEditorTheme__h3,
+    .LexicalEditorTheme__h4 {
+      margin-block: var(--spacer-2-5);
+    }
+  }
+
+  .llm-instructions__editor--system .LexicalEditorTheme {
+    color: var(--color-text);
+  }
+
+  .llm-instructions__editor--system .editor-container .editor {
+    animation: none;
+    background-color: var(--color-bg-secondary);
+    color: var(--color-text);
+    border-radius: var(--radius-medium);
+  }
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.css';
+export declare const LLMInstructionsDescription: ({ isSystem }: {
+    isSystem?: boolean;
+}) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LLMInstructionsDescription/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,0BAA0B,iBAA0B;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,sBAuBtF,CAAA"}