@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

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

@@ -1,6 +1,8 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Fragment, useEffect, useMemo, useState } from 'react';
+import React, { Fragment, useEffect, useMemo, useState } from 'react';
 import { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js';
 import { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js';
 import { useControllableState } from '../../../hooks/useControllableState.js';
@@ -8,93 +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 <Fragment>
-      <BlockSearch setSearchTerm={setSearchTerm}/>
-      <div className={`${baseClass}__blocks-wrapper`}>
-        <ul className={`${baseClass}__block-groups`}>
-          {Object.entries(blockGroups).map(([groupLabel, groupBlocks])=>!groupBlocks.length ? null : <li className={[
-            `${baseClass}__block-group`,
-            groupLabel === '_none' && `${baseClass}__block-group-none`
-        ].filter(Boolean).join(' ')} key={groupLabel}>
-                {groupLabel !== '_none' && <h3 className={`${baseClass}__block-group-label`}>{groupLabel}</h3>}
-                <ul className={`${baseClass}__blocks`}>
-                  {groupBlocks.map((_block, index)=>{
-            const block = typeof _block === 'string' ? config.blocksMap[_block] : _block;
-            const { slug, imageAltText, imageURL, labels: blockLabels } = block;
-            return <li className={`${baseClass}__block`} key={index}>
-                        <ThumbnailCard alignLabel="center" label={getTranslation(blockLabels?.singular, i18n)} onClick={()=>{
-                if (typeof onSelect === 'function') {
-                    onSelect(slug);
-                }
-            }} thumbnail={<div className={`${baseClass}__default-image`}>
-                              {imageURL ? <img alt={imageAltText} src={imageURL}/> : <DefaultBlockImage/>}
-                            </div>}/>
-                      </li>;
-        })}
-                </ul>
-              </li>)}
-        </ul>
-      </div>
-    </Fragment>;
+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","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","key","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,31 +1,89 @@
 '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';
 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 <Drawer slug={drawerSlug} title={t('fields:addLabel', {
-        label: getTranslation(labels.singular, i18n)
-    })}>
-      <BlockSelector blocks={blocks} onSelect={(slug)=>{
-        void addRow(addRowIndex, slug);
+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);
-    }} searchTerm={searchTermOverride}/>
-    </Drawer>;
+      };
+      $[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,QACGR,OACCiB,MAAMT,YACNU,OAAOL,EAAE,mBAAmB;QAAEM,OAAOtB,eAAeY,OAAOW,QAAQ,EAAER;IAAM,IAC5E;MACC,CAACV,cACCK,QAAQA,QACRc,UAAU,CAACJ;QACT,KAAKZ,OAAOC,aAAaW;QACzBP,WAAWF;IACb,GACAc,YAAYR,qBACZ;IACJ,EAAEd;AAEN,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":[]}

package/dist/fields/Blocks/RowActions.js

@@ -1,26 +1,114 @@
 '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 { 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 <React.Fragment>
-      <BlocksDrawer addRow={(_, rowBlockType)=>{
-        if (typeof addRow === 'function') {
-            void addRow(indexToAdd, rowBlockType);
-        }
-        closeModal(drawerSlug);
-    }} addRowIndex={rowIndex} blocks={blocks} drawerSlug={drawerSlug} labels={labels}/>
-      <ArrayAction addRow={(index)=>{
+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);
-    }} copyRow={copyRow} duplicateRow={()=>duplicateRow(rowIndex, blockType)} hasMaxRows={hasMaxRows} index={rowIndex} isSortable={isSortable} moveRow={moveRow} pasteRow={pasteRow} removeRow={removeRow} rowCount={rowCount}/>
-    </React.Fragment>;
+      };
+      $[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
+      })]
+    });
+    $[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,"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,QACGxB,MAAMyB,SAAS;MACd,CAACtB,aACCG,QAAQ,CAACoB,GAAGC;QACV,IAAI,OAAOrB,WAAW,YAAY;YAChC,KAAKA,OAAOgB,YAAYK;QAC1B;QACAR,WAAWE;IACb,GACAO,aAAaV,UACbX,QAAQA,QACRc,YAAYA,YACZR,QAAQA,SACR;MACF,CAACZ,YACCK,QAAQ,CAACuB;QACPN,cAAcM;QACdT,UAAUC;IACZ,GACAZ,SAASA,SACTC,cAAc,IAAMA,aAAaQ,UAAUV,YAC3CG,YAAYA,YACZkB,OAAOX,UACPN,YAAYA,YACZE,SAASA,SACTC,UAAUA,UACVC,WAAWA,WACXC,UAAUA,WACV;IACJ,EAAEjB,MAAMyB;AAEZ,EAAC"}
+{"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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,UAAA,GAeRC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACH;IAAAS,MAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC;EAAA,IAcId,KAAA;EAEJ;IAAAe,UAAA;IAAAC;EAAA,IAAkCtB,QAAA;EAClC,MAAAuB,UAAA,GAAmBpB,aAAA,CAAc;EAEjC,OAAAqB,UAAA,EAAAC,aAAA,IAAoCxB,KAAA,CAAAyB,QAAA,KAA8B;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAc,UAAA,IAAAd,CAAA,QAAAgB,UAAA,IAAAhB,CAAA,QAAAiB,UAAA;IAKpDG,EAAA,GAAAA,CAAAC,CAAA,EAAAC,YAAA;MAAA,IACF,OAAOrB,MAAA,KAAW;QACfA,MAAA,CAAOgB,UAAA,EAAYK,YAAA;MAAA;MAE1BR,UAAA,CAAWE,UAAA;IAAA;IACbhB,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAc,UAAA;IAAAd,CAAA,MAAAgB,UAAA;IAAAhB,CAAA,MAAAiB,UAAA;IAAAjB,CAAA,MAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EAAA,IAAAuB,EAAA;EAAA,IAAAvB,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAgB,UAAA,IAAAhB,CAAA,QAAAK,YAAA,IAAAL,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAO,UAAA,IAAAP,CAAA,SAAAQ,MAAA,IAAAR,CAAA,SAAAS,OAAA,IAAAT,CAAA,SAAAe,SAAA,IAAAf,CAAA,SAAAU,QAAA,IAAAV,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAoB,EAAA;IAAA,IAAAI,EAAA;IAAA,IAAAxB,CAAA,SAAAgB,UAAA,IAAAhB,CAAA,SAAAe,SAAA;MAOQS,EAAA,GAAAC,KAAA;QACNP,aAAA,CAAcO,KAAA;QACdV,SAAA,CAAUC,UAAA;MAAA;MACZhB,CAAA,OAAAgB,UAAA;MAAAhB,CAAA,OAAAe,SAAA;MAAAf,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IAAA,IAAA0B,EAAA;IAAA,IAAA1B,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAK,YAAA,IAAAL,CAAA,SAAAa,QAAA;MAEca,EAAA,GAAAA,CAAA,KAAMrB,YAAA,CAAaQ,QAAA,EAAUV,SAAA;MAAAH,CAAA,OAAAG,SAAA;MAAAH,CAAA,OAAAK,YAAA;MAAAL,CAAA,OAAAa,QAAA;MAAAb,CAAA,OAAA0B,EAAA;IAAA;MAAAA,EAAA,GAAA1B,CAAA;IAAA;IAnB/CuB,EAAA,GAAAI,KAAA,CAAAjC,KAAA,CAAAkC,QAAA;MAAAC,QAAA,GACEC,IAAA,CAAAjC,YAAA;QAAAI,MAAA,EACUmB,EAKR;QAAAW,WAAA,EACalB,QAAA;QAAAX,MAAA;QAAAc,UAAA;QAAAR;MAAA,C,GAKfsB,IAAA,CAAAnC,WAAA;QAAAM,MAAA,EACUuB,EAGR;QAAApB,OAAA;QAAAC,YAAA,EAEcqB,EAA6B;QAAApB,UAAA;QAAAmB,KAAA,EAEpCZ,QAAA;QAAAN,UAAA;QAAAE,OAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC;MAAA,C;;;;;;;;;;;;;;;;;;;;;SArBXW,E;CA8BJ","ignoreList":[]}