@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.2eb12b9

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

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useEffect, useMemo, useState } from 'react';
@@ -11,106 +10,113 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import { BlockSearch } from './BlockSearch/index.js';
 import './index.scss';
 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 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_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, {})
-                  })
+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__*/ _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, index)=>{
+                                        const block = typeof _block === 'string' ? config.blocksMap[_block] : _block;
+                                        const { slug, imageAltText, imageURL, labels: blockLabels } = block;
+                                        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))
                 })
-              }, index);
             })
-          })]
-        }, groupLabel))
-      })
-    })]
-  });
+        ]
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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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"}

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

@@ -1,6 +1,4 @@
 'use client';
-
-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';
@@ -8,82 +6,33 @@ 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 $ = _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
-      })
+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__*/ _jsx(Drawer, {
+        slug: drawerSlug,
+        title: t('fields:addLabel', {
+            label: getTranslation(labels.singular, i18n)
+        }),
+        children: /*#__PURE__*/ _jsx(BlockSelector, {
+            blocks: blocks,
+            onSelect: (slug)=>{
+                void addRow(addRowIndex, slug);
+                closeModal(drawerSlug);
+            },
+            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,"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":[]}
+{"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,KAACR;QACCiB,MAAMT;QACNU,OAAOL,EAAE,mBAAmB;YAAEM,OAAOtB,eAAeY,OAAOW,QAAQ,EAAER;QAAM;kBAE3E,cAAA,KAACV;YACCK,QAAQA;YACRc,UAAU,CAACJ;gBACT,KAAKZ,OAAOC,aAAaW;gBACzBP,WAAWF;YACb;YACAc,YAAYR;;;AAIpB,EAAC"}

package/dist/fields/Blocks/RowActions.js

@@ -1,114 +1,46 @@
 '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 React from 'react';
 import { ArrayAction } from '../../elements/ArrayAction/index.js';
 import { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js';
 import { BlocksDrawer } from './BlocksDrawer/index.js';
-export const RowActions = props => {
-  const $ = _c(28);
-  const {
-    addRow,
-    blocks,
-    blockType,
-    copyRow,
-    duplicateRow,
-    hasMaxRows,
-    isSortable,
-    labels,
-    moveRow,
-    pasteRow,
-    removeRow,
-    rowCount,
-    rowIndex
-  } = props;
-  const {
-    closeModal,
-    openModal
-  } = useModal();
-  const drawerSlug = useDrawerSlug("blocks-drawer");
-  const [indexToAdd, setIndexToAdd] = React.useState(null);
-  let t0;
-  if ($[0] !== addRow || $[1] !== closeModal || $[2] !== drawerSlug || $[3] !== indexToAdd) {
-    t0 = (_, rowBlockType) => {
-      if (typeof addRow === "function") {
-        addRow(indexToAdd, rowBlockType);
-      }
-      closeModal(drawerSlug);
-    };
-    $[0] = addRow;
-    $[1] = closeModal;
-    $[2] = drawerSlug;
-    $[3] = indexToAdd;
-    $[4] = t0;
-  } else {
-    t0 = $[4];
-  }
-  let t1;
-  if ($[5] !== blockType || $[6] !== blocks || $[7] !== copyRow || $[8] !== drawerSlug || $[9] !== duplicateRow || $[10] !== hasMaxRows || $[11] !== isSortable || $[12] !== labels || $[13] !== moveRow || $[14] !== openModal || $[15] !== pasteRow || $[16] !== removeRow || $[17] !== rowCount || $[18] !== rowIndex || $[19] !== t0) {
-    let t2;
-    if ($[21] !== drawerSlug || $[22] !== openModal) {
-      t2 = index => {
-        setIndexToAdd(index);
-        openModal(drawerSlug);
-      };
-      $[21] = drawerSlug;
-      $[22] = openModal;
-      $[23] = t2;
-    } else {
-      t2 = $[23];
-    }
-    let t3;
-    if ($[24] !== blockType || $[25] !== duplicateRow || $[26] !== rowIndex) {
-      t3 = () => duplicateRow(rowIndex, blockType);
-      $[24] = blockType;
-      $[25] = duplicateRow;
-      $[26] = rowIndex;
-      $[27] = t3;
-    } else {
-      t3 = $[27];
-    }
-    t1 = _jsxs(React.Fragment, {
-      children: [_jsx(BlocksDrawer, {
-        addRow: t0,
-        addRowIndex: rowIndex,
-        blocks,
-        drawerSlug,
-        labels
-      }), _jsx(ArrayAction, {
-        addRow: t2,
-        copyRow,
-        duplicateRow: t3,
-        hasMaxRows,
-        index: rowIndex,
-        isSortable,
-        moveRow,
-        pasteRow,
-        removeRow,
-        rowCount
-      })]
+export const RowActions = (props)=>{
+    const { addRow, blocks, blockType, copyRow, duplicateRow, hasMaxRows, isSortable, labels, moveRow, pasteRow, removeRow, rowCount, rowIndex } = props;
+    const { closeModal, openModal } = useModal();
+    const drawerSlug = useDrawerSlug('blocks-drawer');
+    const [indexToAdd, setIndexToAdd] = React.useState(null);
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(BlocksDrawer, {
+                addRow: (_, rowBlockType)=>{
+                    if (typeof addRow === 'function') {
+                        void addRow(indexToAdd, rowBlockType);
+                    }
+                    closeModal(drawerSlug);
+                },
+                addRowIndex: rowIndex,
+                blocks: blocks,
+                drawerSlug: drawerSlug,
+                labels: labels
+            }),
+            /*#__PURE__*/ _jsx(ArrayAction, {
+                addRow: (index)=>{
+                    setIndexToAdd(index);
+                    openModal(drawerSlug);
+                },
+                copyRow: copyRow,
+                duplicateRow: ()=>duplicateRow(rowIndex, blockType),
+                hasMaxRows: hasMaxRows,
+                index: rowIndex,
+                isSortable: isSortable,
+                moveRow: moveRow,
+                pasteRow: pasteRow,
+                removeRow: removeRow,
+                rowCount: rowCount
+            })
+        ]
     });
-    $[5] = blockType;
-    $[6] = blocks;
-    $[7] = copyRow;
-    $[8] = drawerSlug;
-    $[9] = duplicateRow;
-    $[10] = hasMaxRows;
-    $[11] = isSortable;
-    $[12] = labels;
-    $[13] = moveRow;
-    $[14] = openModal;
-    $[15] = pasteRow;
-    $[16] = removeRow;
-    $[17] = rowCount;
-    $[18] = rowIndex;
-    $[19] = t0;
-    $[20] = t1;
-  } else {
-    t1 = $[20];
-  }
-  return t1;
 };
+
 //# sourceMappingURL=RowActions.js.map

package/dist/fields/Blocks/RowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActions.js","names":["c","_c","useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","copyRow","duplicateRow","hasMaxRows","isSortable","labels","moveRow","pasteRow","removeRow","rowCount","rowIndex","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","t0","_","rowBlockType","t1","t2","index","t3","_jsxs","Fragment","children","_jsx","addRowIndex"],"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blocks: (ClientBlock | string)[]\n  readonly blockType: string\n  readonly copyRow: (rowIndex: number) => void\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly pasteRow: (rowIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    copyRow,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    pasteRow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            void addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        copyRow={copyRow}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        moveRow={moveRow}\n        pasteRow={pasteRow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blocks: (ClientBlock | string)[]\n  readonly blockType: string\n  readonly copyRow: (rowIndex: number) => void\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly pasteRow: (rowIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    copyRow,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    pasteRow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            void addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        copyRow={copyRow}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        isSortable={isSortable}\n        moveRow={moveRow}\n        pasteRow={pasteRow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","addRow","blocks","blockType","copyRow","duplicateRow","hasMaxRows","isSortable","labels","moveRow","pasteRow","removeRow","rowCount","rowIndex","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","Fragment","_","rowBlockType","addRowIndex","index"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,aAeR,CAACC;IACJ,MAAM,EACJC,MAAM,EACNC,MAAM,EACNC,SAAS,EACTC,OAAO,EACPC,YAAY,EACZC,UAAU,EACVC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACT,GAAGb;IAEJ,MAAM,EAAEc,UAAU,EAAEC,SAAS,EAAE,GAAGrB;IAClC,MAAMsB,aAAanB,cAAc;IAEjC,MAAM,CAACoB,YAAYC,cAAc,GAAGvB,MAAMwB,QAAQ,CAAgB;IAElE,qBACE,MAACxB,MAAMyB,QAAQ;;0BACb,KAACtB;gBACCG,QAAQ,CAACoB,GAAGC;oBACV,IAAI,OAAOrB,WAAW,YAAY;wBAChC,KAAKA,OAAOgB,YAAYK;oBAC1B;oBACAR,WAAWE;gBACb;gBACAO,aAAaV;gBACbX,QAAQA;gBACRc,YAAYA;gBACZR,QAAQA;;0BAEV,KAACZ;gBACCK,QAAQ,CAACuB;oBACPN,cAAcM;oBACdT,UAAUC;gBACZ;gBACAZ,SAASA;gBACTC,cAAc,IAAMA,aAAaQ,UAAUV;gBAC3CG,YAAYA;gBACZkB,OAAOX;gBACPN,YAAYA;gBACZE,SAASA;gBACTC,UAAUA;gBACVC,WAAWA;gBACXC,UAAUA;;;;AAIlB,EAAC"}