@wordpress/edit-widgets 5.34.0 → 6.0.0

package/build-module/components/more-menu/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -16,79 +15,93 @@ import { useViewportMatch } from '@wordpress/compose';
  */
 import KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';
 import ToolsMoreMenuGroup from './tools-more-menu-group';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function MoreMenu() {
   const [isKeyboardShortcutsModalActive, setIsKeyboardShortcutsModalVisible] = useState(false);
   const toggleKeyboardShortcutsModal = () => setIsKeyboardShortcutsModalVisible(!isKeyboardShortcutsModalActive);
   useShortcut('core/edit-widgets/keyboard-shortcuts', toggleKeyboardShortcutsModal);
   const isLargeViewport = useViewportMatch('medium');
-  return createElement(Fragment, null, createElement(DropdownMenu, {
-    icon: moreVertical,
-    label: __('Options'),
-    popoverProps: {
-      placement: 'bottom-end',
-      className: 'more-menu-dropdown__content'
-    },
-    toggleProps: {
-      tooltipPosition: 'bottom',
-      size: 'compact'
-    }
-  }, onClose => createElement(Fragment, null, isLargeViewport && createElement(MenuGroup, {
-    label: _x('View', 'noun')
-  }, createElement(PreferenceToggleMenuItem, {
-    scope: "core/edit-widgets",
-    name: "fixedToolbar",
-    label: __('Top toolbar'),
-    info: __('Access all block and document tools in a single place'),
-    messageActivated: __('Top toolbar activated'),
-    messageDeactivated: __('Top toolbar deactivated')
-  })), createElement(MenuGroup, {
-    label: __('Tools')
-  }, createElement(MenuItem, {
-    onClick: () => {
-      setIsKeyboardShortcutsModalVisible(true);
-    },
-    shortcut: displayShortcut.access('h')
-  }, __('Keyboard shortcuts')), createElement(PreferenceToggleMenuItem, {
-    scope: "core/edit-widgets",
-    name: "welcomeGuide",
-    label: __('Welcome Guide')
-  }), createElement(MenuItem, {
-    role: "menuitem",
-    icon: external,
-    href: __('https://wordpress.org/documentation/article/block-based-widgets-editor/'),
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, __('Help'), createElement(VisuallyHidden, {
-    as: "span"
-  }, /* translators: accessibility text */
-  __('(opens in a new tab)'))), createElement(ToolsMoreMenuGroup.Slot, {
-    fillProps: {
-      onClose
-    }
-  })), createElement(MenuGroup, {
-    label: __('Preferences')
-  }, createElement(PreferenceToggleMenuItem, {
-    scope: "core/edit-widgets",
-    name: "keepCaretInsideBlock",
-    label: __('Contain text cursor inside block'),
-    info: __('Aids screen readers by stopping text caret from leaving blocks.'),
-    messageActivated: __('Contain text cursor inside block activated'),
-    messageDeactivated: __('Contain text cursor inside block deactivated')
-  }), createElement(PreferenceToggleMenuItem, {
-    scope: "core/edit-widgets",
-    name: "themeStyles",
-    info: __('Make the editor look like your theme.'),
-    label: __('Use theme styles')
-  }), isLargeViewport && createElement(PreferenceToggleMenuItem, {
-    scope: "core/edit-widgets",
-    name: "showBlockBreadcrumbs",
-    label: __('Display block breadcrumbs'),
-    info: __('Shows block breadcrumbs at the bottom of the editor.'),
-    messageActivated: __('Display block breadcrumbs activated'),
-    messageDeactivated: __('Display block breadcrumbs deactivated')
-  })))), createElement(KeyboardShortcutHelpModal, {
-    isModalActive: isKeyboardShortcutsModalActive,
-    toggleModal: toggleKeyboardShortcutsModal
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DropdownMenu, {
+      icon: moreVertical,
+      label: __('Options'),
+      popoverProps: {
+        placement: 'bottom-end',
+        className: 'more-menu-dropdown__content'
+      },
+      toggleProps: {
+        tooltipPosition: 'bottom',
+        size: 'compact'
+      },
+      children: onClose => /*#__PURE__*/_jsxs(_Fragment, {
+        children: [isLargeViewport && /*#__PURE__*/_jsx(MenuGroup, {
+          label: _x('View', 'noun'),
+          children: /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
+            scope: "core/edit-widgets",
+            name: "fixedToolbar",
+            label: __('Top toolbar'),
+            info: __('Access all block and document tools in a single place'),
+            messageActivated: __('Top toolbar activated'),
+            messageDeactivated: __('Top toolbar deactivated')
+          })
+        }), /*#__PURE__*/_jsxs(MenuGroup, {
+          label: __('Tools'),
+          children: [/*#__PURE__*/_jsx(MenuItem, {
+            onClick: () => {
+              setIsKeyboardShortcutsModalVisible(true);
+            },
+            shortcut: displayShortcut.access('h'),
+            children: __('Keyboard shortcuts')
+          }), /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
+            scope: "core/edit-widgets",
+            name: "welcomeGuide",
+            label: __('Welcome Guide')
+          }), /*#__PURE__*/_jsxs(MenuItem, {
+            role: "menuitem",
+            icon: external,
+            href: __('https://wordpress.org/documentation/article/block-based-widgets-editor/'),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [__('Help'), /*#__PURE__*/_jsx(VisuallyHidden, {
+              as: "span",
+              children: /* translators: accessibility text */
+              __('(opens in a new tab)')
+            })]
+          }), /*#__PURE__*/_jsx(ToolsMoreMenuGroup.Slot, {
+            fillProps: {
+              onClose
+            }
+          })]
+        }), /*#__PURE__*/_jsxs(MenuGroup, {
+          label: __('Preferences'),
+          children: [/*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
+            scope: "core/edit-widgets",
+            name: "keepCaretInsideBlock",
+            label: __('Contain text cursor inside block'),
+            info: __('Aids screen readers by stopping text caret from leaving blocks.'),
+            messageActivated: __('Contain text cursor inside block activated'),
+            messageDeactivated: __('Contain text cursor inside block deactivated')
+          }), /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
+            scope: "core/edit-widgets",
+            name: "themeStyles",
+            info: __('Make the editor look like your theme.'),
+            label: __('Use theme styles')
+          }), isLargeViewport && /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
+            scope: "core/edit-widgets",
+            name: "showBlockBreadcrumbs",
+            label: __('Display block breadcrumbs'),
+            info: __('Shows block breadcrumbs at the bottom of the editor.'),
+            messageActivated: __('Display block breadcrumbs activated'),
+            messageDeactivated: __('Display block breadcrumbs deactivated')
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(KeyboardShortcutHelpModal, {
+      isModalActive: isKeyboardShortcutsModalActive,
+      toggleModal: toggleKeyboardShortcutsModal
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/more-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuGroup","MenuItem","VisuallyHidden","DropdownMenu","useState","__","_x","external","moreVertical","PreferenceToggleMenuItem","displayShortcut","useShortcut","useViewportMatch","KeyboardShortcutHelpModal","ToolsMoreMenuGroup","MoreMenu","isKeyboardShortcutsModalActive","setIsKeyboardShortcutsModalVisible","toggleKeyboardShortcutsModal","isLargeViewport","createElement","Fragment","icon","label","popoverProps","placement","className","toggleProps","tooltipPosition","size","onClose","scope","name","info","messageActivated","messageDeactivated","onClick","shortcut","access","role","href","target","rel","as","Slot","fillProps","isModalActive","toggleModal"],"sources":["@wordpress/edit-widgets/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n\tDropdownMenu,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { external, moreVertical } from '@wordpress/icons';\nimport { PreferenceToggleMenuItem } from '@wordpress/preferences';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';\nimport ToolsMoreMenuGroup from './tools-more-menu-group';\n\nexport default function MoreMenu() {\n\tconst [\n\t\tisKeyboardShortcutsModalActive,\n\t\tsetIsKeyboardShortcutsModalVisible,\n\t] = useState( false );\n\tconst toggleKeyboardShortcutsModal = () =>\n\t\tsetIsKeyboardShortcutsModalVisible( ! isKeyboardShortcutsModalActive );\n\n\tuseShortcut(\n\t\t'core/edit-widgets/keyboard-shortcuts',\n\t\ttoggleKeyboardShortcutsModal\n\t);\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Options' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t\tclassName: 'more-menu-dropdown__content',\n\t\t\t\t} }\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t\tsize: 'compact',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ ( onClose ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsKeyboardShortcutsModalVisible( true );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\tname=\"welcomeGuide\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/block-based-widgets-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Preferences' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\tname=\"keepCaretInsideBlock\"\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\tname=\"themeStyles\"\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Make the editor look like your theme.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Use theme styles' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\t\tname=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Display block breadcrumbs activated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Display block breadcrumbs deactivated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t\t<KeyboardShortcutHelpModal\n\t\t\t\tisModalActive={ isKeyboardShortcutsModalActive }\n\t\t\t\ttoggleModal={ toggleKeyboardShortcutsModal }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["MenuGroup","MenuItem","VisuallyHidden","DropdownMenu","useState","__","_x","external","moreVertical","PreferenceToggleMenuItem","displayShortcut","useShortcut","useViewportMatch","KeyboardShortcutHelpModal","ToolsMoreMenuGroup","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MoreMenu","isKeyboardShortcutsModalActive","setIsKeyboardShortcutsModalVisible","toggleKeyboardShortcutsModal","isLargeViewport","children","icon","label","popoverProps","placement","className","toggleProps","tooltipPosition","size","onClose","scope","name","info","messageActivated","messageDeactivated","onClick","shortcut","access","role","href","target","rel","as","Slot","fillProps","isModalActive","toggleModal"],"sources":["@wordpress/edit-widgets/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n\tDropdownMenu,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { external, moreVertical } from '@wordpress/icons';\nimport { PreferenceToggleMenuItem } from '@wordpress/preferences';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';\nimport ToolsMoreMenuGroup from './tools-more-menu-group';\n\nexport default function MoreMenu() {\n\tconst [\n\t\tisKeyboardShortcutsModalActive,\n\t\tsetIsKeyboardShortcutsModalVisible,\n\t] = useState( false );\n\tconst toggleKeyboardShortcutsModal = () =>\n\t\tsetIsKeyboardShortcutsModalVisible( ! isKeyboardShortcutsModalActive );\n\n\tuseShortcut(\n\t\t'core/edit-widgets/keyboard-shortcuts',\n\t\ttoggleKeyboardShortcutsModal\n\t);\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Options' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t\tclassName: 'more-menu-dropdown__content',\n\t\t\t\t} }\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t\tsize: 'compact',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ ( onClose ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsKeyboardShortcutsModalVisible( true );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\tname=\"welcomeGuide\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/block-based-widgets-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Preferences' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\tname=\"keepCaretInsideBlock\"\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\tname=\"themeStyles\"\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Make the editor look like your theme.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tlabel={ __( 'Use theme styles' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\t\tscope=\"core/edit-widgets\"\n\t\t\t\t\t\t\t\t\tname=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Display block breadcrumbs activated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t\t'Display block breadcrumbs deactivated'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t\t<KeyboardShortcutHelpModal\n\t\t\t\tisModalActive={ isKeyboardShortcutsModalActive }\n\t\t\t\ttoggleModal={ toggleKeyboardShortcutsModal }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,SAAS,EACTC,QAAQ,EACRC,cAAc,EACdC,YAAY,QACN,uBAAuB;AAC9B,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,QAAQ,EAAEC,YAAY,QAAQ,kBAAkB;AACzD,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA,OAAOC,yBAAyB,MAAM,iCAAiC;AACvE,OAAOC,kBAAkB,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEzD,eAAe,SAASC,QAAQA,CAAA,EAAG;EAClC,MAAM,CACLC,8BAA8B,EAC9BC,kCAAkC,CAClC,GAAGnB,QAAQ,CAAE,KAAM,CAAC;EACrB,MAAMoB,4BAA4B,GAAGA,CAAA,KACpCD,kCAAkC,CAAE,CAAED,8BAA+B,CAAC;EAEvEX,WAAW,CACV,sCAAsC,EACtCa,4BACD,CAAC;EAED,MAAMC,eAAe,GAAGb,gBAAgB,CAAE,QAAS,CAAC;EAEpD,oBACCM,KAAA,CAAAE,SAAA;IAAAM,QAAA,gBACCV,IAAA,CAACb,YAAY;MACZwB,IAAI,EAAGnB,YAAc;MACrBoB,KAAK,EAAGvB,EAAE,CAAE,SAAU,CAAG;MACzBwB,YAAY,EAAG;QACdC,SAAS,EAAE,YAAY;QACvBC,SAAS,EAAE;MACZ,CAAG;MACHC,WAAW,EAAG;QACbC,eAAe,EAAE,QAAQ;QACzBC,IAAI,EAAE;MACP,CAAG;MAAAR,QAAA,EAECS,OAAO,iBACVjB,KAAA,CAAAE,SAAA;QAAAM,QAAA,GACGD,eAAe,iBAChBT,IAAA,CAAChB,SAAS;UAAC4B,KAAK,EAAGtB,EAAE,CAAE,MAAM,EAAE,MAAO,CAAG;UAAAoB,QAAA,eACxCV,IAAA,CAACP,wBAAwB;YACxB2B,KAAK,EAAC,mBAAmB;YACzBC,IAAI,EAAC,cAAc;YACnBT,KAAK,EAAGvB,EAAE,CAAE,aAAc,CAAG;YAC7BiC,IAAI,EAAGjC,EAAE,CACR,uDACD,CAAG;YACHkC,gBAAgB,EAAGlC,EAAE,CACpB,uBACD,CAAG;YACHmC,kBAAkB,EAAGnC,EAAE,CACtB,yBACD;UAAG,CACH;QAAC,CACQ,CACX,eACDa,KAAA,CAAClB,SAAS;UAAC4B,KAAK,EAAGvB,EAAE,CAAE,OAAQ,CAAG;UAAAqB,QAAA,gBACjCV,IAAA,CAACf,QAAQ;YACRwC,OAAO,EAAGA,CAAA,KAAM;cACflB,kCAAkC,CAAE,IAAK,CAAC;YAC3C,CAAG;YACHmB,QAAQ,EAAGhC,eAAe,CAACiC,MAAM,CAAE,GAAI,CAAG;YAAAjB,QAAA,EAExCrB,EAAE,CAAE,oBAAqB;UAAC,CACnB,CAAC,eACXW,IAAA,CAACP,wBAAwB;YACxB2B,KAAK,EAAC,mBAAmB;YACzBC,IAAI,EAAC,cAAc;YACnBT,KAAK,EAAGvB,EAAE,CAAE,eAAgB;UAAG,CAC/B,CAAC,eACFa,KAAA,CAACjB,QAAQ;YACR2C,IAAI,EAAC,UAAU;YACfjB,IAAI,EAAGpB,QAAU;YACjBsC,IAAI,EAAGxC,EAAE,CACR,yEACD,CAAG;YACHyC,MAAM,EAAC,QAAQ;YACfC,GAAG,EAAC,qBAAqB;YAAArB,QAAA,GAEvBrB,EAAE,CAAE,MAAO,CAAC,eACdW,IAAA,CAACd,cAAc;cAAC8C,EAAE,EAAC,MAAM;cAAAtB,QAAA,EAEvB;cACArB,EAAE,CAAE,sBAAuB;YAAC,CAEd,CAAC;UAAA,CACR,CAAC,eACXW,IAAA,CAACF,kBAAkB,CAACmC,IAAI;YACvBC,SAAS,EAAG;cAAEf;YAAQ;UAAG,CACzB,CAAC;QAAA,CACQ,CAAC,eACZjB,KAAA,CAAClB,SAAS;UAAC4B,KAAK,EAAGvB,EAAE,CAAE,aAAc,CAAG;UAAAqB,QAAA,gBACvCV,IAAA,CAACP,wBAAwB;YACxB2B,KAAK,EAAC,mBAAmB;YACzBC,IAAI,EAAC,sBAAsB;YAC3BT,KAAK,EAAGvB,EAAE,CACT,kCACD,CAAG;YACHiC,IAAI,EAAGjC,EAAE,CACR,iEACD,CAAG;YACHkC,gBAAgB,EAAGlC,EAAE,CACpB,4CACD,CAAG;YACHmC,kBAAkB,EAAGnC,EAAE,CACtB,8CACD;UAAG,CACH,CAAC,eACFW,IAAA,CAACP,wBAAwB;YACxB2B,KAAK,EAAC,mBAAmB;YACzBC,IAAI,EAAC,aAAa;YAClBC,IAAI,EAAGjC,EAAE,CACR,uCACD,CAAG;YACHuB,KAAK,EAAGvB,EAAE,CAAE,kBAAmB;UAAG,CAClC,CAAC,EACAoB,eAAe,iBAChBT,IAAA,CAACP,wBAAwB;YACxB2B,KAAK,EAAC,mBAAmB;YACzBC,IAAI,EAAC,sBAAsB;YAC3BT,KAAK,EAAGvB,EAAE,CAAE,2BAA4B,CAAG;YAC3CiC,IAAI,EAAGjC,EAAE,CACR,sDACD,CAAG;YACHkC,gBAAgB,EAAGlC,EAAE,CACpB,qCACD,CAAG;YACHmC,kBAAkB,EAAGnC,EAAE,CACtB,uCACD;UAAG,CACH,CACD;QAAA,CACS,CAAC;MAAA,CACX;IACF,CACY,CAAC,eACfW,IAAA,CAACH,yBAAyB;MACzBsC,aAAa,EAAG7B,8BAAgC;MAChD8B,WAAW,EAAG5B;IAA8B,CAC5C,CAAC;EAAA,CACD,CAAC;AAEL","ignoreList":[]}

package/build-module/components/more-menu/tools-more-menu-group.js

@@ -1,16 +1,17 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { createSlotFill } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   Fill: ToolsMoreMenuGroup,
   Slot
 } = createSlotFill('EditWidgetsToolsMoreMenuGroup');
 ToolsMoreMenuGroup.Slot = ({
   fillProps
-}) => createElement(Slot, {
-  fillProps: fillProps
-}, fills => fills.length > 0 && fills);
+}) => /*#__PURE__*/_jsx(Slot, {
+  fillProps: fillProps,
+  children: fills => fills.length > 0 && fills
+});
 export default ToolsMoreMenuGroup;
 //# sourceMappingURL=tools-more-menu-group.js.map

package/build-module/components/more-menu/tools-more-menu-group.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSlotFill","Fill","ToolsMoreMenuGroup","Slot","fillProps","createElement","fills","length"],"sources":["@wordpress/edit-widgets/src/components/more-menu/tools-more-menu-group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: ToolsMoreMenuGroup, Slot } = createSlotFill(\n\t'EditWidgetsToolsMoreMenuGroup'\n);\n\nToolsMoreMenuGroup.Slot = ( { fillProps } ) => (\n\t<Slot fillProps={ fillProps }>\n\t\t{ ( fills ) => fills.length > 0 && fills }\n\t</Slot>\n);\n\nexport default ToolsMoreMenuGroup;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAEtD,MAAM;EAAEC,IAAI,EAAEC,kBAAkB;EAAEC;AAAK,CAAC,GAAGH,cAAc,CACxD,+BACD,CAAC;AAEDE,kBAAkB,CAACC,IAAI,GAAG,CAAE;EAAEC;AAAU,CAAC,KACxCC,aAAA,CAACF,IAAI;EAACC,SAAS,EAAGA;AAAW,GACxBE,KAAK,IAAMA,KAAK,CAACC,MAAM,GAAG,CAAC,IAAID,KAC9B,CACN;AAED,eAAeJ,kBAAkB","ignoreList":[]}
+{"version":3,"names":["createSlotFill","jsx","_jsx","Fill","ToolsMoreMenuGroup","Slot","fillProps","children","fills","length"],"sources":["@wordpress/edit-widgets/src/components/more-menu/tools-more-menu-group.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst { Fill: ToolsMoreMenuGroup, Slot } = createSlotFill(\n\t'EditWidgetsToolsMoreMenuGroup'\n);\n\nToolsMoreMenuGroup.Slot = ( { fillProps } ) => (\n\t<Slot fillProps={ fillProps }>\n\t\t{ ( fills ) => fills.length > 0 && fills }\n\t</Slot>\n);\n\nexport default ToolsMoreMenuGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvD,MAAM;EAAEC,IAAI,EAAEC,kBAAkB;EAAEC;AAAK,CAAC,GAAGL,cAAc,CACxD,+BACD,CAAC;AAEDI,kBAAkB,CAACC,IAAI,GAAG,CAAE;EAAEC;AAAU,CAAC,kBACxCJ,IAAA,CAACG,IAAI;EAACC,SAAS,EAAGA,SAAW;EAAAC,QAAA,EACxBC,KAAK,IAAMA,KAAK,CAACC,MAAM,GAAG,CAAC,IAAID;AAAK,CACnC,CACN;AAED,eAAeJ,kBAAkB","ignoreList":[]}

package/build-module/components/notices/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -7,6 +6,9 @@ import { useSelect, useDispatch } from '@wordpress/data';
 import { store as noticesStore } from '@wordpress/notices';
 
 // Last three notices. Slices from the tail end of the list.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const MAX_VISIBLE_NOTICES = -3;
 function Notices() {
   const {
@@ -30,18 +32,20 @@ function Notices() {
   const snackbarNotices = notices.filter(({
     type
   }) => type === 'snackbar').slice(MAX_VISIBLE_NOTICES);
-  return createElement(Fragment, null, createElement(NoticeList, {
-    notices: nonDismissibleNotices,
-    className: "edit-widgets-notices__pinned"
-  }), createElement(NoticeList, {
-    notices: dismissibleNotices,
-    className: "edit-widgets-notices__dismissible",
-    onRemove: removeNotice
-  }), createElement(SnackbarList, {
-    notices: snackbarNotices,
-    className: "edit-widgets-notices__snackbar",
-    onRemove: removeNotice
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(NoticeList, {
+      notices: nonDismissibleNotices,
+      className: "edit-widgets-notices__pinned"
+    }), /*#__PURE__*/_jsx(NoticeList, {
+      notices: dismissibleNotices,
+      className: "edit-widgets-notices__dismissible",
+      onRemove: removeNotice
+    }), /*#__PURE__*/_jsx(SnackbarList, {
+      notices: snackbarNotices,
+      className: "edit-widgets-notices__snackbar",
+      onRemove: removeNotice
+    })]
+  });
 }
 export default Notices;
 //# sourceMappingURL=index.js.map

package/build-module/components/notices/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NoticeList","SnackbarList","useSelect","useDispatch","store","noticesStore","MAX_VISIBLE_NOTICES","Notices","removeNotice","notices","select","getNotices","dismissibleNotices","filter","isDismissible","type","nonDismissibleNotices","snackbarNotices","slice","createElement","Fragment","className","onRemove"],"sources":["@wordpress/edit-widgets/src/components/notices/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { NoticeList, SnackbarList } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n// Last three notices. Slices from the tail end of the list.\nconst MAX_VISIBLE_NOTICES = -3;\n\nfunction Notices() {\n\tconst { removeNotice } = useDispatch( noticesStore );\n\tconst { notices } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tnotices: select( noticesStore ).getNotices(),\n\t\t};\n\t}, [] );\n\n\tconst dismissibleNotices = notices.filter(\n\t\t( { isDismissible, type } ) => isDismissible && type === 'default'\n\t);\n\tconst nonDismissibleNotices = notices.filter(\n\t\t( { isDismissible, type } ) => ! isDismissible && type === 'default'\n\t);\n\tconst snackbarNotices = notices\n\t\t.filter( ( { type } ) => type === 'snackbar' )\n\t\t.slice( MAX_VISIBLE_NOTICES );\n\n\treturn (\n\t\t<>\n\t\t\t<NoticeList\n\t\t\t\tnotices={ nonDismissibleNotices }\n\t\t\t\tclassName=\"edit-widgets-notices__pinned\"\n\t\t\t/>\n\t\t\t<NoticeList\n\t\t\t\tnotices={ dismissibleNotices }\n\t\t\t\tclassName=\"edit-widgets-notices__dismissible\"\n\t\t\t\tonRemove={ removeNotice }\n\t\t\t/>\n\t\t\t<SnackbarList\n\t\t\t\tnotices={ snackbarNotices }\n\t\t\t\tclassName=\"edit-widgets-notices__snackbar\"\n\t\t\t\tonRemove={ removeNotice }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default Notices;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,YAAY,QAAQ,uBAAuB;AAChE,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AACA,MAAMC,mBAAmB,GAAG,CAAC,CAAC;AAE9B,SAASC,OAAOA,CAAA,EAAG;EAClB,MAAM;IAAEC;EAAa,CAAC,GAAGL,WAAW,CAAEE,YAAa,CAAC;EACpD,MAAM;IAAEI;EAAQ,CAAC,GAAGP,SAAS,CAAIQ,MAAM,IAAM;IAC5C,OAAO;MACND,OAAO,EAAEC,MAAM,CAAEL,YAAa,CAAC,CAACM,UAAU,CAAC;IAC5C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,kBAAkB,GAAGH,OAAO,CAACI,MAAM,CACxC,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAMD,aAAa,IAAIC,IAAI,KAAK,SAC1D,CAAC;EACD,MAAMC,qBAAqB,GAAGP,OAAO,CAACI,MAAM,CAC3C,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAM,CAAED,aAAa,IAAIC,IAAI,KAAK,SAC5D,CAAC;EACD,MAAME,eAAe,GAAGR,OAAO,CAC7BI,MAAM,CAAE,CAAE;IAAEE;EAAK,CAAC,KAAMA,IAAI,KAAK,UAAW,CAAC,CAC7CG,KAAK,CAAEZ,mBAAoB,CAAC;EAE9B,OACCa,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACnB,UAAU;IACVS,OAAO,EAAGO,qBAAuB;IACjCK,SAAS,EAAC;EAA8B,CACxC,CAAC,EACFF,aAAA,CAACnB,UAAU;IACVS,OAAO,EAAGG,kBAAoB;IAC9BS,SAAS,EAAC,mCAAmC;IAC7CC,QAAQ,EAAGd;EAAc,CACzB,CAAC,EACFW,aAAA,CAAClB,YAAY;IACZQ,OAAO,EAAGQ,eAAiB;IAC3BI,SAAS,EAAC,gCAAgC;IAC1CC,QAAQ,EAAGd;EAAc,CACzB,CACA,CAAC;AAEL;AAEA,eAAeD,OAAO","ignoreList":[]}
+{"version":3,"names":["NoticeList","SnackbarList","useSelect","useDispatch","store","noticesStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MAX_VISIBLE_NOTICES","Notices","removeNotice","notices","select","getNotices","dismissibleNotices","filter","isDismissible","type","nonDismissibleNotices","snackbarNotices","slice","children","className","onRemove"],"sources":["@wordpress/edit-widgets/src/components/notices/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { NoticeList, SnackbarList } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n// Last three notices. Slices from the tail end of the list.\nconst MAX_VISIBLE_NOTICES = -3;\n\nfunction Notices() {\n\tconst { removeNotice } = useDispatch( noticesStore );\n\tconst { notices } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tnotices: select( noticesStore ).getNotices(),\n\t\t};\n\t}, [] );\n\n\tconst dismissibleNotices = notices.filter(\n\t\t( { isDismissible, type } ) => isDismissible && type === 'default'\n\t);\n\tconst nonDismissibleNotices = notices.filter(\n\t\t( { isDismissible, type } ) => ! isDismissible && type === 'default'\n\t);\n\tconst snackbarNotices = notices\n\t\t.filter( ( { type } ) => type === 'snackbar' )\n\t\t.slice( MAX_VISIBLE_NOTICES );\n\n\treturn (\n\t\t<>\n\t\t\t<NoticeList\n\t\t\t\tnotices={ nonDismissibleNotices }\n\t\t\t\tclassName=\"edit-widgets-notices__pinned\"\n\t\t\t/>\n\t\t\t<NoticeList\n\t\t\t\tnotices={ dismissibleNotices }\n\t\t\t\tclassName=\"edit-widgets-notices__dismissible\"\n\t\t\t\tonRemove={ removeNotice }\n\t\t\t/>\n\t\t\t<SnackbarList\n\t\t\t\tnotices={ snackbarNotices }\n\t\t\t\tclassName=\"edit-widgets-notices__snackbar\"\n\t\t\t\tonRemove={ removeNotice }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default Notices;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,YAAY,QAAQ,uBAAuB;AAChE,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;;AAE1D;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,mBAAmB,GAAG,CAAC,CAAC;AAE9B,SAASC,OAAOA,CAAA,EAAG;EAClB,MAAM;IAAEC;EAAa,CAAC,GAAGX,WAAW,CAAEE,YAAa,CAAC;EACpD,MAAM;IAAEU;EAAQ,CAAC,GAAGb,SAAS,CAAIc,MAAM,IAAM;IAC5C,OAAO;MACND,OAAO,EAAEC,MAAM,CAAEX,YAAa,CAAC,CAACY,UAAU,CAAC;IAC5C,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,kBAAkB,GAAGH,OAAO,CAACI,MAAM,CACxC,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAMD,aAAa,IAAIC,IAAI,KAAK,SAC1D,CAAC;EACD,MAAMC,qBAAqB,GAAGP,OAAO,CAACI,MAAM,CAC3C,CAAE;IAAEC,aAAa;IAAEC;EAAK,CAAC,KAAM,CAAED,aAAa,IAAIC,IAAI,KAAK,SAC5D,CAAC;EACD,MAAME,eAAe,GAAGR,OAAO,CAC7BI,MAAM,CAAE,CAAE;IAAEE;EAAK,CAAC,KAAMA,IAAI,KAAK,UAAW,CAAC,CAC7CG,KAAK,CAAEZ,mBAAoB,CAAC;EAE9B,oBACCD,KAAA,CAAAF,SAAA;IAAAgB,QAAA,gBACClB,IAAA,CAACP,UAAU;MACVe,OAAO,EAAGO,qBAAuB;MACjCI,SAAS,EAAC;IAA8B,CACxC,CAAC,eACFnB,IAAA,CAACP,UAAU;MACVe,OAAO,EAAGG,kBAAoB;MAC9BQ,SAAS,EAAC,mCAAmC;MAC7CC,QAAQ,EAAGb;IAAc,CACzB,CAAC,eACFP,IAAA,CAACN,YAAY;MACZc,OAAO,EAAGQ,eAAiB;MAC3BG,SAAS,EAAC,gCAAgC;MAC1CC,QAAQ,EAAGb;IAAc,CACzB,CAAC;EAAA,CACD,CAAC;AAEL;AAEA,eAAeD,OAAO","ignoreList":[]}

package/build-module/components/save-button/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -10,6 +9,7 @@ import { useDispatch, useSelect } from '@wordpress/data';
  * Internal dependencies
  */
 import { store as editWidgetsStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
 function SaveButton() {
   const {
     hasEditedWidgetAreaIds,
@@ -28,13 +28,14 @@ function SaveButton() {
     saveEditedWidgetAreas
   } = useDispatch(editWidgetsStore);
   const isDisabled = isSaving || !hasEditedWidgetAreaIds;
-  return createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     variant: "primary",
     isBusy: isSaving,
     "aria-disabled": isDisabled,
     onClick: isDisabled ? undefined : saveEditedWidgetAreas,
-    size: "compact"
-  }, isSaving ? __('Saving…') : __('Update'));
+    size: "compact",
+    children: isSaving ? __('Saving…') : __('Update')
+  });
 }
 export default SaveButton;
 //# sourceMappingURL=index.js.map

package/build-module/components/save-button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","__","useDispatch","useSelect","store","editWidgetsStore","SaveButton","hasEditedWidgetAreaIds","isSaving","select","getEditedWidgetAreas","isSavingWidgetAreas","length","saveEditedWidgetAreas","isDisabled","createElement","variant","isBusy","onClick","undefined","size"],"sources":["@wordpress/edit-widgets/src/components/save-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nfunction SaveButton() {\n\tconst { hasEditedWidgetAreaIds, isSaving } = useSelect( ( select ) => {\n\t\tconst { getEditedWidgetAreas, isSavingWidgetAreas } =\n\t\t\tselect( editWidgetsStore );\n\n\t\treturn {\n\t\t\thasEditedWidgetAreaIds: getEditedWidgetAreas()?.length > 0,\n\t\t\tisSaving: isSavingWidgetAreas(),\n\t\t};\n\t}, [] );\n\tconst { saveEditedWidgetAreas } = useDispatch( editWidgetsStore );\n\n\tconst isDisabled = isSaving || ! hasEditedWidgetAreaIds;\n\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"primary\"\n\t\t\tisBusy={ isSaving }\n\t\t\taria-disabled={ isDisabled }\n\t\t\tonClick={ isDisabled ? undefined : saveEditedWidgetAreas }\n\t\t\tsize=\"compact\"\n\t\t>\n\t\t\t{ isSaving ? __( 'Saving…' ) : __( 'Update' ) }\n\t\t</Button>\n\t);\n}\n\nexport default SaveButton;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,SAASC,UAAUA,CAAA,EAAG;EACrB,MAAM;IAAEC,sBAAsB;IAAEC;EAAS,CAAC,GAAGL,SAAS,CAAIM,MAAM,IAAM;IACrE,MAAM;MAAEC,oBAAoB;MAAEC;IAAoB,CAAC,GAClDF,MAAM,CAAEJ,gBAAiB,CAAC;IAE3B,OAAO;MACNE,sBAAsB,EAAEG,oBAAoB,CAAC,CAAC,EAAEE,MAAM,GAAG,CAAC;MAC1DJ,QAAQ,EAAEG,mBAAmB,CAAC;IAC/B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEE;EAAsB,CAAC,GAAGX,WAAW,CAAEG,gBAAiB,CAAC;EAEjE,MAAMS,UAAU,GAAGN,QAAQ,IAAI,CAAED,sBAAsB;EAEvD,OACCQ,aAAA,CAACf,MAAM;IACNgB,OAAO,EAAC,SAAS;IACjBC,MAAM,EAAGT,QAAU;IACnB,iBAAgBM,UAAY;IAC5BI,OAAO,EAAGJ,UAAU,GAAGK,SAAS,GAAGN,qBAAuB;IAC1DO,IAAI,EAAC;EAAS,GAEZZ,QAAQ,GAAGP,EAAE,CAAE,SAAU,CAAC,GAAGA,EAAE,CAAE,QAAS,CACrC,CAAC;AAEX;AAEA,eAAeK,UAAU","ignoreList":[]}
+{"version":3,"names":["Button","__","useDispatch","useSelect","store","editWidgetsStore","jsx","_jsx","SaveButton","hasEditedWidgetAreaIds","isSaving","select","getEditedWidgetAreas","isSavingWidgetAreas","length","saveEditedWidgetAreas","isDisabled","variant","isBusy","onClick","undefined","size","children"],"sources":["@wordpress/edit-widgets/src/components/save-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\nfunction SaveButton() {\n\tconst { hasEditedWidgetAreaIds, isSaving } = useSelect( ( select ) => {\n\t\tconst { getEditedWidgetAreas, isSavingWidgetAreas } =\n\t\t\tselect( editWidgetsStore );\n\n\t\treturn {\n\t\t\thasEditedWidgetAreaIds: getEditedWidgetAreas()?.length > 0,\n\t\t\tisSaving: isSavingWidgetAreas(),\n\t\t};\n\t}, [] );\n\tconst { saveEditedWidgetAreas } = useDispatch( editWidgetsStore );\n\n\tconst isDisabled = isSaving || ! hasEditedWidgetAreaIds;\n\n\treturn (\n\t\t<Button\n\t\t\tvariant=\"primary\"\n\t\t\tisBusy={ isSaving }\n\t\t\taria-disabled={ isDisabled }\n\t\t\tonClick={ isDisabled ? undefined : saveEditedWidgetAreas }\n\t\t\tsize=\"compact\"\n\t\t>\n\t\t\t{ isSaving ? __( 'Saving…' ) : __( 'Update' ) }\n\t\t</Button>\n\t);\n}\n\nexport default SaveButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,SAASC,UAAUA,CAAA,EAAG;EACrB,MAAM;IAAEC,sBAAsB;IAAEC;EAAS,CAAC,GAAGP,SAAS,CAAIQ,MAAM,IAAM;IACrE,MAAM;MAAEC,oBAAoB;MAAEC;IAAoB,CAAC,GAClDF,MAAM,CAAEN,gBAAiB,CAAC;IAE3B,OAAO;MACNI,sBAAsB,EAAEG,oBAAoB,CAAC,CAAC,EAAEE,MAAM,GAAG,CAAC;MAC1DJ,QAAQ,EAAEG,mBAAmB,CAAC;IAC/B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEE;EAAsB,CAAC,GAAGb,WAAW,CAAEG,gBAAiB,CAAC;EAEjE,MAAMW,UAAU,GAAGN,QAAQ,IAAI,CAAED,sBAAsB;EAEvD,oBACCF,IAAA,CAACP,MAAM;IACNiB,OAAO,EAAC,SAAS;IACjBC,MAAM,EAAGR,QAAU;IACnB,iBAAgBM,UAAY;IAC5BG,OAAO,EAAGH,UAAU,GAAGI,SAAS,GAAGL,qBAAuB;IAC1DM,IAAI,EAAC,SAAS;IAAAC,QAAA,EAEZZ,QAAQ,GAAGT,EAAE,CAAE,SAAU,CAAC,GAAGA,EAAE,CAAE,QAAS;EAAC,CACtC,CAAC;AAEX;AAEA,eAAeO,UAAU","ignoreList":[]}

package/build-module/components/secondary-sidebar/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,6 +12,7 @@ import { store as editWidgetsStore } from '../../store';
  */
 import InserterSidebar from './inserter-sidebar';
 import ListViewSidebar from './list-view-sidebar';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function SecondarySidebar() {
   const {
     isInserterOpen,
@@ -28,10 +28,10 @@ export default function SecondarySidebar() {
     };
   }, []);
   if (isInserterOpen) {
-    return createElement(InserterSidebar, null);
+    return /*#__PURE__*/_jsx(InserterSidebar, {});
   }
   if (isListViewOpen) {
-    return createElement(ListViewSidebar, null);
+    return /*#__PURE__*/_jsx(ListViewSidebar, {});
   }
   return null;
 }

package/build-module/components/secondary-sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","store","editWidgetsStore","InserterSidebar","ListViewSidebar","SecondarySidebar","isInserterOpen","isListViewOpen","select","isInserterOpened","isListViewOpened","createElement"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\n/**\n * Internal dependencies\n */\nimport InserterSidebar from './inserter-sidebar';\nimport ListViewSidebar from './list-view-sidebar';\n\nexport default function SecondarySidebar() {\n\tconst { isInserterOpen, isListViewOpen } = useSelect( ( select ) => {\n\t\tconst { isInserterOpened, isListViewOpened } =\n\t\t\tselect( editWidgetsStore );\n\t\treturn {\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t};\n\t}, [] );\n\n\tif ( isInserterOpen ) {\n\t\treturn <InserterSidebar />;\n\t}\n\tif ( isListViewOpen ) {\n\t\treturn <ListViewSidebar />;\n\t}\n\treturn null;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,eAAe,MAAM,qBAAqB;AAEjD,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,cAAc;IAAEC;EAAe,CAAC,GAAGP,SAAS,CAAIQ,MAAM,IAAM;IACnE,MAAM;MAAEC,gBAAgB;MAAEC;IAAiB,CAAC,GAC3CF,MAAM,CAAEN,gBAAiB,CAAC;IAC3B,OAAO;MACNI,cAAc,EAAEG,gBAAgB,CAAC,CAAC;MAClCF,cAAc,EAAEG,gBAAgB,CAAC;IAClC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAKJ,cAAc,EAAG;IACrB,OAAOK,aAAA,CAACR,eAAe,MAAE,CAAC;EAC3B;EACA,IAAKI,cAAc,EAAG;IACrB,OAAOI,aAAA,CAACP,eAAe,MAAE,CAAC;EAC3B;EACA,OAAO,IAAI;AACZ","ignoreList":[]}
+{"version":3,"names":["useSelect","store","editWidgetsStore","InserterSidebar","ListViewSidebar","jsx","_jsx","SecondarySidebar","isInserterOpen","isListViewOpen","select","isInserterOpened","isListViewOpened"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\n/**\n * Internal dependencies\n */\nimport InserterSidebar from './inserter-sidebar';\nimport ListViewSidebar from './list-view-sidebar';\n\nexport default function SecondarySidebar() {\n\tconst { isInserterOpen, isListViewOpen } = useSelect( ( select ) => {\n\t\tconst { isInserterOpened, isListViewOpened } =\n\t\t\tselect( editWidgetsStore );\n\t\treturn {\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t};\n\t}, [] );\n\n\tif ( isInserterOpen ) {\n\t\treturn <InserterSidebar />;\n\t}\n\tif ( isListViewOpen ) {\n\t\treturn <ListViewSidebar />;\n\t}\n\treturn null;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,eAAe,MAAM,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,cAAc;IAAEC;EAAe,CAAC,GAAGT,SAAS,CAAIU,MAAM,IAAM;IACnE,MAAM;MAAEC,gBAAgB;MAAEC;IAAiB,CAAC,GAC3CF,MAAM,CAAER,gBAAiB,CAAC;IAC3B,OAAO;MACNM,cAAc,EAAEG,gBAAgB,CAAC,CAAC;MAClCF,cAAc,EAAEG,gBAAgB,CAAC;IAClC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAKJ,cAAc,EAAG;IACrB,oBAAOF,IAAA,CAACH,eAAe,IAAE,CAAC;EAC3B;EACA,IAAKM,cAAc,EAAG;IACrB,oBAAOH,IAAA,CAACF,eAAe,IAAE,CAAC;EAC3B;EACA,OAAO,IAAI;AACZ","ignoreList":[]}

package/build-module/components/secondary-sidebar/inserter-sidebar.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -15,6 +14,8 @@ import { __ } from '@wordpress/i18n';
  */
 import useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';
 import { store as editWidgetsStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function InserterSidebar() {
   const isMobileViewport = useViewportMatch('medium', '<');
   const {
@@ -33,24 +34,27 @@ export default function InserterSidebar() {
     focusOnMount: true
   });
   const libraryRef = useRef();
-  return createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     ref: inserterDialogRef,
     ...inserterDialogProps,
-    className: "edit-widgets-layout__inserter-panel"
-  }, createElement(TagName, {
-    className: "edit-widgets-layout__inserter-panel-header"
-  }, createElement(Button, {
-    icon: close,
-    onClick: closeInserter,
-    label: __('Close block inserter')
-  })), createElement("div", {
-    className: "edit-widgets-layout__inserter-panel-content"
-  }, createElement(Library, {
-    showInserterHelpPanel: true,
-    shouldFocusBlock: isMobileViewport,
-    rootClientId: rootClientId,
-    __experimentalInsertionIndex: insertionIndex,
-    ref: libraryRef
-  })));
+    className: "edit-widgets-layout__inserter-panel",
+    children: [/*#__PURE__*/_jsx(TagName, {
+      className: "edit-widgets-layout__inserter-panel-header",
+      children: /*#__PURE__*/_jsx(Button, {
+        icon: close,
+        onClick: closeInserter,
+        label: __('Close block inserter')
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "edit-widgets-layout__inserter-panel-content",
+      children: /*#__PURE__*/_jsx(Library, {
+        showInserterHelpPanel: true,
+        shouldFocusBlock: isMobileViewport,
+        rootClientId: rootClientId,
+        __experimentalInsertionIndex: insertionIndex,
+        ref: libraryRef
+      })
+    })]
+  });
 }
 //# sourceMappingURL=inserter-sidebar.js.map

package/build-module/components/secondary-sidebar/inserter-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","VisuallyHidden","close","__experimentalLibrary","Library","useViewportMatch","__experimentalUseDialog","useDialog","useCallback","useRef","useDispatch","__","useWidgetLibraryInsertionPoint","store","editWidgetsStore","InserterSidebar","isMobileViewport","rootClientId","insertionIndex","setIsInserterOpened","closeInserter","TagName","inserterDialogRef","inserterDialogProps","onClose","focusOnMount","libraryRef","createElement","ref","className","icon","onClick","label","showInserterHelpPanel","shouldFocusBlock","__experimentalInsertionIndex"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { close } from '@wordpress/icons';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();\n\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst closeInserter = useCallback( () => {\n\t\treturn setIsInserterOpened( false );\n\t}, [ setIsInserterOpened ] );\n\n\tconst TagName = ! isMobileViewport ? VisuallyHidden : 'div';\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: closeInserter,\n\t\tfocusOnMount: true,\n\t} );\n\n\tconst libraryRef = useRef();\n\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"edit-widgets-layout__inserter-panel\"\n\t\t>\n\t\t\t<TagName className=\"edit-widgets-layout__inserter-panel-header\">\n\t\t\t\t<Button\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tonClick={ closeInserter }\n\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t/>\n\t\t\t</TagName>\n\t\t\t<div className=\"edit-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={ insertionIndex }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,cAAc,QAAQ,uBAAuB;AAC9D,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SACCC,gBAAgB,EAChBC,uBAAuB,IAAIC,SAAS,QAC9B,oBAAoB;AAC3B,SAASC,WAAW,EAAEC,MAAM,QAAQ,oBAAoB;AACxD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,8BAA8B,MAAM,gDAAgD;AAC3F,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,gBAAgB,GAAGX,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAEY,YAAY;IAAEC;EAAe,CAAC,GAAGN,8BAA8B,CAAC,CAAC;EAEzE,MAAM;IAAEO;EAAoB,CAAC,GAAGT,WAAW,CAAEI,gBAAiB,CAAC;EAE/D,MAAMM,aAAa,GAAGZ,WAAW,CAAE,MAAM;IACxC,OAAOW,mBAAmB,CAAE,KAAM,CAAC;EACpC,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;EAE5B,MAAME,OAAO,GAAG,CAAEL,gBAAgB,GAAGf,cAAc,GAAG,KAAK;EAC3D,MAAM,CAAEqB,iBAAiB,EAAEC,mBAAmB,CAAE,GAAGhB,SAAS,CAAE;IAC7DiB,OAAO,EAAEJ,aAAa;IACtBK,YAAY,EAAE;EACf,CAAE,CAAC;EAEH,MAAMC,UAAU,GAAGjB,MAAM,CAAC,CAAC;EAE3B,OACCkB,aAAA;IACCC,GAAG,EAAGN,iBAAmB;IAAA,GACpBC,mBAAmB;IACxBM,SAAS,EAAC;EAAqC,GAE/CF,aAAA,CAACN,OAAO;IAACQ,SAAS,EAAC;EAA4C,GAC9DF,aAAA,CAAC3B,MAAM;IACN8B,IAAI,EAAG5B,KAAO;IACd6B,OAAO,EAAGX,aAAe;IACzBY,KAAK,EAAGrB,EAAE,CAAE,sBAAuB;EAAG,CACtC,CACO,CAAC,EACVgB,aAAA;IAAKE,SAAS,EAAC;EAA6C,GAC3DF,aAAA,CAACvB,OAAO;IACP6B,qBAAqB;IACrBC,gBAAgB,EAAGlB,gBAAkB;IACrCC,YAAY,EAAGA,YAAc;IAC7BkB,4BAA4B,EAAGjB,cAAgB;IAC/CU,GAAG,EAAGF;EAAY,CAClB,CACG,CACD,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["Button","VisuallyHidden","close","__experimentalLibrary","Library","useViewportMatch","__experimentalUseDialog","useDialog","useCallback","useRef","useDispatch","__","useWidgetLibraryInsertionPoint","store","editWidgetsStore","jsx","_jsx","jsxs","_jsxs","InserterSidebar","isMobileViewport","rootClientId","insertionIndex","setIsInserterOpened","closeInserter","TagName","inserterDialogRef","inserterDialogProps","onClose","focusOnMount","libraryRef","ref","className","children","icon","onClick","label","showInserterHelpPanel","shouldFocusBlock","__experimentalInsertionIndex"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { close } from '@wordpress/icons';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();\n\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst closeInserter = useCallback( () => {\n\t\treturn setIsInserterOpened( false );\n\t}, [ setIsInserterOpened ] );\n\n\tconst TagName = ! isMobileViewport ? VisuallyHidden : 'div';\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: closeInserter,\n\t\tfocusOnMount: true,\n\t} );\n\n\tconst libraryRef = useRef();\n\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"edit-widgets-layout__inserter-panel\"\n\t\t>\n\t\t\t<TagName className=\"edit-widgets-layout__inserter-panel-header\">\n\t\t\t\t<Button\n\t\t\t\t\ticon={ close }\n\t\t\t\t\tonClick={ closeInserter }\n\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t/>\n\t\t\t</TagName>\n\t\t\t<div className=\"edit-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={ insertionIndex }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,cAAc,QAAQ,uBAAuB;AAC9D,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SACCC,gBAAgB,EAChBC,uBAAuB,IAAIC,SAAS,QAC9B,oBAAoB;AAC3B,SAASC,WAAW,EAAEC,MAAM,QAAQ,oBAAoB;AACxD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,8BAA8B,MAAM,gDAAgD;AAC3F,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,gBAAgB,GAAGf,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAEgB,YAAY;IAAEC;EAAe,CAAC,GAAGV,8BAA8B,CAAC,CAAC;EAEzE,MAAM;IAAEW;EAAoB,CAAC,GAAGb,WAAW,CAAEI,gBAAiB,CAAC;EAE/D,MAAMU,aAAa,GAAGhB,WAAW,CAAE,MAAM;IACxC,OAAOe,mBAAmB,CAAE,KAAM,CAAC;EACpC,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;EAE5B,MAAME,OAAO,GAAG,CAAEL,gBAAgB,GAAGnB,cAAc,GAAG,KAAK;EAC3D,MAAM,CAAEyB,iBAAiB,EAAEC,mBAAmB,CAAE,GAAGpB,SAAS,CAAE;IAC7DqB,OAAO,EAAEJ,aAAa;IACtBK,YAAY,EAAE;EACf,CAAE,CAAC;EAEH,MAAMC,UAAU,GAAGrB,MAAM,CAAC,CAAC;EAE3B,oBACCS,KAAA;IACCa,GAAG,EAAGL,iBAAmB;IAAA,GACpBC,mBAAmB;IACxBK,SAAS,EAAC,qCAAqC;IAAAC,QAAA,gBAE/CjB,IAAA,CAACS,OAAO;MAACO,SAAS,EAAC,4CAA4C;MAAAC,QAAA,eAC9DjB,IAAA,CAAChB,MAAM;QACNkC,IAAI,EAAGhC,KAAO;QACdiC,OAAO,EAAGX,aAAe;QACzBY,KAAK,EAAGzB,EAAE,CAAE,sBAAuB;MAAG,CACtC;IAAC,CACM,CAAC,eACVK,IAAA;MAAKgB,SAAS,EAAC,6CAA6C;MAAAC,QAAA,eAC3DjB,IAAA,CAACZ,OAAO;QACPiC,qBAAqB;QACrBC,gBAAgB,EAAGlB,gBAAkB;QACrCC,YAAY,EAAGA,YAAc;QAC7BkB,4BAA4B,EAAGjB,cAAgB;QAC/CS,GAAG,EAAGD;MAAY,CAClB;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}

package/build-module/components/secondary-sidebar/list-view-sidebar.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -16,6 +15,8 @@ import { ESCAPE } from '@wordpress/keycodes';
  */
 import { store as editWidgetsStore } from '../../store';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function ListViewSidebar() {
   const {
     setIsListViewOpened
@@ -41,22 +42,28 @@ export default function ListViewSidebar() {
     }
   }, [closeListView]);
   return (
+    /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    createElement("div", {
+    _jsxs("div", {
       className: "edit-widgets-editor__list-view-panel",
-      onKeyDown: closeOnEscape
-    }, createElement("div", {
-      className: "edit-widgets-editor__list-view-panel-header"
-    }, createElement("strong", null, __('List View')), createElement(Button, {
-      icon: closeSmall,
-      label: __('Close'),
-      onClick: closeListView
-    })), createElement("div", {
-      className: "edit-widgets-editor__list-view-panel-content",
-      ref: useMergeRefs([focusOnMountRef, setDropZoneElement])
-    }, createElement(ListView, {
-      dropZoneElement: dropZoneElement
-    })))
+      onKeyDown: closeOnEscape,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "edit-widgets-editor__list-view-panel-header",
+        children: [/*#__PURE__*/_jsx("strong", {
+          children: __('List View')
+        }), /*#__PURE__*/_jsx(Button, {
+          icon: closeSmall,
+          label: __('Close'),
+          onClick: closeListView
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "edit-widgets-editor__list-view-panel-content",
+        ref: useMergeRefs([focusOnMountRef, setDropZoneElement]),
+        children: /*#__PURE__*/_jsx(ListView, {
+          dropZoneElement: dropZoneElement
+        })
+      })]
+    })
   );
 }
 //# sourceMappingURL=list-view-sidebar.js.map

package/build-module/components/secondary-sidebar/list-view-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalListView","ListView","Button","useFocusOnMount","useMergeRefs","useDispatch","useSelect","useCallback","useState","__","closeSmall","ESCAPE","store","editWidgetsStore","unlock","ListViewSidebar","setIsListViewOpened","getListViewToggleRef","dropZoneElement","setDropZoneElement","focusOnMountRef","closeListView","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","createElement","className","onKeyDown","icon","label","onClick","ref"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,sBAAsB,IAAIC,QAAQ,QAAQ,yBAAyB;AAC5E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,eAAe,EAAEC,YAAY,QAAQ,oBAAoB;AAClE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,qBAAqB;;AAE5C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAGX,WAAW,CAAEQ,gBAAiB,CAAC;EAC/D,MAAM;IAAEI;EAAqB,CAAC,GAAGH,MAAM,CAAER,SAAS,CAAEO,gBAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAEK,eAAe,EAAEC,kBAAkB,CAAE,GAAGX,QAAQ,CAAE,IAAK,CAAC;EAEhE,MAAMY,eAAe,GAAGjB,eAAe,CAAE,cAAe,CAAC;;EAEzD;EACA,MAAMkB,aAAa,GAAGd,WAAW,CAAE,MAAM;IACxCS,mBAAmB,CAAE,KAAM,CAAC;IAC5BC,oBAAoB,CAAC,CAAC,CAACK,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEN,oBAAoB,EAAED,mBAAmB,CAAG,CAAC;EAElD,MAAMQ,aAAa,GAAGjB,WAAW,CAC9BkB,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKf,MAAM,IAAI,CAAEc,KAAK,CAACE,gBAAgB,EAAG;MAC3DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBP,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IACC;IACAQ,aAAA;MACCC,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGP;IAAe,GAE3BK,aAAA;MAAKC,SAAS,EAAC;IAA6C,GAC3DD,aAAA,iBAAUpB,EAAE,CAAE,WAAY,CAAW,CAAC,EACtCoB,aAAA,CAAC3B,MAAM;MACN8B,IAAI,EAAGtB,UAAY;MACnBuB,KAAK,EAAGxB,EAAE,CAAE,OAAQ,CAAG;MACvByB,OAAO,EAAGb;IAAe,CACzB,CACG,CAAC,EACNQ,aAAA;MACCC,SAAS,EAAC,8CAA8C;MACxDK,GAAG,EAAG/B,YAAY,CAAE,CAAEgB,eAAe,EAAED,kBAAkB,CAAG;IAAG,GAE/DU,aAAA,CAAC5B,QAAQ;MAACiB,eAAe,EAAGA;IAAiB,CAAE,CAC3C,CACD;EAAC;AAER","ignoreList":[]}
+{"version":3,"names":["__experimentalListView","ListView","Button","useFocusOnMount","useMergeRefs","useDispatch","useSelect","useCallback","useState","__","closeSmall","ESCAPE","store","editWidgetsStore","unlock","jsx","_jsx","jsxs","_jsxs","ListViewSidebar","setIsListViewOpened","getListViewToggleRef","dropZoneElement","setDropZoneElement","focusOnMountRef","closeListView","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","className","onKeyDown","children","icon","label","onClick","ref"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,IAAIC,QAAQ,QAAQ,yBAAyB;AAC5E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,eAAe,EAAEC,YAAY,QAAQ,oBAAoB;AAClE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,qBAAqB;;AAE5C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAGf,WAAW,CAAEQ,gBAAiB,CAAC;EAC/D,MAAM;IAAEQ;EAAqB,CAAC,GAAGP,MAAM,CAAER,SAAS,CAAEO,gBAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAES,eAAe,EAAEC,kBAAkB,CAAE,GAAGf,QAAQ,CAAE,IAAK,CAAC;EAEhE,MAAMgB,eAAe,GAAGrB,eAAe,CAAE,cAAe,CAAC;;EAEzD;EACA,MAAMsB,aAAa,GAAGlB,WAAW,CAAE,MAAM;IACxCa,mBAAmB,CAAE,KAAM,CAAC;IAC5BC,oBAAoB,CAAC,CAAC,CAACK,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEN,oBAAoB,EAAED,mBAAmB,CAAG,CAAC;EAElD,MAAMQ,aAAa,GAAGrB,WAAW,CAC9BsB,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKnB,MAAM,IAAI,CAAEkB,KAAK,CAACE,gBAAgB,EAAG;MAC3DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBP,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACAP,KAAA;MACCe,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGN,aAAe;MAAAO,QAAA,gBAE3BjB,KAAA;QAAKe,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3DnB,IAAA;UAAAmB,QAAA,EAAU1B,EAAE,CAAE,WAAY;QAAC,CAAU,CAAC,eACtCO,IAAA,CAACd,MAAM;UACNkC,IAAI,EAAG1B,UAAY;UACnB2B,KAAK,EAAG5B,EAAE,CAAE,OAAQ,CAAG;UACvB6B,OAAO,EAAGb;QAAe,CACzB,CAAC;MAAA,CACE,CAAC,eACNT,IAAA;QACCiB,SAAS,EAAC,8CAA8C;QACxDM,GAAG,EAAGnC,YAAY,CAAE,CAAEoB,eAAe,EAAED,kBAAkB,CAAG,CAAG;QAAAY,QAAA,eAE/DnB,IAAA,CAACf,QAAQ;UAACqB,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}