@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/block-title/index.js

@@ -1,35 +1,8 @@
-/**
- * Internal dependencies
- */
-
-import useBlockDisplayTitle from './use-block-display-title';
-
-/**
- * Renders the block's configured title as a string, or empty if the title
- * cannot be determined.
- *
- * @example
- *
- * ```jsx
- * <BlockTitle clientId="afd1cb17-2c08-4e7a-91be-007ba7ddc3a1" maximumLength={ 17 }/>
- * ```
- *
- * @param {Object}           props
- * @param {string}           props.clientId      Client ID of block.
- * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated.
- * @param {string|undefined} props.context       The context to pass to `getBlockLabel`.
- *
- * @return {JSX.Element} Block title.
- */
-export default function BlockTitle({
-  clientId,
-  maximumLength,
-  context
-}) {
-  return useBlockDisplayTitle({
-    clientId,
-    maximumLength,
-    context
-  });
+import useBlockDisplayTitle from "./use-block-display-title";
+function BlockTitle({ clientId, maximumLength, context }) {
+  return useBlockDisplayTitle({ clientId, maximumLength, context });
 }
-//# sourceMappingURL=index.js.map
+export {
+  BlockTitle as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/block-title/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useBlockDisplayTitle","BlockTitle","clientId","maximumLength","context"],"sources":["@wordpress/block-editor/src/components/block-title/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\n\nimport useBlockDisplayTitle from './use-block-display-title';\n\n/**\n * Renders the block's configured title as a string, or empty if the title\n * cannot be determined.\n *\n * @example\n *\n * ```jsx\n * <BlockTitle clientId=\"afd1cb17-2c08-4e7a-91be-007ba7ddc3a1\" maximumLength={ 17 }/>\n * ```\n *\n * @param {Object}           props\n * @param {string}           props.clientId      Client ID of block.\n * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated.\n * @param {string|undefined} props.context       The context to pass to `getBlockLabel`.\n *\n * @return {JSX.Element} Block title.\n */\nexport default function BlockTitle( { clientId, maximumLength, context } ) {\n\treturn useBlockDisplayTitle( { clientId, maximumLength, context } );\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,oBAAoB,MAAM,2BAA2B;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,UAAUA,CAAE;EAAEC,QAAQ;EAAEC,aAAa;EAAEC;AAAQ,CAAC,EAAG;EAC1E,OAAOJ,oBAAoB,CAAE;IAAEE,QAAQ;IAAEC,aAAa;IAAEC;EAAQ,CAAE,CAAC;AACpE","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-title/index.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\n\nimport useBlockDisplayTitle from './use-block-display-title';\n\n/**\n * Renders the block's configured title as a string, or empty if the title\n * cannot be determined.\n *\n * @example\n *\n * ```jsx\n * <BlockTitle clientId=\"afd1cb17-2c08-4e7a-91be-007ba7ddc3a1\" maximumLength={ 17 }/>\n * ```\n *\n * @param {Object}           props\n * @param {string}           props.clientId      Client ID of block.\n * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated.\n * @param {string|undefined} props.context       The context to pass to `getBlockLabel`.\n *\n * @return {JSX.Element} Block title.\n */\nexport default function BlockTitle( { clientId, maximumLength, context } ) {\n\treturn useBlockDisplayTitle( { clientId, maximumLength, context } );\n}\n"],
+  "mappings": "AAIA,OAAO,0BAA0B;AAmBlB,SAAR,WAA6B,EAAE,UAAU,eAAe,QAAQ,GAAI;AAC1E,SAAO,qBAAsB,EAAE,UAAU,eAAe,QAAQ,CAAE;AACnE;",
+  "names": []
+}

package/build-module/components/block-title/use-block-display-title.js

@@ -1,69 +1,46 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { __experimentalGetBlockLabel as getBlockLabel, store as blocksStore } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-
-/**
- * Returns the block's configured title as a string, or empty if the title
- * cannot be determined.
- *
- * @example
- *
- * ```js
- * useBlockDisplayTitle( { clientId: 'afd1cb17-2c08-4e7a-91be-007ba7ddc3a1', maximumLength: 17 } );
- * ```
- *
- * @param {Object}           props
- * @param {string}           props.clientId      Client ID of block.
- * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated.
- * @param {string|undefined} props.context       The context to pass to `getBlockLabel`.
- * @return {?string} Block title.
- */
-export default function useBlockDisplayTitle({
+import { useSelect } from "@wordpress/data";
+import {
+  __experimentalGetBlockLabel as getBlockLabel,
+  store as blocksStore
+} from "@wordpress/blocks";
+import { store as blockEditorStore } from "../../store";
+function useBlockDisplayTitle({
   clientId,
   maximumLength,
   context
 }) {
-  const blockTitle = useSelect(select => {
-    if (!clientId) {
-      return null;
-    }
-    const {
-      getBlockName,
-      getBlockAttributes
-    } = select(blockEditorStore);
-    const {
-      getBlockType,
-      getActiveBlockVariation
-    } = select(blocksStore);
-    const blockName = getBlockName(clientId);
-    const blockType = getBlockType(blockName);
-    if (!blockType) {
-      return null;
-    }
-    const attributes = getBlockAttributes(clientId);
-    const label = getBlockLabel(blockType, attributes, context);
-    // If the label is defined we prioritize it over a possible block variation title match.
-    if (label !== blockType.title) {
-      return label;
-    }
-    const match = getActiveBlockVariation(blockName, attributes);
-    // Label will fallback to the title if no label is defined for the current label context.
-    return match?.title || blockType.title;
-  }, [clientId, context]);
+  const blockTitle = useSelect(
+    (select) => {
+      if (!clientId) {
+        return null;
+      }
+      const { getBlockName, getBlockAttributes } = select(blockEditorStore);
+      const { getBlockType, getActiveBlockVariation } = select(blocksStore);
+      const blockName = getBlockName(clientId);
+      const blockType = getBlockType(blockName);
+      if (!blockType) {
+        return null;
+      }
+      const attributes = getBlockAttributes(clientId);
+      const label = getBlockLabel(blockType, attributes, context);
+      if (label !== blockType.title) {
+        return label;
+      }
+      const match = getActiveBlockVariation(blockName, attributes);
+      return match?.title || blockType.title;
+    },
+    [clientId, context]
+  );
   if (!blockTitle) {
     return null;
   }
   if (maximumLength && maximumLength > 0 && blockTitle.length > maximumLength) {
-    const omission = '...';
+    const omission = "...";
     return blockTitle.slice(0, maximumLength - omission.length) + omission;
   }
   return blockTitle;
 }
-//# sourceMappingURL=use-block-display-title.js.map
+export {
+  useBlockDisplayTitle as default
+};
+//# sourceMappingURL=use-block-display-title.js.map

package/build-module/components/block-title/use-block-display-title.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","__experimentalGetBlockLabel","getBlockLabel","store","blocksStore","blockEditorStore","useBlockDisplayTitle","clientId","maximumLength","context","blockTitle","select","getBlockName","getBlockAttributes","getBlockType","getActiveBlockVariation","blockName","blockType","attributes","label","title","match","length","omission","slice"],"sources":["@wordpress/block-editor/src/components/block-title/use-block-display-title.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalGetBlockLabel as getBlockLabel,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Returns the block's configured title as a string, or empty if the title\n * cannot be determined.\n *\n * @example\n *\n * ```js\n * useBlockDisplayTitle( { clientId: 'afd1cb17-2c08-4e7a-91be-007ba7ddc3a1', maximumLength: 17 } );\n * ```\n *\n * @param {Object}           props\n * @param {string}           props.clientId      Client ID of block.\n * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated.\n * @param {string|undefined} props.context       The context to pass to `getBlockLabel`.\n * @return {?string} Block title.\n */\nexport default function useBlockDisplayTitle( {\n\tclientId,\n\tmaximumLength,\n\tcontext,\n} ) {\n\tconst blockTitle = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( blockName );\n\t\t\tif ( ! blockType ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\tconst label = getBlockLabel( blockType, attributes, context );\n\t\t\t// If the label is defined we prioritize it over a possible block variation title match.\n\t\t\tif ( label !== blockType.title ) {\n\t\t\t\treturn label;\n\t\t\t}\n\n\t\t\tconst match = getActiveBlockVariation( blockName, attributes );\n\t\t\t// Label will fallback to the title if no label is defined for the current label context.\n\t\t\treturn match?.title || blockType.title;\n\t\t},\n\t\t[ clientId, context ]\n\t);\n\n\tif ( ! blockTitle ) {\n\t\treturn null;\n\t}\n\n\tif (\n\t\tmaximumLength &&\n\t\tmaximumLength > 0 &&\n\t\tblockTitle.length > maximumLength\n\t) {\n\t\tconst omission = '...';\n\t\treturn (\n\t\t\tblockTitle.slice( 0, maximumLength - omission.length ) + omission\n\t\t);\n\t}\n\n\treturn blockTitle;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SACCC,2BAA2B,IAAIC,aAAa,EAC5CC,KAAK,IAAIC,WAAW,QACd,mBAAmB;;AAE1B;AACA;AACA;AACA,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,QAAQ;EACRC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGV,SAAS,CACzBW,MAAM,IAAM;IACb,IAAK,CAAEJ,QAAQ,EAAG;MACjB,OAAO,IAAI;IACZ;IAEA,MAAM;MAAEK,YAAY;MAAEC;IAAmB,CAAC,GACzCF,MAAM,CAAEN,gBAAiB,CAAC;IAC3B,MAAM;MAAES,YAAY;MAAEC;IAAwB,CAAC,GAC9CJ,MAAM,CAAEP,WAAY,CAAC;IAEtB,MAAMY,SAAS,GAAGJ,YAAY,CAAEL,QAAS,CAAC;IAC1C,MAAMU,SAAS,GAAGH,YAAY,CAAEE,SAAU,CAAC;IAC3C,IAAK,CAAEC,SAAS,EAAG;MAClB,OAAO,IAAI;IACZ;IAEA,MAAMC,UAAU,GAAGL,kBAAkB,CAAEN,QAAS,CAAC;IACjD,MAAMY,KAAK,GAAGjB,aAAa,CAAEe,SAAS,EAAEC,UAAU,EAAET,OAAQ,CAAC;IAC7D;IACA,IAAKU,KAAK,KAAKF,SAAS,CAACG,KAAK,EAAG;MAChC,OAAOD,KAAK;IACb;IAEA,MAAME,KAAK,GAAGN,uBAAuB,CAAEC,SAAS,EAAEE,UAAW,CAAC;IAC9D;IACA,OAAOG,KAAK,EAAED,KAAK,IAAIH,SAAS,CAACG,KAAK;EACvC,CAAC,EACD,CAAEb,QAAQ,EAAEE,OAAO,CACpB,CAAC;EAED,IAAK,CAAEC,UAAU,EAAG;IACnB,OAAO,IAAI;EACZ;EAEA,IACCF,aAAa,IACbA,aAAa,GAAG,CAAC,IACjBE,UAAU,CAACY,MAAM,GAAGd,aAAa,EAChC;IACD,MAAMe,QAAQ,GAAG,KAAK;IACtB,OACCb,UAAU,CAACc,KAAK,CAAE,CAAC,EAAEhB,aAAa,GAAGe,QAAQ,CAACD,MAAO,CAAC,GAAGC,QAAQ;EAEnE;EAEA,OAAOb,UAAU;AAClB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-title/use-block-display-title.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalGetBlockLabel as getBlockLabel,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Returns the block's configured title as a string, or empty if the title\n * cannot be determined.\n *\n * @example\n *\n * ```js\n * useBlockDisplayTitle( { clientId: 'afd1cb17-2c08-4e7a-91be-007ba7ddc3a1', maximumLength: 17 } );\n * ```\n *\n * @param {Object}           props\n * @param {string}           props.clientId      Client ID of block.\n * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated.\n * @param {string|undefined} props.context       The context to pass to `getBlockLabel`.\n * @return {?string} Block title.\n */\nexport default function useBlockDisplayTitle( {\n\tclientId,\n\tmaximumLength,\n\tcontext,\n} ) {\n\tconst blockTitle = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! clientId ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst { getBlockName, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { getBlockType, getActiveBlockVariation } =\n\t\t\t\tselect( blocksStore );\n\n\t\t\tconst blockName = getBlockName( clientId );\n\t\t\tconst blockType = getBlockType( blockName );\n\t\t\tif ( ! blockType ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\tconst label = getBlockLabel( blockType, attributes, context );\n\t\t\t// If the label is defined we prioritize it over a possible block variation title match.\n\t\t\tif ( label !== blockType.title ) {\n\t\t\t\treturn label;\n\t\t\t}\n\n\t\t\tconst match = getActiveBlockVariation( blockName, attributes );\n\t\t\t// Label will fallback to the title if no label is defined for the current label context.\n\t\t\treturn match?.title || blockType.title;\n\t\t},\n\t\t[ clientId, context ]\n\t);\n\n\tif ( ! blockTitle ) {\n\t\treturn null;\n\t}\n\n\tif (\n\t\tmaximumLength &&\n\t\tmaximumLength > 0 &&\n\t\tblockTitle.length > maximumLength\n\t) {\n\t\tconst omission = '...';\n\t\treturn (\n\t\t\tblockTitle.slice( 0, maximumLength - omission.length ) + omission\n\t\t);\n\t}\n\n\treturn blockTitle;\n}\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAC1B;AAAA,EACC,+BAA+B;AAAA,EAC/B,SAAS;AAAA,OACH;AAKP,SAAS,SAAS,wBAAwB;AAkB3B,SAAR,qBAAuC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,aAAa;AAAA,IAClB,CAAE,WAAY;AACb,UAAK,CAAE,UAAW;AACjB,eAAO;AAAA,MACR;AAEA,YAAM,EAAE,cAAc,mBAAmB,IACxC,OAAQ,gBAAiB;AAC1B,YAAM,EAAE,cAAc,wBAAwB,IAC7C,OAAQ,WAAY;AAErB,YAAM,YAAY,aAAc,QAAS;AACzC,YAAM,YAAY,aAAc,SAAU;AAC1C,UAAK,CAAE,WAAY;AAClB,eAAO;AAAA,MACR;AAEA,YAAM,aAAa,mBAAoB,QAAS;AAChD,YAAM,QAAQ,cAAe,WAAW,YAAY,OAAQ;AAE5D,UAAK,UAAU,UAAU,OAAQ;AAChC,eAAO;AAAA,MACR;AAEA,YAAM,QAAQ,wBAAyB,WAAW,UAAW;AAE7D,aAAO,OAAO,SAAS,UAAU;AAAA,IAClC;AAAA,IACA,CAAE,UAAU,OAAQ;AAAA,EACrB;AAEA,MAAK,CAAE,YAAa;AACnB,WAAO;AAAA,EACR;AAEA,MACC,iBACA,gBAAgB,KAChB,WAAW,SAAS,eACnB;AACD,UAAM,WAAW;AACjB,WACC,WAAW,MAAO,GAAG,gBAAgB,SAAS,MAAO,IAAI;AAAA,EAE3D;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/block-toolbar/block-name-context.js

@@ -1,8 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-const __unstableBlockNameContext = createContext('');
-__unstableBlockNameContext.displayName = '__unstableBlockNameContext';
-export default __unstableBlockNameContext;
-//# sourceMappingURL=block-name-context.js.map
+import { createContext } from "@wordpress/element";
+const __unstableBlockNameContext = createContext("");
+__unstableBlockNameContext.displayName = "__unstableBlockNameContext";
+var block_name_context_default = __unstableBlockNameContext;
+export {
+  block_name_context_default as default
+};
+//# sourceMappingURL=block-name-context.js.map

package/build-module/components/block-toolbar/block-name-context.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","__unstableBlockNameContext","displayName"],"sources":["@wordpress/block-editor/src/components/block-toolbar/block-name-context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst __unstableBlockNameContext = createContext( '' );\n__unstableBlockNameContext.displayName = '__unstableBlockNameContext';\n\nexport default __unstableBlockNameContext;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAElD,MAAMC,0BAA0B,GAAGD,aAAa,CAAE,EAAG,CAAC;AACtDC,0BAA0B,CAACC,WAAW,GAAG,4BAA4B;AAErE,eAAeD,0BAA0B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-toolbar/block-name-context.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst __unstableBlockNameContext = createContext( '' );\n__unstableBlockNameContext.displayName = '__unstableBlockNameContext';\n\nexport default __unstableBlockNameContext;\n"],
+  "mappings": "AAGA,SAAS,qBAAqB;AAE9B,MAAM,6BAA6B,cAAe,EAAG;AACrD,2BAA2B,cAAc;AAEzC,IAAO,6BAAQ;",
+  "names": []
+}

package/build-module/components/block-toolbar/block-toolbar-last-item.js

@@ -1,11 +1,10 @@
-/**
- * WordPress dependencies
- */
-import { createSlotFill } from '@wordpress/components';
-const {
-  Fill: __unstableBlockToolbarLastItem,
-  Slot
-} = createSlotFill('__unstableBlockToolbarLastItem');
+import { createSlotFill } from "@wordpress/components";
+const { Fill: __unstableBlockToolbarLastItem, Slot } = createSlotFill(
+  "__unstableBlockToolbarLastItem"
+);
 __unstableBlockToolbarLastItem.Slot = Slot;
-export default __unstableBlockToolbarLastItem;
-//# sourceMappingURL=block-toolbar-last-item.js.map
+var block_toolbar_last_item_default = __unstableBlockToolbarLastItem;
+export {
+  block_toolbar_last_item_default as default
+};
+//# sourceMappingURL=block-toolbar-last-item.js.map

package/build-module/components/block-toolbar/block-toolbar-last-item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createSlotFill","Fill","__unstableBlockToolbarLastItem","Slot"],"sources":["@wordpress/block-editor/src/components/block-toolbar/block-toolbar-last-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: __unstableBlockToolbarLastItem, Slot } = createSlotFill(\n\t'__unstableBlockToolbarLastItem'\n);\n\n__unstableBlockToolbarLastItem.Slot = Slot;\n\nexport default __unstableBlockToolbarLastItem;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAM;EAAEC,IAAI,EAAEC,8BAA8B;EAAEC;AAAK,CAAC,GAAGH,cAAc,CACpE,gCACD,CAAC;AAEDE,8BAA8B,CAACC,IAAI,GAAGA,IAAI;AAE1C,eAAeD,8BAA8B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-toolbar/block-toolbar-last-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: __unstableBlockToolbarLastItem, Slot } = createSlotFill(\n\t'__unstableBlockToolbarLastItem'\n);\n\n__unstableBlockToolbarLastItem.Slot = Slot;\n\nexport default __unstableBlockToolbarLastItem;\n"],
+  "mappings": "AAGA,SAAS,sBAAsB;AAE/B,MAAM,EAAE,MAAM,gCAAgC,KAAK,IAAI;AAAA,EACtD;AACD;AAEA,+BAA+B,OAAO;AAEtC,IAAO,kCAAQ;",
+  "names": []
+}

package/build-module/components/block-toolbar/change-design.js

@@ -1,80 +1,65 @@
-/**
- * WordPress dependencies
- */
-import { ToolbarButton, ToolbarGroup, Dropdown, __experimentalDropdownContentWrapper as DropdownContentWrapper } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { cloneBlock } from '@wordpress/blocks';
-import { useMemo } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import BlockPatternsList from '../block-patterns-list';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import {
+  ToolbarButton,
+  ToolbarGroup,
+  Dropdown,
+  __experimentalDropdownContentWrapper as DropdownContentWrapper
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { cloneBlock } from "@wordpress/blocks";
+import { useMemo } from "@wordpress/element";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as blockEditorStore } from "../../store";
+import BlockPatternsList from "../block-patterns-list";
 const EMPTY_ARRAY = [];
 const MAX_PATTERNS_TO_SHOW = 6;
 const POPOVER_PROPS = {
-  placement: 'bottom-start'
+  placement: "bottom-start"
 };
-export default function ChangeDesign({
-  clientId
-}) {
-  const {
-    categories,
-    currentPatternName,
-    patterns
-  } = useSelect(select => {
-    const {
-      getBlockAttributes,
-      getBlockRootClientId,
-      __experimentalGetAllowedPatterns
-    } = select(blockEditorStore);
-    const attributes = getBlockAttributes(clientId);
-    const _categories = attributes?.metadata?.categories || EMPTY_ARRAY;
-    const rootBlock = getBlockRootClientId(clientId);
-
-    // Calling `__experimentalGetAllowedPatterns` is expensive.
-    // Checking if the block can be changed prevents unnecessary selector calls.
-    // See: https://github.com/WordPress/gutenberg/pull/64736.
-    const _patterns = _categories.length > 0 ? __experimentalGetAllowedPatterns(rootBlock) : EMPTY_ARRAY;
-    return {
-      categories: _categories,
-      currentPatternName: attributes?.metadata?.patternName,
-      patterns: _patterns
-    };
-  }, [clientId]);
-  const {
-    replaceBlocks
-  } = useDispatch(blockEditorStore);
+function ChangeDesign({ clientId }) {
+  const { categories, currentPatternName, patterns } = useSelect(
+    (select) => {
+      const {
+        getBlockAttributes,
+        getBlockRootClientId,
+        __experimentalGetAllowedPatterns
+      } = select(blockEditorStore);
+      const attributes = getBlockAttributes(clientId);
+      const _categories = attributes?.metadata?.categories || EMPTY_ARRAY;
+      const rootBlock = getBlockRootClientId(clientId);
+      const _patterns = _categories.length > 0 ? __experimentalGetAllowedPatterns(rootBlock) : EMPTY_ARRAY;
+      return {
+        categories: _categories,
+        currentPatternName: attributes?.metadata?.patternName,
+        patterns: _patterns
+      };
+    },
+    [clientId]
+  );
+  const { replaceBlocks } = useDispatch(blockEditorStore);
   const sameCategoryPatternsWithSingleWrapper = useMemo(() => {
     if (categories.length === 0 || !patterns || patterns.length === 0) {
       return EMPTY_ARRAY;
     }
-    return patterns.filter(pattern => {
-      const isCorePattern = pattern.source === 'core' || pattern.source?.startsWith('pattern-directory') && pattern.source !== 'pattern-directory/theme';
+    return patterns.filter((pattern) => {
+      const isCorePattern = pattern.source === "core" || pattern.source?.startsWith("pattern-directory") && pattern.source !== "pattern-directory/theme";
       return (
         // Check if the pattern has only one top level block,
         // otherwise we may switch to a pattern that doesn't have replacement suggestions.
-        pattern.blocks.length === 1 &&
-        // We exclude the core patterns and pattern directory patterns that are not theme patterns.
-        !isCorePattern &&
-        // Exclude current pattern.
-        currentPatternName !== pattern.name && pattern.categories?.some(category => {
+        pattern.blocks.length === 1 && // We exclude the core patterns and pattern directory patterns that are not theme patterns.
+        !isCorePattern && // Exclude current pattern.
+        currentPatternName !== pattern.name && pattern.categories?.some((category) => {
           return categories.includes(category);
-        }) && (
-        // Check if the pattern is not a synced pattern.
-        pattern.syncStatus === 'unsynced' || !pattern.id)
+        }) && // Check if the pattern is not a synced pattern.
+        (pattern.syncStatus === "unsynced" || !pattern.id)
       );
     }).slice(0, MAX_PATTERNS_TO_SHOW);
   }, [categories, currentPatternName, patterns]);
   if (sameCategoryPatternsWithSingleWrapper.length < 2) {
     return null;
   }
-  const onClickPattern = pattern => {
-    var _pattern$blocks;
-    const newBlocks = ((_pattern$blocks = pattern.blocks) !== null && _pattern$blocks !== void 0 ? _pattern$blocks : []).map(block => {
+  const onClickPattern = (pattern) => {
+    const newBlocks = (pattern.blocks ?? []).map((block) => {
       return cloneBlock(block);
     });
     newBlocks[0].attributes.metadata = {
@@ -83,29 +68,39 @@ export default function ChangeDesign({
     };
     replaceBlocks(clientId, newBlocks);
   };
-  return /*#__PURE__*/_jsx(Dropdown, {
-    popoverProps: POPOVER_PROPS,
-    renderToggle: ({
-      onToggle,
-      isOpen
-    }) => {
-      return /*#__PURE__*/_jsx(ToolbarGroup, {
-        children: /*#__PURE__*/_jsx(ToolbarButton, {
-          onClick: () => onToggle(!isOpen),
-          "aria-expanded": isOpen,
-          children: __('Change design')
-        })
-      });
-    },
-    renderContent: () => /*#__PURE__*/_jsx(DropdownContentWrapper, {
-      className: "block-editor-block-toolbar-change-design-content-wrapper",
-      paddingSize: "none",
-      children: /*#__PURE__*/_jsx(BlockPatternsList, {
-        blockPatterns: sameCategoryPatternsWithSingleWrapper,
-        onClickPattern: onClickPattern,
-        showTitlesAsTooltip: true
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      popoverProps: POPOVER_PROPS,
+      renderToggle: ({ onToggle, isOpen }) => {
+        return /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsx(
+          ToolbarButton,
+          {
+            onClick: () => onToggle(!isOpen),
+            "aria-expanded": isOpen,
+            children: __("Change design")
+          }
+        ) });
+      },
+      renderContent: () => /* @__PURE__ */ jsx(
+        DropdownContentWrapper,
+        {
+          className: "block-editor-block-toolbar-change-design-content-wrapper",
+          paddingSize: "none",
+          children: /* @__PURE__ */ jsx(
+            BlockPatternsList,
+            {
+              blockPatterns: sameCategoryPatternsWithSingleWrapper,
+              onClickPattern,
+              showTitlesAsTooltip: true
+            }
+          )
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=change-design.js.map
+export {
+  ChangeDesign as default
+};
+//# sourceMappingURL=change-design.js.map

package/build-module/components/block-toolbar/change-design.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["ToolbarButton","ToolbarGroup","Dropdown","__experimentalDropdownContentWrapper","DropdownContentWrapper","__","cloneBlock","useMemo","useSelect","useDispatch","store","blockEditorStore","BlockPatternsList","jsx","_jsx","EMPTY_ARRAY","MAX_PATTERNS_TO_SHOW","POPOVER_PROPS","placement","ChangeDesign","clientId","categories","currentPatternName","patterns","select","getBlockAttributes","getBlockRootClientId","__experimentalGetAllowedPatterns","attributes","_categories","metadata","rootBlock","_patterns","length","patternName","replaceBlocks","sameCategoryPatternsWithSingleWrapper","filter","pattern","isCorePattern","source","startsWith","blocks","name","some","category","includes","syncStatus","id","slice","onClickPattern","_pattern$blocks","newBlocks","map","block","popoverProps","renderToggle","onToggle","isOpen","children","onClick","renderContent","className","paddingSize","blockPatterns","showTitlesAsTooltip"],"sources":["@wordpress/block-editor/src/components/block-toolbar/change-design.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarButton,\n\tToolbarGroup,\n\tDropdown,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockPatternsList from '../block-patterns-list';\n\nconst EMPTY_ARRAY = [];\nconst MAX_PATTERNS_TO_SHOW = 6;\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nexport default function ChangeDesign( { clientId } ) {\n\tconst { categories, currentPatternName, patterns } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\t__experimentalGetAllowedPatterns,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\tconst _categories = attributes?.metadata?.categories || EMPTY_ARRAY;\n\t\t\tconst rootBlock = getBlockRootClientId( clientId );\n\n\t\t\t// Calling `__experimentalGetAllowedPatterns` is expensive.\n\t\t\t// Checking if the block can be changed prevents unnecessary selector calls.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/64736.\n\t\t\tconst _patterns =\n\t\t\t\t_categories.length > 0\n\t\t\t\t\t? __experimentalGetAllowedPatterns( rootBlock )\n\t\t\t\t\t: EMPTY_ARRAY;\n\t\t\treturn {\n\t\t\t\tcategories: _categories,\n\t\t\t\tcurrentPatternName: attributes?.metadata?.patternName,\n\t\t\t\tpatterns: _patterns,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst sameCategoryPatternsWithSingleWrapper = useMemo( () => {\n\t\tif ( categories.length === 0 || ! patterns || patterns.length === 0 ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\treturn patterns\n\t\t\t.filter( ( pattern ) => {\n\t\t\t\tconst isCorePattern =\n\t\t\t\t\tpattern.source === 'core' ||\n\t\t\t\t\t( pattern.source?.startsWith( 'pattern-directory' ) &&\n\t\t\t\t\t\tpattern.source !== 'pattern-directory/theme' );\n\t\t\t\treturn (\n\t\t\t\t\t// Check if the pattern has only one top level block,\n\t\t\t\t\t// otherwise we may switch to a pattern that doesn't have replacement suggestions.\n\t\t\t\t\tpattern.blocks.length === 1 &&\n\t\t\t\t\t// We exclude the core patterns and pattern directory patterns that are not theme patterns.\n\t\t\t\t\t! isCorePattern &&\n\t\t\t\t\t// Exclude current pattern.\n\t\t\t\t\tcurrentPatternName !== pattern.name &&\n\t\t\t\t\tpattern.categories?.some( ( category ) => {\n\t\t\t\t\t\treturn categories.includes( category );\n\t\t\t\t\t} ) &&\n\t\t\t\t\t// Check if the pattern is not a synced pattern.\n\t\t\t\t\t( pattern.syncStatus === 'unsynced' || ! pattern.id )\n\t\t\t\t);\n\t\t\t} )\n\t\t\t.slice( 0, MAX_PATTERNS_TO_SHOW );\n\t}, [ categories, currentPatternName, patterns ] );\n\n\tif ( sameCategoryPatternsWithSingleWrapper.length < 2 ) {\n\t\treturn null;\n\t}\n\n\tconst onClickPattern = ( pattern ) => {\n\t\tconst newBlocks = ( pattern.blocks ?? [] ).map( ( block ) => {\n\t\t\treturn cloneBlock( block );\n\t\t} );\n\t\tnewBlocks[ 0 ].attributes.metadata = {\n\t\t\t...newBlocks[ 0 ].attributes.metadata,\n\t\t\tcategories,\n\t\t};\n\t\treplaceBlocks( clientId, newBlocks );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ () => onToggle( ! isOpen ) }\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Change design' ) }\n\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tclassName=\"block-editor-block-toolbar-change-design-content-wrapper\"\n\t\t\t\t\tpaddingSize=\"none\"\n\t\t\t\t>\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tblockPatterns={ sameCategoryPatternsWithSingleWrapper }\n\t\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-toolbar/change-design.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarButton,\n\tToolbarGroup,\n\tDropdown,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockPatternsList from '../block-patterns-list';\n\nconst EMPTY_ARRAY = [];\nconst MAX_PATTERNS_TO_SHOW = 6;\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nexport default function ChangeDesign( { clientId } ) {\n\tconst { categories, currentPatternName, patterns } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\t__experimentalGetAllowedPatterns,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\tconst _categories = attributes?.metadata?.categories || EMPTY_ARRAY;\n\t\t\tconst rootBlock = getBlockRootClientId( clientId );\n\n\t\t\t// Calling `__experimentalGetAllowedPatterns` is expensive.\n\t\t\t// Checking if the block can be changed prevents unnecessary selector calls.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/64736.\n\t\t\tconst _patterns =\n\t\t\t\t_categories.length > 0\n\t\t\t\t\t? __experimentalGetAllowedPatterns( rootBlock )\n\t\t\t\t\t: EMPTY_ARRAY;\n\t\t\treturn {\n\t\t\t\tcategories: _categories,\n\t\t\t\tcurrentPatternName: attributes?.metadata?.patternName,\n\t\t\t\tpatterns: _patterns,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst sameCategoryPatternsWithSingleWrapper = useMemo( () => {\n\t\tif ( categories.length === 0 || ! patterns || patterns.length === 0 ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\treturn patterns\n\t\t\t.filter( ( pattern ) => {\n\t\t\t\tconst isCorePattern =\n\t\t\t\t\tpattern.source === 'core' ||\n\t\t\t\t\t( pattern.source?.startsWith( 'pattern-directory' ) &&\n\t\t\t\t\t\tpattern.source !== 'pattern-directory/theme' );\n\t\t\t\treturn (\n\t\t\t\t\t// Check if the pattern has only one top level block,\n\t\t\t\t\t// otherwise we may switch to a pattern that doesn't have replacement suggestions.\n\t\t\t\t\tpattern.blocks.length === 1 &&\n\t\t\t\t\t// We exclude the core patterns and pattern directory patterns that are not theme patterns.\n\t\t\t\t\t! isCorePattern &&\n\t\t\t\t\t// Exclude current pattern.\n\t\t\t\t\tcurrentPatternName !== pattern.name &&\n\t\t\t\t\tpattern.categories?.some( ( category ) => {\n\t\t\t\t\t\treturn categories.includes( category );\n\t\t\t\t\t} ) &&\n\t\t\t\t\t// Check if the pattern is not a synced pattern.\n\t\t\t\t\t( pattern.syncStatus === 'unsynced' || ! pattern.id )\n\t\t\t\t);\n\t\t\t} )\n\t\t\t.slice( 0, MAX_PATTERNS_TO_SHOW );\n\t}, [ categories, currentPatternName, patterns ] );\n\n\tif ( sameCategoryPatternsWithSingleWrapper.length < 2 ) {\n\t\treturn null;\n\t}\n\n\tconst onClickPattern = ( pattern ) => {\n\t\tconst newBlocks = ( pattern.blocks ?? [] ).map( ( block ) => {\n\t\t\treturn cloneBlock( block );\n\t\t} );\n\t\tnewBlocks[ 0 ].attributes.metadata = {\n\t\t\t...newBlocks[ 0 ].attributes.metadata,\n\t\t\tcategories,\n\t\t};\n\t\treplaceBlocks( clientId, newBlocks );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ () => onToggle( ! isOpen ) }\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Change design' ) }\n\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tclassName=\"block-editor-block-toolbar-change-design-content-wrapper\"\n\t\t\t\t\tpaddingSize=\"none\"\n\t\t\t\t>\n\t\t\t\t\t<BlockPatternsList\n\t\t\t\t\t\tblockPatterns={ sameCategoryPatternsWithSingleWrapper }\n\t\t\t\t\t\tonClickPattern={ onClickPattern }\n\t\t\t\t\t\tshowTitlesAsTooltip\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AAuGM;AApGN;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,wCAAwC;AAAA,OAClC;AACP,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,WAAW,mBAAmB;AAKvC,SAAS,SAAS,wBAAwB;AAC1C,OAAO,uBAAuB;AAE9B,MAAM,cAAc,CAAC;AACrB,MAAM,uBAAuB;AAC7B,MAAM,gBAAgB;AAAA,EACrB,WAAW;AACZ;AAEe,SAAR,aAA+B,EAAE,SAAS,GAAI;AACpD,QAAM,EAAE,YAAY,oBAAoB,SAAS,IAAI;AAAA,IACpD,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,gBAAiB;AAC7B,YAAM,aAAa,mBAAoB,QAAS;AAChD,YAAM,cAAc,YAAY,UAAU,cAAc;AACxD,YAAM,YAAY,qBAAsB,QAAS;AAKjD,YAAM,YACL,YAAY,SAAS,IAClB,iCAAkC,SAAU,IAC5C;AACJ,aAAO;AAAA,QACN,YAAY;AAAA,QACZ,oBAAoB,YAAY,UAAU;AAAA,QAC1C,UAAU;AAAA,MACX;AAAA,IACD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACA,QAAM,EAAE,cAAc,IAAI,YAAa,gBAAiB;AACxD,QAAM,wCAAwC,QAAS,MAAM;AAC5D,QAAK,WAAW,WAAW,KAAK,CAAE,YAAY,SAAS,WAAW,GAAI;AACrE,aAAO;AAAA,IACR;AACA,WAAO,SACL,OAAQ,CAAE,YAAa;AACvB,YAAM,gBACL,QAAQ,WAAW,UACjB,QAAQ,QAAQ,WAAY,mBAAoB,KACjD,QAAQ,WAAW;AACrB;AAAA;AAAA;AAAA,QAGC,QAAQ,OAAO,WAAW;AAAA,QAE1B,CAAE;AAAA,QAEF,uBAAuB,QAAQ,QAC/B,QAAQ,YAAY,KAAM,CAAE,aAAc;AACzC,iBAAO,WAAW,SAAU,QAAS;AAAA,QACtC,CAAE;AAAA,SAEA,QAAQ,eAAe,cAAc,CAAE,QAAQ;AAAA;AAAA,IAEnD,CAAE,EACD,MAAO,GAAG,oBAAqB;AAAA,EAClC,GAAG,CAAE,YAAY,oBAAoB,QAAS,CAAE;AAEhD,MAAK,sCAAsC,SAAS,GAAI;AACvD,WAAO;AAAA,EACR;AAEA,QAAM,iBAAiB,CAAE,YAAa;AACrC,UAAM,aAAc,QAAQ,UAAU,CAAC,GAAI,IAAK,CAAE,UAAW;AAC5D,aAAO,WAAY,KAAM;AAAA,IAC1B,CAAE;AACF,cAAW,CAAE,EAAE,WAAW,WAAW;AAAA,MACpC,GAAG,UAAW,CAAE,EAAE,WAAW;AAAA,MAC7B;AAAA,IACD;AACA,kBAAe,UAAU,SAAU;AAAA,EACpC;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe;AAAA,MACf,cAAe,CAAE,EAAE,UAAU,OAAO,MAAO;AAC1C,eACC,oBAAC,gBACA;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM,SAAU,CAAE,MAAO;AAAA,YACnC,iBAAgB;AAAA,YAEd,aAAI,eAAgB;AAAA;AAAA,QACvB,GACD;AAAA,MAEF;AAAA,MACA,eAAgB,MACf;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,aAAY;AAAA,UAEZ;AAAA,YAAC;AAAA;AAAA,cACA,eAAgB;AAAA,cAChB;AAAA,cACA,qBAAmB;AAAA;AAAA,UACpB;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;",
+  "names": []
+}