@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal.27e1e08

package/dist/fields/Blocks/BlockSelector/BlockSearch/index.js

@@ -1,39 +1,47 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { SearchIcon } from '../../../../icons/Search/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'block-search';
-export const BlockSearch = (props)=>{
-    const { setSearchTerm } = props;
-    const { t } = useTranslation();
-    const handleChange = (e)=>{
-        setSearchTerm(e.target.value);
+export const BlockSearch = props => {
+  const $ = _c(5);
+  const {
+    setSearchTerm
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== setSearchTerm) {
+    t0 = e => {
+      setSearchTerm(e.target.value);
     };
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV("input", {
-                className: `${baseClass}__input`,
-                onChange: handleChange,
-                placeholder: t('fields:searchForBlock')
-            }, void 0, false, {
-                fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
-                lineNumber: 20,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(SearchIcon, {}, void 0, false, {
-                fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
-                lineNumber: 25,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
-        lineNumber: 19,
-        columnNumber: 5
-    }, this);
+    $[0] = setSearchTerm;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const handleChange = t0;
+  let t1;
+  if ($[2] !== handleChange || $[3] !== t) {
+    t1 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx("input", {
+        className: `${baseClass}__input`,
+        onChange: handleChange,
+        placeholder: t("fields:searchForBlock")
+      }), _jsx(SearchIcon, {})]
+    });
+    $[2] = handleChange;
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/fields/Blocks/BlockSelector/BlockSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Blocks/BlockSelector/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { SearchIcon } from '../../../../icons/Search/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nexport const BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <SearchIcon />\n    </div>\n  )\n}\n"],"names":["React","SearchIcon","useTranslation","baseClass","BlockSearch","props","setSearchTerm","t","handleChange","e","target","value","div","className","input","onChange","placeholder"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,oCAAmC;AAC9D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,CAAC,EAAE,GAAGL;IAEd,MAAMM,eAAe,CAACC;QACpBH,cAAcG,EAAEC,MAAM,CAACC,KAAK;IAC9B;IAEA,qBACE,QAACC;QAAIC,WAAWV;;0BACd,QAACW;gBACCD,WAAW,GAAGV,UAAU,OAAO,CAAC;gBAChCY,UAAUP;gBACVQ,aAAaT,EAAE;;;;;;0BAEjB,QAACN;;;;;;;;;;;AAGP,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","SearchIcon","useTranslation","baseClass","BlockSearch","props","$","setSearchTerm","t","t0","e","target","value","handleChange","t1","_jsxs","className","children","_jsx","onChange","placeholder"],"sources":["../../../../../src/fields/Blocks/BlockSelector/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { SearchIcon } from '../../../../icons/Search/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nexport const BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <SearchIcon />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAAmEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC9E;IAAAQ;EAAA,IAA0BF,KAAA;EAC1B;IAAAG;EAAA,IAAcN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAH,CAAA,QAAAC,aAAA;IAEOE,EAAA,GAAAC,CAAA;MACnBH,aAAA,CAAcG,CAAA,CAAAC,MAAA,CAAAC,KAAc;IAAA;IAC9BN,CAAA,MAAAC,aAAA;IAAAD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAFA,MAAAO,YAAA,GAAqBJ,EAErB;EAAA,IAAAK,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAE,CAAA;IAGEM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAc,QAAA,GACCC,IAAA,CAAC;QAAAF,SAAA,EACY,GAAAb,SAAA,SAAqB;QAAAgB,QAAA,EACtBN,YAAA;QAAAO,WAAA,EACGZ,CAAA,CAAE;MAAA,C,GAEjBU,IAAA,CAAAjB,UAAA,IAAC;IAAA,C;;;;;;;SANHa,E;CASJ","ignoreList":[]}

package/dist/fields/Blocks/BlockSelector/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useEffect, useMemo, useState } from 'react';
 import { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js';
@@ -9,164 +10,107 @@ import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { BlockSearch } from './BlockSearch/index.js';
 import './index.scss';
-/**
-   * Control the search term state externally
-   */ const baseClass = 'blocks-drawer';
-const getBlockLabel = (block, i18n)=>{
-    if (typeof block.labels.singular === 'string') {
-        return block.labels.singular.toLowerCase();
-    }
-    if (typeof block.labels.singular === 'object') {
-        return getTranslation(block.labels.singular, i18n).toLowerCase();
-    }
-    return '';
+const baseClass = 'blocks-drawer';
+const getBlockLabel = (block, i18n) => {
+  if (typeof block.labels.singular === 'string') {
+    return block.labels.singular.toLowerCase();
+  }
+  if (typeof block.labels.singular === 'object') {
+    return getTranslation(block.labels.singular, i18n).toLowerCase();
+  }
+  return '';
 };
-export const BlockSelector = (props)=>{
-    const { blocks, onSelect, searchTerm: searchTermFromProps } = props;
-    const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '');
-    const [filteredBlocks, setFilteredBlocks] = useState(blocks);
-    const { i18n } = useTranslation();
-    const { config } = useConfig();
-    const blockGroups = useMemo(()=>{
-        const groups = {
-            _none: []
-        };
-        filteredBlocks.forEach((block)=>{
-            if (typeof block === 'object' && block.admin?.group) {
-                const group = block.admin.group;
-                const label = typeof group === 'string' ? group : getTranslation(group, i18n);
-                if (Object.hasOwn(groups, label)) {
-                    groups[label].push(block);
-                } else {
-                    groups[label] = [
-                        block
-                    ];
-                }
-            } else {
-                groups._none.push(block);
-            }
-        });
-        return groups;
-    }, [
-        filteredBlocks,
-        i18n
-    ]);
-    useEffect(()=>{
-        const searchTermToUse = searchTerm.toLowerCase();
-        const matchingBlocks = blocks?.reduce((matchedBlocks, _block)=>{
-            const block = typeof _block === 'string' ? config.blocksMap[_block] : _block;
-            const blockLabel = getBlockLabel(block, i18n);
-            if (blockLabel.includes(searchTermToUse)) {
-                matchedBlocks.push(block);
-            }
-            return matchedBlocks;
-        }, []);
-        setFilteredBlocks(matchingBlocks);
-    }, [
-        searchTerm,
-        blocks,
-        i18n,
-        config.blocksMap
-    ]);
-    return /*#__PURE__*/ _jsxDEV(Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(BlockSearch, {
-                setSearchTerm: setSearchTerm
-            }, void 0, false, {
-                fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                lineNumber: 86,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__blocks-wrapper`,
-                children: /*#__PURE__*/ _jsxDEV("ul", {
-                    className: `${baseClass}__block-groups`,
-                    children: Object.entries(blockGroups).map(([groupLabel, groupBlocks])=>!groupBlocks.length ? null : /*#__PURE__*/ _jsxDEV("li", {
-                            className: [
-                                `${baseClass}__block-group`,
-                                groupLabel === '_none' && `${baseClass}__block-group-none`
-                            ].filter(Boolean).join(' '),
-                            children: [
-                                groupLabel !== '_none' && /*#__PURE__*/ _jsxDEV("h3", {
-                                    className: `${baseClass}__block-group-label`,
-                                    children: groupLabel
-                                }, void 0, false, {
-                                    fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                                    lineNumber: 101,
-                                    columnNumber: 19
-                                }, this),
-                                /*#__PURE__*/ _jsxDEV("ul", {
-                                    className: `${baseClass}__blocks`,
-                                    children: groupBlocks.map((_block, index)=>{
-                                        const block = typeof _block === 'string' ? config.blocksMap[_block] : _block;
-                                        const { slug, imageAltText, imageURL, labels: blockLabels } = block;
-                                        return /*#__PURE__*/ _jsxDEV("li", {
-                                            className: `${baseClass}__block`,
-                                            children: /*#__PURE__*/ _jsxDEV(ThumbnailCard, {
-                                                alignLabel: "center",
-                                                label: getTranslation(blockLabels?.singular, i18n),
-                                                onClick: ()=>{
-                                                    if (typeof onSelect === 'function') {
-                                                        onSelect(slug);
-                                                    }
-                                                },
-                                                thumbnail: /*#__PURE__*/ _jsxDEV("div", {
-                                                    className: `${baseClass}__default-image`,
-                                                    children: imageURL ? /*#__PURE__*/ _jsxDEV("img", {
-                                                        alt: imageAltText,
-                                                        src: imageURL
-                                                    }, void 0, false, {
-                                                        fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                                                        lineNumber: 122,
-                                                        columnNumber: 33
-                                                    }, void 0) : /*#__PURE__*/ _jsxDEV(DefaultBlockImage, {}, void 0, false, {
-                                                        fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                                                        lineNumber: 124,
-                                                        columnNumber: 33
-                                                    }, void 0)
-                                                }, void 0, false, {
-                                                    fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                                                    lineNumber: 120,
-                                                    columnNumber: 29
-                                                }, void 0)
-                                            }, void 0, false, {
-                                                fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                                                lineNumber: 111,
-                                                columnNumber: 25
-                                            }, this)
-                                        }, index, false, {
-                                            fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                                            lineNumber: 110,
-                                            columnNumber: 23
-                                        }, this);
-                                    })
-                                }, void 0, false, {
-                                    fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                                    lineNumber: 103,
-                                    columnNumber: 17
-                                }, this)
-                            ]
-                        }, groupLabel, true, {
-                            fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                            lineNumber: 91,
-                            columnNumber: 15
-                        }, this))
-                }, void 0, false, {
-                    fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                    lineNumber: 88,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-                lineNumber: 87,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/fields/Blocks/BlockSelector/index.tsx",
-        lineNumber: 85,
-        columnNumber: 5
-    }, this);
+export const BlockSelector = props => {
+  const {
+    blocks,
+    onSelect,
+    searchTerm: searchTermFromProps
+  } = props;
+  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '');
+  const [filteredBlocks, setFilteredBlocks] = useState(blocks);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const blockGroups = useMemo(() => {
+    const groups = {
+      _none: []
+    };
+    filteredBlocks.forEach(block => {
+      if (typeof block === 'object' && block.admin?.group) {
+        const group = block.admin.group;
+        const label = typeof group === 'string' ? group : getTranslation(group, i18n);
+        if (Object.hasOwn(groups, label)) {
+          groups[label].push(block);
+        } else {
+          groups[label] = [block];
+        }
+      } else {
+        groups._none.push(block);
+      }
+    });
+    return groups;
+  }, [filteredBlocks, i18n]);
+  useEffect(() => {
+    const searchTermToUse = searchTerm.toLowerCase();
+    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {
+      const block_0 = typeof _block === 'string' ? config.blocksMap[_block] : _block;
+      const blockLabel = getBlockLabel(block_0, i18n);
+      if (blockLabel.includes(searchTermToUse)) {
+        matchedBlocks.push(block_0);
+      }
+      return matchedBlocks;
+    }, []);
+    setFilteredBlocks(matchingBlocks);
+  }, [searchTerm, blocks, i18n, config.blocksMap]);
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(BlockSearch, {
+      setSearchTerm: setSearchTerm
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__blocks-wrapper`,
+      children: /*#__PURE__*/_jsx("ul", {
+        className: `${baseClass}__block-groups`,
+        children: Object.entries(blockGroups).map(([groupLabel, groupBlocks]) => !groupBlocks.length ? null : /*#__PURE__*/_jsxs("li", {
+          className: [`${baseClass}__block-group`, groupLabel === '_none' && `${baseClass}__block-group-none`].filter(Boolean).join(' '),
+          children: [groupLabel !== '_none' && /*#__PURE__*/_jsx("h3", {
+            className: `${baseClass}__block-group-label`,
+            children: groupLabel
+          }), /*#__PURE__*/_jsx("ul", {
+            className: `${baseClass}__blocks`,
+            children: groupBlocks.map((_block_0, index) => {
+              const block_1 = typeof _block_0 === 'string' ? config.blocksMap[_block_0] : _block_0;
+              const {
+                slug,
+                imageAltText,
+                imageURL,
+                labels: blockLabels
+              } = block_1;
+              return /*#__PURE__*/_jsx("li", {
+                className: `${baseClass}__block`,
+                children: /*#__PURE__*/_jsx(ThumbnailCard, {
+                  alignLabel: "center",
+                  label: getTranslation(blockLabels?.singular, i18n),
+                  onClick: () => {
+                    if (typeof onSelect === 'function') {
+                      onSelect(slug);
+                    }
+                  },
+                  thumbnail: /*#__PURE__*/_jsx("div", {
+                    className: `${baseClass}__default-image`,
+                    children: imageURL ? /*#__PURE__*/_jsx("img", {
+                      alt: imageAltText,
+                      src: imageURL
+                    }) : /*#__PURE__*/_jsx(DefaultBlockImage, {})
+                  })
+                })
+              }, index);
+            })
+          })]
+        }, groupLabel))
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/fields/Blocks/BlockSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Blocks/BlockSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useMemo, useState } from 'react'\n\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useControllableState } from '../../../hooks/useControllableState.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  readonly blocks: (ClientBlock | string)[]\n  readonly onSelect?: (blockType: string) => void\n  /**\n   * Control the search term state externally\n   */\n  searchTerm?: string\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ClientBlock, i18n: I18nClient) => {\n  if (typeof block.labels.singular === 'string') {\n    return block.labels.singular.toLowerCase()\n  }\n  if (typeof block.labels.singular === 'object') {\n    return getTranslation(block.labels.singular, i18n).toLowerCase()\n  }\n  return ''\n}\n\nexport const BlockSelector: React.FC<Props> = (props) => {\n  const { blocks, onSelect, searchTerm: searchTermFromProps } = props\n\n  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '')\n\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const blockGroups = useMemo(() => {\n    const groups: Record<string, (ClientBlock | string)[]> = {\n      _none: [],\n    }\n\n    filteredBlocks.forEach((block) => {\n      if (typeof block === 'object' && block.admin?.group) {\n        const group = block.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(block)\n        } else {\n          groups[label] = [block]\n        }\n      } else {\n        groups._none.push(block)\n      }\n    })\n\n    return groups\n  }, [filteredBlocks, i18n])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {\n      const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n      const blockLabel = getBlockLabel(block, i18n)\n      if (blockLabel.includes(searchTermToUse)) {\n        matchedBlocks.push(block)\n      }\n      return matchedBlocks\n    }, [])\n\n    setFilteredBlocks(matchingBlocks)\n  }, [searchTerm, blocks, i18n, config.blocksMap])\n\n  return (\n    <Fragment>\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__block-groups`}>\n          {Object.entries(blockGroups).map(([groupLabel, groupBlocks]) =>\n            !groupBlocks.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__block-group`,\n                  groupLabel === '_none' && `${baseClass}__block-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__block-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__blocks`}>\n                  {groupBlocks.map((_block, index) => {\n                    const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n\n                    const { slug, imageAltText, imageURL, labels: blockLabels } = block\n\n                    return (\n                      <li className={`${baseClass}__block`} key={index}>\n                        <ThumbnailCard\n                          alignLabel=\"center\"\n                          label={getTranslation(blockLabels?.singular, i18n)}\n                          onClick={() => {\n                            if (typeof onSelect === 'function') {\n                              onSelect(slug)\n                            }\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    </Fragment>\n  )\n}\n"],"names":["getTranslation","React","Fragment","useEffect","useMemo","useState","ThumbnailCard","DefaultBlockImage","useControllableState","useConfig","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlockSelector","props","blocks","onSelect","searchTerm","searchTermFromProps","setSearchTerm","filteredBlocks","setFilteredBlocks","config","blockGroups","groups","_none","forEach","admin","group","label","Object","hasOwn","push","searchTermToUse","matchingBlocks","reduce","matchedBlocks","_block","blocksMap","blockLabel","includes","div","className","ul","entries","map","groupLabel","groupBlocks","length","li","filter","Boolean","join","h3","index","slug","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","img","alt","src"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getTranslation","React","Fragment","useEffect","useMemo","useState","ThumbnailCard","DefaultBlockImage","useControllableState","useConfig","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlockSelector","props","blocks","onSelect","searchTerm","searchTermFromProps","setSearchTerm","filteredBlocks","setFilteredBlocks","config","blockGroups","groups","_none","forEach","admin","group","label","Object","hasOwn","push","searchTermToUse","matchingBlocks","reduce","matchedBlocks","_block","blocksMap","blockLabel","includes","_jsxs","_jsx","className","entries","map","groupLabel","groupBlocks","length","filter","Boolean","join","index","slug","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","alt","src"],"sources":["../../../../src/fields/Blocks/BlockSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useMemo, useState } from 'react'\n\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useControllableState } from '../../../hooks/useControllableState.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  readonly blocks: (ClientBlock | string)[]\n  readonly onSelect?: (blockType: string) => void\n  /**\n   * Control the search term state externally\n   */\n  searchTerm?: string\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ClientBlock, i18n: I18nClient) => {\n  if (typeof block.labels.singular === 'string') {\n    return block.labels.singular.toLowerCase()\n  }\n  if (typeof block.labels.singular === 'object') {\n    return getTranslation(block.labels.singular, i18n).toLowerCase()\n  }\n  return ''\n}\n\nexport const BlockSelector: React.FC<Props> = (props) => {\n  const { blocks, onSelect, searchTerm: searchTermFromProps } = props\n\n  const [searchTerm, setSearchTerm] = useControllableState(searchTermFromProps ?? '')\n\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const blockGroups = useMemo(() => {\n    const groups: Record<string, (ClientBlock | string)[]> = {\n      _none: [],\n    }\n\n    filteredBlocks.forEach((block) => {\n      if (typeof block === 'object' && block.admin?.group) {\n        const group = block.admin.group\n        const label = typeof group === 'string' ? group : getTranslation(group, i18n)\n\n        if (Object.hasOwn(groups, label)) {\n          groups[label].push(block)\n        } else {\n          groups[label] = [block]\n        }\n      } else {\n        groups._none.push(block)\n      }\n    })\n\n    return groups\n  }, [filteredBlocks, i18n])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, _block) => {\n      const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n      const blockLabel = getBlockLabel(block, i18n)\n      if (blockLabel.includes(searchTermToUse)) {\n        matchedBlocks.push(block)\n      }\n      return matchedBlocks\n    }, [])\n\n    setFilteredBlocks(matchingBlocks)\n  }, [searchTerm, blocks, i18n, config.blocksMap])\n\n  return (\n    <Fragment>\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__block-groups`}>\n          {Object.entries(blockGroups).map(([groupLabel, groupBlocks]) =>\n            !groupBlocks.length ? null : (\n              <li\n                className={[\n                  `${baseClass}__block-group`,\n                  groupLabel === '_none' && `${baseClass}__block-group-none`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={groupLabel}\n              >\n                {groupLabel !== '_none' && (\n                  <h3 className={`${baseClass}__block-group-label`}>{groupLabel}</h3>\n                )}\n                <ul className={`${baseClass}__blocks`}>\n                  {groupBlocks.map((_block, index) => {\n                    const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n\n                    const { slug, imageAltText, imageURL, labels: blockLabels } = block\n\n                    return (\n                      <li className={`${baseClass}__block`} key={index}>\n                        <ThumbnailCard\n                          alignLabel=\"center\"\n                          label={getTranslation(blockLabels?.singular, i18n)}\n                          onClick={() => {\n                            if (typeof onSelect === 'function') {\n                              onSelect(slug)\n                            }\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    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/BlocksDrawer/index.js

@@ -1,46 +1,89 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect } from 'react';
 import { Drawer } from '../../../elements/Drawer/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { BlockSelector } from '../BlockSelector/index.js';
-export const BlocksDrawer = (props)=>{
-    const { addRow, addRowIndex, blocks, drawerSlug, labels } = props;
-    const { closeModal, isModalOpen } = useModal();
-    const { i18n, t } = useTranslation();
-    const [searchTermOverride, setSearchTermOverride] = React.useState('');
-    useEffect(()=>{
-        if (!isModalOpen(drawerSlug)) {
-            setSearchTermOverride('');
-        }
-    }, [
-        isModalOpen,
-        drawerSlug
-    ]);
-    return /*#__PURE__*/ _jsxDEV(Drawer, {
-        slug: drawerSlug,
-        title: t('fields:addLabel', {
-            label: getTranslation(labels.singular, i18n)
-        }),
-        children: /*#__PURE__*/ _jsxDEV(BlockSelector, {
-            blocks: blocks,
-            onSelect: (slug)=>{
-                void addRow(addRowIndex, slug);
-                closeModal(drawerSlug);
-            },
-            searchTerm: searchTermOverride
-        }, void 0, false, {
-            fileName: "src/fields/Blocks/BlocksDrawer/index.tsx",
-            lineNumber: 38,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/fields/Blocks/BlocksDrawer/index.tsx",
-        lineNumber: 34,
-        columnNumber: 5
-    }, this);
+export const BlocksDrawer = props => {
+  const $ = _c(19);
+  const {
+    addRow,
+    addRowIndex,
+    blocks,
+    drawerSlug,
+    labels
+  } = props;
+  const {
+    closeModal,
+    isModalOpen
+  } = useModal();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [searchTermOverride, setSearchTermOverride] = React.useState("");
+  let t0;
+  let t1;
+  if ($[0] !== drawerSlug || $[1] !== isModalOpen) {
+    t0 = () => {
+      if (!isModalOpen(drawerSlug)) {
+        setSearchTermOverride("");
+      }
+    };
+    t1 = [isModalOpen, drawerSlug];
+    $[0] = drawerSlug;
+    $[1] = isModalOpen;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[4] !== addRow || $[5] !== addRowIndex || $[6] !== blocks || $[7] !== closeModal || $[8] !== drawerSlug || $[9] !== i18n || $[10] !== labels.singular || $[11] !== searchTermOverride || $[12] !== t) {
+    let t3;
+    if ($[14] !== addRow || $[15] !== addRowIndex || $[16] !== closeModal || $[17] !== drawerSlug) {
+      t3 = slug => {
+        addRow(addRowIndex, slug);
+        closeModal(drawerSlug);
+      };
+      $[14] = addRow;
+      $[15] = addRowIndex;
+      $[16] = closeModal;
+      $[17] = drawerSlug;
+      $[18] = t3;
+    } else {
+      t3 = $[18];
+    }
+    t2 = _jsx(Drawer, {
+      slug: drawerSlug,
+      title: t("fields:addLabel", {
+        label: getTranslation(labels.singular, i18n)
+      }),
+      children: _jsx(BlockSelector, {
+        blocks,
+        onSelect: t3,
+        searchTerm: searchTermOverride
+      })
+    });
+    $[4] = addRow;
+    $[5] = addRowIndex;
+    $[6] = blocks;
+    $[7] = closeModal;
+    $[8] = drawerSlug;
+    $[9] = i18n;
+    $[10] = labels.singular;
+    $[11] = searchTermOverride;
+    $[12] = t;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/fields/Blocks/BlocksDrawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSelector } from '../BlockSelector/index.js'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: (ClientBlock | string)[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const [searchTermOverride, setSearchTermOverride] = React.useState('')\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onSelect={(slug) => {\n          void addRow(addRowIndex, slug)\n          closeModal(drawerSlug)\n        }}\n        searchTerm={searchTermOverride}\n      />\n    </Drawer>\n  )\n}\n"],"names":["useModal","getTranslation","React","useEffect","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","useState","slug","title","label","singular","onSelect","searchTerm"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,aAAa,QAAQ,4BAA2B;AAUzD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAE,GAAGL;IAE5D,MAAM,EAAEM,UAAU,EAAEC,WAAW,EAAE,GAAGf;IACpC,MAAM,EAAEgB,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,CAACa,oBAAoBC,sBAAsB,GAAGjB,MAAMkB,QAAQ,CAAC;IAEnEjB,UAAU;QACR,IAAI,CAACY,YAAYH,aAAa;YAC5BO,sBAAsB;QACxB;IACF,GAAG;QAACJ;QAAaH;KAAW;IAE5B,qBACE,QAACR;QACCiB,MAAMT;QACNU,OAAOL,EAAE,mBAAmB;YAAEM,OAAOtB,eAAeY,OAAOW,QAAQ,EAAER;QAAM;kBAE3E,cAAA,QAACV;YACCK,QAAQA;YACRc,UAAU,CAACJ;gBACT,KAAKZ,OAAOC,aAAaW;gBACzBP,WAAWF;YACb;YACAc,YAAYR;;;;;;;;;;;AAIpB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useEffect","Drawer","useTranslation","BlockSelector","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","labels","closeModal","isModalOpen","i18n","t","searchTermOverride","setSearchTermOverride","useState","t0","t1","t2","singular","t3","slug","_jsx","title","label","children","onSelect","searchTerm"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect } from 'react'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSelector } from '../BlockSelector/index.js'\n\nexport type Props = {\n  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: (ClientBlock | string)[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n  const [searchTermOverride, setSearchTermOverride] = React.useState('')\n\n  useEffect(() => {\n    if (!isModalOpen(drawerSlug)) {\n      setSearchTermOverride('')\n    }\n  }, [isModalOpen, drawerSlug])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSelector\n        blocks={blocks}\n        onSelect={(slug) => {\n          void addRow(addRowIndex, slug)\n          closeModal(drawerSlug)\n        }}\n        searchTerm={searchTermOverride}\n      />\n    </Drawer>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAU9B,OAAO,MAAMC,YAAA,GAAgCC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAC3C;IAAAW,MAAA;IAAAC,WAAA;IAAAC,MAAA;IAAAC,UAAA;IAAAC;EAAA,IAA4DN,KAAA;EAE5D;IAAAO,UAAA;IAAAC;EAAA,IAAoChB,QAAA;EACpC;IAAAiB,IAAA;IAAAC;EAAA,IAAoBb,cAAA;EACpB,OAAAc,kBAAA,EAAAC,qBAAA,IAAoDlB,KAAA,CAAAmB,QAAA,CAAe;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAO,WAAA;IAEzDM,EAAA,GAAAA,CAAA;MAAA,KACHN,WAAA,CAAYH,UAAA;QACfO,qBAAA,CAAsB;MAAA;IAAA;IAEvBG,EAAA,IAACP,WAAA,EAAaH,UAAA;IAAWJ,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAO,WAAA;IAAAP,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAD,EAAA,GAAAb,CAAA;IAAAc,EAAA,GAAAd,CAAA;EAAA;EAJ5BN,SAAA,CAAUmB,EAIV,EAAGC,EAAyB;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAQ,IAAA,IAAAR,CAAA,SAAAK,MAAA,CAAAW,QAAA,IAAAhB,CAAA,SAAAU,kBAAA,IAAAV,CAAA,SAAAS,CAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAjB,CAAA,SAAAC,MAAA,IAAAD,CAAA,SAAAE,WAAA,IAAAF,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAI,UAAA;MASZa,EAAA,GAAAC,IAAA;QACHjB,MAAA,CAAOC,WAAA,EAAagB,IAAA;QACzBZ,UAAA,CAAWF,UAAA;MAAA;MACbJ,CAAA,OAAAC,MAAA;MAAAD,CAAA,OAAAE,WAAA;MAAAF,CAAA,OAAAM,UAAA;MAAAN,CAAA,OAAAI,UAAA;MAAAJ,CAAA,OAAAiB,EAAA;IAAA;MAAAA,EAAA,GAAAjB,CAAA;IAAA;IATJe,EAAA,GAAAI,IAAA,CAAAxB,MAAA;MAAAuB,IAAA,EACQd,UAAA;MAAAgB,KAAA,EACCX,CAAA,CAAE;QAAAY,KAAA,EAA4B7B,cAAA,CAAea,MAAA,CAAAW,QAAA,EAAiBR,IAAA;MAAA,CAAM;MAAAc,QAAA,EAE3EH,IAAA,CAAAtB,aAAA;QAAAM,MAAA;QAAAoB,QAAA,EAEYN,EAGV;QAAAO,UAAA,EACYd;MAAA,C;;;;;;;;;;;;;;;SAVhBK,E;CAcJ","ignoreList":[]}