@wordpress/block-editor 12.6.0 → 12.8.0

package/build/layouts/flex.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _icons = require("@wordpress/icons");
-
 var _components = require("@wordpress/components");
-
 var _utils = require("./utils");
-
 var _gap = require("../hooks/gap");
-
 var _components2 = require("../components");
-
 var _utils2 = require("../hooks/utils");
-
 var _definitions = require("./definitions");
-
 /**
  * WordPress dependencies
  */
@@ -30,14 +20,16 @@ var _definitions = require("./definitions");
 /**
  * Internal dependencies
  */
+
 // Used with the default, horizontal flex orientation.
 const justifyContentMap = {
   left: 'flex-start',
   right: 'flex-end',
   center: 'center',
   'space-between': 'space-between'
-}; // Used with the vertical (column) flex orientation.
+};
 
+// Used with the vertical (column) flex orientation.
 const alignItemsMap = {
   left: 'flex-start',
   right: 'flex-end',
@@ -82,7 +74,6 @@ var _default = {
     if (layoutBlockSupport?.allowSwitching) {
       return null;
     }
-
     const {
       allowVerticalAlignment = true
     } = layoutBlockSupport;
@@ -109,9 +100,10 @@ var _default = {
   }) {
     const {
       orientation = 'horizontal'
-    } = layout; // If a block's block.json skips serialization for spacing or spacing.blockGap,
-    // don't apply the user-defined value to the styles.
+    } = layout;
 
+    // If a block's block.json skips serialization for spacing or spacing.blockGap,
+    // don't apply the user-defined value to the styles.
     const blockGapValue = style?.spacing?.blockGap && !(0, _utils2.shouldSkipSerialization)(blockName, 'spacing', 'blockGap') ? (0, _gap.getGapCSSValue)(style?.spacing?.blockGap, '0.5em') : undefined;
     const justifyContent = justifyContentMap[layout.justifyContent];
     const flexWrap = flexWrapOptions.includes(layout.flexWrap) ? layout.flexWrap : 'wrap';
@@ -119,16 +111,13 @@ var _default = {
     const alignItems = alignItemsMap[layout.justifyContent] || alignItemsMap.left;
     let output = '';
     const rules = [];
-
     if (flexWrap && flexWrap !== 'wrap') {
       rules.push(`flex-wrap: ${flexWrap}`);
     }
-
     if (orientation === 'horizontal') {
       if (verticalAlignment) {
         rules.push(`align-items: ${verticalAlignment}`);
       }
-
       if (justifyContent) {
         rules.push(`justify-content: ${justifyContent}`);
       }
@@ -136,39 +125,32 @@ var _default = {
       if (verticalAlignment) {
         rules.push(`justify-content: ${verticalAlignment}`);
       }
-
       rules.push('flex-direction: column');
       rules.push(`align-items: ${alignItems}`);
     }
-
     if (rules.length) {
       output = `${(0, _utils.appendSelectors)(selector)} {
 				${rules.join('; ')};
 			}`;
-    } // Output blockGap styles based on rules contained in layout definitions in theme.json.
-
+    }
 
+    // Output blockGap styles based on rules contained in layout definitions in theme.json.
     if (hasBlockGapSupport && blockGapValue) {
       output += (0, _utils.getBlockGapCSS)(selector, layoutDefinitions, 'flex', blockGapValue);
     }
-
     return output;
   },
-
   getOrientation(layout) {
     const {
       orientation = 'horizontal'
     } = layout;
     return orientation;
   },
-
   getAlignments() {
     return [];
   }
-
 };
 exports.default = _default;
-
 function FlexLayoutVerticalAlignmentControl({
   layout,
   onChange,
@@ -181,13 +163,12 @@ function FlexLayoutVerticalAlignmentControl({
   const {
     verticalAlignment = defaultVerticalAlignment
   } = layout;
-
   const onVerticalAlignmentChange = value => {
-    onChange({ ...layout,
+    onChange({
+      ...layout,
       verticalAlignment: value
     });
   };
-
   if (isToolbar) {
     return (0, _element.createElement)(_components2.BlockVerticalAlignmentControl, {
       onChange: onVerticalAlignmentChange,
@@ -195,7 +176,6 @@ function FlexLayoutVerticalAlignmentControl({
       controls: orientation === 'horizontal' ? ['top', 'center', 'bottom', 'stretch'] : ['top', 'center', 'bottom', 'space-between']
     });
   }
-
   const verticalAlignmentOptions = [{
     value: 'flex-start',
     label: (0, _i18n.__)('Align items top')
@@ -218,11 +198,9 @@ function FlexLayoutVerticalAlignmentControl({
     });
   })));
 }
-
 const POPOVER_PROPS = {
   placement: 'bottom-start'
 };
-
 function FlexLayoutJustifyContentControl({
   layout,
   onChange,
@@ -232,21 +210,18 @@ function FlexLayoutJustifyContentControl({
     justifyContent = 'left',
     orientation = 'horizontal'
   } = layout;
-
   const onJustificationChange = value => {
-    onChange({ ...layout,
+    onChange({
+      ...layout,
       justifyContent: value
     });
   };
-
   const allowedControls = ['left', 'center', 'right'];
-
   if (orientation === 'horizontal') {
     allowedControls.push('space-between');
   } else {
     allowedControls.push('stretch');
   }
-
   if (isToolbar) {
     return (0, _element.createElement)(_components2.JustifyContentControl, {
       allowedControls: allowedControls,
@@ -255,7 +230,6 @@ function FlexLayoutJustifyContentControl({
       popoverProps: POPOVER_PROPS
     });
   }
-
   const justificationOptions = [{
     value: 'left',
     icon: _icons.justifyLeft,
@@ -269,7 +243,6 @@ function FlexLayoutJustifyContentControl({
     icon: _icons.justifyRight,
     label: (0, _i18n.__)('Justify items right')
   }];
-
   if (orientation === 'horizontal') {
     justificationOptions.push({
       value: 'space-between',
@@ -283,7 +256,6 @@ function FlexLayoutJustifyContentControl({
       label: (0, _i18n.__)('Stretch items')
     });
   }
-
   return (0, _element.createElement)(_components.__experimentalToggleGroupControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Justification'),
@@ -303,7 +275,6 @@ function FlexLayoutJustifyContentControl({
     });
   }));
 }
-
 function FlexWrapControl({
   layout,
   onChange
@@ -315,14 +286,14 @@ function FlexWrapControl({
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Allow to wrap to multiple lines'),
     onChange: value => {
-      onChange({ ...layout,
+      onChange({
+        ...layout,
         flexWrap: value ? 'wrap' : 'nowrap'
       });
     },
     checked: flexWrap === 'wrap'
   });
 }
-
 function OrientationControl({
   layout,
   onChange
@@ -341,12 +312,10 @@ function OrientationControl({
       // Make sure the vertical alignment and justification are compatible with the new orientation.
       let newVerticalAlignment = verticalAlignment;
       let newJustification = justifyContent;
-
       if (value === 'horizontal') {
         if (verticalAlignment === 'space-between') {
           newVerticalAlignment = 'center';
         }
-
         if (justifyContent === 'stretch') {
           newJustification = 'left';
         }
@@ -354,13 +323,12 @@ function OrientationControl({
         if (verticalAlignment === 'stretch') {
           newVerticalAlignment = 'top';
         }
-
         if (justifyContent === 'space-between') {
           newJustification = 'left';
         }
       }
-
-      return onChange({ ...layout,
+      return onChange({
+        ...layout,
         orientation: value,
         verticalAlignment: newVerticalAlignment,
         justifyContent: newJustification

package/build/layouts/flex.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/layouts/flex.js"],"names":["justifyContentMap","left","right","center","alignItemsMap","stretch","verticalAlignmentMap","top","bottom","flexWrapOptions","name","label","inspectorControls","FlexLayoutInspectorControls","layout","onChange","layoutBlockSupport","allowOrientation","toolBarControls","FlexLayoutToolbarControls","allowSwitching","allowVerticalAlignment","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","orientation","blockGapValue","spacing","blockGap","undefined","justifyContent","flexWrap","includes","verticalAlignment","alignItems","output","rules","push","length","join","getOrientation","getAlignments","FlexLayoutVerticalAlignmentControl","isToolbar","defaultVerticalAlignment","onVerticalAlignmentChange","value","verticalAlignmentOptions","map","icon","POPOVER_PROPS","placement","FlexLayoutJustifyContentControl","onJustificationChange","allowedControls","justificationOptions","justifyLeft","justifyCenter","justifyRight","justifySpaceBetween","justifyStretch","FlexWrapControl","OrientationControl","newVerticalAlignment","newJustification","arrowRight","arrowDown"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n\tarrowRight,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tToggleControl,\n\tFlex,\n\tFlexItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport {\n\tBlockControls,\n\tJustifyContentControl,\n\tBlockVerticalAlignmentControl,\n} from '../components';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\n// Used with the default, horizontal flex orientation.\nconst justifyContentMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\t'space-between': 'space-between',\n};\n\n// Used with the vertical (column) flex orientation.\nconst alignItemsMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\tstretch: 'stretch',\n};\n\nconst verticalAlignmentMap = {\n\ttop: 'flex-start',\n\tcenter: 'center',\n\tbottom: 'flex-end',\n\tstretch: 'stretch',\n\t'space-between': 'space-between',\n};\n\nconst flexWrapOptions = [ 'wrap', 'nowrap' ];\n\nexport default {\n\tname: 'flex',\n\tlabel: __( 'Flex' ),\n\tinspectorControls: function FlexLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowOrientation = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ allowOrientation && (\n\t\t\t\t\t\t\t<OrientationControl\n\t\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t\t<FlexWrapControl layout={ layout } onChange={ onChange } />\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function FlexLayoutToolbarControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport,\n\t} ) {\n\t\tif ( layoutBlockSupport?.allowSwitching ) {\n\t\t\treturn null;\n\t\t}\n\t\tconst { allowVerticalAlignment = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisToolbar\n\t\t\t\t/>\n\t\t\t\t{ allowVerticalAlignment && (\n\t\t\t\t\t<FlexLayoutVerticalAlignmentControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisToolbar\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\t\tconst justifyContent = justifyContentMap[ layout.justifyContent ];\n\t\tconst flexWrap = flexWrapOptions.includes( layout.flexWrap )\n\t\t\t? layout.flexWrap\n\t\t\t: 'wrap';\n\t\tconst verticalAlignment =\n\t\t\tverticalAlignmentMap[ layout.verticalAlignment ];\n\t\tconst alignItems =\n\t\t\talignItemsMap[ layout.justifyContent ] || alignItemsMap.left;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( flexWrap && flexWrap !== 'wrap' ) {\n\t\t\trules.push( `flex-wrap: ${ flexWrap }` );\n\t\t}\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `align-items: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\tif ( justifyContent ) {\n\t\t\t\trules.push( `justify-content: ${ justifyContent }` );\n\t\t\t}\n\t\t} else {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `justify-content: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\trules.push( 'flex-direction: column' );\n\t\t\trules.push( `align-items: ${ alignItems }` );\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\toutput = `${ appendSelectors( selector ) } {\n\t\t\t\t${ rules.join( '; ' ) };\n\t\t\t}`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'flex',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation( layout ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\t\treturn orientation;\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\nfunction FlexLayoutVerticalAlignmentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { orientation = 'horizontal' } = layout;\n\n\tconst defaultVerticalAlignment =\n\t\torientation === 'horizontal'\n\t\t\t? verticalAlignmentMap.center\n\t\t\t: verticalAlignmentMap.top;\n\n\tconst { verticalAlignment = defaultVerticalAlignment } = layout;\n\n\tconst onVerticalAlignmentChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tverticalAlignment: value,\n\t\t} );\n\t};\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\tcontrols={\n\t\t\t\t\torientation === 'horizontal'\n\t\t\t\t\t\t? [ 'top', 'center', 'bottom', 'stretch' ]\n\t\t\t\t\t\t: [ 'top', 'center', 'bottom', 'space-between' ]\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst verticalAlignmentOptions = [\n\t\t{\n\t\t\tvalue: 'flex-start',\n\t\t\tlabel: __( 'Align items top' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\tlabel: __( 'Align items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'flex-end',\n\t\t\tlabel: __( 'Align items bottom' ),\n\t\t},\n\t];\n\n\treturn (\n\t\t<fieldset className=\"block-editor-hooks__flex-layout-vertical-alignment-control\">\n\t\t\t<legend>{ __( 'Vertical alignment' ) }</legend>\n\t\t\t<div>\n\t\t\t\t{ verticalAlignmentOptions.map( ( value, icon, label ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tisPressed={ verticalAlignment === value }\n\t\t\t\t\t\t\tonClick={ () => onVerticalAlignmentChange( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nfunction FlexLayoutJustifyContentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { justifyContent = 'left', orientation = 'horizontal' } = layout;\n\tconst onJustificationChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tjustifyContent: value,\n\t\t} );\n\t};\n\tconst allowedControls = [ 'left', 'center', 'right' ];\n\tif ( orientation === 'horizontal' ) {\n\t\tallowedControls.push( 'space-between' );\n\t} else {\n\t\tallowedControls.push( 'stretch' );\n\t}\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<JustifyContentControl\n\t\t\t\tallowedControls={ allowedControls }\n\t\t\t\tvalue={ justifyContent }\n\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst justificationOptions = [\n\t\t{\n\t\t\tvalue: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\tlabel: __( 'Justify items left' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\tlabel: __( 'Justify items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'right',\n\t\t\ticon: justifyRight,\n\t\t\tlabel: __( 'Justify items right' ),\n\t\t},\n\t];\n\tif ( orientation === 'horizontal' ) {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\tlabel: __( 'Space between items' ),\n\t\t} );\n\t} else {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\tlabel: __( 'Stretch items' ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Justification' ) }\n\t\t\tvalue={ justifyContent }\n\t\t\tonChange={ onJustificationChange }\n\t\t\tclassName=\"block-editor-hooks__flex-layout-justification-controls\"\n\t\t>\n\t\t\t{ justificationOptions.map( ( { value, icon, label } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nfunction FlexWrapControl( { layout, onChange } ) {\n\tconst { flexWrap = 'wrap' } = layout;\n\treturn (\n\t\t<ToggleControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Allow to wrap to multiple lines' ) }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tonChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\tflexWrap: value ? 'wrap' : 'nowrap',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tchecked={ flexWrap === 'wrap' }\n\t\t/>\n\t);\n}\n\nfunction OrientationControl( { layout, onChange } ) {\n\tconst {\n\t\torientation = 'horizontal',\n\t\tverticalAlignment,\n\t\tjustifyContent,\n\t} = layout;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"block-editor-hooks__flex-layout-orientation-controls\"\n\t\t\tlabel={ __( 'Orientation' ) }\n\t\t\tvalue={ orientation }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\t// Make sure the vertical alignment and justification are compatible with the new orientation.\n\t\t\t\tlet newVerticalAlignment = verticalAlignment;\n\t\t\t\tlet newJustification = justifyContent;\n\t\t\t\tif ( value === 'horizontal' ) {\n\t\t\t\t\tif ( verticalAlignment === 'space-between' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'center';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'stretch' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( verticalAlignment === 'stretch' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'top';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'space-between' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn onChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\torientation: value,\n\t\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t\t\tjustifyContent: newJustification,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowRight }\n\t\t\t\tvalue={ 'horizontal' }\n\t\t\t\tlabel={ __( 'Horizontal' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowDown }\n\t\t\t\tvalue={ 'vertical' }\n\t\t\t\tlabel={ __( 'Vertical' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"]}
+{"version":3,"names":["_i18n","require","_icons","_components","_utils","_gap","_components2","_utils2","_definitions","justifyContentMap","left","right","center","alignItemsMap","stretch","verticalAlignmentMap","top","bottom","flexWrapOptions","_default","name","label","__","inspectorControls","FlexLayoutInspectorControls","layout","onChange","layoutBlockSupport","allowOrientation","_element","createElement","Fragment","Flex","FlexItem","FlexLayoutJustifyContentControl","OrientationControl","FlexWrapControl","toolBarControls","FlexLayoutToolbarControls","allowSwitching","allowVerticalAlignment","BlockControls","group","__experimentalShareWithChildBlocks","isToolbar","FlexLayoutVerticalAlignmentControl","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","orientation","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","justifyContent","flexWrap","includes","verticalAlignment","alignItems","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","exports","default","defaultVerticalAlignment","onVerticalAlignmentChange","value","BlockVerticalAlignmentControl","controls","verticalAlignmentOptions","className","map","icon","Button","key","isPressed","onClick","POPOVER_PROPS","placement","onJustificationChange","allowedControls","JustifyContentControl","popoverProps","justificationOptions","justifyLeft","justifyCenter","justifyRight","justifySpaceBetween","justifyStretch","__experimentalToggleGroupControl","__nextHasNoMarginBottom","__experimentalToggleGroupControlOptionIcon","ToggleControl","checked","newVerticalAlignment","newJustification","arrowRight","arrowDown"],"sources":["@wordpress/block-editor/src/layouts/flex.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n\tarrowRight,\n\tarrowDown,\n} from '@wordpress/icons';\nimport {\n\tButton,\n\tToggleControl,\n\tFlex,\n\tFlexItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport {\n\tBlockControls,\n\tJustifyContentControl,\n\tBlockVerticalAlignmentControl,\n} from '../components';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\n// Used with the default, horizontal flex orientation.\nconst justifyContentMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\t'space-between': 'space-between',\n};\n\n// Used with the vertical (column) flex orientation.\nconst alignItemsMap = {\n\tleft: 'flex-start',\n\tright: 'flex-end',\n\tcenter: 'center',\n\tstretch: 'stretch',\n};\n\nconst verticalAlignmentMap = {\n\ttop: 'flex-start',\n\tcenter: 'center',\n\tbottom: 'flex-end',\n\tstretch: 'stretch',\n\t'space-between': 'space-between',\n};\n\nconst flexWrapOptions = [ 'wrap', 'nowrap' ];\n\nexport default {\n\tname: 'flex',\n\tlabel: __( 'Flex' ),\n\tinspectorControls: function FlexLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowOrientation = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t{ allowOrientation && (\n\t\t\t\t\t\t\t<OrientationControl\n\t\t\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t\t<FlexWrapControl layout={ layout } onChange={ onChange } />\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function FlexLayoutToolbarControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport,\n\t} ) {\n\t\tif ( layoutBlockSupport?.allowSwitching ) {\n\t\t\treturn null;\n\t\t}\n\t\tconst { allowVerticalAlignment = true } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<BlockControls group=\"block\" __experimentalShareWithChildBlocks>\n\t\t\t\t<FlexLayoutJustifyContentControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisToolbar\n\t\t\t\t/>\n\t\t\t\t{ allowVerticalAlignment && (\n\t\t\t\t\t<FlexLayoutVerticalAlignmentControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tisToolbar\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\t\tconst justifyContent = justifyContentMap[ layout.justifyContent ];\n\t\tconst flexWrap = flexWrapOptions.includes( layout.flexWrap )\n\t\t\t? layout.flexWrap\n\t\t\t: 'wrap';\n\t\tconst verticalAlignment =\n\t\t\tverticalAlignmentMap[ layout.verticalAlignment ];\n\t\tconst alignItems =\n\t\t\talignItemsMap[ layout.justifyContent ] || alignItemsMap.left;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( flexWrap && flexWrap !== 'wrap' ) {\n\t\t\trules.push( `flex-wrap: ${ flexWrap }` );\n\t\t}\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `align-items: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\tif ( justifyContent ) {\n\t\t\t\trules.push( `justify-content: ${ justifyContent }` );\n\t\t\t}\n\t\t} else {\n\t\t\tif ( verticalAlignment ) {\n\t\t\t\trules.push( `justify-content: ${ verticalAlignment }` );\n\t\t\t}\n\t\t\trules.push( 'flex-direction: column' );\n\t\t\trules.push( `align-items: ${ alignItems }` );\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\toutput = `${ appendSelectors( selector ) } {\n\t\t\t\t${ rules.join( '; ' ) };\n\t\t\t}`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'flex',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation( layout ) {\n\t\tconst { orientation = 'horizontal' } = layout;\n\t\treturn orientation;\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\nfunction FlexLayoutVerticalAlignmentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { orientation = 'horizontal' } = layout;\n\n\tconst defaultVerticalAlignment =\n\t\torientation === 'horizontal'\n\t\t\t? verticalAlignmentMap.center\n\t\t\t: verticalAlignmentMap.top;\n\n\tconst { verticalAlignment = defaultVerticalAlignment } = layout;\n\n\tconst onVerticalAlignmentChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tverticalAlignment: value,\n\t\t} );\n\t};\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\tcontrols={\n\t\t\t\t\torientation === 'horizontal'\n\t\t\t\t\t\t? [ 'top', 'center', 'bottom', 'stretch' ]\n\t\t\t\t\t\t: [ 'top', 'center', 'bottom', 'space-between' ]\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst verticalAlignmentOptions = [\n\t\t{\n\t\t\tvalue: 'flex-start',\n\t\t\tlabel: __( 'Align items top' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\tlabel: __( 'Align items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'flex-end',\n\t\t\tlabel: __( 'Align items bottom' ),\n\t\t},\n\t];\n\n\treturn (\n\t\t<fieldset className=\"block-editor-hooks__flex-layout-vertical-alignment-control\">\n\t\t\t<legend>{ __( 'Vertical alignment' ) }</legend>\n\t\t\t<div>\n\t\t\t\t{ verticalAlignmentOptions.map( ( value, icon, label ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tisPressed={ verticalAlignment === value }\n\t\t\t\t\t\t\tonClick={ () => onVerticalAlignmentChange( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nfunction FlexLayoutJustifyContentControl( {\n\tlayout,\n\tonChange,\n\tisToolbar = false,\n} ) {\n\tconst { justifyContent = 'left', orientation = 'horizontal' } = layout;\n\tconst onJustificationChange = ( value ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tjustifyContent: value,\n\t\t} );\n\t};\n\tconst allowedControls = [ 'left', 'center', 'right' ];\n\tif ( orientation === 'horizontal' ) {\n\t\tallowedControls.push( 'space-between' );\n\t} else {\n\t\tallowedControls.push( 'stretch' );\n\t}\n\tif ( isToolbar ) {\n\t\treturn (\n\t\t\t<JustifyContentControl\n\t\t\t\tallowedControls={ allowedControls }\n\t\t\t\tvalue={ justifyContent }\n\t\t\t\tonChange={ onJustificationChange }\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst justificationOptions = [\n\t\t{\n\t\t\tvalue: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\tlabel: __( 'Justify items left' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\tlabel: __( 'Justify items center' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'right',\n\t\t\ticon: justifyRight,\n\t\t\tlabel: __( 'Justify items right' ),\n\t\t},\n\t];\n\tif ( orientation === 'horizontal' ) {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\tlabel: __( 'Space between items' ),\n\t\t} );\n\t} else {\n\t\tjustificationOptions.push( {\n\t\t\tvalue: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\tlabel: __( 'Stretch items' ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Justification' ) }\n\t\t\tvalue={ justifyContent }\n\t\t\tonChange={ onJustificationChange }\n\t\t\tclassName=\"block-editor-hooks__flex-layout-justification-controls\"\n\t\t>\n\t\t\t{ justificationOptions.map( ( { value, icon, label } ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ value }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ToggleGroupControl>\n\t);\n}\n\nfunction FlexWrapControl( { layout, onChange } ) {\n\tconst { flexWrap = 'wrap' } = layout;\n\treturn (\n\t\t<ToggleControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Allow to wrap to multiple lines' ) }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\tonChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\tflexWrap: value ? 'wrap' : 'nowrap',\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tchecked={ flexWrap === 'wrap' }\n\t\t/>\n\t);\n}\n\nfunction OrientationControl( { layout, onChange } ) {\n\tconst {\n\t\torientation = 'horizontal',\n\t\tverticalAlignment,\n\t\tjustifyContent,\n\t} = layout;\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName=\"block-editor-hooks__flex-layout-orientation-controls\"\n\t\t\tlabel={ __( 'Orientation' ) }\n\t\t\tvalue={ orientation }\n\t\t\tonChange={ ( value ) => {\n\t\t\t\t// Make sure the vertical alignment and justification are compatible with the new orientation.\n\t\t\t\tlet newVerticalAlignment = verticalAlignment;\n\t\t\t\tlet newJustification = justifyContent;\n\t\t\t\tif ( value === 'horizontal' ) {\n\t\t\t\t\tif ( verticalAlignment === 'space-between' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'center';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'stretch' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif ( verticalAlignment === 'stretch' ) {\n\t\t\t\t\t\tnewVerticalAlignment = 'top';\n\t\t\t\t\t}\n\t\t\t\t\tif ( justifyContent === 'space-between' ) {\n\t\t\t\t\t\tnewJustification = 'left';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn onChange( {\n\t\t\t\t\t...layout,\n\t\t\t\t\torientation: value,\n\t\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t\t\tjustifyContent: newJustification,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowRight }\n\t\t\t\tvalue={ 'horizontal' }\n\t\t\t\tlabel={ __( 'Horizontal' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\ticon={ arrowDown }\n\t\t\t\tvalue={ 'vertical' }\n\t\t\t\tlabel={ __( 'Vertical' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":"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"}

package/build/layouts/flow.js

@@ -4,21 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _i18n = require("@wordpress/i18n");
-
 var _utils = require("./utils");
-
 var _gap = require("../hooks/gap");
-
 var _utils2 = require("../hooks/utils");
-
 var _definitions = require("./definitions");
-
 /**
  * WordPress dependencies
  */
-
 /**
  * Internal dependencies
  */
@@ -38,11 +31,11 @@ var _default = {
     hasBlockGapSupport,
     layoutDefinitions = _definitions.LAYOUT_DEFINITIONS
   }) {
-    const blockGapStyleValue = (0, _gap.getGapCSSValue)(style?.spacing?.blockGap); // If a block's block.json skips serialization for spacing or
-    // spacing.blockGap, don't apply the user-defined value to the styles.
+    const blockGapStyleValue = (0, _gap.getGapCSSValue)(style?.spacing?.blockGap);
 
+    // If a block's block.json skips serialization for spacing or
+    // spacing.blockGap, don't apply the user-defined value to the styles.
     let blockGapValue = '';
-
     if (!(0, _utils2.shouldSkipSerialization)(blockName, 'spacing', 'blockGap')) {
       // If an object is provided only use the 'top' value for this kind of gap.
       if (blockGapStyleValue?.top) {
@@ -51,54 +44,47 @@ var _default = {
         blockGapValue = (0, _gap.getGapCSSValue)(blockGapStyleValue);
       }
     }
+    let output = '';
 
-    let output = ''; // Output blockGap styles based on rules contained in layout definitions in theme.json.
-
+    // Output blockGap styles based on rules contained in layout definitions in theme.json.
     if (hasBlockGapSupport && blockGapValue) {
       output += (0, _utils.getBlockGapCSS)(selector, layoutDefinitions, 'default', blockGapValue);
     }
-
     return output;
   },
-
   getOrientation() {
     return 'vertical';
   },
-
   getAlignments(layout, isBlockBasedTheme) {
     const alignmentInfo = (0, _utils.getAlignmentsInfo)(layout);
-
     if (layout.alignments !== undefined) {
       if (!layout.alignments.includes('none')) {
         layout.alignments.unshift('none');
       }
-
       return layout.alignments.map(alignment => ({
         name: alignment,
         info: alignmentInfo[alignment]
       }));
     }
-
     const alignments = [{
       name: 'left'
     }, {
       name: 'center'
     }, {
       name: 'right'
-    }]; // This is for backwards compatibility with hybrid themes.
+    }];
 
+    // This is for backwards compatibility with hybrid themes.
     if (!isBlockBasedTheme) {
       const {
         contentSize,
         wideSize
       } = layout;
-
       if (contentSize) {
         alignments.unshift({
           name: 'full'
         });
       }
-
       if (wideSize) {
         alignments.unshift({
           name: 'wide',
@@ -106,14 +92,12 @@ var _default = {
         });
       }
     }
-
     alignments.unshift({
       name: 'none',
       info: alignmentInfo.none
     });
     return alignments;
   }
-
 };
 exports.default = _default;
 //# sourceMappingURL=flow.js.map

package/build/layouts/flow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/layouts/flow.js"],"names":["name","label","inspectorControls","DefaultLayoutInspectorControls","toolBarControls","DefaultLayoutToolbarControls","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","blockGapStyleValue","spacing","blockGap","blockGapValue","top","output","getOrientation","getAlignments","layout","isBlockBasedTheme","alignmentInfo","alignments","undefined","includes","unshift","map","alignment","info","contentSize","wideSize","wide","none"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getBlockGapCSS, getAlignmentsInfo } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\nexport default {\n\tname: 'default',\n\tlabel: __( 'Flow' ),\n\tinspectorControls: function DefaultLayoutInspectorControls() {\n\t\treturn null;\n\t},\n\ttoolBarControls: function DefaultLayoutToolbarControls() {\n\t\treturn null;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst blockGapStyleValue = getGapCSSValue( style?.spacing?.blockGap );\n\n\t\t// If a block's block.json skips serialization for spacing or\n\t\t// spacing.blockGap, don't apply the user-defined value to the styles.\n\t\tlet blockGapValue = '';\n\t\tif ( ! shouldSkipSerialization( blockName, 'spacing', 'blockGap' ) ) {\n\t\t\t// If an object is provided only use the 'top' value for this kind of gap.\n\t\t\tif ( blockGapStyleValue?.top ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue?.top );\n\t\t\t} else if ( typeof blockGapStyleValue === 'string' ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue );\n\t\t\t}\n\t\t}\n\n\t\tlet output = '';\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'default',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'vertical';\n\t},\n\tgetAlignments( layout, isBlockBasedTheme ) {\n\t\tconst alignmentInfo = getAlignmentsInfo( layout );\n\t\tif ( layout.alignments !== undefined ) {\n\t\t\tif ( ! layout.alignments.includes( 'none' ) ) {\n\t\t\t\tlayout.alignments.unshift( 'none' );\n\t\t\t}\n\t\t\treturn layout.alignments.map( ( alignment ) => ( {\n\t\t\t\tname: alignment,\n\t\t\t\tinfo: alignmentInfo[ alignment ],\n\t\t\t} ) );\n\t\t}\n\n\t\tconst alignments = [\n\t\t\t{ name: 'left' },\n\t\t\t{ name: 'center' },\n\t\t\t{ name: 'right' },\n\t\t];\n\n\t\t// This is for backwards compatibility with hybrid themes.\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\tconst { contentSize, wideSize } = layout;\n\t\t\tif ( contentSize ) {\n\t\t\t\talignments.unshift( { name: 'full' } );\n\t\t\t}\n\n\t\t\tif ( wideSize ) {\n\t\t\t\talignments.unshift( {\n\t\t\t\t\tname: 'wide',\n\t\t\t\t\tinfo: alignmentInfo.wide,\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\talignments.unshift( { name: 'none', info: alignmentInfo.none } );\n\n\t\treturn alignments;\n\t},\n};\n"]}
+{"version":3,"names":["_i18n","require","_utils","_gap","_utils2","_definitions","_default","name","label","__","inspectorControls","DefaultLayoutInspectorControls","toolBarControls","DefaultLayoutToolbarControls","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","blockGapStyleValue","getGapCSSValue","spacing","blockGap","blockGapValue","shouldSkipSerialization","top","output","getBlockGapCSS","getOrientation","getAlignments","layout","isBlockBasedTheme","alignmentInfo","getAlignmentsInfo","alignments","undefined","includes","unshift","map","alignment","info","contentSize","wideSize","wide","none","exports","default"],"sources":["@wordpress/block-editor/src/layouts/flow.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getBlockGapCSS, getAlignmentsInfo } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\n\nexport default {\n\tname: 'default',\n\tlabel: __( 'Flow' ),\n\tinspectorControls: function DefaultLayoutInspectorControls() {\n\t\treturn null;\n\t},\n\ttoolBarControls: function DefaultLayoutToolbarControls() {\n\t\treturn null;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst blockGapStyleValue = getGapCSSValue( style?.spacing?.blockGap );\n\n\t\t// If a block's block.json skips serialization for spacing or\n\t\t// spacing.blockGap, don't apply the user-defined value to the styles.\n\t\tlet blockGapValue = '';\n\t\tif ( ! shouldSkipSerialization( blockName, 'spacing', 'blockGap' ) ) {\n\t\t\t// If an object is provided only use the 'top' value for this kind of gap.\n\t\t\tif ( blockGapStyleValue?.top ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue?.top );\n\t\t\t} else if ( typeof blockGapStyleValue === 'string' ) {\n\t\t\t\tblockGapValue = getGapCSSValue( blockGapStyleValue );\n\t\t\t}\n\t\t}\n\n\t\tlet output = '';\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'default',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'vertical';\n\t},\n\tgetAlignments( layout, isBlockBasedTheme ) {\n\t\tconst alignmentInfo = getAlignmentsInfo( layout );\n\t\tif ( layout.alignments !== undefined ) {\n\t\t\tif ( ! layout.alignments.includes( 'none' ) ) {\n\t\t\t\tlayout.alignments.unshift( 'none' );\n\t\t\t}\n\t\t\treturn layout.alignments.map( ( alignment ) => ( {\n\t\t\t\tname: alignment,\n\t\t\t\tinfo: alignmentInfo[ alignment ],\n\t\t\t} ) );\n\t\t}\n\n\t\tconst alignments = [\n\t\t\t{ name: 'left' },\n\t\t\t{ name: 'center' },\n\t\t\t{ name: 'right' },\n\t\t];\n\n\t\t// This is for backwards compatibility with hybrid themes.\n\t\tif ( ! isBlockBasedTheme ) {\n\t\t\tconst { contentSize, wideSize } = layout;\n\t\t\tif ( contentSize ) {\n\t\t\t\talignments.unshift( { name: 'full' } );\n\t\t\t}\n\n\t\t\tif ( wideSize ) {\n\t\t\t\talignments.unshift( {\n\t\t\t\t\tname: 'wide',\n\t\t\t\t\tinfo: alignmentInfo.wide,\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\talignments.unshift( { name: 'none', info: alignmentInfo.none } );\n\n\t\treturn alignments;\n\t},\n};\n"],"mappings":"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"}

package/build/layouts/grid.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _utils = require("./utils");
-
 var _gap = require("../hooks/gap");
-
 var _utils2 = require("../hooks/utils");
-
 var _definitions = require("./definitions");
-
 /**
  * WordPress dependencies
  */
@@ -26,6 +18,7 @@ var _definitions = require("./definitions");
 /**
  * Internal dependencies
  */
+
 const RANGE_CONTROL_MAX_VALUES = {
   px: 600,
   '%': 100,
@@ -63,45 +56,38 @@ var _default = {
     const {
       minimumColumnWidth = '12rem',
       columnCount = null
-    } = layout; // If a block's block.json skips serialization for spacing or spacing.blockGap,
-    // don't apply the user-defined value to the styles.
+    } = layout;
 
+    // If a block's block.json skips serialization for spacing or spacing.blockGap,
+    // don't apply the user-defined value to the styles.
     const blockGapValue = style?.spacing?.blockGap && !(0, _utils2.shouldSkipSerialization)(blockName, 'spacing', 'blockGap') ? (0, _gap.getGapCSSValue)(style?.spacing?.blockGap, '0.5em') : undefined;
     let output = '';
     const rules = [];
-
     if (columnCount) {
       rules.push(`grid-template-columns: repeat(${columnCount}, minmax(0, 1fr))`);
     } else if (minimumColumnWidth) {
       rules.push(`grid-template-columns: repeat(auto-fill, minmax(min(${minimumColumnWidth}, 100%), 1fr))`);
     }
-
     if (rules.length) {
       // Reason to disable: the extra line breaks added by prettier mess with the unit tests.
       // eslint-disable-next-line prettier/prettier
       output = `${(0, _utils.appendSelectors)(selector)} { ${rules.join('; ')}; }`;
-    } // Output blockGap styles based on rules contained in layout definitions in theme.json.
-
+    }
 
+    // Output blockGap styles based on rules contained in layout definitions in theme.json.
     if (hasBlockGapSupport && blockGapValue) {
       output += (0, _utils.getBlockGapCSS)(selector, layoutDefinitions, 'grid', blockGapValue);
     }
-
     return output;
   },
-
   getOrientation() {
     return 'horizontal';
   },
-
   getAlignments() {
     return [];
   }
-
 }; // Enables setting minimum width of grid items.
-
 exports.default = _default;
-
 function GridLayoutMinimumWidthControl({
   layout,
   onChange
@@ -110,19 +96,18 @@ function GridLayoutMinimumWidthControl({
     minimumColumnWidth: value = '12rem'
   } = layout;
   const [quantity, unit] = (0, _components.__experimentalParseQuantityAndUnitFromRawValue)(value);
-
   const handleSliderChange = next => {
-    onChange({ ...layout,
+    onChange({
+      ...layout,
       minimumColumnWidth: [next, unit].join('')
     });
-  }; // Mostly copied from HeightControl.
-
+  };
 
+  // Mostly copied from HeightControl.
   const handleUnitChange = newUnit => {
     // Attempt to smooth over differences between currentUnit and newUnit.
     // This should slightly improve the experience of switching between unit types.
     let newValue;
-
     if (['em', 'rem'].includes(newUnit) && unit === 'px') {
       // Convert pixel value to an approximate of the new unit, assuming a root size of 16px.
       newValue = (quantity / 16).toFixed(2) + newUnit;
@@ -133,12 +118,11 @@ function GridLayoutMinimumWidthControl({
       // When converting to `vh`, `vw`, or `%` units, cap the new value at 100.
       newValue = 100 + newUnit;
     }
-
-    onChange({ ...layout,
+    onChange({
+      ...layout,
       minimumColumnWidth: newValue
     });
   };
-
   return (0, _element.createElement)("fieldset", null, (0, _element.createElement)(_components.BaseControl.VisualLabel, {
     as: "legend"
   }, (0, _i18n.__)('Minimum column width')), (0, _element.createElement)(_components.Flex, {
@@ -148,7 +132,8 @@ function GridLayoutMinimumWidthControl({
   }, (0, _element.createElement)(_components.__experimentalUnitControl, {
     size: '__unstable-large',
     onChange: newValue => {
-      onChange({ ...layout,
+      onChange({
+        ...layout,
         minimumColumnWidth: newValue
       });
     },
@@ -164,9 +149,9 @@ function GridLayoutMinimumWidthControl({
     max: RANGE_CONTROL_MAX_VALUES[unit] || 600,
     withInputField: false
   }))));
-} // Enables setting number of grid columns
-
+}
 
+// Enables setting number of grid columns
 function GridLayoutColumnsControl({
   layout,
   onChange
@@ -177,7 +162,8 @@ function GridLayoutColumnsControl({
   return (0, _element.createElement)(_components.RangeControl, {
     label: (0, _i18n.__)('Columns'),
     value: columnCount,
-    onChange: value => onChange({ ...layout,
+    onChange: value => onChange({
+      ...layout,
       columnCount: value
     }),
     min: 1,