@wordpress/block-editor 12.26.0 → 13.0.0

package/build/components/inspector-controls-tabs/index.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InspectorControlsTabs;
-var _react = require("react");
 var _components = require("@wordpress/components");
+var _preferences = require("@wordpress/preferences");
+var _data = require("@wordpress/data");
 var _utils = require("./utils");
 var _settingsTab = _interopRequireDefault(require("./settings-tab"));
 var _stylesTab = _interopRequireDefault(require("./styles-tab"));
 var _inspectorControls = _interopRequireDefault(require("../inspector-controls"));
 var _useIsListViewTabDisabled = _interopRequireDefault(require("./use-is-list-view-tab-disabled"));
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -30,42 +32,52 @@ function InspectorControlsTabs({
   hasBlockStyles,
   tabs
 }) {
+  const showIconLabels = (0, _data.useSelect)(select => {
+    return select(_preferences.store).get('core', 'showIconLabels');
+  }, []);
+
   // The tabs panel will mount before fills are rendered to the list view
   // slot. This means the list view tab isn't initially included in the
   // available tabs so the panel defaults selection to the settings tab
   // which at the time is the first tab. This check allows blocks known to
   // include the list view tab to set it as the tab selected by default.
   const initialTabName = !(0, _useIsListViewTabDisabled.default)(blockName) ? _utils.TAB_LIST_VIEW.name : undefined;
-  return (0, _react.createElement)("div", {
-    className: "block-editor-block-inspector__tabs"
-  }, (0, _react.createElement)(Tabs, {
-    defaultTabId: initialTabName,
-    key: clientId
-  }, (0, _react.createElement)(Tabs.TabList, null, tabs.map(tab => (0, _react.createElement)(Tabs.Tab, {
-    key: tab.name,
-    tabId: tab.name,
-    render: (0, _react.createElement)(_components.Button, {
-      icon: tab.icon,
-      label: tab.title,
-      className: tab.className
-    })
-  }))), (0, _react.createElement)(Tabs.TabPanel, {
-    tabId: _utils.TAB_SETTINGS.name,
-    focusable: false
-  }, (0, _react.createElement)(_settingsTab.default, {
-    showAdvancedControls: !!blockName
-  })), (0, _react.createElement)(Tabs.TabPanel, {
-    tabId: _utils.TAB_STYLES.name,
-    focusable: false
-  }, (0, _react.createElement)(_stylesTab.default, {
-    blockName: blockName,
-    clientId: clientId,
-    hasBlockStyles: hasBlockStyles
-  })), (0, _react.createElement)(Tabs.TabPanel, {
-    tabId: _utils.TAB_LIST_VIEW.name,
-    focusable: false
-  }, (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "list"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "block-editor-block-inspector__tabs",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
+      defaultTabId: initialTabName,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabList, {
+        children: tabs.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+          tabId: tab.name,
+          render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            icon: !showIconLabels ? tab.icon : undefined,
+            label: !showIconLabels ? tab.title : undefined,
+            className: tab.className,
+            children: showIconLabels && tab.title
+          })
+        }, tab.name))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+        tabId: _utils.TAB_SETTINGS.name,
+        focusable: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsTab.default, {
+          showAdvancedControls: !!blockName
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+        tabId: _utils.TAB_STYLES.name,
+        focusable: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_stylesTab.default, {
+          blockName: blockName,
+          clientId: clientId,
+          hasBlockStyles: hasBlockStyles
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+        tabId: _utils.TAB_LIST_VIEW.name,
+        focusable: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+          group: "list"
+        })
+      })]
+    }, clientId)
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/inspector-controls-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_utils","_settingsTab","_interopRequireDefault","_stylesTab","_inspectorControls","_useIsListViewTabDisabled","_lockUnlock","Tabs","unlock","componentsPrivateApis","InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","initialTabName","useIsListViewTabDisabled","TAB_LIST_VIEW","name","undefined","_react","createElement","className","defaultTabId","key","TabList","map","tab","Tab","tabId","render","Button","icon","label","title","TabPanel","TAB_SETTINGS","focusable","default","showAdvancedControls","TAB_STYLES","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport InspectorControls from '../inspector-controls';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n} ) {\n\t// The tabs panel will mount before fills are rendered to the list view\n\t// slot. This means the list view tab isn't initially included in the\n\t// available tabs so the panel defaults selection to the settings tab\n\t// which at the time is the first tab. This check allows blocks known to\n\t// include the list view tab to set it as the tab selected by default.\n\tconst initialTabName = ! useIsListViewTabDisabled( blockName )\n\t\t? TAB_LIST_VIEW.name\n\t\t: undefined;\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs defaultTabId={ initialTabName } key={ clientId }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ tab.icon }\n\t\t\t\t\t\t\t\t\tlabel={ tab.title }\n\t\t\t\t\t\t\t\t\tclassName={ tab.className }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,kBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,yBAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAhBA;AACA;AACA;;AAMA;AACA;AACA;;AAQA,MAAM;EAAEQ;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEjC,SAASC,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,QAAQ;EACRC,cAAc;EACdC;AACD,CAAC,EAAG;EACH;EACA;EACA;EACA;EACA;EACA,MAAMC,cAAc,GAAG,CAAE,IAAAC,iCAAwB,EAAEL,SAAU,CAAC,GAC3DM,oBAAa,CAACC,IAAI,GAClBC,SAAS;EAEZ,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAClD,IAAAF,MAAA,CAAAC,aAAA,EAACd,IAAI;IAACgB,YAAY,EAAGR,cAAgB;IAACS,GAAG,EAAGZ;EAAU,GACrD,IAAAQ,MAAA,CAAAC,aAAA,EAACd,IAAI,CAACkB,OAAO,QACVX,IAAI,CAACY,GAAG,CAAIC,GAAG,IAChB,IAAAP,MAAA,CAAAC,aAAA,EAACd,IAAI,CAACqB,GAAG;IACRJ,GAAG,EAAGG,GAAG,CAACT,IAAM;IAChBW,KAAK,EAAGF,GAAG,CAACT,IAAM;IAClBY,MAAM,EACL,IAAAV,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAiC,MAAM;MACNC,IAAI,EAAGL,GAAG,CAACK,IAAM;MACjBC,KAAK,EAAGN,GAAG,CAACO,KAAO;MACnBZ,SAAS,EAAGK,GAAG,CAACL;IAAW,CAC3B;EACD,CACD,CACA,CACW,CAAC,EACf,IAAAF,MAAA,CAAAC,aAAA,EAACd,IAAI,CAAC4B,QAAQ;IAACN,KAAK,EAAGO,mBAAY,CAAClB,IAAM;IAACmB,SAAS,EAAG;EAAO,GAC7D,IAAAjB,MAAA,CAAAC,aAAA,EAACpB,YAAA,CAAAqC,OAAW;IAACC,oBAAoB,EAAG,CAAC,CAAE5B;EAAW,CAAE,CACtC,CAAC,EAChB,IAAAS,MAAA,CAAAC,aAAA,EAACd,IAAI,CAAC4B,QAAQ;IAACN,KAAK,EAAGW,iBAAU,CAACtB,IAAM;IAACmB,SAAS,EAAG;EAAO,GAC3D,IAAAjB,MAAA,CAAAC,aAAA,EAAClB,UAAA,CAAAmC,OAAS;IACT3B,SAAS,EAAGA,SAAW;IACvBC,QAAQ,EAAGA,QAAU;IACrBC,cAAc,EAAGA;EAAgB,CACjC,CACa,CAAC,EAChB,IAAAO,MAAA,CAAAC,aAAA,EAACd,IAAI,CAAC4B,QAAQ;IAACN,KAAK,EAAGZ,oBAAa,CAACC,IAAM;IAACmB,SAAS,EAAG;EAAO,GAC9D,IAAAjB,MAAA,CAAAC,aAAA,EAACjB,kBAAA,CAAAkC,OAAiB,CAACG,IAAI;IAACC,KAAK,EAAC;EAAM,CAAE,CACxB,CACV,CACF,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_components","require","_preferences","_data","_utils","_settingsTab","_interopRequireDefault","_stylesTab","_inspectorControls","_useIsListViewTabDisabled","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","showIconLabels","useSelect","select","preferencesStore","get","initialTabName","useIsListViewTabDisabled","TAB_LIST_VIEW","name","undefined","jsx","className","children","jsxs","defaultTabId","TabList","map","tab","Tab","tabId","render","Button","icon","label","title","TabPanel","TAB_SETTINGS","focusable","default","showAdvancedControls","TAB_STYLES","Slot","group"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TAB_SETTINGS, TAB_STYLES, TAB_LIST_VIEW } from './utils';\nimport SettingsTab from './settings-tab';\nimport StylesTab from './styles-tab';\nimport InspectorControls from '../inspector-controls';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nexport default function InspectorControlsTabs( {\n\tblockName,\n\tclientId,\n\thasBlockStyles,\n\ttabs,\n} ) {\n\tconst showIconLabels = useSelect( ( select ) => {\n\t\treturn select( preferencesStore ).get( 'core', 'showIconLabels' );\n\t}, [] );\n\n\t// The tabs panel will mount before fills are rendered to the list view\n\t// slot. This means the list view tab isn't initially included in the\n\t// available tabs so the panel defaults selection to the settings tab\n\t// which at the time is the first tab. This check allows blocks known to\n\t// include the list view tab to set it as the tab selected by default.\n\tconst initialTabName = ! useIsListViewTabDisabled( blockName )\n\t\t? TAB_LIST_VIEW.name\n\t\t: undefined;\n\n\treturn (\n\t\t<div className=\"block-editor-block-inspector__tabs\">\n\t\t\t<Tabs defaultTabId={ initialTabName } key={ clientId }>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t! showIconLabels ? tab.icon : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t! showIconLabels ? tab.title : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ tab.className }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ showIconLabels && tab.title }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_SETTINGS.name } focusable={ false }>\n\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_STYLES.name } focusable={ false }>\n\t\t\t\t\t<StylesTab\n\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId={ TAB_LIST_VIEW.name } focusable={ false }>\n\t\t\t\t\t<InspectorControls.Slot group=\"list\" />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,kBAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,yBAAA,GAAAH,sBAAA,CAAAL,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAlB3C;AACA;AACA;;AAQA;AACA;AACA;;AAQA,MAAM;EAAEW;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEjC,SAASC,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,QAAQ;EACRC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC/C,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CAAE,MAAM,EAAE,gBAAiB,CAAC;EAClE,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA;EACA;EACA;EACA;EACA,MAAMC,cAAc,GAAG,CAAE,IAAAC,iCAAwB,EAAEV,SAAU,CAAC,GAC3DW,oBAAa,CAACC,IAAI,GAClBC,SAAS;EAEZ,oBACC,IAAAlB,WAAA,CAAAmB,GAAA;IAAKC,SAAS,EAAC,oCAAoC;IAAAC,QAAA,eAClD,IAAArB,WAAA,CAAAsB,IAAA,EAACrB,IAAI;MAACsB,YAAY,EAAGT,cAAgB;MAAAO,QAAA,gBACpC,IAAArB,WAAA,CAAAmB,GAAA,EAAClB,IAAI,CAACuB,OAAO;QAAAH,QAAA,EACVb,IAAI,CAACiB,GAAG,CAAIC,GAAG,iBAChB,IAAA1B,WAAA,CAAAmB,GAAA,EAAClB,IAAI,CAAC0B,GAAG;UAERC,KAAK,EAAGF,GAAG,CAACT,IAAM;UAClBY,MAAM,eACL,IAAA7B,WAAA,CAAAmB,GAAA,EAAC9B,WAAA,CAAAyC,MAAM;YACNC,IAAI,EACH,CAAEtB,cAAc,GAAGiB,GAAG,CAACK,IAAI,GAAGb,SAC9B;YACDc,KAAK,EACJ,CAAEvB,cAAc,GAAGiB,GAAG,CAACO,KAAK,GAAGf,SAC/B;YACDE,SAAS,EAAGM,GAAG,CAACN,SAAW;YAAAC,QAAA,EAEzBZ,cAAc,IAAIiB,GAAG,CAACO;UAAK,CACtB;QACR,GAdKP,GAAG,CAACT,IAeV,CACA;MAAC,CACU,CAAC,eACf,IAAAjB,WAAA,CAAAmB,GAAA,EAAClB,IAAI,CAACiC,QAAQ;QAACN,KAAK,EAAGO,mBAAY,CAAClB,IAAM;QAACmB,SAAS,EAAG,KAAO;QAAAf,QAAA,eAC7D,IAAArB,WAAA,CAAAmB,GAAA,EAACzB,YAAA,CAAA2C,OAAW;UAACC,oBAAoB,EAAG,CAAC,CAAEjC;QAAW,CAAE;MAAC,CACvC,CAAC,eAChB,IAAAL,WAAA,CAAAmB,GAAA,EAAClB,IAAI,CAACiC,QAAQ;QAACN,KAAK,EAAGW,iBAAU,CAACtB,IAAM;QAACmB,SAAS,EAAG,KAAO;QAAAf,QAAA,eAC3D,IAAArB,WAAA,CAAAmB,GAAA,EAACvB,UAAA,CAAAyC,OAAS;UACThC,SAAS,EAAGA,SAAW;UACvBC,QAAQ,EAAGA,QAAU;UACrBC,cAAc,EAAGA;QAAgB,CACjC;MAAC,CACY,CAAC,eAChB,IAAAP,WAAA,CAAAmB,GAAA,EAAClB,IAAI,CAACiC,QAAQ;QAACN,KAAK,EAAGZ,oBAAa,CAACC,IAAM;QAACmB,SAAS,EAAG,KAAO;QAAAf,QAAA,eAC9D,IAAArB,WAAA,CAAAmB,GAAA,EAACtB,kBAAA,CAAAwC,OAAiB,CAACG,IAAI;UAACC,KAAK,EAAC;QAAM,CAAE;MAAC,CACzB,CAAC;IAAA,GAlC2BnC,QAmCtC;EAAC,CACH,CAAC;AAER","ignoreList":[]}

package/build/components/inspector-controls-tabs/position-controls-panel.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
@@ -13,6 +12,7 @@ var _i18n = require("@wordpress/i18n");
 var _groups = _interopRequireDefault(require("../inspector-controls/groups"));
 var _inspectorControls = _interopRequireDefault(require("../inspector-controls"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -46,13 +46,14 @@ const PositionControlsPanel = () => {
       }) => !!attributes?.style?.position?.type));
     }
   }, [initialOpen, multiSelectedBlocks, setInitialOpen]);
-  return (0, _react.createElement)(_components.PanelBody, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
     className: "block-editor-block-inspector__position",
     title: (0, _i18n.__)('Position'),
-    initialOpen: initialOpen !== null && initialOpen !== void 0 ? initialOpen : false
-  }, (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "position"
-  }));
+    initialOpen: initialOpen !== null && initialOpen !== void 0 ? initialOpen : false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+      group: "position"
+    })
+  });
 };
 const PositionControls = () => {
   const fills = (0, _components.__experimentalUseSlotFills)(_groups.default.position.Slot.__unstableName);
@@ -60,7 +61,7 @@ const PositionControls = () => {
   if (!hasFills) {
     return null;
   }
-  return (0, _react.createElement)(PositionControlsPanel, null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PositionControlsPanel, {});
 };
 var _default = exports.default = PositionControls;
 //# sourceMappingURL=position-controls-panel.js.map

package/build/components/inspector-controls-tabs/position-controls-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_element","_i18n","_groups","_interopRequireDefault","_inspectorControls","_store","PositionControlsPanel","initialOpen","setInitialOpen","useState","multiSelectedBlocks","useSelect","select","getBlocksByClientId","getSelectedBlockClientIds","blockEditorStore","clientIds","useLayoutEffect","undefined","some","attributes","style","position","type","_react","createElement","PanelBody","className","title","__","default","Slot","group","PositionControls","fills","useSlotFills","InspectorControlsGroups","__unstableName","hasFills","Boolean","length","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/position-controls-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useLayoutEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport { default as InspectorControls } from '../inspector-controls';\nimport { store as blockEditorStore } from '../../store';\n\nconst PositionControlsPanel = () => {\n\tconst [ initialOpen, setInitialOpen ] = useState();\n\n\t// Determine whether the panel should be expanded.\n\tconst { multiSelectedBlocks } = useSelect( ( select ) => {\n\t\tconst { getBlocksByClientId, getSelectedBlockClientIds } =\n\t\t\tselect( blockEditorStore );\n\t\tconst clientIds = getSelectedBlockClientIds();\n\t\treturn {\n\t\t\tmultiSelectedBlocks: getBlocksByClientId( clientIds ),\n\t\t};\n\t}, [] );\n\n\tuseLayoutEffect( () => {\n\t\t// If any selected block has a position set, open the panel by default.\n\t\t// The first block's value will still be used within the control though.\n\t\tif ( initialOpen === undefined ) {\n\t\t\tsetInitialOpen(\n\t\t\t\tmultiSelectedBlocks.some(\n\t\t\t\t\t( { attributes } ) => !! attributes?.style?.position?.type\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}, [ initialOpen, multiSelectedBlocks, setInitialOpen ] );\n\n\treturn (\n\t\t<PanelBody\n\t\t\tclassName=\"block-editor-block-inspector__position\"\n\t\t\ttitle={ __( 'Position' ) }\n\t\t\tinitialOpen={ initialOpen ?? false }\n\t\t>\n\t\t\t<InspectorControls.Slot group=\"position\" />\n\t\t</PanelBody>\n\t);\n};\n\nconst PositionControls = () => {\n\tconst fills = useSlotFills(\n\t\tInspectorControlsGroups.position.Slot.__unstableName\n\t);\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn null;\n\t}\n\n\treturn <PositionControlsPanel />;\n};\n\nexport default PositionControls;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAhBA;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAMQ,qBAAqB,GAAGA,CAAA,KAAM;EACnC,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAC,CAAC;;EAElD;EACA,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxD,MAAM;MAAEC,mBAAmB;MAAEC;IAA0B,CAAC,GACvDF,MAAM,CAAEG,YAAiB,CAAC;IAC3B,MAAMC,SAAS,GAAGF,yBAAyB,CAAC,CAAC;IAC7C,OAAO;MACNJ,mBAAmB,EAAEG,mBAAmB,CAAEG,SAAU;IACrD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAAC,wBAAe,EAAE,MAAM;IACtB;IACA;IACA,IAAKV,WAAW,KAAKW,SAAS,EAAG;MAChCV,cAAc,CACbE,mBAAmB,CAACS,IAAI,CACvB,CAAE;QAAEC;MAAW,CAAC,KAAM,CAAC,CAAEA,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IACvD,CACD,CAAC;IACF;EACD,CAAC,EAAE,CAAEhB,WAAW,EAAEG,mBAAmB,EAAEF,cAAc,CAAG,CAAC;EAEzD,OACC,IAAAgB,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAA6B,SAAS;IACTC,SAAS,EAAC,wCAAwC;IAClDC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1BtB,WAAW,EAAGA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI;EAAO,GAEpC,IAAAiB,MAAA,CAAAC,aAAA,EAACrB,kBAAA,CAAA0B,OAAiB,CAACC,IAAI;IAACC,KAAK,EAAC;EAAU,CAAE,CAChC,CAAC;AAEd,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,KAAK,GAAG,IAAAC,sCAAY,EACzBC,eAAuB,CAACd,QAAQ,CAACS,IAAI,CAACM,cACvC,CAAC;EACD,MAAMC,QAAQ,GAAGC,OAAO,CAAEL,KAAK,IAAIA,KAAK,CAACM,MAAO,CAAC;EAEjD,IAAK,CAAEF,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,OAAO,IAAAd,MAAA,CAAAC,aAAA,EAACnB,qBAAqB,MAAE,CAAC;AACjC,CAAC;AAAC,IAAAmC,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEaG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_components","require","_data","_element","_i18n","_groups","_interopRequireDefault","_inspectorControls","_store","_jsxRuntime","PositionControlsPanel","initialOpen","setInitialOpen","useState","multiSelectedBlocks","useSelect","select","getBlocksByClientId","getSelectedBlockClientIds","blockEditorStore","clientIds","useLayoutEffect","undefined","some","attributes","style","position","type","jsx","PanelBody","className","title","__","children","default","Slot","group","PositionControls","fills","useSlotFills","InspectorControlsGroups","__unstableName","hasFills","Boolean","length","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/position-controls-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useLayoutEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport { default as InspectorControls } from '../inspector-controls';\nimport { store as blockEditorStore } from '../../store';\n\nconst PositionControlsPanel = () => {\n\tconst [ initialOpen, setInitialOpen ] = useState();\n\n\t// Determine whether the panel should be expanded.\n\tconst { multiSelectedBlocks } = useSelect( ( select ) => {\n\t\tconst { getBlocksByClientId, getSelectedBlockClientIds } =\n\t\t\tselect( blockEditorStore );\n\t\tconst clientIds = getSelectedBlockClientIds();\n\t\treturn {\n\t\t\tmultiSelectedBlocks: getBlocksByClientId( clientIds ),\n\t\t};\n\t}, [] );\n\n\tuseLayoutEffect( () => {\n\t\t// If any selected block has a position set, open the panel by default.\n\t\t// The first block's value will still be used within the control though.\n\t\tif ( initialOpen === undefined ) {\n\t\t\tsetInitialOpen(\n\t\t\t\tmultiSelectedBlocks.some(\n\t\t\t\t\t( { attributes } ) => !! attributes?.style?.position?.type\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t}, [ initialOpen, multiSelectedBlocks, setInitialOpen ] );\n\n\treturn (\n\t\t<PanelBody\n\t\t\tclassName=\"block-editor-block-inspector__position\"\n\t\t\ttitle={ __( 'Position' ) }\n\t\t\tinitialOpen={ initialOpen ?? false }\n\t\t>\n\t\t\t<InspectorControls.Slot group=\"position\" />\n\t\t</PanelBody>\n\t);\n};\n\nconst PositionControls = () => {\n\tconst fills = useSlotFills(\n\t\tInspectorControlsGroups.position.Slot.__unstableName\n\t);\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn null;\n\t}\n\n\treturn <PositionControlsPanel />;\n};\n\nexport default PositionControls;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAhBxD;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAMS,qBAAqB,GAAGA,CAAA,KAAM;EACnC,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAC,CAAC;;EAElD;EACA,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxD,MAAM;MAAEC,mBAAmB;MAAEC;IAA0B,CAAC,GACvDF,MAAM,CAAEG,YAAiB,CAAC;IAC3B,MAAMC,SAAS,GAAGF,yBAAyB,CAAC,CAAC;IAC7C,OAAO;MACNJ,mBAAmB,EAAEG,mBAAmB,CAAEG,SAAU;IACrD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAAC,wBAAe,EAAE,MAAM;IACtB;IACA;IACA,IAAKV,WAAW,KAAKW,SAAS,EAAG;MAChCV,cAAc,CACbE,mBAAmB,CAACS,IAAI,CACvB,CAAE;QAAEC;MAAW,CAAC,KAAM,CAAC,CAAEA,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IACvD,CACD,CAAC;IACF;EACD,CAAC,EAAE,CAAEhB,WAAW,EAAEG,mBAAmB,EAAEF,cAAc,CAAG,CAAC;EAEzD,oBACC,IAAAH,WAAA,CAAAmB,GAAA,EAAC5B,WAAA,CAAA6B,SAAS;IACTC,SAAS,EAAC,wCAAwC;IAClDC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;IAC1BrB,WAAW,EAAGA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,KAAO;IAAAsB,QAAA,eAEpC,IAAAxB,WAAA,CAAAmB,GAAA,EAACrB,kBAAA,CAAA2B,OAAiB,CAACC,IAAI;MAACC,KAAK,EAAC;IAAU,CAAE;EAAC,CACjC,CAAC;AAEd,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,KAAK,GAAG,IAAAC,sCAAY,EACzBC,eAAuB,CAACd,QAAQ,CAACS,IAAI,CAACM,cACvC,CAAC;EACD,MAAMC,QAAQ,GAAGC,OAAO,CAAEL,KAAK,IAAIA,KAAK,CAACM,MAAO,CAAC;EAEjD,IAAK,CAAEF,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,oBAAO,IAAAjC,WAAA,CAAAmB,GAAA,EAAClB,qBAAqB,IAAE,CAAC;AACjC,CAAC;AAAC,IAAAmC,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEaG,gBAAgB","ignoreList":[]}

package/build/components/inspector-controls-tabs/settings-tab-hint.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InspectorControlsTabsHint;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _dom = require("@wordpress/dom");
@@ -12,6 +11,7 @@ var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _preferences = require("@wordpress/preferences");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -29,23 +29,25 @@ function InspectorControlsTabsHint() {
   if (!isInspectorControlsTabsHintVisible) {
     return null;
   }
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
-    className: "block-editor-inspector-controls-tabs__hint"
-  }, (0, _react.createElement)("div", {
-    className: "block-editor-inspector-controls-tabs__hint-content"
-  }, (0, _i18n.__)("Looking for other block settings? They've moved to the styles tab.")), (0, _react.createElement)(_components.Button, {
-    className: "block-editor-inspector-controls-tabs__hint-dismiss",
-    icon: _icons.close,
-    iconSize: "16",
-    label: (0, _i18n.__)('Dismiss hint'),
-    onClick: () => {
-      // Retain focus when dismissing the element.
-      const previousElement = _dom.focus.tabbable.findPrevious(ref.current);
-      previousElement?.focus();
-      setPreference('core', PREFERENCE_NAME, false);
-    },
-    showTooltip: false
-  }));
+    className: "block-editor-inspector-controls-tabs__hint",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-inspector-controls-tabs__hint-content",
+      children: (0, _i18n.__)("Looking for other block settings? They've moved to the styles tab.")
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      className: "block-editor-inspector-controls-tabs__hint-dismiss",
+      icon: _icons.close,
+      iconSize: "16",
+      label: (0, _i18n.__)('Dismiss hint'),
+      onClick: () => {
+        // Retain focus when dismissing the element.
+        const previousElement = _dom.focus.tabbable.findPrevious(ref.current);
+        previousElement?.focus();
+        setPreference('core', PREFERENCE_NAME, false);
+      },
+      showTooltip: false
+    })]
+  });
 }
 //# sourceMappingURL=settings-tab-hint.js.map

package/build/components/inspector-controls-tabs/settings-tab-hint.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_dom","_element","_i18n","_icons","_preferences","PREFERENCE_NAME","InspectorControlsTabsHint","isInspectorControlsTabsHintVisible","useSelect","select","_select$get","preferencesStore","get","ref","useRef","set","setPreference","useDispatch","_react","createElement","className","__","Button","icon","close","iconSize","label","onClick","previousElement","focus","tabbable","findPrevious","current","showTooltip"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/settings-tab-hint.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nconst PREFERENCE_NAME = 'isInspectorControlsTabsHintVisible';\n\nexport default function InspectorControlsTabsHint() {\n\tconst isInspectorControlsTabsHintVisible = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n\n\tconst ref = useRef();\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tif ( ! isInspectorControlsTabsHintVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-inspector-controls-tabs__hint\">\n\t\t\t<div className=\"block-editor-inspector-controls-tabs__hint-content\">\n\t\t\t\t{ __(\n\t\t\t\t\t\"Looking for other block settings? They've moved to the styles tab.\"\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-inspector-controls-tabs__hint-dismiss\"\n\t\t\t\ticon={ close }\n\t\t\t\ticonSize=\"16\"\n\t\t\t\tlabel={ __( 'Dismiss hint' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\t// Retain focus when dismissing the element.\n\t\t\t\t\tconst previousElement = focus.tabbable.findPrevious(\n\t\t\t\t\t\tref.current\n\t\t\t\t\t);\n\t\t\t\t\tpreviousElement?.focus();\n\t\t\t\t\tsetPreference( 'core', PREFERENCE_NAME, false );\n\t\t\t\t} }\n\t\t\t\tshowTooltip={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AATA;AACA;AACA;;AASA,MAAMO,eAAe,GAAG,oCAAoC;AAE7C,SAASC,yBAAyBA,CAAA,EAAG;EACnD,MAAMC,kCAAkC,GAAG,IAAAC,eAAS,EACjDC,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAEE,kBAAiB,CAAC,CAACC,GAAG,CAAE,MAAM,EAAEP,eAAgB,CAAC,cAAAK,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAMG,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EAEpB,MAAM;IAAEC,GAAG,EAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEN,kBAAiB,CAAC;EAC9D,IAAK,CAAEJ,kCAAkC,EAAG;IAC3C,OAAO,IAAI;EACZ;EAEA,OACC,IAAAW,MAAA,CAAAC,aAAA;IAAKN,GAAG,EAAGA,GAAK;IAACO,SAAS,EAAC;EAA4C,GACtE,IAAAF,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAoD,GAChE,IAAAC,QAAE,EACH,oEACD,CACI,CAAC,EACN,IAAAH,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAyB,MAAM;IACNF,SAAS,EAAC,oDAAoD;IAC9DG,IAAI,EAAGC,YAAO;IACdC,QAAQ,EAAC,IAAI;IACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,cAAe,CAAG;IAC9BM,OAAO,EAAGA,CAAA,KAAM;MACf;MACA,MAAMC,eAAe,GAAGC,UAAK,CAACC,QAAQ,CAACC,YAAY,CAClDlB,GAAG,CAACmB,OACL,CAAC;MACDJ,eAAe,EAAEC,KAAK,CAAC,CAAC;MACxBb,aAAa,CAAE,MAAM,EAAEX,eAAe,EAAE,KAAM,CAAC;IAChD,CAAG;IACH4B,WAAW,EAAG;EAAO,CACrB,CACG,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_components","require","_data","_dom","_element","_i18n","_icons","_preferences","_jsxRuntime","PREFERENCE_NAME","InspectorControlsTabsHint","isInspectorControlsTabsHintVisible","useSelect","select","_select$get","preferencesStore","get","ref","useRef","set","setPreference","useDispatch","jsxs","className","children","jsx","__","Button","icon","close","iconSize","label","onClick","previousElement","focus","tabbable","findPrevious","current","showTooltip"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/settings-tab-hint.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nconst PREFERENCE_NAME = 'isInspectorControlsTabsHintVisible';\n\nexport default function InspectorControlsTabsHint() {\n\tconst isInspectorControlsTabsHintVisible = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n\n\tconst ref = useRef();\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tif ( ! isInspectorControlsTabsHintVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-inspector-controls-tabs__hint\">\n\t\t\t<div className=\"block-editor-inspector-controls-tabs__hint-content\">\n\t\t\t\t{ __(\n\t\t\t\t\t\"Looking for other block settings? They've moved to the styles tab.\"\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-inspector-controls-tabs__hint-dismiss\"\n\t\t\t\ticon={ close }\n\t\t\t\ticonSize=\"16\"\n\t\t\t\tlabel={ __( 'Dismiss hint' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\t// Retain focus when dismissing the element.\n\t\t\t\t\tconst previousElement = focus.tabbable.findPrevious(\n\t\t\t\t\t\tref.current\n\t\t\t\t\t);\n\t\t\t\t\tpreviousElement?.focus();\n\t\t\t\t\tsetPreference( 'core', PREFERENCE_NAME, false );\n\t\t\t\t} }\n\t\t\t\tshowTooltip={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAmE,IAAAO,WAAA,GAAAP,OAAA;AATnE;AACA;AACA;;AASA,MAAMQ,eAAe,GAAG,oCAAoC;AAE7C,SAASC,yBAAyBA,CAAA,EAAG;EACnD,MAAMC,kCAAkC,GAAG,IAAAC,eAAS,EACjDC,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAEE,kBAAiB,CAAC,CAACC,GAAG,CAAE,MAAM,EAAEP,eAAgB,CAAC,cAAAK,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAMG,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EAEpB,MAAM;IAAEC,GAAG,EAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEN,kBAAiB,CAAC;EAC9D,IAAK,CAAEJ,kCAAkC,EAAG;IAC3C,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAH,WAAA,CAAAc,IAAA;IAAKL,GAAG,EAAGA,GAAK;IAACM,SAAS,EAAC,4CAA4C;IAAAC,QAAA,gBACtE,IAAAhB,WAAA,CAAAiB,GAAA;MAAKF,SAAS,EAAC,oDAAoD;MAAAC,QAAA,EAChE,IAAAE,QAAE,EACH,oEACD;IAAC,CACG,CAAC,eACN,IAAAlB,WAAA,CAAAiB,GAAA,EAACzB,WAAA,CAAA2B,MAAM;MACNJ,SAAS,EAAC,oDAAoD;MAC9DK,IAAI,EAAGC,YAAO;MACdC,QAAQ,EAAC,IAAI;MACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,cAAe,CAAG;MAC9BM,OAAO,EAAGA,CAAA,KAAM;QACf;QACA,MAAMC,eAAe,GAAGC,UAAK,CAACC,QAAQ,CAACC,YAAY,CAClDnB,GAAG,CAACoB,OACL,CAAC;QACDJ,eAAe,EAAEC,KAAK,CAAC,CAAC;QACxBd,aAAa,CAAE,MAAM,EAAEX,eAAe,EAAE,KAAM,CAAC;MAChD,CAAG;MACH6B,WAAW,EAAG;IAAO,CACrB,CAAC;EAAA,CACE,CAAC;AAER","ignoreList":[]}

package/build/components/inspector-controls-tabs/settings-tab.js

@@ -5,17 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _advancedControlsPanel = _interopRequireDefault(require("./advanced-controls-panel"));
 var _positionControlsPanel = _interopRequireDefault(require("./position-controls-panel"));
 var _inspectorControls = _interopRequireDefault(require("../inspector-controls"));
 var _settingsTabHint = _interopRequireDefault(require("./settings-tab-hint"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
 
 const SettingsTab = ({
   showAdvancedControls = false
-}) => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_inspectorControls.default.Slot, null), (0, _react.createElement)(_positionControlsPanel.default, null), showAdvancedControls && (0, _react.createElement)("div", null, (0, _react.createElement)(_advancedControlsPanel.default, null)), (0, _react.createElement)(_settingsTabHint.default, null));
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_positionControlsPanel.default, {}), showAdvancedControls && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_advancedControlsPanel.default, {})
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsTabHint.default, {})]
+});
 var _default = exports.default = SettingsTab;
 //# sourceMappingURL=settings-tab.js.map

package/build/components/inspector-controls-tabs/settings-tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["_advancedControlsPanel","_interopRequireDefault","require","_positionControlsPanel","_inspectorControls","_settingsTabHint","SettingsTab","showAdvancedControls","_react","createElement","Fragment","default","Slot","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/settings-tab.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport AdvancedControls from './advanced-controls-panel';\nimport PositionControls from './position-controls-panel';\nimport { default as InspectorControls } from '../inspector-controls';\nimport SettingsTabHint from './settings-tab-hint';\n\nconst SettingsTab = ( { showAdvancedControls = false } ) => (\n\t<>\n\t\t<InspectorControls.Slot />\n\t\t<PositionControls />\n\t\t{ showAdvancedControls && (\n\t\t\t<div>\n\t\t\t\t<AdvancedControls />\n\t\t\t</div>\n\t\t) }\n\t\t<SettingsTabHint />\n\t</>\n);\n\nexport default SettingsTab;\n"],"mappings":";;;;;;;;AAGA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AANA;AACA;AACA;;AAMA,MAAMI,WAAW,GAAGA,CAAE;EAAEC,oBAAoB,GAAG;AAAM,CAAC,KACrD,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACL,kBAAA,CAAAO,OAAiB,CAACC,IAAI,MAAE,CAAC,EAC1B,IAAAJ,MAAA,CAAAC,aAAA,EAACN,sBAAA,CAAAQ,OAAgB,MAAE,CAAC,EAClBJ,oBAAoB,IACrB,IAAAC,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAACT,sBAAA,CAAAW,OAAgB,MAAE,CACf,CACL,EACD,IAAAH,MAAA,CAAAC,aAAA,EAACJ,gBAAA,CAAAM,OAAe,MAAE,CACjB,CACF;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEaL,WAAW","ignoreList":[]}
+{"version":3,"names":["_advancedControlsPanel","_interopRequireDefault","require","_positionControlsPanel","_inspectorControls","_settingsTabHint","_jsxRuntime","SettingsTab","showAdvancedControls","jsxs","Fragment","children","jsx","default","Slot","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/settings-tab.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport AdvancedControls from './advanced-controls-panel';\nimport PositionControls from './position-controls-panel';\nimport { default as InspectorControls } from '../inspector-controls';\nimport SettingsTabHint from './settings-tab-hint';\n\nconst SettingsTab = ( { showAdvancedControls = false } ) => (\n\t<>\n\t\t<InspectorControls.Slot />\n\t\t<PositionControls />\n\t\t{ showAdvancedControls && (\n\t\t\t<div>\n\t\t\t\t<AdvancedControls />\n\t\t\t</div>\n\t\t) }\n\t\t<SettingsTabHint />\n\t</>\n);\n\nexport default SettingsTab;\n"],"mappings":";;;;;;;AAGA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AANlD;AACA;AACA;;AAMA,MAAMK,WAAW,GAAGA,CAAE;EAAEC,oBAAoB,GAAG;AAAM,CAAC,kBACrD,IAAAF,WAAA,CAAAG,IAAA,EAAAH,WAAA,CAAAI,QAAA;EAAAC,QAAA,gBACC,IAAAL,WAAA,CAAAM,GAAA,EAACR,kBAAA,CAAAS,OAAiB,CAACC,IAAI,IAAE,CAAC,eAC1B,IAAAR,WAAA,CAAAM,GAAA,EAACT,sBAAA,CAAAU,OAAgB,IAAE,CAAC,EAClBL,oBAAoB,iBACrB,IAAAF,WAAA,CAAAM,GAAA;IAAAD,QAAA,eACC,IAAAL,WAAA,CAAAM,GAAA,EAACZ,sBAAA,CAAAa,OAAgB,IAAE;EAAC,CAChB,CACL,eACD,IAAAP,WAAA,CAAAM,GAAA,EAACP,gBAAA,CAAAQ,OAAe,IAAE,CAAC;AAAA,CAClB,CACF;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEaN,WAAW","ignoreList":[]}

package/build/components/inspector-controls-tabs/styles-tab.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockStyles = _interopRequireDefault(require("../block-styles"));
 var _inspectorControls = _interopRequireDefault(require("../inspector-controls"));
 var _border = require("../../hooks/border");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -27,31 +27,36 @@ const StylesTab = ({
   const borderPanelLabel = (0, _border.useBorderPanelLabel)({
     blockName
   });
-  return (0, _react.createElement)(_react.Fragment, null, hasBlockStyles && (0, _react.createElement)("div", null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Styles')
-  }, (0, _react.createElement)(_blockStyles.default, {
-    clientId: clientId
-  }))), (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "color",
-    label: (0, _i18n.__)('Color'),
-    className: "color-block-support-panel__inner-wrapper"
-  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "background",
-    label: (0, _i18n.__)('Background image')
-  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "filter"
-  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "typography",
-    label: (0, _i18n.__)('Typography')
-  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "dimensions",
-    label: (0, _i18n.__)('Dimensions')
-  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "border",
-    label: borderPanelLabel
-  }), (0, _react.createElement)(_inspectorControls.default.Slot, {
-    group: "styles"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [hasBlockStyles && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+        title: (0, _i18n.__)('Styles'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockStyles.default, {
+          clientId: clientId
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+      group: "color",
+      label: (0, _i18n.__)('Color'),
+      className: "color-block-support-panel__inner-wrapper"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+      group: "background",
+      label: (0, _i18n.__)('Background image')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+      group: "filter"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+      group: "typography",
+      label: (0, _i18n.__)('Typography')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+      group: "dimensions",
+      label: (0, _i18n.__)('Dimensions')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+      group: "border",
+      label: borderPanelLabel
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default.Slot, {
+      group: "styles"
+    })]
+  });
 };
 var _default = exports.default = StylesTab;
 //# sourceMappingURL=styles-tab.js.map

package/build/components/inspector-controls-tabs/styles-tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_blockStyles","_interopRequireDefault","_inspectorControls","_border","StylesTab","blockName","clientId","hasBlockStyles","borderPanelLabel","useBorderPanelLabel","_react","createElement","Fragment","PanelBody","title","__","default","Slot","group","label","className","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/styles-tab.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport InspectorControls from '../inspector-controls';\nimport { useBorderPanelLabel } from '../../hooks/border';\n\nconst StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {\n\tconst borderPanelLabel = useBorderPanelLabel( { blockName } );\n\n\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && (\n\t\t\t\t<div>\n\t\t\t\t\t<PanelBody title={ __( 'Styles' ) }>\n\t\t\t\t\t\t<BlockStyles clientId={ clientId } />\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"color\"\n\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"background\"\n\t\t\t\tlabel={ __( 'Background image' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"filter\" />\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"typography\"\n\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"dimensions\"\n\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"border\" label={ borderPanelLabel } />\n\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAMM,SAAS,GAAGA,CAAE;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAe,CAAC,KAAM;EAChE,MAAMC,gBAAgB,GAAG,IAAAC,2BAAmB,EAAE;IAAEJ;EAAU,CAAE,CAAC;EAE7D,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGL,cAAc,IACf,IAAAG,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAACd,WAAA,CAAAgB,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAClC,IAAAL,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAgB,OAAW;IAACV,QAAQ,EAAGA;EAAU,CAAE,CAC1B,CACP,CACL,EACD,IAAAI,MAAA,CAAAC,aAAA,EAACT,kBAAA,CAAAc,OAAiB,CAACC,IAAI;IACtBC,KAAK,EAAC,OAAO;IACbC,KAAK,EAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAG;IACvBK,SAAS,EAAC;EAA0C,CACpD,CAAC,EACF,IAAAV,MAAA,CAAAC,aAAA,EAACT,kBAAA,CAAAc,OAAiB,CAACC,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,kBAAmB;EAAG,CAClC,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACT,kBAAA,CAAAc,OAAiB,CAACC,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CAAC,EACzC,IAAAR,MAAA,CAAAC,aAAA,EAACT,kBAAA,CAAAc,OAAiB,CAACC,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACT,kBAAA,CAAAc,OAAiB,CAACC,IAAI;IACtBC,KAAK,EAAC,YAAY;IAClBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,YAAa;EAAG,CAC5B,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACT,kBAAA,CAAAc,OAAiB,CAACC,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAGX;EAAkB,CAAE,CAAC,EACpE,IAAAE,MAAA,CAAAC,aAAA,EAACT,kBAAA,CAAAc,OAAiB,CAACC,IAAI;IAACC,KAAK,EAAC;EAAQ,CAAE,CACvC,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEaZ,SAAS","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_blockStyles","_interopRequireDefault","_inspectorControls","_border","_jsxRuntime","StylesTab","blockName","clientId","hasBlockStyles","borderPanelLabel","useBorderPanelLabel","jsxs","Fragment","children","jsx","PanelBody","title","__","default","Slot","group","label","className","_default","exports"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/styles-tab.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport InspectorControls from '../inspector-controls';\nimport { useBorderPanelLabel } from '../../hooks/border';\n\nconst StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {\n\tconst borderPanelLabel = useBorderPanelLabel( { blockName } );\n\n\treturn (\n\t\t<>\n\t\t\t{ hasBlockStyles && (\n\t\t\t\t<div>\n\t\t\t\t\t<PanelBody title={ __( 'Styles' ) }>\n\t\t\t\t\t\t<BlockStyles clientId={ clientId } />\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"color\"\n\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\tclassName=\"color-block-support-panel__inner-wrapper\"\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"background\"\n\t\t\t\tlabel={ __( 'Background image' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"filter\" />\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"typography\"\n\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\tgroup=\"dimensions\"\n\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot group=\"border\" label={ borderPanelLabel } />\n\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAyD,IAAAM,WAAA,GAAAN,OAAA;AAXzD;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAMO,SAAS,GAAGA,CAAE;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAe,CAAC,KAAM;EAChE,MAAMC,gBAAgB,GAAG,IAAAC,2BAAmB,EAAE;IAAEJ;EAAU,CAAE,CAAC;EAE7D,oBACC,IAAAF,WAAA,CAAAO,IAAA,EAAAP,WAAA,CAAAQ,QAAA;IAAAC,QAAA,GACGL,cAAc,iBACf,IAAAJ,WAAA,CAAAU,GAAA;MAAAD,QAAA,eACC,IAAAT,WAAA,CAAAU,GAAA,EAACjB,WAAA,CAAAkB,SAAS;QAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;QAAAJ,QAAA,eAClC,IAAAT,WAAA,CAAAU,GAAA,EAACd,YAAA,CAAAkB,OAAW;UAACX,QAAQ,EAAGA;QAAU,CAAE;MAAC,CAC3B;IAAC,CACR,CACL,eACD,IAAAH,WAAA,CAAAU,GAAA,EAACZ,kBAAA,CAAAgB,OAAiB,CAACC,IAAI;MACtBC,KAAK,EAAC,OAAO;MACbC,KAAK,EAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAG;MACvBK,SAAS,EAAC;IAA0C,CACpD,CAAC,eACF,IAAAlB,WAAA,CAAAU,GAAA,EAACZ,kBAAA,CAAAgB,OAAiB,CAACC,IAAI;MACtBC,KAAK,EAAC,YAAY;MAClBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,kBAAmB;IAAG,CAClC,CAAC,eACF,IAAAb,WAAA,CAAAU,GAAA,EAACZ,kBAAA,CAAAgB,OAAiB,CAACC,IAAI;MAACC,KAAK,EAAC;IAAQ,CAAE,CAAC,eACzC,IAAAhB,WAAA,CAAAU,GAAA,EAACZ,kBAAA,CAAAgB,OAAiB,CAACC,IAAI;MACtBC,KAAK,EAAC,YAAY;MAClBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,YAAa;IAAG,CAC5B,CAAC,eACF,IAAAb,WAAA,CAAAU,GAAA,EAACZ,kBAAA,CAAAgB,OAAiB,CAACC,IAAI;MACtBC,KAAK,EAAC,YAAY;MAClBC,KAAK,EAAG,IAAAJ,QAAE,EAAE,YAAa;IAAG,CAC5B,CAAC,eACF,IAAAb,WAAA,CAAAU,GAAA,EAACZ,kBAAA,CAAAgB,OAAiB,CAACC,IAAI;MAACC,KAAK,EAAC,QAAQ;MAACC,KAAK,EAAGZ;IAAkB,CAAE,CAAC,eACpE,IAAAL,WAAA,CAAAU,GAAA,EAACZ,kBAAA,CAAAgB,OAAiB,CAACC,IAAI;MAACC,KAAK,EAAC;IAAQ,CAAE,CAAC;EAAA,CACxC,CAAC;AAEL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEab,SAAS","ignoreList":[]}

package/build/components/inspector-popover-header/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InspectorPopoverHeader;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -18,31 +18,36 @@ function InspectorPopoverHeader({
   actions = [],
   onClose
 }) {
-  return (0, _react.createElement)(_components.__experimentalVStack, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
     className: "block-editor-inspector-popover-header",
-    spacing: 4
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    alignment: "center"
-  }, (0, _react.createElement)(_components.__experimentalHeading, {
-    className: "block-editor-inspector-popover-header__heading",
-    level: 2,
-    size: 13
-  }, title), (0, _react.createElement)(_components.__experimentalSpacer, null), actions.map(({
-    label,
-    icon,
-    onClick
-  }) => (0, _react.createElement)(_components.Button, {
-    key: label,
-    className: "block-editor-inspector-popover-header__action",
-    label: label,
-    icon: icon,
-    variant: !icon && 'tertiary',
-    onClick: onClick
-  }, !icon && label)), onClose && (0, _react.createElement)(_components.Button, {
-    className: "block-editor-inspector-popover-header__action",
-    label: (0, _i18n.__)('Close'),
-    icon: _icons.closeSmall,
-    onClick: onClose
-  })), help && (0, _react.createElement)(_components.__experimentalText, null, help));
+    spacing: 4,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      alignment: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
+        className: "block-editor-inspector-popover-header__heading",
+        level: 2,
+        size: 13,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {}), actions.map(({
+        label,
+        icon,
+        onClick
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        className: "block-editor-inspector-popover-header__action",
+        label: label,
+        icon: icon,
+        variant: !icon && 'tertiary',
+        onClick: onClick,
+        children: !icon && label
+      }, label)), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        className: "block-editor-inspector-popover-header__action",
+        label: (0, _i18n.__)('Close'),
+        icon: _icons.closeSmall,
+        onClick: onClose
+      })]
+    }), help && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+      children: help
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/inspector-popover-header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_i18n","InspectorPopoverHeader","title","help","actions","onClose","_react","createElement","__experimentalVStack","className","spacing","__experimentalHStack","alignment","__experimentalHeading","level","size","__experimentalSpacer","map","label","icon","onClick","Button","key","variant","__","closeSmall","__experimentalText"],"sources":["@wordpress/block-editor/src/components/inspector-popover-header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAZA;AACA;AACA;;AAYe,SAASG,sBAAsBA,CAAE;EAC/CC,KAAK;EACLC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,oBAAM;IAACC,SAAS,EAAC,uCAAuC;IAACC,OAAO,EAAG;EAAG,GACtE,IAAAJ,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAc,oBAAM;IAACC,SAAS,EAAC;EAAQ,GACzB,IAAAN,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAgB,qBAAO;IACPJ,SAAS,EAAC,gDAAgD;IAC1DK,KAAK,EAAG,CAAG;IACXC,IAAI,EAAG;EAAI,GAETb,KACM,CAAC,EACV,IAAAI,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAmB,oBAAM,MAAE,CAAC,EACRZ,OAAO,CAACa,GAAG,CAAE,CAAE;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAQ,CAAC,KACxC,IAAAd,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAwB,MAAM;IACNC,GAAG,EAAGJ,KAAO;IACbT,SAAS,EAAC,+CAA+C;IACzDS,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IACbI,OAAO,EAAG,CAAEJ,IAAI,IAAI,UAAY;IAChCC,OAAO,EAAGA;EAAS,GAEjB,CAAED,IAAI,IAAID,KACL,CACP,CAAC,EACDb,OAAO,IACR,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAwB,MAAM;IACNZ,SAAS,EAAC,+CAA+C;IACzDS,KAAK,EAAG,IAAAM,QAAE,EAAE,OAAQ,CAAG;IACvBL,IAAI,EAAGM,iBAAY;IACnBL,OAAO,EAAGf;EAAS,CACnB,CAEK,CAAC,EACPF,IAAI,IAAI,IAAAG,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAA6B,kBAAI,QAAGvB,IAAY,CACvB,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_components","require","_icons","_i18n","_jsxRuntime","InspectorPopoverHeader","title","help","actions","onClose","jsxs","__experimentalVStack","className","spacing","children","__experimentalHStack","alignment","jsx","__experimentalHeading","level","size","__experimentalSpacer","map","label","icon","onClick","Button","variant","__","closeSmall","__experimentalText"],"sources":["@wordpress/block-editor/src/components/inspector-popover-header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAqC,IAAAG,WAAA,GAAAH,OAAA;AAZrC;AACA;AACA;;AAYe,SAASI,sBAAsBA,CAAE;EAC/CC,KAAK;EACLC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC;AACD,CAAC,EAAG;EACH,oBACC,IAAAL,WAAA,CAAAM,IAAA,EAACV,WAAA,CAAAW,oBAAM;IAACC,SAAS,EAAC,uCAAuC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACtE,IAAAV,WAAA,CAAAM,IAAA,EAACV,WAAA,CAAAe,oBAAM;MAACC,SAAS,EAAC,QAAQ;MAAAF,QAAA,gBACzB,IAAAV,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAkB,qBAAO;QACPN,SAAS,EAAC,gDAAgD;QAC1DO,KAAK,EAAG,CAAG;QACXC,IAAI,EAAG,EAAI;QAAAN,QAAA,EAETR;MAAK,CACC,CAAC,eACV,IAAAF,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAqB,oBAAM,IAAE,CAAC,EACRb,OAAO,CAACc,GAAG,CAAE,CAAE;QAAEC,KAAK;QAAEC,IAAI;QAAEC;MAAQ,CAAC,kBACxC,IAAArB,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAA0B,MAAM;QAENd,SAAS,EAAC,+CAA+C;QACzDW,KAAK,EAAGA,KAAO;QACfC,IAAI,EAAGA,IAAM;QACbG,OAAO,EAAG,CAAEH,IAAI,IAAI,UAAY;QAChCC,OAAO,EAAGA,OAAS;QAAAX,QAAA,EAEjB,CAAEU,IAAI,IAAID;MAAK,GAPXA,KAQC,CACP,CAAC,EACDd,OAAO,iBACR,IAAAL,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAA0B,MAAM;QACNd,SAAS,EAAC,+CAA+C;QACzDW,KAAK,EAAG,IAAAK,QAAE,EAAE,OAAQ,CAAG;QACvBJ,IAAI,EAAGK,iBAAY;QACnBJ,OAAO,EAAGhB;MAAS,CACnB,CACD;IAAA,CACM,CAAC,EACPF,IAAI,iBAAI,IAAAH,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAA8B,kBAAI;MAAAhB,QAAA,EAAGP;IAAI,CAAQ,CAAC;EAAA,CACxB,CAAC;AAEX","ignoreList":[]}

package/build/components/justify-content-control/index.js

@@ -5,21 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.JustifyToolbar = exports.JustifyContentControl = void 0;
-var _react = require("react");
 var _ui = _interopRequireDefault(require("./ui"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
 
 const JustifyContentControl = props => {
-  return (0, _react.createElement)(_ui.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.default, {
     ...props,
     isToolbar: false
   });
 };
 exports.JustifyContentControl = JustifyContentControl;
 const JustifyToolbar = props => {
-  return (0, _react.createElement)(_ui.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.default, {
     ...props,
     isToolbar: true
   });

package/build/components/justify-content-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ui","_interopRequireDefault","require","JustifyContentControl","props","_react","createElement","default","isToolbar","exports","JustifyToolbar"],"sources":["@wordpress/block-editor/src/components/justify-content-control/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport JustifyContentUI from './ui';\n\nconst JustifyContentControl = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar={ false } />;\n};\n\nconst JustifyToolbar = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md\n */\nexport { JustifyContentControl, JustifyToolbar };\n"],"mappings":";;;;;;;;AAGA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,qBAAqB,GAAKC,KAAK,IAAM;EAC1C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACN,GAAA,CAAAO,OAAgB;IAAA,GAAMH,KAAK;IAAGI,SAAS,EAAG;EAAO,CAAE,CAAC;AAC7D,CAAC;AAACC,OAAA,CAAAN,qBAAA,GAAAA,qBAAA;AAEF,MAAMO,cAAc,GAAKN,KAAK,IAAM;EACnC,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACN,GAAA,CAAAO,OAAgB;IAAA,GAAMH,KAAK;IAAGI,SAAS;EAAA,CAAE,CAAC;AACnD,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAC,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_ui","_interopRequireDefault","require","_jsxRuntime","JustifyContentControl","props","jsx","default","isToolbar","exports","JustifyToolbar"],"sources":["@wordpress/block-editor/src/components/justify-content-control/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport JustifyContentUI from './ui';\n\nconst JustifyContentControl = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar={ false } />;\n};\n\nconst JustifyToolbar = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md\n */\nexport { JustifyContentControl, JustifyToolbar };\n"],"mappings":";;;;;;;AAGA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoC,IAAAC,WAAA,GAAAD,OAAA;AAHpC;AACA;AACA;;AAGA,MAAME,qBAAqB,GAAKC,KAAK,IAAM;EAC1C,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACN,GAAA,CAAAO,OAAgB;IAAA,GAAMF,KAAK;IAAGG,SAAS,EAAG;EAAO,CAAE,CAAC;AAC7D,CAAC;AAACC,OAAA,CAAAL,qBAAA,GAAAA,qBAAA;AAEF,MAAMM,cAAc,GAAKL,KAAK,IAAM;EACnC,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACN,GAAA,CAAAO,OAAgB;IAAA,GAAMF,KAAK;IAAGG,SAAS;EAAA,CAAE,CAAC;AACnD,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAC,cAAA,GAAAA,cAAA","ignoreList":[]}

package/build/components/justify-content-control/ui.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -73,7 +73,7 @@ function JustifyContentUI({
   const extraProps = isToolbar ? {
     isCollapsed
   } : {};
-  return (0, _react.createElement)(UIComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(UIComponent, {
     icon: icon,
     popoverProps: popoverProps,
     label: (0, _i18n.__)('Change items justification'),