@wordpress/block-editor 11.2.0 → 11.3.1

package/build/components/inspector-controls/fill.js

@@ -15,6 +15,8 @@ var _components = require("@wordpress/components");
 
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
 
+var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
+
 var _useDisplayBlockControls = _interopRequireDefault(require("../use-display-block-controls"));
 
 var _groups = _interopRequireDefault(require("./groups"));
@@ -34,9 +36,20 @@ function InspectorControlsFill(_ref) {
   var _groups$group;
 
   let {
-    __experimentalGroup: group = 'default',
-    children
+    children,
+    group = 'default',
+    __experimentalGroup
   } = _ref;
+
+  if (__experimentalGroup) {
+    (0, _deprecated.default)('`__experimentalGroup` property in `InspectorControlsFill`', {
+      since: '6.2',
+      version: '6.4',
+      alternative: '`group`'
+    });
+    group = __experimentalGroup;
+  }
+
   const isDisplayed = (0, _useDisplayBlockControls.default)();
   const Fill = (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Fill;
 

package/build/components/inspector-controls/fill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.js"],"names":["InspectorControlsFill","__experimentalGroup","group","children","isDisplayed","Fill","groups","document","fillProps","value"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAIA;;AAKA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;AAIe,SAASA,qBAAT,OAGX;AAAA;;AAAA,MAH2C;AAC9CC,IAAAA,mBAAmB,EAAEC,KAAK,GAAG,SADiB;AAE9CC,IAAAA;AAF8C,GAG3C;AACH,QAAMC,WAAW,GAAG,uCAApB;AACA,QAAMC,IAAI,oBAAGC,gBAAQJ,KAAR,CAAH,kDAAG,cAAiBG,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,mCAAmCH,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AACD,MAAK,CAAEE,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,uCAAD;AAAe,IAAA,QAAQ,EAAGG;AAA1B,KACC,4BAAC,IAAD,QACKC,SAAF,IAAiB;AAClB;AACA;AACA;AACA;AACA,UAAMC,KAAK,GAAG,CAAE,qBAASD,SAAT,CAAF,GAAyBA,SAAzB,GAAqC,IAAnD;AACA,WACC,4BAAC,2CAAD,CAAmB,QAAnB;AAA4B,MAAA,KAAK,EAAGC;AAApC,OACGN,QADH,CADD;AAKA,GAZF,CADD,CADD;AAkBA","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolsPanelContext as ToolsPanelContext,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport useDisplayBlockControls from '../use-display-block-controls';\nimport groups from './groups';\n\nexport default function InspectorControlsFill( {\n\t__experimentalGroup: group = 'default',\n\tchildren,\n} ) {\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! isDisplayed ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// Children passed to InspectorControlsFill will not have\n\t\t\t\t\t// access to any React Context whose Provider is part of\n\t\t\t\t\t// the InspectorControlsSlot tree. So we re-create the\n\t\t\t\t\t// Provider in this subtree.\n\t\t\t\t\tconst value = ! isEmpty( fillProps ) ? fillProps : null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolsPanelContext.Provider value={ value }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</ToolsPanelContext.Provider>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.js"],"names":["InspectorControlsFill","children","group","__experimentalGroup","since","version","alternative","isDisplayed","Fill","groups","document","fillProps","value"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAIA;;AACA;;AAKA;;AACA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AAIe,SAASA,qBAAT,OAIX;AAAA;;AAAA,MAJ2C;AAC9CC,IAAAA,QAD8C;AAE9CC,IAAAA,KAAK,GAAG,SAFsC;AAG9CC,IAAAA;AAH8C,GAI3C;;AACH,MAAKA,mBAAL,EAA2B;AAC1B,6BACC,2DADD,EAEC;AACCC,MAAAA,KAAK,EAAE,KADR;AAECC,MAAAA,OAAO,EAAE,KAFV;AAGCC,MAAAA,WAAW,EAAE;AAHd,KAFD;AAQAJ,IAAAA,KAAK,GAAGC,mBAAR;AACA;;AAED,QAAMI,WAAW,GAAG,uCAApB;AACA,QAAMC,IAAI,oBAAGC,gBAAQP,KAAR,CAAH,kDAAG,cAAiBM,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,mCAAmCN,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AACD,MAAK,CAAEK,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,uCAAD;AAAe,IAAA,QAAQ,EAAGG;AAA1B,KACC,4BAAC,IAAD,QACKC,SAAF,IAAiB;AAClB;AACA;AACA;AACA;AACA,UAAMC,KAAK,GAAG,CAAE,qBAASD,SAAT,CAAF,GAAyBA,SAAzB,GAAqC,IAAnD;AACA,WACC,4BAAC,2CAAD,CAAmB,QAAnB;AAA4B,MAAA,KAAK,EAAGC;AAApC,OACGX,QADH,CADD;AAKA,GAZF,CADD,CADD;AAkBA","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\t__experimentalToolsPanelContext as ToolsPanelContext,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport useDisplayBlockControls from '../use-display-block-controls';\nimport groups from './groups';\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\tgroup = 'default',\n\t__experimentalGroup,\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsFill`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\n\tconst isDisplayed = useDisplayBlockControls();\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! isDisplayed ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// Children passed to InspectorControlsFill will not have\n\t\t\t\t\t// access to any React Context whose Provider is part of\n\t\t\t\t\t// the InspectorControlsSlot tree. So we re-create the\n\t\t\t\t\t// Provider in this subtree.\n\t\t\t\t\tconst value = ! isEmpty( fillProps ) ? fillProps : null;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolsPanelContext.Provider value={ value }>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</ToolsPanelContext.Provider>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"]}

package/build/components/inspector-controls/fill.native.js

@@ -15,6 +15,8 @@ var _components = require("@wordpress/components");
 
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
 
+var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
+
 var _groups = _interopRequireDefault(require("./groups"));
 
 var _useDisplayBlockControls = _interopRequireDefault(require("../use-display-block-controls"));
@@ -37,9 +39,20 @@ function InspectorControlsFill(_ref) {
 
   let {
     children,
-    __experimentalGroup: group = 'default',
+    group = 'default',
+    __experimentalGroup,
     ...props
   } = _ref;
+
+  if (__experimentalGroup) {
+    (0, _deprecated.default)('`__experimentalGroup` property in `InspectorControlsFill`', {
+      since: '6.2',
+      version: '6.4',
+      alternative: '`group`'
+    });
+    group = __experimentalGroup;
+  }
+
   const isDisplayed = (0, _useDisplayBlockControls.default)();
   const Fill = (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Fill;
 

package/build/components/inspector-controls/fill.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.native.js"],"names":["InspectorControlsFill","children","__experimentalGroup","group","props","isDisplayed","Fill","groups","Children","count"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AACA;;AAKA;;AACA;;AACA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAKe,SAASA,qBAAT,OAIX;AAAA;;AAAA,MAJ2C;AAC9CC,IAAAA,QAD8C;AAE9CC,IAAAA,mBAAmB,EAAEC,KAAK,GAAG,SAFiB;AAG9C,OAAGC;AAH2C,GAI3C;AACH,QAAMC,WAAW,GAAG,uCAApB;AAEA,QAAMC,IAAI,oBAAGC,gBAAQJ,KAAR,CAAH,kDAAG,cAAiBG,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,mCAAmCH,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AACD,MAAK,CAAEE,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,IAAD,EAAWD,KAAX,EAEE,4BAAC,+BAAD,QACG,MAAM,4BAAC,iBAAD,QAAQH,QAAR,CADT,CAFF,CADD,EAQGO,kBAASC,KAAT,CAAgBR,QAAhB,IAA6B,CAA7B,IAAkC,4BAAC,kCAAD,OARrC,CADD;AAYA","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { BottomSheetConsumer } from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport useDisplayBlockControls from '../use-display-block-controls';\nimport { BlockSettingsButton } from '../block-settings';\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\t__experimentalGroup: group = 'default',\n\t...props\n} ) {\n\tconst isDisplayed = useDisplayBlockControls();\n\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! isDisplayed ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Fill { ...props }>\n\t\t\t\t{\n\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t{ () => <View>{ children }</View> }\n\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t}\n\t\t\t</Fill>\n\t\t\t{ Children.count( children ) > 0 && <BlockSettingsButton /> }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/fill.native.js"],"names":["InspectorControlsFill","children","group","__experimentalGroup","props","since","version","alternative","isDisplayed","Fill","groups","Children","count"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AAKe,SAASA,qBAAT,OAKX;AAAA;;AAAA,MAL2C;AAC9CC,IAAAA,QAD8C;AAE9CC,IAAAA,KAAK,GAAG,SAFsC;AAG9CC,IAAAA,mBAH8C;AAI9C,OAAGC;AAJ2C,GAK3C;;AACH,MAAKD,mBAAL,EAA2B;AAC1B,6BACC,2DADD,EAEC;AACCE,MAAAA,KAAK,EAAE,KADR;AAECC,MAAAA,OAAO,EAAE,KAFV;AAGCC,MAAAA,WAAW,EAAE;AAHd,KAFD;AAQAL,IAAAA,KAAK,GAAGC,mBAAR;AACA;;AACD,QAAMK,WAAW,GAAG,uCAApB;AAEA,QAAMC,IAAI,oBAAGC,gBAAQR,KAAR,CAAH,kDAAG,cAAiBO,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,mCAAmCP,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AACD,MAAK,CAAEM,WAAP,EAAqB;AACpB,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,IAAD,EAAWJ,KAAX,EAEE,4BAAC,+BAAD,QACG,MAAM,4BAAC,iBAAD,QAAQH,QAAR,CADT,CAFF,CADD,EAQGU,kBAASC,KAAT,CAAgBX,QAAhB,IAA6B,CAA7B,IAAkC,4BAAC,kCAAD,OARrC,CADD;AAYA","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { BottomSheetConsumer } from '@wordpress/components';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\nimport useDisplayBlockControls from '../use-display-block-controls';\nimport { BlockSettingsButton } from '../block-settings';\n\nexport default function InspectorControlsFill( {\n\tchildren,\n\tgroup = 'default',\n\t__experimentalGroup,\n\t...props\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsFill`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst isDisplayed = useDisplayBlockControls();\n\n\tconst Fill = groups[ group ]?.Fill;\n\tif ( ! Fill ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\tif ( ! isDisplayed ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Fill { ...props }>\n\t\t\t\t{\n\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t{ () => <View>{ children }</View> }\n\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t}\n\t\t\t</Fill>\n\t\t\t{ Children.count( children ) > 0 && <BlockSettingsButton /> }\n\t\t</>\n\t);\n}\n"]}

package/build/components/inspector-controls/groups.js

@@ -18,6 +18,7 @@ const InspectorControlsDimensions = (0, _components.createSlotFill)('InspectorCo
 const InspectorControlsPosition = (0, _components.createSlotFill)('InspectorControlsPosition');
 const InspectorControlsTypography = (0, _components.createSlotFill)('InspectorControlsTypography');
 const InspectorControlsListView = (0, _components.createSlotFill)('InspectorControlsListView');
+const InspectorControlsStyles = (0, _components.createSlotFill)('InspectorControlsStyles');
 const groups = {
   default: InspectorControlsDefault,
   advanced: InspectorControlsAdvanced,
@@ -25,6 +26,9 @@ const groups = {
   color: InspectorControlsColor,
   dimensions: InspectorControlsDimensions,
   list: InspectorControlsListView,
+  settings: InspectorControlsDefault,
+  // Alias for default.
+  styles: InspectorControlsStyles,
   typography: InspectorControlsTypography,
   position: InspectorControlsPosition
 };

package/build/components/inspector-controls/groups.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/groups.js"],"names":["InspectorControlsDefault","InspectorControlsAdvanced","InspectorControlsBorder","InspectorControlsColor","InspectorControlsDimensions","InspectorControlsPosition","InspectorControlsTypography","InspectorControlsListView","groups","default","advanced","border","color","dimensions","list","typography","position"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,gCAAgB,mBAAhB,CAAjC;AACA,MAAMC,yBAAyB,GAAG,gCAAgB,2BAAhB,CAAlC;AACA,MAAMC,uBAAuB,GAAG,gCAAgB,yBAAhB,CAAhC;AACA,MAAMC,sBAAsB,GAAG,gCAAgB,wBAAhB,CAA/B;AACA,MAAMC,2BAA2B,GAAG,gCACnC,6BADmC,CAApC;AAGA,MAAMC,yBAAyB,GAAG,gCAAgB,2BAAhB,CAAlC;AACA,MAAMC,2BAA2B,GAAG,gCACnC,6BADmC,CAApC;AAGA,MAAMC,yBAAyB,GAAG,gCAAgB,2BAAhB,CAAlC;AAEA,MAAMC,MAAM,GAAG;AACdC,EAAAA,OAAO,EAAET,wBADK;AAEdU,EAAAA,QAAQ,EAAET,yBAFI;AAGdU,EAAAA,MAAM,EAAET,uBAHM;AAIdU,EAAAA,KAAK,EAAET,sBAJO;AAKdU,EAAAA,UAAU,EAAET,2BALE;AAMdU,EAAAA,IAAI,EAAEP,yBANQ;AAOdQ,EAAAA,UAAU,EAAET,2BAPE;AAQdU,EAAAA,QAAQ,EAAEX;AARI,CAAf;eAWeG,M","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsBorder = createSlotFill( 'InspectorControlsBorder' );\nconst InspectorControlsColor = createSlotFill( 'InspectorControlsColor' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsPosition = createSlotFill( 'InspectorControlsPosition' );\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\nconst InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tborder: InspectorControlsBorder,\n\tcolor: InspectorControlsColor,\n\tdimensions: InspectorControlsDimensions,\n\tlist: InspectorControlsListView,\n\ttypography: InspectorControlsTypography,\n\tposition: InspectorControlsPosition,\n};\n\nexport default groups;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/groups.js"],"names":["InspectorControlsDefault","InspectorControlsAdvanced","InspectorControlsBorder","InspectorControlsColor","InspectorControlsDimensions","InspectorControlsPosition","InspectorControlsTypography","InspectorControlsListView","InspectorControlsStyles","groups","default","advanced","border","color","dimensions","list","settings","styles","typography","position"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,wBAAwB,GAAG,gCAAgB,mBAAhB,CAAjC;AACA,MAAMC,yBAAyB,GAAG,gCAAgB,2BAAhB,CAAlC;AACA,MAAMC,uBAAuB,GAAG,gCAAgB,yBAAhB,CAAhC;AACA,MAAMC,sBAAsB,GAAG,gCAAgB,wBAAhB,CAA/B;AACA,MAAMC,2BAA2B,GAAG,gCACnC,6BADmC,CAApC;AAGA,MAAMC,yBAAyB,GAAG,gCAAgB,2BAAhB,CAAlC;AACA,MAAMC,2BAA2B,GAAG,gCACnC,6BADmC,CAApC;AAGA,MAAMC,yBAAyB,GAAG,gCAAgB,2BAAhB,CAAlC;AACA,MAAMC,uBAAuB,GAAG,gCAAgB,yBAAhB,CAAhC;AAEA,MAAMC,MAAM,GAAG;AACdC,EAAAA,OAAO,EAAEV,wBADK;AAEdW,EAAAA,QAAQ,EAAEV,yBAFI;AAGdW,EAAAA,MAAM,EAAEV,uBAHM;AAIdW,EAAAA,KAAK,EAAEV,sBAJO;AAKdW,EAAAA,UAAU,EAAEV,2BALE;AAMdW,EAAAA,IAAI,EAAER,yBANQ;AAOdS,EAAAA,QAAQ,EAAEhB,wBAPI;AAOsB;AACpCiB,EAAAA,MAAM,EAAET,uBARM;AASdU,EAAAA,UAAU,EAAEZ,2BATE;AAUda,EAAAA,QAAQ,EAAEd;AAVI,CAAf;eAaeI,M","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\n\nconst InspectorControlsDefault = createSlotFill( 'InspectorControls' );\nconst InspectorControlsAdvanced = createSlotFill( 'InspectorAdvancedControls' );\nconst InspectorControlsBorder = createSlotFill( 'InspectorControlsBorder' );\nconst InspectorControlsColor = createSlotFill( 'InspectorControlsColor' );\nconst InspectorControlsDimensions = createSlotFill(\n\t'InspectorControlsDimensions'\n);\nconst InspectorControlsPosition = createSlotFill( 'InspectorControlsPosition' );\nconst InspectorControlsTypography = createSlotFill(\n\t'InspectorControlsTypography'\n);\nconst InspectorControlsListView = createSlotFill( 'InspectorControlsListView' );\nconst InspectorControlsStyles = createSlotFill( 'InspectorControlsStyles' );\n\nconst groups = {\n\tdefault: InspectorControlsDefault,\n\tadvanced: InspectorControlsAdvanced,\n\tborder: InspectorControlsBorder,\n\tcolor: InspectorControlsColor,\n\tdimensions: InspectorControlsDimensions,\n\tlist: InspectorControlsListView,\n\tsettings: InspectorControlsDefault, // Alias for default.\n\tstyles: InspectorControlsStyles,\n\ttypography: InspectorControlsTypography,\n\tposition: InspectorControlsPosition,\n};\n\nexport default groups;\n"]}

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

@@ -23,7 +23,7 @@ InspectorControls.Slot = _slot.default; // This is just here for backward compat
 
 const InspectorAdvancedControls = props => {
   return (0, _element.createElement)(_fill.default, (0, _extends2.default)({}, props, {
-    __experimentalGroup: "advanced"
+    group: "advanced"
   }));
 };
 
@@ -31,7 +31,7 @@ exports.InspectorAdvancedControls = InspectorAdvancedControls;
 
 InspectorAdvancedControls.Slot = props => {
   return (0, _element.createElement)(_slot.default, (0, _extends2.default)({}, props, {
-    __experimentalGroup: "advanced"
+    group: "advanced"
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/index.js"],"names":["InspectorControls","InspectorControlsFill","Slot","InspectorControlsSlot","InspectorAdvancedControls","props","slotName"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,MAAMA,iBAAiB,GAAGC,aAA1B;AAEAD,iBAAiB,CAACE,IAAlB,GAAyBC,aAAzB,C,CAEA;;AACO,MAAMC,yBAAyB,GAAKC,KAAF,IAAa;AACrD,SACC,4BAAC,aAAD,6BAA4BA,KAA5B;AAAoC,IAAA,mBAAmB,EAAC;AAAxD,KADD;AAGA,CAJM;;;;AAKPD,yBAAyB,CAACF,IAA1B,GAAmCG,KAAF,IAAa;AAC7C,SACC,4BAAC,aAAD,6BAA4BA,KAA5B;AAAoC,IAAA,mBAAmB,EAAC;AAAxD,KADD;AAGA,CAJD;;AAKAD,yBAAyB,CAACE,QAA1B,GAAqC,2BAArC;AAEA;AACA;AACA;;eACeN,iB","sourcesContent":["/**\n * Internal dependencies\n */\nimport InspectorControlsFill from './fill';\nimport InspectorControlsSlot from './slot';\n\nconst InspectorControls = InspectorControlsFill;\n\nInspectorControls.Slot = InspectorControlsSlot;\n\n// This is just here for backward compatibility.\nexport const InspectorAdvancedControls = ( props ) => {\n\treturn (\n\t\t<InspectorControlsFill { ...props } __experimentalGroup=\"advanced\" />\n\t);\n};\nInspectorAdvancedControls.Slot = ( props ) => {\n\treturn (\n\t\t<InspectorControlsSlot { ...props } __experimentalGroup=\"advanced\" />\n\t);\n};\nInspectorAdvancedControls.slotName = 'InspectorAdvancedControls';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inspector-controls/README.md\n */\nexport default InspectorControls;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/index.js"],"names":["InspectorControls","InspectorControlsFill","Slot","InspectorControlsSlot","InspectorAdvancedControls","props","slotName"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,MAAMA,iBAAiB,GAAGC,aAA1B;AAEAD,iBAAiB,CAACE,IAAlB,GAAyBC,aAAzB,C,CAEA;;AACO,MAAMC,yBAAyB,GAAKC,KAAF,IAAa;AACrD,SAAO,4BAAC,aAAD,6BAA4BA,KAA5B;AAAoC,IAAA,KAAK,EAAC;AAA1C,KAAP;AACA,CAFM;;;;AAGPD,yBAAyB,CAACF,IAA1B,GAAmCG,KAAF,IAAa;AAC7C,SAAO,4BAAC,aAAD,6BAA4BA,KAA5B;AAAoC,IAAA,KAAK,EAAC;AAA1C,KAAP;AACA,CAFD;;AAGAD,yBAAyB,CAACE,QAA1B,GAAqC,2BAArC;AAEA;AACA;AACA;;eACeN,iB","sourcesContent":["/**\n * Internal dependencies\n */\nimport InspectorControlsFill from './fill';\nimport InspectorControlsSlot from './slot';\n\nconst InspectorControls = InspectorControlsFill;\n\nInspectorControls.Slot = InspectorControlsSlot;\n\n// This is just here for backward compatibility.\nexport const InspectorAdvancedControls = ( props ) => {\n\treturn <InspectorControlsFill { ...props } group=\"advanced\" />;\n};\nInspectorAdvancedControls.Slot = ( props ) => {\n\treturn <InspectorControlsSlot { ...props } group=\"advanced\" />;\n};\nInspectorAdvancedControls.slotName = 'InspectorAdvancedControls';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inspector-controls/README.md\n */\nexport default InspectorControls;\n"]}

package/build/components/inspector-controls/slot.js

@@ -15,6 +15,8 @@ var _components = require("@wordpress/components");
 
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
 
+var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
+
 var _blockSupportToolsPanel = _interopRequireDefault(require("./block-support-tools-panel"));
 
 var _blockSupportSlotContainer = _interopRequireDefault(require("./block-support-slot-container"));
@@ -32,10 +34,21 @@ function InspectorControlsSlot(_ref) {
   var _groups$group;
 
   let {
-    __experimentalGroup: group = 'default',
+    __experimentalGroup,
+    group = 'default',
     label,
     ...props
   } = _ref;
+
+  if (__experimentalGroup) {
+    (0, _deprecated.default)('`__experimentalGroup` property in `InspectorControlsSlot`', {
+      since: '6.2',
+      version: '6.4',
+      alternative: '`group`'
+    });
+    group = __experimentalGroup;
+  }
+
   const Slot = (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Slot;
   const slot = (0, _components.__experimentalUseSlot)(Slot === null || Slot === void 0 ? void 0 : Slot.__unstableName);
   const fills = (0, _components.__experimentalUseSlotFills)(Slot === null || Slot === void 0 ? void 0 : Slot.__unstableName);

package/build/components/inspector-controls/slot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/slot.js"],"names":["InspectorControlsSlot","__experimentalGroup","group","label","props","Slot","groups","slot","__unstableName","fills","hasFills","Boolean","length"],"mappings":";;;;;;;;;;;;;AAGA;;AAIA;;AAKA;;AACA;;AACA;;AAdA;AACA;AACA;;AAOA;AACA;AACA;AAKe,SAASA,qBAAT,OAIX;AAAA;;AAAA,MAJ2C;AAC9CC,IAAAA,mBAAmB,EAAEC,KAAK,GAAG,SADiB;AAE9CC,IAAAA,KAF8C;AAG9C,OAAGC;AAH2C,GAI3C;AACH,QAAMC,IAAI,oBAAGC,gBAAQJ,KAAR,CAAH,kDAAG,cAAiBG,IAA9B;AACA,QAAME,IAAI,GAAG,uCAASF,IAAT,aAASA,IAAT,uBAASA,IAAI,CAAEG,cAAf,CAAb;AACA,QAAMC,KAAK,GAAG,4CAAcJ,IAAd,aAAcA,IAAd,uBAAcA,IAAI,CAAEG,cAApB,CAAd;;AACA,MAAK,CAAEH,IAAF,IAAU,CAAEE,IAAjB,EAAwB;AACvB,mHAAU,mCAAmCL,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AAED,QAAMQ,QAAQ,GAAGC,OAAO,CAAEF,KAAK,IAAIA,KAAK,CAACG,MAAjB,CAAxB;;AACA,MAAK,CAAEF,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,MAAKP,KAAL,EAAa;AACZ,WACC,4BAAC,+BAAD;AAAwB,MAAA,KAAK,EAAGD,KAAhC;AAAwC,MAAA,KAAK,EAAGC;AAAhD,OACC,4BAAC,kCAAD,6BAAgCC,KAAhC;AAAwC,MAAA,IAAI,EAAGC;AAA/C,OADD,CADD;AAKA;;AAED,SAAO,4BAAC,IAAD,6BAAWD,KAAX;AAAmB,IAAA,gBAAgB;AAAnC,KAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseSlot as useSlot,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport BlockSupportToolsPanel from './block-support-tools-panel';\nimport BlockSupportSlotContainer from './block-support-slot-container';\nimport groups from './groups';\n\nexport default function InspectorControlsSlot( {\n\t__experimentalGroup: group = 'default',\n\tlabel,\n\t...props\n} ) {\n\tconst Slot = groups[ group ]?.Slot;\n\tconst slot = useSlot( Slot?.__unstableName );\n\tconst fills = useSlotFills( Slot?.__unstableName );\n\tif ( ! Slot || ! slot ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tconst hasFills = Boolean( fills && fills.length );\n\tif ( ! hasFills ) {\n\t\treturn null;\n\t}\n\n\tif ( label ) {\n\t\treturn (\n\t\t\t<BlockSupportToolsPanel group={ group } label={ label }>\n\t\t\t\t<BlockSupportSlotContainer { ...props } Slot={ Slot } />\n\t\t\t</BlockSupportToolsPanel>\n\t\t);\n\t}\n\n\treturn <Slot { ...props } bubblesVirtually />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/slot.js"],"names":["InspectorControlsSlot","__experimentalGroup","group","label","props","since","version","alternative","Slot","groups","slot","__unstableName","fills","hasFills","Boolean","length"],"mappings":";;;;;;;;;;;;;AAGA;;AAIA;;AACA;;AAKA;;AACA;;AACA;;AAfA;AACA;AACA;;AAQA;AACA;AACA;AAKe,SAASA,qBAAT,OAKX;AAAA;;AAAA,MAL2C;AAC9CC,IAAAA,mBAD8C;AAE9CC,IAAAA,KAAK,GAAG,SAFsC;AAG9CC,IAAAA,KAH8C;AAI9C,OAAGC;AAJ2C,GAK3C;;AACH,MAAKH,mBAAL,EAA2B;AAC1B,6BACC,2DADD,EAEC;AACCI,MAAAA,KAAK,EAAE,KADR;AAECC,MAAAA,OAAO,EAAE,KAFV;AAGCC,MAAAA,WAAW,EAAE;AAHd,KAFD;AAQAL,IAAAA,KAAK,GAAGD,mBAAR;AACA;;AACD,QAAMO,IAAI,oBAAGC,gBAAQP,KAAR,CAAH,kDAAG,cAAiBM,IAA9B;AACA,QAAME,IAAI,GAAG,uCAASF,IAAT,aAASA,IAAT,uBAASA,IAAI,CAAEG,cAAf,CAAb;AACA,QAAMC,KAAK,GAAG,4CAAcJ,IAAd,aAAcA,IAAd,uBAAcA,IAAI,CAAEG,cAApB,CAAd;;AACA,MAAK,CAAEH,IAAF,IAAU,CAAEE,IAAjB,EAAwB;AACvB,mHAAU,mCAAmCR,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AAED,QAAMW,QAAQ,GAAGC,OAAO,CAAEF,KAAK,IAAIA,KAAK,CAACG,MAAjB,CAAxB;;AACA,MAAK,CAAEF,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,MAAKV,KAAL,EAAa;AACZ,WACC,4BAAC,+BAAD;AAAwB,MAAA,KAAK,EAAGD,KAAhC;AAAwC,MAAA,KAAK,EAAGC;AAAhD,OACC,4BAAC,kCAAD,6BAAgCC,KAAhC;AAAwC,MAAA,IAAI,EAAGI;AAA/C,OADD,CADD;AAKA;;AAED,SAAO,4BAAC,IAAD,6BAAWJ,KAAX;AAAmB,IAAA,gBAAgB;AAAnC,KAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseSlot as useSlot,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport BlockSupportToolsPanel from './block-support-tools-panel';\nimport BlockSupportSlotContainer from './block-support-slot-container';\nimport groups from './groups';\n\nexport default function InspectorControlsSlot( {\n\t__experimentalGroup,\n\tgroup = 'default',\n\tlabel,\n\t...props\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsSlot`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst Slot = groups[ group ]?.Slot;\n\tconst slot = useSlot( Slot?.__unstableName );\n\tconst fills = useSlotFills( Slot?.__unstableName );\n\tif ( ! Slot || ! slot ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\tconst hasFills = Boolean( fills && fills.length );\n\tif ( ! hasFills ) {\n\t\treturn null;\n\t}\n\n\tif ( label ) {\n\t\treturn (\n\t\t\t<BlockSupportToolsPanel group={ group } label={ label }>\n\t\t\t\t<BlockSupportSlotContainer { ...props } Slot={ Slot } />\n\t\t\t</BlockSupportToolsPanel>\n\t\t);\n\t}\n\n\treturn <Slot { ...props } bubblesVirtually />;\n}\n"]}

package/build/components/inspector-controls/slot.native.js

@@ -11,6 +11,8 @@ var _element = require("@wordpress/element");
 
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
 
+var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
+
 var _groups = _interopRequireDefault(require("./groups"));
 
 /**
@@ -24,9 +26,20 @@ function InspectorControlsSlot(_ref) {
   var _groups$group;
 
   let {
-    __experimentalGroup: group = 'default',
+    __experimentalGroup,
+    group = 'default',
     ...props
   } = _ref;
+
+  if (__experimentalGroup) {
+    (0, _deprecated.default)('`__experimentalGroup` property in `InspectorControlsSlot`', {
+      since: '6.2',
+      version: '6.4',
+      alternative: '`group`'
+    });
+    group = __experimentalGroup;
+  }
+
   const Slot = (_groups$group = _groups.default[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Slot;
 
   if (!Slot) {

package/build/components/inspector-controls/slot.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/slot.native.js"],"names":["InspectorControlsSlot","__experimentalGroup","group","props","Slot","groups"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,qBAAT,OAGX;AAAA;;AAAA,MAH2C;AAC9CC,IAAAA,mBAAmB,EAAEC,KAAK,GAAG,SADiB;AAE9C,OAAGC;AAF2C,GAG3C;AACH,QAAMC,IAAI,oBAAGC,gBAAQH,KAAR,CAAH,kDAAG,cAAiBE,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,mCAAmCF,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AAED,SAAO,4BAAC,IAAD,EAAWC,KAAX,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\n\nexport default function InspectorControlsSlot( {\n\t__experimentalGroup: group = 'default',\n\t...props\n} ) {\n\tconst Slot = groups[ group ]?.Slot;\n\tif ( ! Slot ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\treturn <Slot { ...props } />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls/slot.native.js"],"names":["InspectorControlsSlot","__experimentalGroup","group","props","since","version","alternative","Slot","groups"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGe,SAASA,qBAAT,OAIX;AAAA;;AAAA,MAJ2C;AAC9CC,IAAAA,mBAD8C;AAE9CC,IAAAA,KAAK,GAAG,SAFsC;AAG9C,OAAGC;AAH2C,GAI3C;;AACH,MAAKF,mBAAL,EAA2B;AAC1B,6BACC,2DADD,EAEC;AACCG,MAAAA,KAAK,EAAE,KADR;AAECC,MAAAA,OAAO,EAAE,KAFV;AAGCC,MAAAA,WAAW,EAAE;AAHd,KAFD;AAQAJ,IAAAA,KAAK,GAAGD,mBAAR;AACA;;AACD,QAAMM,IAAI,oBAAGC,gBAAQN,KAAR,CAAH,kDAAG,cAAiBK,IAA9B;;AACA,MAAK,CAAEA,IAAP,EAAc;AACb,mHAAU,mCAAmCL,KAAO,aAApD;AACA,WAAO,IAAP;AACA;;AAED,SAAO,4BAAC,IAAD,EAAWC,KAAX,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport warning from '@wordpress/warning';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport groups from './groups';\n\nexport default function InspectorControlsSlot( {\n\t__experimentalGroup,\n\tgroup = 'default',\n\t...props\n} ) {\n\tif ( __experimentalGroup ) {\n\t\tdeprecated(\n\t\t\t'`__experimentalGroup` property in `InspectorControlsSlot`',\n\t\t\t{\n\t\t\t\tsince: '6.2',\n\t\t\t\tversion: '6.4',\n\t\t\t\talternative: '`group`',\n\t\t\t}\n\t\t);\n\t\tgroup = __experimentalGroup;\n\t}\n\tconst Slot = groups[ group ]?.Slot;\n\tif ( ! Slot ) {\n\t\twarning( `Unknown InspectorControl group \"${ group }\" provided.` );\n\t\treturn null;\n\t}\n\n\treturn <Slot { ...props } />;\n}\n"]}

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

@@ -37,7 +37,7 @@ const AdvancedControls = () => {
     title: (0, _i18n.__)('Advanced'),
     initialOpen: false
   }, (0, _element.createElement)(_inspectorControls.default.Slot, {
-    __experimentalGroup: "advanced"
+    group: "advanced"
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.js"],"names":["AdvancedControls","fills","InspectorAdvancedControls","slotName","hasFills","Boolean","length"],"mappings":";;;;;;;;;AAGA;;AAIA;;AAKA;;;;;;AAZA;AACA;AACA;;AAOA;AACA;AACA;AAMA,MAAMA,gBAAgB,GAAG,MAAM;AAC9B,QAAMC,KAAK,GAAG,4CAAcC,6CAA0BC,QAAxC,CAAd;AACA,QAAMC,QAAQ,GAAGC,OAAO,CAAEJ,KAAK,IAAIA,KAAK,CAACK,MAAjB,CAAxB;;AAEA,MAAK,CAAEF,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,qBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,KAAK,EAAG,cAAI,UAAJ,CAFT;AAGC,IAAA,WAAW,EAAG;AAHf,KAKC,4BAAC,0BAAD,CAAmB,IAAnB;AAAwB,IAAA,mBAAmB,EAAC;AAA5C,IALD,CADD;AASA,CAjBD;;eAmBeJ,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tdefault as InspectorControls,\n\tInspectorAdvancedControls,\n} from '../inspector-controls';\n\nconst AdvancedControls = () => {\n\tconst fills = useSlotFills( InspectorAdvancedControls.slotName );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\tclassName=\"block-editor-block-inspector__advanced\"\n\t\t\ttitle={ __( 'Advanced' ) }\n\t\t\tinitialOpen={ false }\n\t\t>\n\t\t\t<InspectorControls.Slot __experimentalGroup=\"advanced\" />\n\t\t</PanelBody>\n\t);\n};\n\nexport default AdvancedControls;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/advanced-controls-panel.js"],"names":["AdvancedControls","fills","InspectorAdvancedControls","slotName","hasFills","Boolean","length"],"mappings":";;;;;;;;;AAGA;;AAIA;;AAKA;;;;;;AAZA;AACA;AACA;;AAOA;AACA;AACA;AAMA,MAAMA,gBAAgB,GAAG,MAAM;AAC9B,QAAMC,KAAK,GAAG,4CAAcC,6CAA0BC,QAAxC,CAAd;AACA,QAAMC,QAAQ,GAAGC,OAAO,CAAEJ,KAAK,IAAIA,KAAK,CAACK,MAAjB,CAAxB;;AAEA,MAAK,CAAEF,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,qBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,KAAK,EAAG,cAAI,UAAJ,CAFT;AAGC,IAAA,WAAW,EAAG;AAHf,KAKC,4BAAC,0BAAD,CAAmB,IAAnB;AAAwB,IAAA,KAAK,EAAC;AAA9B,IALD,CADD;AASA,CAjBD;;eAmBeJ,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tdefault as InspectorControls,\n\tInspectorAdvancedControls,\n} from '../inspector-controls';\n\nconst AdvancedControls = () => {\n\tconst fills = useSlotFills( InspectorAdvancedControls.slotName );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PanelBody\n\t\t\tclassName=\"block-editor-block-inspector__advanced\"\n\t\t\ttitle={ __( 'Advanced' ) }\n\t\t\tinitialOpen={ false }\n\t\t>\n\t\t\t<InspectorControls.Slot group=\"advanced\" />\n\t\t</PanelBody>\n\t);\n};\n\nexport default AdvancedControls;\n"]}

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

@@ -37,7 +37,7 @@ function InspectorControlsTabs(_ref) {
   } = _ref;
   // 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 styles tab
+  // 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;
@@ -63,7 +63,7 @@ function InspectorControlsTabs(_ref) {
 
     if (tab.name === _utils.TAB_LIST_VIEW.name) {
       return (0, _element.createElement)(_inspectorControls.default.Slot, {
-        __experimentalGroup: "list"
+        group: "list"
       });
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"names":["InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","initialTabName","TAB_LIST_VIEW","name","undefined","tab","TAB_SETTINGS","TAB_STYLES"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;AAOe,SAASA,qBAAT,OAKX;AAAA,MAL2C;AAC9CC,IAAAA,SAD8C;AAE9CC,IAAAA,QAF8C;AAG9CC,IAAAA,cAH8C;AAI9CC,IAAAA;AAJ8C,GAK3C;AACH;AACA;AACA;AACA;AACA;AACA,QAAMC,cAAc,GAAG,CAAE,uCAA0BJ,SAA1B,CAAF,GACpBK,qBAAcC,IADM,GAEpBC,SAFH;AAIA,SACC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,IAAI,EAAGJ,IAFR;AAGC,IAAA,cAAc,EAAGC,cAHlB;AAIC,IAAA,GAAG,EAAGH;AAJP,KAMKO,GAAF,IAAW;AACZ,QAAKA,GAAG,CAACF,IAAJ,KAAaG,oBAAaH,IAA/B,EAAsC;AACrC,aACC,4BAAC,oBAAD;AAAa,QAAA,oBAAoB,EAAG,CAAC,CAAEN;AAAvC,QADD;AAGA;;AAED,QAAKQ,GAAG,CAACF,IAAJ,KAAaI,kBAAWJ,IAA7B,EAAoC;AACnC,aACC,4BAAC,kBAAD;AACC,QAAA,SAAS,EAAGN,SADb;AAEC,QAAA,QAAQ,EAAGC,QAFZ;AAGC,QAAA,cAAc,EAAGC;AAHlB,QADD;AAOA;;AAED,QAAKM,GAAG,CAACF,IAAJ,KAAaD,qBAAcC,IAAhC,EAAuC;AACtC,aACC,4BAAC,0BAAD,CAAmB,IAAnB;AAAwB,QAAA,mBAAmB,EAAC;AAA5C,QADD;AAGA;AACD,GA5BF,CADD;AAgCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { TabPanel } 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';\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 styles 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<TabPanel\n\t\t\tclassName=\"block-editor-block-inspector__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tinitialTabName={ initialTabName }\n\t\t\tkey={ clientId }\n\t\t>\n\t\t\t{ ( tab ) => {\n\t\t\t\tif ( tab.name === TAB_SETTINGS.name ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ( tab.name === TAB_STYLES.name ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<StylesTab\n\t\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ( tab.name === TAB_LIST_VIEW.name ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<InspectorControls.Slot __experimentalGroup=\"list\" />\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t</TabPanel>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/index.js"],"names":["InspectorControlsTabs","blockName","clientId","hasBlockStyles","tabs","initialTabName","TAB_LIST_VIEW","name","undefined","tab","TAB_SETTINGS","TAB_STYLES"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAZA;AACA;AACA;;AAGA;AACA;AACA;AAOe,SAASA,qBAAT,OAKX;AAAA,MAL2C;AAC9CC,IAAAA,SAD8C;AAE9CC,IAAAA,QAF8C;AAG9CC,IAAAA,cAH8C;AAI9CC,IAAAA;AAJ8C,GAK3C;AACH;AACA;AACA;AACA;AACA;AACA,QAAMC,cAAc,GAAG,CAAE,uCAA0BJ,SAA1B,CAAF,GACpBK,qBAAcC,IADM,GAEpBC,SAFH;AAIA,SACC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,IAAI,EAAGJ,IAFR;AAGC,IAAA,cAAc,EAAGC,cAHlB;AAIC,IAAA,GAAG,EAAGH;AAJP,KAMKO,GAAF,IAAW;AACZ,QAAKA,GAAG,CAACF,IAAJ,KAAaG,oBAAaH,IAA/B,EAAsC;AACrC,aACC,4BAAC,oBAAD;AAAa,QAAA,oBAAoB,EAAG,CAAC,CAAEN;AAAvC,QADD;AAGA;;AAED,QAAKQ,GAAG,CAACF,IAAJ,KAAaI,kBAAWJ,IAA7B,EAAoC;AACnC,aACC,4BAAC,kBAAD;AACC,QAAA,SAAS,EAAGN,SADb;AAEC,QAAA,QAAQ,EAAGC,QAFZ;AAGC,QAAA,cAAc,EAAGC;AAHlB,QADD;AAOA;;AAED,QAAKM,GAAG,CAACF,IAAJ,KAAaD,qBAAcC,IAAhC,EAAuC;AACtC,aAAO,4BAAC,0BAAD,CAAmB,IAAnB;AAAwB,QAAA,KAAK,EAAC;AAA9B,QAAP;AACA;AACD,GA1BF,CADD;AA8BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { TabPanel } 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';\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<TabPanel\n\t\t\tclassName=\"block-editor-block-inspector__tabs\"\n\t\t\ttabs={ tabs }\n\t\t\tinitialTabName={ initialTabName }\n\t\t\tkey={ clientId }\n\t\t>\n\t\t\t{ ( tab ) => {\n\t\t\t\tif ( tab.name === TAB_SETTINGS.name ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SettingsTab showAdvancedControls={ !! blockName } />\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ( tab.name === TAB_STYLES.name ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<StylesTab\n\t\t\t\t\t\t\tblockName={ blockName }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\thasBlockStyles={ hasBlockStyles }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ( tab.name === TAB_LIST_VIEW.name ) {\n\t\t\t\t\treturn <InspectorControls.Slot group=\"list\" />;\n\t\t\t\t}\n\t\t\t} }\n\t\t</TabPanel>\n\t);\n}\n"]}

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

@@ -37,7 +37,7 @@ const PositionControls = () => {
     title: (0, _i18n.__)('Position'),
     initialOpen: false
   }, (0, _element.createElement)(_inspectorControls.default.Slot, {
-    __experimentalGroup: "position"
+    group: "position"
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/position-controls-panel.js"],"names":["PositionControls","fills","InspectorControlsGroups","position","Slot","__unstableName","hasFills","Boolean","length"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AAKA;;AACA;;AAbA;AACA;AACA;;AAOA;AACA;AACA;AAIA,MAAMA,gBAAgB,GAAG,MAAM;AAC9B,QAAMC,KAAK,GAAG,4CACbC,gBAAwBC,QAAxB,CAAiCC,IAAjC,CAAsCC,cADzB,CAAd;AAGA,QAAMC,QAAQ,GAAGC,OAAO,CAAEN,KAAK,IAAIA,KAAK,CAACO,MAAjB,CAAxB;;AAEA,MAAK,CAAEF,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,qBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,KAAK,EAAG,cAAI,UAAJ,CAFT;AAGC,IAAA,WAAW,EAAG;AAHf,KAKC,4BAAC,0BAAD,CAAmB,IAAnB;AAAwB,IAAA,mBAAmB,EAAC;AAA5C,IALD,CADD;AASA,CAnBD;;eAqBeN,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport { default as InspectorControls } from '../inspector-controls';\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 (\n\t\t<PanelBody\n\t\t\tclassName=\"block-editor-block-inspector__position\"\n\t\t\ttitle={ __( 'Position' ) }\n\t\t\tinitialOpen={ false }\n\t\t>\n\t\t\t<InspectorControls.Slot __experimentalGroup=\"position\" />\n\t\t</PanelBody>\n\t);\n};\n\nexport default PositionControls;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/position-controls-panel.js"],"names":["PositionControls","fills","InspectorControlsGroups","position","Slot","__unstableName","hasFills","Boolean","length"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AAKA;;AACA;;AAbA;AACA;AACA;;AAOA;AACA;AACA;AAIA,MAAMA,gBAAgB,GAAG,MAAM;AAC9B,QAAMC,KAAK,GAAG,4CACbC,gBAAwBC,QAAxB,CAAiCC,IAAjC,CAAsCC,cADzB,CAAd;AAGA,QAAMC,QAAQ,GAAGC,OAAO,CAAEN,KAAK,IAAIA,KAAK,CAACO,MAAjB,CAAxB;;AAEA,MAAK,CAAEF,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,qBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,KAAK,EAAG,cAAI,UAAJ,CAFT;AAGC,IAAA,WAAW,EAAG;AAHf,KAKC,4BAAC,0BAAD,CAAmB,IAAnB;AAAwB,IAAA,KAAK,EAAC;AAA9B,IALD,CADD;AASA,CAnBD;;eAqBeN,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport { default as InspectorControls } from '../inspector-controls';\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 (\n\t\t<PanelBody\n\t\t\tclassName=\"block-editor-block-inspector__position\"\n\t\t\ttitle={ __( 'Position' ) }\n\t\t\tinitialOpen={ false }\n\t\t>\n\t\t\t<InspectorControls.Slot group=\"position\" />\n\t\t</PanelBody>\n\t);\n};\n\nexport default PositionControls;\n"]}

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

@@ -41,18 +41,20 @@ const StylesTab = _ref => {
   }), (0, _blocks.hasBlockSupport)(blockName, 'defaultStylePicker', true) && (0, _element.createElement)(_defaultStylePicker.default, {
     blockName: blockName
   }))), (0, _element.createElement)(_inspectorControls.default.Slot, {
-    __experimentalGroup: "color",
+    group: "color",
     label: (0, _i18n.__)('Color'),
     className: "color-block-support-panel__inner-wrapper"
   }), (0, _element.createElement)(_inspectorControls.default.Slot, {
-    __experimentalGroup: "typography",
+    group: "typography",
     label: (0, _i18n.__)('Typography')
   }), (0, _element.createElement)(_inspectorControls.default.Slot, {
-    __experimentalGroup: "dimensions",
+    group: "dimensions",
     label: (0, _i18n.__)('Dimensions')
   }), (0, _element.createElement)(_inspectorControls.default.Slot, {
-    __experimentalGroup: "border",
+    group: "border",
     label: (0, _i18n.__)('Border')
+  }), (0, _element.createElement)(_inspectorControls.default.Slot, {
+    group: "styles"
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/styles-tab.js"],"names":["StylesTab","blockName","clientId","hasBlockStyles"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAZA;AACA;AACA;;AAKA;AACA;AACA;AAKA,MAAMA,SAAS,GAAG,QAA+C;AAAA,MAA7C;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuBC,IAAAA;AAAvB,GAA6C;AAChE,SACC,qDACGA,cAAc,IACf,yCACC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,QAAJ;AAAnB,KACC,4BAAC,oBAAD;AAAa,IAAA,QAAQ,EAAGD;AAAxB,IADD,EAEG,6BACDD,SADC,EAED,oBAFC,EAGD,IAHC,KAIG,4BAAC,2BAAD;AAAoB,IAAA,SAAS,EAAGA;AAAhC,IANN,CADD,CAFF,EAaC,4BAAC,0BAAD,CAAmB,IAAnB;AACC,IAAA,mBAAmB,EAAC,OADrB;AAEC,IAAA,KAAK,EAAG,cAAI,OAAJ,CAFT;AAGC,IAAA,SAAS,EAAC;AAHX,IAbD,EAkBC,4BAAC,0BAAD,CAAmB,IAAnB;AACC,IAAA,mBAAmB,EAAC,YADrB;AAEC,IAAA,KAAK,EAAG,cAAI,YAAJ;AAFT,IAlBD,EAsBC,4BAAC,0BAAD,CAAmB,IAAnB;AACC,IAAA,mBAAmB,EAAC,YADrB;AAEC,IAAA,KAAK,EAAG,cAAI,YAAJ;AAFT,IAtBD,EA0BC,4BAAC,0BAAD,CAAmB,IAAnB;AACC,IAAA,mBAAmB,EAAC,QADrB;AAEC,IAAA,KAAK,EAAG,cAAI,QAAJ;AAFT,IA1BD,CADD;AAiCA,CAlCD;;eAoCeD,S","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport DefaultStylePicker from '../default-style-picker';\nimport InspectorControls from '../inspector-controls';\n\nconst StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {\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\t{ hasBlockSupport(\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t'defaultStylePicker',\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t) && <DefaultStylePicker blockName={ blockName } /> }\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\t__experimentalGroup=\"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\t__experimentalGroup=\"typography\"\n\t\t\t\tlabel={ __( 'Typography' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\t__experimentalGroup=\"dimensions\"\n\t\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\t/>\n\t\t\t<InspectorControls.Slot\n\t\t\t\t__experimentalGroup=\"border\"\n\t\t\t\tlabel={ __( 'Border' ) }\n\t\t\t/>\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/styles-tab.js"],"names":["StylesTab","blockName","clientId","hasBlockStyles"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAZA;AACA;AACA;;AAKA;AACA;AACA;AAKA,MAAMA,SAAS,GAAG,QAA+C;AAAA,MAA7C;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuBC,IAAAA;AAAvB,GAA6C;AAChE,SACC,qDACGA,cAAc,IACf,yCACC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,QAAJ;AAAnB,KACC,4BAAC,oBAAD;AAAa,IAAA,QAAQ,EAAGD;AAAxB,IADD,EAEG,6BACDD,SADC,EAED,oBAFC,EAGD,IAHC,KAIG,4BAAC,2BAAD;AAAoB,IAAA,SAAS,EAAGA;AAAhC,IANN,CADD,CAFF,EAaC,4BAAC,0BAAD,CAAmB,IAAnB;AACC,IAAA,KAAK,EAAC,OADP;AAEC,IAAA,KAAK,EAAG,cAAI,OAAJ,CAFT;AAGC,IAAA,SAAS,EAAC;AAHX,IAbD,EAkBC,4BAAC,0BAAD,CAAmB,IAAnB;AACC,IAAA,KAAK,EAAC,YADP;AAEC,IAAA,KAAK,EAAG,cAAI,YAAJ;AAFT,IAlBD,EAsBC,4BAAC,0BAAD,CAAmB,IAAnB;AACC,IAAA,KAAK,EAAC,YADP;AAEC,IAAA,KAAK,EAAG,cAAI,YAAJ;AAFT,IAtBD,EA0BC,4BAAC,0BAAD,CAAmB,IAAnB;AAAwB,IAAA,KAAK,EAAC,QAA9B;AAAuC,IAAA,KAAK,EAAG,cAAI,QAAJ;AAA/C,IA1BD,EA2BC,4BAAC,0BAAD,CAAmB,IAAnB;AAAwB,IAAA,KAAK,EAAC;AAA9B,IA3BD,CADD;AA+BA,CAhCD;;eAkCeD,S","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { PanelBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockStyles from '../block-styles';\nimport DefaultStylePicker from '../default-style-picker';\nimport InspectorControls from '../inspector-controls';\n\nconst StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {\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\t{ hasBlockSupport(\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t'defaultStylePicker',\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t) && <DefaultStylePicker blockName={ blockName } /> }\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=\"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={ __( 'Border' ) } />\n\t\t\t<InspectorControls.Slot group=\"styles\" />\n\t\t</>\n\t);\n};\n\nexport default StylesTab;\n"]}

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

@@ -55,32 +55,37 @@ function useInspectorControlsTabs(blockName) {
     dimensions: dimensionsGroup,
     list: listGroup,
     position: positionGroup,
+    styles: stylesGroup,
     typography: typographyGroup
   } = _groups.default; // List View Tab: If there are any fills for the list group add that tab.
 
   const listViewDisabled = (0, _useIsListViewTabDisabled.default)(blockName);
   const listFills = (0, _components.__experimentalUseSlotFills)(listGroup.Slot.__unstableName);
-
-  if (!listViewDisabled && !!listFills && listFills.length) {
-    tabs.push(_utils.TAB_LIST_VIEW);
-  } // Styles Tab: Add this tab if there are any fills for block supports
+  const hasListFills = !listViewDisabled && !!listFills && listFills.length; // Styles Tab: Add this tab if there are any fills for block supports
   // e.g. border, color, spacing, typography, etc.
 
+  const styleFills = [...((0, _components.__experimentalUseSlotFills)(borderGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(colorGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(dimensionsGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(stylesGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(typographyGroup.Slot.__unstableName) || [])];
+  const hasStyleFills = styleFills.length; // Settings Tab: If we don't have multiple tabs to display
+  // (i.e. both list view and styles), check only the default and position
+  // InspectorControls slots. If we have multiple tabs, we'll need to check
+  // the advanced controls slot as well to ensure they are rendered.
 
-  const styleFills = [...((0, _components.__experimentalUseSlotFills)(borderGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(colorGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(dimensionsGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(typographyGroup.Slot.__unstableName) || [])];
-
-  if (styleFills.length) {
-    tabs.push(_utils.TAB_STYLES);
-  } // Settings Tab: If there are any fills for the general InspectorControls
-  // or Advanced Controls slot, then add this tab.
-
+  const advancedFills = (0, _components.__experimentalUseSlotFills)(_inspectorControls.InspectorAdvancedControls.slotName) || [];
+  const settingsFills = [...((0, _components.__experimentalUseSlotFills)(defaultGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(positionGroup.Slot.__unstableName) || []), ...(hasListFills && hasStyleFills > 1 ? advancedFills : [])]; // Add the tabs in the order that they will default to if available.
+  // List View > Settings > Styles.
 
-  const settingsFills = [...((0, _components.__experimentalUseSlotFills)(defaultGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(positionGroup.Slot.__unstableName) || []), ...((0, _components.__experimentalUseSlotFills)(_inspectorControls.InspectorAdvancedControls.slotName) || [])];
+  if (hasListFills) {
+    tabs.push(_utils.TAB_LIST_VIEW);
+  }
 
   if (settingsFills.length) {
     tabs.push(_utils.TAB_SETTINGS);
   }
 
+  if (hasStyleFills) {
+    tabs.push(_utils.TAB_STYLES);
+  }
+
   const tabSettings = (0, _data.useSelect)(select => {
     return select(_store.store).getSettings().blockInspectorTabs;
   }, []);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js"],"names":["EMPTY_ARRAY","getShowTabs","blockName","tabSettings","undefined","default","useInspectorControlsTabs","tabs","border","borderGroup","color","colorGroup","defaultGroup","dimensions","dimensionsGroup","list","listGroup","position","positionGroup","typography","typographyGroup","InspectorControlsGroups","listViewDisabled","listFills","Slot","__unstableName","length","push","TAB_LIST_VIEW","styleFills","TAB_STYLES","settingsFills","InspectorAdvancedControls","slotName","TAB_SETTINGS","select","blockEditorStore","getSettings","blockInspectorTabs","showTabs"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAbA;AACA;AACA;;AAIA;AACA;AACA;AAOA,MAAMA,WAAW,GAAG,EAApB;;AAEA,SAASC,WAAT,CAAsBC,SAAtB,EAAoD;AAAA,MAAnBC,WAAmB,uEAAL,EAAK;;AACnD;AACA,MAAKA,WAAW,CAAED,SAAF,CAAX,KAA6BE,SAAlC,EAA8C;AAC7C,WAAOD,WAAW,CAAED,SAAF,CAAlB;AACA,GAJkD,CAMnD;;;AACA,MAAKC,WAAW,CAACE,OAAZ,KAAwBD,SAA7B,EAAyC;AACxC,WAAOD,WAAW,CAACE,OAAnB;AACA;;AAED,SAAO,IAAP;AACA;;AAEc,SAASC,wBAAT,CAAmCJ,SAAnC,EAA+C;AAC7D,QAAMK,IAAI,GAAG,EAAb;AACA,QAAM;AACLC,IAAAA,MAAM,EAAEC,WADH;AAELC,IAAAA,KAAK,EAAEC,UAFF;AAGLN,IAAAA,OAAO,EAAEO,YAHJ;AAILC,IAAAA,UAAU,EAAEC,eAJP;AAKLC,IAAAA,IAAI,EAAEC,SALD;AAMLC,IAAAA,QAAQ,EAAEC,aANL;AAOLC,IAAAA,UAAU,EAAEC;AAPP,MAQFC,eARJ,CAF6D,CAY7D;;AACA,QAAMC,gBAAgB,GAAG,uCAA0BpB,SAA1B,CAAzB;AACA,QAAMqB,SAAS,GAAG,4CAAcP,SAAS,CAACQ,IAAV,CAAeC,cAA7B,CAAlB;;AAEA,MAAK,CAAEH,gBAAF,IAAsB,CAAC,CAAEC,SAAzB,IAAsCA,SAAS,CAACG,MAArD,EAA8D;AAC7DnB,IAAAA,IAAI,CAACoB,IAAL,CAAWC,oBAAX;AACA,GAlB4D,CAoB7D;AACA;;;AACA,QAAMC,UAAU,GAAG,CAClB,IAAK,4CAAcpB,WAAW,CAACe,IAAZ,CAAiBC,cAA/B,KAAmD,EAAxD,CADkB,EAElB,IAAK,4CAAcd,UAAU,CAACa,IAAX,CAAgBC,cAA9B,KAAkD,EAAvD,CAFkB,EAGlB,IAAK,4CAAcX,eAAe,CAACU,IAAhB,CAAqBC,cAAnC,KAAuD,EAA5D,CAHkB,EAIlB,IAAK,4CAAcL,eAAe,CAACI,IAAhB,CAAqBC,cAAnC,KAAuD,EAA5D,CAJkB,CAAnB;;AAOA,MAAKI,UAAU,CAACH,MAAhB,EAAyB;AACxBnB,IAAAA,IAAI,CAACoB,IAAL,CAAWG,iBAAX;AACA,GA/B4D,CAiC7D;AACA;;;AACA,QAAMC,aAAa,GAAG,CACrB,IAAK,4CAAcnB,YAAY,CAACY,IAAb,CAAkBC,cAAhC,KAAoD,EAAzD,CADqB,EAErB,IAAK,4CAAcP,aAAa,CAACM,IAAd,CAAmBC,cAAjC,KAAqD,EAA1D,CAFqB,EAGrB,IAAK,4CAAcO,6CAA0BC,QAAxC,KAAsD,EAA3D,CAHqB,CAAtB;;AAMA,MAAKF,aAAa,CAACL,MAAnB,EAA4B;AAC3BnB,IAAAA,IAAI,CAACoB,IAAL,CAAWO,mBAAX;AACA;;AAED,QAAM/B,WAAW,GAAG,qBAAagC,MAAF,IAAc;AAC5C,WAAOA,MAAM,CAAEC,YAAF,CAAN,CAA2BC,WAA3B,GAAyCC,kBAAhD;AACA,GAFmB,EAEjB,EAFiB,CAApB;AAIA,QAAMC,QAAQ,GAAGtC,WAAW,CAAEC,SAAF,EAAaC,WAAb,CAA5B;AAEA,SAAOoC,QAAQ,GAAGhC,IAAH,GAAUP,WAAzB;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { InspectorAdvancedControls } from '../inspector-controls';\nimport { TAB_LIST_VIEW, TAB_SETTINGS, TAB_STYLES } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction getShowTabs( blockName, tabSettings = {} ) {\n\t// Block specific setting takes precedence over generic default.\n\tif ( tabSettings[ blockName ] !== undefined ) {\n\t\treturn tabSettings[ blockName ];\n\t}\n\n\t// Use generic default if set over the Gutenberg experiment option.\n\tif ( tabSettings.default !== undefined ) {\n\t\treturn tabSettings.default;\n\t}\n\n\treturn true;\n}\n\nexport default function useInspectorControlsTabs( blockName ) {\n\tconst tabs = [];\n\tconst {\n\t\tborder: borderGroup,\n\t\tcolor: colorGroup,\n\t\tdefault: defaultGroup,\n\t\tdimensions: dimensionsGroup,\n\t\tlist: listGroup,\n\t\tposition: positionGroup,\n\t\ttypography: typographyGroup,\n\t} = InspectorControlsGroups;\n\n\t// List View Tab: If there are any fills for the list group add that tab.\n\tconst listViewDisabled = useIsListViewTabDisabled( blockName );\n\tconst listFills = useSlotFills( listGroup.Slot.__unstableName );\n\n\tif ( ! listViewDisabled && !! listFills && listFills.length ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\t// Styles Tab: Add this tab if there are any fills for block supports\n\t// e.g. border, color, spacing, typography, etc.\n\tconst styleFills = [\n\t\t...( useSlotFills( borderGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( colorGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( dimensionsGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( typographyGroup.Slot.__unstableName ) || [] ),\n\t];\n\n\tif ( styleFills.length ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\t// Settings Tab: If there are any fills for the general InspectorControls\n\t// or Advanced Controls slot, then add this tab.\n\tconst settingsFills = [\n\t\t...( useSlotFills( defaultGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( positionGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( InspectorAdvancedControls.slotName ) || [] ),\n\t];\n\n\tif ( settingsFills.length ) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tconst tabSettings = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().blockInspectorTabs;\n\t}, [] );\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js"],"names":["EMPTY_ARRAY","getShowTabs","blockName","tabSettings","undefined","default","useInspectorControlsTabs","tabs","border","borderGroup","color","colorGroup","defaultGroup","dimensions","dimensionsGroup","list","listGroup","position","positionGroup","styles","stylesGroup","typography","typographyGroup","InspectorControlsGroups","listViewDisabled","listFills","Slot","__unstableName","hasListFills","length","styleFills","hasStyleFills","advancedFills","InspectorAdvancedControls","slotName","settingsFills","push","TAB_LIST_VIEW","TAB_SETTINGS","TAB_STYLES","select","blockEditorStore","getSettings","blockInspectorTabs","showTabs"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InspectorControlsGroups from '../inspector-controls/groups';\nimport useIsListViewTabDisabled from './use-is-list-view-tab-disabled';\nimport { InspectorAdvancedControls } from '../inspector-controls';\nimport { TAB_LIST_VIEW, TAB_SETTINGS, TAB_STYLES } from './utils';\nimport { store as blockEditorStore } from '../../store';\n\nconst EMPTY_ARRAY = [];\n\nfunction getShowTabs( blockName, tabSettings = {} ) {\n\t// Block specific setting takes precedence over generic default.\n\tif ( tabSettings[ blockName ] !== undefined ) {\n\t\treturn tabSettings[ blockName ];\n\t}\n\n\t// Use generic default if set over the Gutenberg experiment option.\n\tif ( tabSettings.default !== undefined ) {\n\t\treturn tabSettings.default;\n\t}\n\n\treturn true;\n}\n\nexport default function useInspectorControlsTabs( blockName ) {\n\tconst tabs = [];\n\tconst {\n\t\tborder: borderGroup,\n\t\tcolor: colorGroup,\n\t\tdefault: defaultGroup,\n\t\tdimensions: dimensionsGroup,\n\t\tlist: listGroup,\n\t\tposition: positionGroup,\n\t\tstyles: stylesGroup,\n\t\ttypography: typographyGroup,\n\t} = InspectorControlsGroups;\n\n\t// List View Tab: If there are any fills for the list group add that tab.\n\tconst listViewDisabled = useIsListViewTabDisabled( blockName );\n\tconst listFills = useSlotFills( listGroup.Slot.__unstableName );\n\tconst hasListFills = ! listViewDisabled && !! listFills && listFills.length;\n\n\t// Styles Tab: Add this tab if there are any fills for block supports\n\t// e.g. border, color, spacing, typography, etc.\n\tconst styleFills = [\n\t\t...( useSlotFills( borderGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( colorGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( dimensionsGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( stylesGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( typographyGroup.Slot.__unstableName ) || [] ),\n\t];\n\tconst hasStyleFills = styleFills.length;\n\n\t// Settings Tab: If we don't have multiple tabs to display\n\t// (i.e. both list view and styles), check only the default and position\n\t// InspectorControls slots. If we have multiple tabs, we'll need to check\n\t// the advanced controls slot as well to ensure they are rendered.\n\tconst advancedFills =\n\t\tuseSlotFills( InspectorAdvancedControls.slotName ) || [];\n\n\tconst settingsFills = [\n\t\t...( useSlotFills( defaultGroup.Slot.__unstableName ) || [] ),\n\t\t...( useSlotFills( positionGroup.Slot.__unstableName ) || [] ),\n\t\t...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),\n\t];\n\n\t// Add the tabs in the order that they will default to if available.\n\t// List View > Settings > Styles.\n\tif ( hasListFills ) {\n\t\ttabs.push( TAB_LIST_VIEW );\n\t}\n\n\tif ( settingsFills.length ) {\n\t\ttabs.push( TAB_SETTINGS );\n\t}\n\n\tif ( hasStyleFills ) {\n\t\ttabs.push( TAB_STYLES );\n\t}\n\n\tconst tabSettings = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().blockInspectorTabs;\n\t}, [] );\n\n\tconst showTabs = getShowTabs( blockName, tabSettings );\n\n\treturn showTabs ? tabs : EMPTY_ARRAY;\n}\n"]}

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

@@ -24,7 +24,8 @@ const icons = {
   left: _icons.justifyLeft,
   center: _icons.justifyCenter,
   right: _icons.justifyRight,
-  'space-between': _icons.justifySpaceBetween
+  'space-between': _icons.justifySpaceBetween,
+  stretch: _icons.justifyStretch
 };
 
 function JustifyContentUI(_ref) {
@@ -73,6 +74,12 @@ function JustifyContentUI(_ref) {
     title: (0, _i18n.__)('Space between items'),
     isActive: 'space-between' === value,
     onClick: () => handleClick('space-between')
+  }, {
+    name: 'stretch',
+    icon: _icons.justifyStretch,
+    title: (0, _i18n.__)('Stretch items'),
+    isActive: 'stretch' === value,
+    onClick: () => handleClick('stretch')
   }];
   const UIComponent = isToolbar ? _components.ToolbarGroup : _components.ToolbarDropdownMenu;
   const extraProps = isToolbar ? {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/justify-content-control/ui.js"],"names":["icons","left","justifyLeft","center","justifyCenter","right","justifyRight","justifySpaceBetween","JustifyContentUI","allowedControls","isCollapsed","onChange","value","popoverProps","isToolbar","handleClick","next","undefined","icon","allControls","name","title","isActive","onClick","UIComponent","ToolbarGroup","ToolbarDropdownMenu","extraProps","filter","elem","includes"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AAMA;;AAVA;AACA;AACA;AAUA,MAAMA,KAAK,GAAG;AACbC,EAAAA,IAAI,EAAEC,kBADO;AAEbC,EAAAA,MAAM,EAAEC,oBAFK;AAGbC,EAAAA,KAAK,EAAEC,mBAHM;AAIb,mBAAiBC;AAJJ,CAAd;;AAOA,SAASC,gBAAT,OAOI;AAAA,MAPuB;AAC1BC,IAAAA,eAAe,GAAG,CAAE,MAAF,EAAU,QAAV,EAAoB,OAApB,EAA6B,eAA7B,CADQ;AAE1BC,IAAAA,WAAW,GAAG,IAFY;AAG1BC,IAAAA,QAH0B;AAI1BC,IAAAA,KAJ0B;AAK1BC,IAAAA,YAL0B;AAM1BC,IAAAA;AAN0B,GAOvB;;AACH;AACA;AACA;AACA,QAAMC,WAAW,GAAKC,IAAF,IAAY;AAC/B,QAAKA,IAAI,KAAKJ,KAAd,EAAsB;AACrBD,MAAAA,QAAQ,CAAEM,SAAF,CAAR;AACA,KAFD,MAEO;AACNN,MAAAA,QAAQ,CAAEK,IAAF,CAAR;AACA;AACD,GAND;;AAQA,QAAME,IAAI,GAAGN,KAAK,GAAGZ,KAAK,CAAEY,KAAF,CAAR,GAAoBZ,KAAK,CAACC,IAA5C;AACA,QAAMkB,WAAW,GAAG,CACnB;AACCC,IAAAA,IAAI,EAAE,MADP;AAECF,IAAAA,IAAI,EAAEhB,kBAFP;AAGCmB,IAAAA,KAAK,EAAE,cAAI,oBAAJ,CAHR;AAICC,IAAAA,QAAQ,EAAE,WAAWV,KAJtB;AAKCW,IAAAA,OAAO,EAAE,MAAMR,WAAW,CAAE,MAAF;AAL3B,GADmB,EAQnB;AACCK,IAAAA,IAAI,EAAE,QADP;AAECF,IAAAA,IAAI,EAAEd,oBAFP;AAGCiB,IAAAA,KAAK,EAAE,cAAI,sBAAJ,CAHR;AAICC,IAAAA,QAAQ,EAAE,aAAaV,KAJxB;AAKCW,IAAAA,OAAO,EAAE,MAAMR,WAAW,CAAE,QAAF;AAL3B,GARmB,EAenB;AACCK,IAAAA,IAAI,EAAE,OADP;AAECF,IAAAA,IAAI,EAAEZ,mBAFP;AAGCe,IAAAA,KAAK,EAAE,cAAI,qBAAJ,CAHR;AAICC,IAAAA,QAAQ,EAAE,YAAYV,KAJvB;AAKCW,IAAAA,OAAO,EAAE,MAAMR,WAAW,CAAE,OAAF;AAL3B,GAfmB,EAsBnB;AACCK,IAAAA,IAAI,EAAE,eADP;AAECF,IAAAA,IAAI,EAAEX,0BAFP;AAGCc,IAAAA,KAAK,EAAE,cAAI,qBAAJ,CAHR;AAICC,IAAAA,QAAQ,EAAE,oBAAoBV,KAJ/B;AAKCW,IAAAA,OAAO,EAAE,MAAMR,WAAW,CAAE,eAAF;AAL3B,GAtBmB,CAApB;AA+BA,QAAMS,WAAW,GAAGV,SAAS,GAAGW,wBAAH,GAAkBC,+BAA/C;AACA,QAAMC,UAAU,GAAGb,SAAS,GAAG;AAAEJ,IAAAA;AAAF,GAAH,GAAqB,EAAjD;AAEA,SACC,4BAAC,WAAD;AACC,IAAA,IAAI,EAAGQ,IADR;AAEC,IAAA,YAAY,EAAGL,YAFhB;AAGC,IAAA,KAAK,EAAG,cAAI,4BAAJ,CAHT;AAIC,IAAA,QAAQ,EAAGM,WAAW,CAACS,MAAZ,CAAsBC,IAAF,IAC9BpB,eAAe,CAACqB,QAAhB,CAA0BD,IAAI,CAACT,IAA/B,CADU;AAJZ,KAOMO,UAPN,EADD;AAWA;;eAEcnB,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst icons = {\n\tleft: justifyLeft,\n\tcenter: justifyCenter,\n\tright: justifyRight,\n\t'space-between': justifySpaceBetween,\n};\n\nfunction JustifyContentUI( {\n\tallowedControls = [ 'left', 'center', 'right', 'space-between' ],\n\tisCollapsed = true,\n\tonChange,\n\tvalue,\n\tpopoverProps,\n\tisToolbar,\n} ) {\n\t// If the control is already selected we want a click\n\t// again on the control to deselect the item, so we\n\t// call onChange( undefined )\n\tconst handleClick = ( next ) => {\n\t\tif ( next === value ) {\n\t\t\tonChange( undefined );\n\t\t} else {\n\t\t\tonChange( next );\n\t\t}\n\t};\n\n\tconst icon = value ? icons[ value ] : icons.left;\n\tconst allControls = [\n\t\t{\n\t\t\tname: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\ttitle: __( 'Justify items left' ),\n\t\t\tisActive: 'left' === value,\n\t\t\tonClick: () => handleClick( 'left' ),\n\t\t},\n\t\t{\n\t\t\tname: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\ttitle: __( 'Justify items center' ),\n\t\t\tisActive: 'center' === value,\n\t\t\tonClick: () => handleClick( 'center' ),\n\t\t},\n\t\t{\n\t\t\tname: 'right',\n\t\t\ticon: justifyRight,\n\t\t\ttitle: __( 'Justify items right' ),\n\t\t\tisActive: 'right' === value,\n\t\t\tonClick: () => handleClick( 'right' ),\n\t\t},\n\t\t{\n\t\t\tname: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\ttitle: __( 'Space between items' ),\n\t\t\tisActive: 'space-between' === value,\n\t\t\tonClick: () => handleClick( 'space-between' ),\n\t\t},\n\t];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={ icon }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tlabel={ __( 'Change items justification' ) }\n\t\t\tcontrols={ allControls.filter( ( elem ) =>\n\t\t\t\tallowedControls.includes( elem.name )\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default JustifyContentUI;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/justify-content-control/ui.js"],"names":["icons","left","justifyLeft","center","justifyCenter","right","justifyRight","justifySpaceBetween","stretch","justifyStretch","JustifyContentUI","allowedControls","isCollapsed","onChange","value","popoverProps","isToolbar","handleClick","next","undefined","icon","allControls","name","title","isActive","onClick","UIComponent","ToolbarGroup","ToolbarDropdownMenu","extraProps","filter","elem","includes"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst icons = {\n\tleft: justifyLeft,\n\tcenter: justifyCenter,\n\tright: justifyRight,\n\t'space-between': justifySpaceBetween,\n\tstretch: justifyStretch,\n};\n\nfunction JustifyContentUI( {\n\tallowedControls = [ 'left', 'center', 'right', 'space-between' ],\n\tisCollapsed = true,\n\tonChange,\n\tvalue,\n\tpopoverProps,\n\tisToolbar,\n} ) {\n\t// If the control is already selected we want a click\n\t// again on the control to deselect the item, so we\n\t// call onChange( undefined )\n\tconst handleClick = ( next ) => {\n\t\tif ( next === value ) {\n\t\t\tonChange( undefined );\n\t\t} else {\n\t\t\tonChange( next );\n\t\t}\n\t};\n\n\tconst icon = value ? icons[ value ] : icons.left;\n\tconst allControls = [\n\t\t{\n\t\t\tname: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\ttitle: __( 'Justify items left' ),\n\t\t\tisActive: 'left' === value,\n\t\t\tonClick: () => handleClick( 'left' ),\n\t\t},\n\t\t{\n\t\t\tname: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\ttitle: __( 'Justify items center' ),\n\t\t\tisActive: 'center' === value,\n\t\t\tonClick: () => handleClick( 'center' ),\n\t\t},\n\t\t{\n\t\t\tname: 'right',\n\t\t\ticon: justifyRight,\n\t\t\ttitle: __( 'Justify items right' ),\n\t\t\tisActive: 'right' === value,\n\t\t\tonClick: () => handleClick( 'right' ),\n\t\t},\n\t\t{\n\t\t\tname: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\ttitle: __( 'Space between items' ),\n\t\t\tisActive: 'space-between' === value,\n\t\t\tonClick: () => handleClick( 'space-between' ),\n\t\t},\n\t\t{\n\t\t\tname: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\ttitle: __( 'Stretch items' ),\n\t\t\tisActive: 'stretch' === value,\n\t\t\tonClick: () => handleClick( 'stretch' ),\n\t\t},\n\t];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={ icon }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tlabel={ __( 'Change items justification' ) }\n\t\t\tcontrols={ allControls.filter( ( elem ) =>\n\t\t\t\tallowedControls.includes( elem.name )\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default JustifyContentUI;\n"]}