@wordpress/block-library 8.33.0 → 8.35.0

package/build/column/edit.native.js

@@ -143,7 +143,9 @@ function ColumnEditWrapper(props) {
     verticalAlignment
   } = props.attributes;
   const getVerticalAlignmentRemap = alignment => {
-    if (!alignment) return _editor.default.flexBase;
+    if (!alignment) {
+      return _editor.default.flexBase;
+    }
     return {
       ..._editor.default.flexBase,
       ..._editor.default[`is-vertically-aligned-${alignment}`]

package/build/column/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_data","_compose","_element","_blockEditor","_components","_i18n","_editor","_interopRequireDefault","_columnPreview","_utils","ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","getValueAndUnit","screenWidth","Math","floor","Dimensions","get","widthUnit","setWidthUnit","useState","availableUnits","useSettings","units","useCustomUnits","updateAlignment","alignment","useEffect","onChangeWidth","nextWidth","widthWithUnit","getWidthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","getWidths","onChange","isPercentageUnit","renderAppender","useCallback","columnWidth","isFullWidth","_react","createElement","View","style","styles","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","InnerBlocks","ButtonBlockAppender","columnPlaceholder","columnPlaceholderDark","parentWidth","Fragment","BlockControls","BlockVerticalAlignmentToolbar","value","InspectorControls","PanelBody","title","__","UnitControl","label","min","max","undefined","onComplete","onUnitChange","unit","preview","default","columnWidths","FooterMessageControl","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","_default","exports","compose","withSelect","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme"],"sources":["@wordpress/block-library/src/column/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useEffect, useState, useCallback } from '@wordpress/element';\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseSettings,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tFooterMessageControl,\n\tUnitControl,\n\tgetValueAndUnit,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport ColumnsPreview from './column-preview';\nimport {\n\tgetWidths,\n\tgetWidthWithUnit,\n\tisPercentageUnit,\n} from '../columns/utils';\n\nfunction ColumnEdit( {\n\tattributes,\n\tsetAttributes,\n\thasChildren,\n\tisSelected,\n\tgetStylesFromColorScheme,\n\tcontentStyle,\n\tcolumns,\n\tselectedColumnIndex,\n\tparentAlignment,\n\tclientId,\n\tblockWidth,\n} ) {\n\tif ( ! contentStyle ) {\n\t\tcontentStyle = { [ clientId ]: {} };\n\t}\n\n\tconst { verticalAlignment, width } = attributes;\n\tconst { valueUnit = '%' } = getValueAndUnit( width ) || {};\n\n\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\n\tconst [ widthUnit, setWidthUnit ] = useState( valueUnit || '%' );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t} );\n\n\tconst updateAlignment = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tuseEffect( () => {\n\t\tsetWidthUnit( valueUnit );\n\t}, [ valueUnit ] );\n\n\tuseEffect( () => {\n\t\tif ( ! verticalAlignment && parentAlignment ) {\n\t\t\tupdateAlignment( parentAlignment );\n\t\t}\n\t}, [] );\n\n\tconst onChangeWidth = ( nextWidth ) => {\n\t\tconst widthWithUnit = getWidthWithUnit( nextWidth, widthUnit );\n\n\t\tsetAttributes( {\n\t\t\twidth: widthWithUnit,\n\t\t} );\n\t};\n\n\tconst onChangeUnit = ( nextUnit ) => {\n\t\tsetWidthUnit( nextUnit );\n\t\tconst widthWithoutUnit = parseFloat(\n\t\t\twidth || getWidths( columns )[ selectedColumnIndex ]\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\twidth: getWidthWithUnit( widthWithoutUnit, nextUnit ),\n\t\t} );\n\t};\n\n\tconst onChange = ( nextWidth ) => {\n\t\tif ( isPercentageUnit( widthUnit ) || ! widthUnit ) {\n\t\t\treturn;\n\t\t}\n\t\tonChangeWidth( nextWidth );\n\t};\n\n\tconst renderAppender = useCallback( () => {\n\t\tif ( isSelected ) {\n\t\t\tconst { width: columnWidth } = contentStyle[ clientId ] || {};\n\t\t\tconst isFullWidth = columnWidth === screenWidth;\n\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.columnAppender,\n\t\t\t\t\t\tisFullWidth && styles.fullwidthColumnAppender,\n\t\t\t\t\t\tisFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.fullwidthHasInnerColumnAppender,\n\t\t\t\t\t\t! isFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.hasInnerColumnAppender,\n\t\t\t\t\t] }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.ButtonBlockAppender />\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}, [ contentStyle, clientId, screenWidth, isSelected, hasChildren ] );\n\n\tif ( ! isSelected && ! hasChildren ) {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\t\tstyles.columnPlaceholder,\n\t\t\t\t\t\tstyles.columnPlaceholderDark\n\t\t\t\t\t),\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst parentWidth =\n\t\tcontentStyle &&\n\t\tcontentStyle[ clientId ] &&\n\t\tcontentStyle[ clientId ].width;\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit )\n\t\t\t\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\tonComplete={ onChangeWidth }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\tgetWidths( columns )[ selectedColumnIndex ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tunit={ widthUnit }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t\tpreview={\n\t\t\t\t\t\t\t\t\t<ColumnsPreview\n\t\t\t\t\t\t\t\t\t\tcolumnWidths={ getWidths(\n\t\t\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tselectedColumnIndex={\n\t\t\t\t\t\t\t\t\t\t\tselectedColumnIndex\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Note: Column layout may vary between themes and screen sizes'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t</InspectorControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tisSelected && hasChildren && styles.innerBlocksBottomSpace,\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\tparentWidth={ parentWidth }\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n}\n\nfunction ColumnEditWrapper( props ) {\n\tconst { verticalAlignment } = props.attributes;\n\n\tconst getVerticalAlignmentRemap = ( alignment ) => {\n\t\tif ( ! alignment ) return styles.flexBase;\n\t\treturn {\n\t\t\t...styles.flexBase,\n\t\t\t...styles[ `is-vertically-aligned-${ alignment }` ],\n\t\t};\n\t};\n\n\treturn (\n\t\t<View style={ getVerticalAlignmentRemap( verticalAlignment ) }>\n\t\t\t<ColumnEdit { ...props } />\n\t\t</View>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockCount,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlocks,\n\t\t\tgetBlockOrder,\n\t\t\tgetBlockAttributes,\n\t\t} = select( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst isSelected = selectedBlockClientId === clientId;\n\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst hasChildren = !! getBlockCount( clientId );\n\n\t\tconst blockOrder = getBlockOrder( parentId );\n\n\t\tconst selectedColumnIndex = blockOrder.indexOf( clientId );\n\t\tconst columns = getBlocks( parentId );\n\n\t\tconst parentAlignment =\n\t\t\tgetBlockAttributes( parentId )?.verticalAlignment;\n\n\t\treturn {\n\t\t\thasChildren,\n\t\t\tisSelected,\n\t\t\tselectedColumnIndex,\n\t\t\tcolumns,\n\t\t\tparentAlignment,\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( ColumnEditWrapper );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_data","_compose","_element","_blockEditor","_components","_i18n","_editor","_interopRequireDefault","_columnPreview","_utils","ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","getValueAndUnit","screenWidth","Math","floor","Dimensions","get","widthUnit","setWidthUnit","useState","availableUnits","useSettings","units","useCustomUnits","updateAlignment","alignment","useEffect","onChangeWidth","nextWidth","widthWithUnit","getWidthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","getWidths","onChange","isPercentageUnit","renderAppender","useCallback","columnWidth","isFullWidth","_react","createElement","View","style","styles","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","InnerBlocks","ButtonBlockAppender","columnPlaceholder","columnPlaceholderDark","parentWidth","Fragment","BlockControls","BlockVerticalAlignmentToolbar","value","InspectorControls","PanelBody","title","__","UnitControl","label","min","max","undefined","onComplete","onUnitChange","unit","preview","default","columnWidths","FooterMessageControl","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","_default","exports","compose","withSelect","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme"],"sources":["@wordpress/block-library/src/column/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useEffect, useState, useCallback } from '@wordpress/element';\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseSettings,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tFooterMessageControl,\n\tUnitControl,\n\tgetValueAndUnit,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport ColumnsPreview from './column-preview';\nimport {\n\tgetWidths,\n\tgetWidthWithUnit,\n\tisPercentageUnit,\n} from '../columns/utils';\n\nfunction ColumnEdit( {\n\tattributes,\n\tsetAttributes,\n\thasChildren,\n\tisSelected,\n\tgetStylesFromColorScheme,\n\tcontentStyle,\n\tcolumns,\n\tselectedColumnIndex,\n\tparentAlignment,\n\tclientId,\n\tblockWidth,\n} ) {\n\tif ( ! contentStyle ) {\n\t\tcontentStyle = { [ clientId ]: {} };\n\t}\n\n\tconst { verticalAlignment, width } = attributes;\n\tconst { valueUnit = '%' } = getValueAndUnit( width ) || {};\n\n\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\n\tconst [ widthUnit, setWidthUnit ] = useState( valueUnit || '%' );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t} );\n\n\tconst updateAlignment = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tuseEffect( () => {\n\t\tsetWidthUnit( valueUnit );\n\t}, [ valueUnit ] );\n\n\tuseEffect( () => {\n\t\tif ( ! verticalAlignment && parentAlignment ) {\n\t\t\tupdateAlignment( parentAlignment );\n\t\t}\n\t}, [] );\n\n\tconst onChangeWidth = ( nextWidth ) => {\n\t\tconst widthWithUnit = getWidthWithUnit( nextWidth, widthUnit );\n\n\t\tsetAttributes( {\n\t\t\twidth: widthWithUnit,\n\t\t} );\n\t};\n\n\tconst onChangeUnit = ( nextUnit ) => {\n\t\tsetWidthUnit( nextUnit );\n\t\tconst widthWithoutUnit = parseFloat(\n\t\t\twidth || getWidths( columns )[ selectedColumnIndex ]\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\twidth: getWidthWithUnit( widthWithoutUnit, nextUnit ),\n\t\t} );\n\t};\n\n\tconst onChange = ( nextWidth ) => {\n\t\tif ( isPercentageUnit( widthUnit ) || ! widthUnit ) {\n\t\t\treturn;\n\t\t}\n\t\tonChangeWidth( nextWidth );\n\t};\n\n\tconst renderAppender = useCallback( () => {\n\t\tif ( isSelected ) {\n\t\t\tconst { width: columnWidth } = contentStyle[ clientId ] || {};\n\t\t\tconst isFullWidth = columnWidth === screenWidth;\n\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.columnAppender,\n\t\t\t\t\t\tisFullWidth && styles.fullwidthColumnAppender,\n\t\t\t\t\t\tisFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.fullwidthHasInnerColumnAppender,\n\t\t\t\t\t\t! isFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.hasInnerColumnAppender,\n\t\t\t\t\t] }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.ButtonBlockAppender />\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}, [ contentStyle, clientId, screenWidth, isSelected, hasChildren ] );\n\n\tif ( ! isSelected && ! hasChildren ) {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\t\tstyles.columnPlaceholder,\n\t\t\t\t\t\tstyles.columnPlaceholderDark\n\t\t\t\t\t),\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst parentWidth =\n\t\tcontentStyle &&\n\t\tcontentStyle[ clientId ] &&\n\t\tcontentStyle[ clientId ].width;\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit )\n\t\t\t\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\tonComplete={ onChangeWidth }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\tgetWidths( columns )[ selectedColumnIndex ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tunit={ widthUnit }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t\tpreview={\n\t\t\t\t\t\t\t\t\t<ColumnsPreview\n\t\t\t\t\t\t\t\t\t\tcolumnWidths={ getWidths(\n\t\t\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tselectedColumnIndex={\n\t\t\t\t\t\t\t\t\t\t\tselectedColumnIndex\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Note: Column layout may vary between themes and screen sizes'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t</InspectorControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tisSelected && hasChildren && styles.innerBlocksBottomSpace,\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\tparentWidth={ parentWidth }\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n}\n\nfunction ColumnEditWrapper( props ) {\n\tconst { verticalAlignment } = props.attributes;\n\n\tconst getVerticalAlignmentRemap = ( alignment ) => {\n\t\tif ( ! alignment ) {\n\t\t\treturn styles.flexBase;\n\t\t}\n\t\treturn {\n\t\t\t...styles.flexBase,\n\t\t\t...styles[ `is-vertically-aligned-${ alignment }` ],\n\t\t};\n\t};\n\n\treturn (\n\t\t<View style={ getVerticalAlignmentRemap( verticalAlignment ) }>\n\t\t\t<ColumnEdit { ...props } />\n\t\t</View>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockCount,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlocks,\n\t\t\tgetBlockOrder,\n\t\t\tgetBlockAttributes,\n\t\t} = select( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst isSelected = selectedBlockClientId === clientId;\n\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst hasChildren = !! getBlockCount( clientId );\n\n\t\tconst blockOrder = getBlockOrder( parentId );\n\n\t\tconst selectedColumnIndex = blockOrder.indexOf( clientId );\n\t\tconst columns = getBlocks( parentId );\n\n\t\tconst parentAlignment =\n\t\t\tgetBlockAttributes( parentId )?.verticalAlignment;\n\n\t\treturn {\n\t\t\thasChildren,\n\t\t\tisSelected,\n\t\t\tselectedColumnIndex,\n\t\t\tcolumns,\n\t\t\tparentAlignment,\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( ColumnEditWrapper );\n"],"mappings":"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","ignoreList":[]}

package/build/column/save.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = save;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * External dependencies
@@ -23,7 +23,7 @@ function save({
     verticalAlignment,
     width
   } = attributes;
-  const wrapperClasses = (0, _classnames.default)({
+  const wrapperClasses = (0, _clsx.default)({
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment
   });
   let style;

package/build/column/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","save","attributes","verticalAlignment","width","wrapperClasses","classnames","style","test","flexBasis","Number","isFinite","endsWith","multiplier","Math","round","parseFloat","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","_react","createElement"],"sources":["@wordpress/block-library/src/column/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { verticalAlignment, width } = attributes;\n\n\tconst wrapperClasses = classnames( {\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t} );\n\n\tlet style;\n\n\tif ( width && /\\d/.test( width ) ) {\n\t\t// Numbers are handled for backward compatibility as they can be still provided with templates.\n\t\tlet flexBasis = Number.isFinite( width ) ? width + '%' : width;\n\t\t// In some cases we need to round the width to a shorter float.\n\t\tif ( ! Number.isFinite( width ) && width?.endsWith( '%' ) ) {\n\t\t\tconst multiplier = 1000000000000;\n\t\t\t// Shrink the number back to a reasonable float.\n\t\t\tflexBasis =\n\t\t\t\tMath.round( Number.parseFloat( width ) * multiplier ) /\n\t\t\t\t\tmultiplier +\n\t\t\t\t'%';\n\t\t}\n\t\tstyle = { flexBasis };\n\t}\n\n\tconst blockProps = useBlockProps.save( {\n\t\tclassName: wrapperClasses,\n\t\tstyle,\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,UAAU;EAE/C,MAAMG,cAAc,GAAG,IAAAC,mBAAU,EAAE;IAClC,CAAG,yBAAyBH,iBAAmB,EAAC,GAAIA;EACrD,CAAE,CAAC;EAEH,IAAII,KAAK;EAET,IAAKH,KAAK,IAAI,IAAI,CAACI,IAAI,CAAEJ,KAAM,CAAC,EAAG;IAClC;IACA,IAAIK,SAAS,GAAGC,MAAM,CAACC,QAAQ,CAAEP,KAAM,CAAC,GAAGA,KAAK,GAAG,GAAG,GAAGA,KAAK;IAC9D;IACA,IAAK,CAAEM,MAAM,CAACC,QAAQ,CAAEP,KAAM,CAAC,IAAIA,KAAK,EAAEQ,QAAQ,CAAE,GAAI,CAAC,EAAG;MAC3D,MAAMC,UAAU,GAAG,aAAa;MAChC;MACAJ,SAAS,GACRK,IAAI,CAACC,KAAK,CAAEL,MAAM,CAACM,UAAU,CAAEZ,KAAM,CAAC,GAAGS,UAAW,CAAC,GACpDA,UAAU,GACX,GAAG;IACL;IACAN,KAAK,GAAG;MAAEE;IAAU,CAAC;EACtB;EAEA,MAAMQ,UAAU,GAAGC,0BAAa,CAACjB,IAAI,CAAE;IACtCkB,SAAS,EAAEd,cAAc;IACzBE;EACD,CAAE,CAAC;EACH,MAAMa,gBAAgB,GAAGC,gCAAmB,CAACpB,IAAI,CAAEgB,UAAW,CAAC;EAE/D,OAAO,IAAAK,MAAA,CAAAC,aAAA;IAAA,GAAUH;EAAgB,CAAI,CAAC;AACvC","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","save","attributes","verticalAlignment","width","wrapperClasses","clsx","style","test","flexBasis","Number","isFinite","endsWith","multiplier","Math","round","parseFloat","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","_react","createElement"],"sources":["@wordpress/block-library/src/column/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { verticalAlignment, width } = attributes;\n\n\tconst wrapperClasses = clsx( {\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t} );\n\n\tlet style;\n\n\tif ( width && /\\d/.test( width ) ) {\n\t\t// Numbers are handled for backward compatibility as they can be still provided with templates.\n\t\tlet flexBasis = Number.isFinite( width ) ? width + '%' : width;\n\t\t// In some cases we need to round the width to a shorter float.\n\t\tif ( ! Number.isFinite( width ) && width?.endsWith( '%' ) ) {\n\t\t\tconst multiplier = 1000000000000;\n\t\t\t// Shrink the number back to a reasonable float.\n\t\t\tflexBasis =\n\t\t\t\tMath.round( Number.parseFloat( width ) * multiplier ) /\n\t\t\t\t\tmultiplier +\n\t\t\t\t'%';\n\t\t}\n\t\tstyle = { flexBasis };\n\t}\n\n\tconst blockProps = useBlockProps.save( {\n\t\tclassName: wrapperClasses,\n\t\tstyle,\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,UAAU;EAE/C,MAAMG,cAAc,GAAG,IAAAC,aAAI,EAAE;IAC5B,CAAG,yBAAyBH,iBAAmB,EAAC,GAAIA;EACrD,CAAE,CAAC;EAEH,IAAII,KAAK;EAET,IAAKH,KAAK,IAAI,IAAI,CAACI,IAAI,CAAEJ,KAAM,CAAC,EAAG;IAClC;IACA,IAAIK,SAAS,GAAGC,MAAM,CAACC,QAAQ,CAAEP,KAAM,CAAC,GAAGA,KAAK,GAAG,GAAG,GAAGA,KAAK;IAC9D;IACA,IAAK,CAAEM,MAAM,CAACC,QAAQ,CAAEP,KAAM,CAAC,IAAIA,KAAK,EAAEQ,QAAQ,CAAE,GAAI,CAAC,EAAG;MAC3D,MAAMC,UAAU,GAAG,aAAa;MAChC;MACAJ,SAAS,GACRK,IAAI,CAACC,KAAK,CAAEL,MAAM,CAACM,UAAU,CAAEZ,KAAM,CAAC,GAAGS,UAAW,CAAC,GACpDA,UAAU,GACX,GAAG;IACL;IACAN,KAAK,GAAG;MAAEE;IAAU,CAAC;EACtB;EAEA,MAAMQ,UAAU,GAAGC,0BAAa,CAACjB,IAAI,CAAE;IACtCkB,SAAS,EAAEd,cAAc;IACzBE;EACD,CAAE,CAAC;EACH,MAAMa,gBAAgB,GAAGC,gCAAmB,CAACpB,IAAI,CAAEgB,UAAW,CAAC;EAE/D,OAAO,IAAAK,MAAA,CAAAC,aAAA;IAAA,GAAUH;EAAgB,CAAI,CAAC;AACvC","ignoreList":[]}

package/build/columns/deprecated.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -97,7 +97,7 @@ var _default = exports.default = [{
     } = attributes;
     const backgroundClass = (0, _blockEditor.getColorClassName)('background-color', backgroundColor);
     const textClass = (0, _blockEditor.getColorClassName)('color', textColor);
-    const className = (0, _classnames.default)({
+    const className = (0, _clsx.default)({
       'has-background': backgroundColor || customBackgroundColor,
       'has-text-color': textColor || customTextColor,
       [backgroundClass]: backgroundClass,
@@ -194,7 +194,7 @@ var _default = exports.default = [{
       verticalAlignment,
       columns
     } = attributes;
-    const wrapperClasses = (0, _classnames.default)(`has-${columns}-columns`, {
+    const wrapperClasses = (0, _clsx.default)(`has-${columns}-columns`, {
       [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment
     });
     return (0, _react.createElement)("div", {

package/build/columns/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blocks","_blockEditor","getDeprecatedLayoutColumn","originalContent","doc","document","implementation","createHTMLDocument","columnMatch","body","innerHTML","classListItem","firstChild","classList","match","Number","migrateCustomColors","attributes","customTextColor","customBackgroundColor","style","color","text","background","restAttributes","isStackedOnMobile","_default","exports","default","verticalAlignment","type","backgroundColor","textColor","migrate","save","backgroundClass","getColorClassName","textClass","className","classnames","undefined","_react","createElement","InnerBlocks","Content","columns","isEligible","innerBlocks","isFastPassEligible","some","innerBlock","test","reduce","accumulator","columnIndex","push","migratedInnerBlocks","map","columnBlocks","createBlock","ignoredColumns","wrapperClasses"],"sources":["@wordpress/block-library/src/columns/deprecated.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { InnerBlocks, getColorClassName } from '@wordpress/block-editor';\n\n/**\n * Given an HTML string for a deprecated columns inner block, returns the\n * column index to which the migrated inner block should be assigned. Returns\n * undefined if the inner block was not assigned to a column.\n *\n * @param {string} originalContent Deprecated Columns inner block HTML.\n *\n * @return {number | undefined} Column to which inner block is to be assigned.\n */\nfunction getDeprecatedLayoutColumn( originalContent ) {\n\tlet { doc } = getDeprecatedLayoutColumn;\n\tif ( ! doc ) {\n\t\tdoc = document.implementation.createHTMLDocument( '' );\n\t\tgetDeprecatedLayoutColumn.doc = doc;\n\t}\n\n\tlet columnMatch;\n\n\tdoc.body.innerHTML = originalContent;\n\tfor ( const classListItem of doc.body.firstChild.classList ) {\n\t\tif (\n\t\t\t( columnMatch = classListItem.match( /^layout-column-(\\d+)$/ ) )\n\t\t) {\n\t\t\treturn Number( columnMatch[ 1 ] ) - 1;\n\t\t}\n\t}\n}\n\nconst migrateCustomColors = ( attributes ) => {\n\tif ( ! attributes.customTextColor && ! attributes.customBackgroundColor ) {\n\t\treturn attributes;\n\t}\n\tconst style = { color: {} };\n\tif ( attributes.customTextColor ) {\n\t\tstyle.color.text = attributes.customTextColor;\n\t}\n\tif ( attributes.customBackgroundColor ) {\n\t\tstyle.color.background = attributes.customBackgroundColor;\n\t}\n\n\tconst { customTextColor, customBackgroundColor, ...restAttributes } =\n\t\tattributes;\n\n\treturn {\n\t\t...restAttributes,\n\t\tstyle,\n\t\tisStackedOnMobile: true,\n\t};\n};\n\nexport default [\n\t{\n\t\tattributes: {\n\t\t\tverticalAlignment: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tbackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tcustomBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tcustomTextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ttextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t},\n\t\tmigrate: migrateCustomColors,\n\t\tsave( { attributes } ) {\n\t\t\tconst {\n\t\t\t\tverticalAlignment,\n\t\t\t\tbackgroundColor,\n\t\t\t\tcustomBackgroundColor,\n\t\t\t\ttextColor,\n\t\t\t\tcustomTextColor,\n\t\t\t} = attributes;\n\n\t\t\tconst backgroundClass = getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor\n\t\t\t);\n\n\t\t\tconst textClass = getColorClassName( 'color', textColor );\n\n\t\t\tconst className = classnames( {\n\t\t\t\t'has-background': backgroundColor || customBackgroundColor,\n\t\t\t\t'has-text-color': textColor || customTextColor,\n\t\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t\t[ textClass ]: textClass,\n\t\t\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t} );\n\n\t\t\tconst style = {\n\t\t\t\tbackgroundColor: backgroundClass\n\t\t\t\t\t? undefined\n\t\t\t\t\t: customBackgroundColor,\n\t\t\t\tcolor: textClass ? undefined : customTextColor,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ className ? className : undefined }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tattributes: {\n\t\t\tcolumns: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefault: 2,\n\t\t\t},\n\t\t},\n\t\tisEligible( attributes, innerBlocks ) {\n\t\t\t// Since isEligible is called on every valid instance of the\n\t\t\t// Columns block and a deprecation is the unlikely case due to\n\t\t\t// its subsequent migration, optimize for the `false` condition\n\t\t\t// by performing a naive, inaccurate pass at inner blocks.\n\t\t\tconst isFastPassEligible = innerBlocks.some( ( innerBlock ) =>\n\t\t\t\t/layout-column-\\d+/.test( innerBlock.originalContent )\n\t\t\t);\n\n\t\t\tif ( ! isFastPassEligible ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// Only if the fast pass is considered eligible is the more\n\t\t\t// accurate, durable, slower condition performed.\n\t\t\treturn innerBlocks.some(\n\t\t\t\t( innerBlock ) =>\n\t\t\t\t\tgetDeprecatedLayoutColumn( innerBlock.originalContent ) !==\n\t\t\t\t\tundefined\n\t\t\t);\n\t\t},\n\t\tmigrate( attributes, innerBlocks ) {\n\t\t\tconst columns = innerBlocks.reduce( ( accumulator, innerBlock ) => {\n\t\t\t\tconst { originalContent } = innerBlock;\n\n\t\t\t\tlet columnIndex = getDeprecatedLayoutColumn( originalContent );\n\t\t\t\tif ( columnIndex === undefined ) {\n\t\t\t\t\tcolumnIndex = 0;\n\t\t\t\t}\n\n\t\t\t\tif ( ! accumulator[ columnIndex ] ) {\n\t\t\t\t\taccumulator[ columnIndex ] = [];\n\t\t\t\t}\n\n\t\t\t\taccumulator[ columnIndex ].push( innerBlock );\n\n\t\t\t\treturn accumulator;\n\t\t\t}, [] );\n\n\t\t\tconst migratedInnerBlocks = columns.map( ( columnBlocks ) =>\n\t\t\t\tcreateBlock( 'core/column', {}, columnBlocks )\n\t\t\t);\n\n\t\t\tconst { columns: ignoredColumns, ...restAttributes } = attributes;\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\t...restAttributes,\n\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t},\n\t\t\t\tmigratedInnerBlocks,\n\t\t\t];\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\tconst { columns } = attributes;\n\n\t\t\treturn (\n\t\t\t\t<div className={ `has-${ columns }-columns` }>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tattributes: {\n\t\t\tcolumns: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefault: 2,\n\t\t\t},\n\t\t},\n\t\tmigrate( attributes, innerBlocks ) {\n\t\t\tconst { columns, ...restAttributes } = attributes;\n\t\t\tattributes = {\n\t\t\t\t...restAttributes,\n\t\t\t\tisStackedOnMobile: true,\n\t\t\t};\n\n\t\t\treturn [ attributes, innerBlocks ];\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\tconst { verticalAlignment, columns } = attributes;\n\n\t\t\tconst wrapperClasses = classnames( `has-${ columns }-columns`, {\n\t\t\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<div className={ wrapperClasses }>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n];\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blocks","_blockEditor","getDeprecatedLayoutColumn","originalContent","doc","document","implementation","createHTMLDocument","columnMatch","body","innerHTML","classListItem","firstChild","classList","match","Number","migrateCustomColors","attributes","customTextColor","customBackgroundColor","style","color","text","background","restAttributes","isStackedOnMobile","_default","exports","default","verticalAlignment","type","backgroundColor","textColor","migrate","save","backgroundClass","getColorClassName","textClass","className","clsx","undefined","_react","createElement","InnerBlocks","Content","columns","isEligible","innerBlocks","isFastPassEligible","some","innerBlock","test","reduce","accumulator","columnIndex","push","migratedInnerBlocks","map","columnBlocks","createBlock","ignoredColumns","wrapperClasses"],"sources":["@wordpress/block-library/src/columns/deprecated.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { InnerBlocks, getColorClassName } from '@wordpress/block-editor';\n\n/**\n * Given an HTML string for a deprecated columns inner block, returns the\n * column index to which the migrated inner block should be assigned. Returns\n * undefined if the inner block was not assigned to a column.\n *\n * @param {string} originalContent Deprecated Columns inner block HTML.\n *\n * @return {number | undefined} Column to which inner block is to be assigned.\n */\nfunction getDeprecatedLayoutColumn( originalContent ) {\n\tlet { doc } = getDeprecatedLayoutColumn;\n\tif ( ! doc ) {\n\t\tdoc = document.implementation.createHTMLDocument( '' );\n\t\tgetDeprecatedLayoutColumn.doc = doc;\n\t}\n\n\tlet columnMatch;\n\n\tdoc.body.innerHTML = originalContent;\n\tfor ( const classListItem of doc.body.firstChild.classList ) {\n\t\tif (\n\t\t\t( columnMatch = classListItem.match( /^layout-column-(\\d+)$/ ) )\n\t\t) {\n\t\t\treturn Number( columnMatch[ 1 ] ) - 1;\n\t\t}\n\t}\n}\n\nconst migrateCustomColors = ( attributes ) => {\n\tif ( ! attributes.customTextColor && ! attributes.customBackgroundColor ) {\n\t\treturn attributes;\n\t}\n\tconst style = { color: {} };\n\tif ( attributes.customTextColor ) {\n\t\tstyle.color.text = attributes.customTextColor;\n\t}\n\tif ( attributes.customBackgroundColor ) {\n\t\tstyle.color.background = attributes.customBackgroundColor;\n\t}\n\n\tconst { customTextColor, customBackgroundColor, ...restAttributes } =\n\t\tattributes;\n\n\treturn {\n\t\t...restAttributes,\n\t\tstyle,\n\t\tisStackedOnMobile: true,\n\t};\n};\n\nexport default [\n\t{\n\t\tattributes: {\n\t\t\tverticalAlignment: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tbackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tcustomBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tcustomTextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ttextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t},\n\t\tmigrate: migrateCustomColors,\n\t\tsave( { attributes } ) {\n\t\t\tconst {\n\t\t\t\tverticalAlignment,\n\t\t\t\tbackgroundColor,\n\t\t\t\tcustomBackgroundColor,\n\t\t\t\ttextColor,\n\t\t\t\tcustomTextColor,\n\t\t\t} = attributes;\n\n\t\t\tconst backgroundClass = getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor\n\t\t\t);\n\n\t\t\tconst textClass = getColorClassName( 'color', textColor );\n\n\t\t\tconst className = clsx( {\n\t\t\t\t'has-background': backgroundColor || customBackgroundColor,\n\t\t\t\t'has-text-color': textColor || customTextColor,\n\t\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t\t[ textClass ]: textClass,\n\t\t\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t} );\n\n\t\t\tconst style = {\n\t\t\t\tbackgroundColor: backgroundClass\n\t\t\t\t\t? undefined\n\t\t\t\t\t: customBackgroundColor,\n\t\t\t\tcolor: textClass ? undefined : customTextColor,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ className ? className : undefined }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tattributes: {\n\t\t\tcolumns: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefault: 2,\n\t\t\t},\n\t\t},\n\t\tisEligible( attributes, innerBlocks ) {\n\t\t\t// Since isEligible is called on every valid instance of the\n\t\t\t// Columns block and a deprecation is the unlikely case due to\n\t\t\t// its subsequent migration, optimize for the `false` condition\n\t\t\t// by performing a naive, inaccurate pass at inner blocks.\n\t\t\tconst isFastPassEligible = innerBlocks.some( ( innerBlock ) =>\n\t\t\t\t/layout-column-\\d+/.test( innerBlock.originalContent )\n\t\t\t);\n\n\t\t\tif ( ! isFastPassEligible ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// Only if the fast pass is considered eligible is the more\n\t\t\t// accurate, durable, slower condition performed.\n\t\t\treturn innerBlocks.some(\n\t\t\t\t( innerBlock ) =>\n\t\t\t\t\tgetDeprecatedLayoutColumn( innerBlock.originalContent ) !==\n\t\t\t\t\tundefined\n\t\t\t);\n\t\t},\n\t\tmigrate( attributes, innerBlocks ) {\n\t\t\tconst columns = innerBlocks.reduce( ( accumulator, innerBlock ) => {\n\t\t\t\tconst { originalContent } = innerBlock;\n\n\t\t\t\tlet columnIndex = getDeprecatedLayoutColumn( originalContent );\n\t\t\t\tif ( columnIndex === undefined ) {\n\t\t\t\t\tcolumnIndex = 0;\n\t\t\t\t}\n\n\t\t\t\tif ( ! accumulator[ columnIndex ] ) {\n\t\t\t\t\taccumulator[ columnIndex ] = [];\n\t\t\t\t}\n\n\t\t\t\taccumulator[ columnIndex ].push( innerBlock );\n\n\t\t\t\treturn accumulator;\n\t\t\t}, [] );\n\n\t\t\tconst migratedInnerBlocks = columns.map( ( columnBlocks ) =>\n\t\t\t\tcreateBlock( 'core/column', {}, columnBlocks )\n\t\t\t);\n\n\t\t\tconst { columns: ignoredColumns, ...restAttributes } = attributes;\n\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\t...restAttributes,\n\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t},\n\t\t\t\tmigratedInnerBlocks,\n\t\t\t];\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\tconst { columns } = attributes;\n\n\t\t\treturn (\n\t\t\t\t<div className={ `has-${ columns }-columns` }>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tattributes: {\n\t\t\tcolumns: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefault: 2,\n\t\t\t},\n\t\t},\n\t\tmigrate( attributes, innerBlocks ) {\n\t\t\tconst { columns, ...restAttributes } = attributes;\n\t\t\tattributes = {\n\t\t\t\t...restAttributes,\n\t\t\t\tisStackedOnMobile: true,\n\t\t\t};\n\n\t\t\treturn [ attributes, innerBlocks ];\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\tconst { verticalAlignment, columns } = attributes;\n\n\t\t\tconst wrapperClasses = clsx( `has-${ columns }-columns`, {\n\t\t\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<div className={ wrapperClasses }>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n];\n"],"mappings":"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","ignoreList":[]}

package/build/columns/edit.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -28,16 +28,11 @@ var _utils = require("./utils");
 const DEFAULT_BLOCK = {
   name: 'core/column'
 };
-function ColumnsEditContainer({
-  attributes,
+function ColumnInspectorControls({
+  clientId,
   setAttributes,
-  clientId
+  isStackedOnMobile
 }) {
-  const {
-    isStackedOnMobile,
-    verticalAlignment,
-    templateLock
-  } = attributes;
   const {
     count,
     canInsertColumnBlock,
@@ -65,51 +60,12 @@ function ColumnsEditContainer({
       minCount: Math.max(...preventRemovalBlockIndexes) + 1
     };
   }, [clientId]);
-  const registry = (0, _data.useRegistry)();
   const {
-    getBlocks,
-    getBlockOrder
+    getBlocks
   } = (0, _data.useSelect)(_blockEditor.store);
   const {
-    updateBlockAttributes,
     replaceInnerBlocks
   } = (0, _data.useDispatch)(_blockEditor.store);
-  const classes = (0, _classnames.default)({
-    [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
-    [`is-not-stacked-on-mobile`]: !isStackedOnMobile
-  });
-  const blockProps = (0, _blockEditor.useBlockProps)({
-    className: classes
-  });
-  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
-    defaultBlock: DEFAULT_BLOCK,
-    directInsert: true,
-    orientation: 'horizontal',
-    renderAppender: false,
-    templateLock
-  });
-
-  /**
-   * Update all child Column blocks with a new vertical alignment setting
-   * based on whatever alignment is passed in. This allows change to parent
-   * to overide anything set on a individual column basis.
-   *
-   * @param {string} newVerticalAlignment The vertical alignment setting.
-   */
-  function updateAlignment(newVerticalAlignment) {
-    const innerBlockClientIds = getBlockOrder(clientId);
-
-    // Update own and child Column block vertical alignments.
-    // This is a single action; the batching prevents creating multiple history records.
-    registry.batch(() => {
-      setAttributes({
-        verticalAlignment: newVerticalAlignment
-      });
-      updateBlockAttributes(innerBlockClientIds, {
-        verticalAlignment: newVerticalAlignment
-      });
-    });
-  }
 
   /**
    * Updates the column count, including necessary revisions to child Column
@@ -157,10 +113,7 @@ function ColumnsEditContainer({
     }
     replaceInnerBlocks(clientId, innerBlocks);
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
-    onChange: updateAlignment,
-    value: verticalAlignment
-  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
   }, canInsertColumnBlock && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
@@ -180,7 +133,69 @@ function ColumnsEditContainer({
     onChange: () => setAttributes({
       isStackedOnMobile: !isStackedOnMobile
     })
-  }))), (0, _react.createElement)("div", {
+  }));
+}
+function ColumnsEditContainer({
+  attributes,
+  setAttributes,
+  clientId
+}) {
+  const {
+    isStackedOnMobile,
+    verticalAlignment,
+    templateLock
+  } = attributes;
+  const registry = (0, _data.useRegistry)();
+  const {
+    getBlockOrder
+  } = (0, _data.useSelect)(_blockEditor.store);
+  const {
+    updateBlockAttributes
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  const classes = (0, _clsx.default)({
+    [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+    [`is-not-stacked-on-mobile`]: !isStackedOnMobile
+  });
+  const blockProps = (0, _blockEditor.useBlockProps)({
+    className: classes
+  });
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
+    defaultBlock: DEFAULT_BLOCK,
+    directInsert: true,
+    orientation: 'horizontal',
+    renderAppender: false,
+    templateLock
+  });
+
+  /**
+   * Update all child Column blocks with a new vertical alignment setting
+   * based on whatever alignment is passed in. This allows change to parent
+   * to overide anything set on a individual column basis.
+   *
+   * @param {string} newVerticalAlignment The vertical alignment setting.
+   */
+  function updateAlignment(newVerticalAlignment) {
+    const innerBlockClientIds = getBlockOrder(clientId);
+
+    // Update own and child Column block vertical alignments.
+    // This is a single action; the batching prevents creating multiple history records.
+    registry.batch(() => {
+      setAttributes({
+        verticalAlignment: newVerticalAlignment
+      });
+      updateBlockAttributes(innerBlockClientIds, {
+        verticalAlignment: newVerticalAlignment
+      });
+    });
+  }
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
+    onChange: updateAlignment,
+    value: verticalAlignment
+  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(ColumnInspectorControls, {
+    clientId: clientId,
+    setAttributes: setAttributes,
+    isStackedOnMobile: isStackedOnMobile
+  })), (0, _react.createElement)("div", {
     ...innerBlocksProps
   }));
 }
@@ -215,6 +230,7 @@ function Placeholder({
     icon: blockType?.icon?.src,
     label: blockType?.title,
     variations: variations,
+    instructions: (0, _i18n.__)('Divide into columns. Select a layout:'),
     onSelect: (nextVariation = defaultVariation) => {
       if (nextVariation.attributes) {
         setAttributes(nextVariation.attributes);

package/build/columns/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_blockEditor","_data","_blocks","_utils","DEFAULT_BLOCK","name","ColumnsEditContainer","attributes","setAttributes","clientId","isStackedOnMobile","verticalAlignment","templateLock","count","canInsertColumnBlock","minCount","useSelect","select","canInsertBlockType","canRemoveBlock","getBlocks","getBlockCount","blockEditorStore","innerBlocks","preventRemovalBlockIndexes","reduce","acc","block","index","push","Math","max","registry","useRegistry","getBlockOrder","updateBlockAttributes","replaceInnerBlocks","useDispatch","classes","classnames","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","defaultBlock","directInsert","orientation","renderAppender","updateAlignment","newVerticalAlignment","innerBlockClientIds","batch","updateColumns","previousColumns","newColumns","hasExplicitWidths","hasExplicitPercentColumnWidths","isAddingColumn","newColumnWidth","toWidthPrecision","newlyAddedColumns","widths","getRedistributedColumnWidths","getMappedColumnWidths","Array","from","length","map","createBlock","width","slice","_react","createElement","Fragment","BlockControls","BlockVerticalAlignmentToolbar","onChange","value","InspectorControls","PanelBody","title","__","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","min","Notice","status","isDismissible","ToggleControl","checked","Placeholder","blockType","defaultVariation","variations","getBlockVariations","getBlockType","getDefaultBlockVariation","blocksStore","__experimentalBlockVariationPicker","icon","src","onSelect","nextVariation","createBlocksFromInnerBlocksTemplate","allowSkip","ColumnsEdit","props","hasInnerBlocks","Component","_default","exports","default"],"sources":["@wordpress/block-library/src/columns/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tNotice,\n\tPanelBody,\n\tRangeControl,\n\tToggleControl,\n} from '@wordpress/components';\n\nimport {\n\tInspectorControls,\n\tuseInnerBlocksProps,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\t__experimentalBlockVariationPicker,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect, useRegistry } from '@wordpress/data';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport {\n\thasExplicitPercentColumnWidths,\n\tgetMappedColumnWidths,\n\tgetRedistributedColumnWidths,\n\ttoWidthPrecision,\n} from './utils';\n\nconst DEFAULT_BLOCK = {\n\tname: 'core/column',\n};\n\nfunction ColumnsEditContainer( { attributes, setAttributes, clientId } ) {\n\tconst { isStackedOnMobile, verticalAlignment, templateLock } = attributes;\n\tconst { count, canInsertColumnBlock, minCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tcanRemoveBlock,\n\t\t\t\tgetBlocks,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst innerBlocks = getBlocks( clientId );\n\n\t\t\t// Get the indexes of columns for which removal is prevented.\n\t\t\t// The highest index will be used to determine the minimum column count.\n\t\t\tconst preventRemovalBlockIndexes = innerBlocks.reduce(\n\t\t\t\t( acc, block, index ) => {\n\t\t\t\t\tif ( ! canRemoveBlock( block.clientId ) ) {\n\t\t\t\t\t\tacc.push( index );\n\t\t\t\t\t}\n\t\t\t\t\treturn acc;\n\t\t\t\t},\n\t\t\t\t[]\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tcount: getBlockCount( clientId ),\n\t\t\t\tcanInsertColumnBlock: canInsertBlockType(\n\t\t\t\t\t'core/column',\n\t\t\t\t\tclientId\n\t\t\t\t),\n\t\t\t\tminCount: Math.max( ...preventRemovalBlockIndexes ) + 1,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst registry = useRegistry();\n\tconst { getBlocks, getBlockOrder } = useSelect( blockEditorStore );\n\tconst { updateBlockAttributes, replaceInnerBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst classes = classnames( {\n\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t[ `is-not-stacked-on-mobile` ]: ! isStackedOnMobile,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\tdirectInsert: true,\n\t\torientation: 'horizontal',\n\t\trenderAppender: false,\n\t\ttemplateLock,\n\t} );\n\n\t/**\n\t * Update all child Column blocks with a new vertical alignment setting\n\t * based on whatever alignment is passed in. This allows change to parent\n\t * to overide anything set on a individual column basis.\n\t *\n\t * @param {string} newVerticalAlignment The vertical alignment setting.\n\t */\n\tfunction updateAlignment( newVerticalAlignment ) {\n\t\tconst innerBlockClientIds = getBlockOrder( clientId );\n\n\t\t// Update own and child Column block vertical alignments.\n\t\t// This is a single action; the batching prevents creating multiple history records.\n\t\tregistry.batch( () => {\n\t\t\tsetAttributes( { verticalAlignment: newVerticalAlignment } );\n\t\t\tupdateBlockAttributes( innerBlockClientIds, {\n\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t} );\n\t\t} );\n\t}\n\n\t/**\n\t * Updates the column count, including necessary revisions to child Column\n\t * blocks to grant required or redistribute available space.\n\t *\n\t * @param {number} previousColumns Previous column count.\n\t * @param {number} newColumns      New column count.\n\t */\n\tfunction updateColumns( previousColumns, newColumns ) {\n\t\tlet innerBlocks = getBlocks( clientId );\n\t\tconst hasExplicitWidths = hasExplicitPercentColumnWidths( innerBlocks );\n\n\t\t// Redistribute available width for existing inner blocks.\n\t\tconst isAddingColumn = newColumns > previousColumns;\n\n\t\tif ( isAddingColumn && hasExplicitWidths ) {\n\t\t\t// If adding a new column, assign width to the new column equal to\n\t\t\t// as if it were `1 / columns` of the total available space.\n\t\t\tconst newColumnWidth = toWidthPrecision( 100 / newColumns );\n\t\t\tconst newlyAddedColumns = newColumns - previousColumns;\n\n\t\t\t// Redistribute in consideration of pending block insertion as\n\t\t\t// constraining the available working width.\n\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\tinnerBlocks,\n\t\t\t\t100 - newColumnWidth * newlyAddedColumns\n\t\t\t);\n\n\t\t\tinnerBlocks = [\n\t\t\t\t...getMappedColumnWidths( innerBlocks, widths ),\n\t\t\t\t...Array.from( {\n\t\t\t\t\tlength: newlyAddedColumns,\n\t\t\t\t} ).map( () => {\n\t\t\t\t\treturn createBlock( 'core/column', {\n\t\t\t\t\t\twidth: `${ newColumnWidth }%`,\n\t\t\t\t\t} );\n\t\t\t\t} ),\n\t\t\t];\n\t\t} else if ( isAddingColumn ) {\n\t\t\tinnerBlocks = [\n\t\t\t\t...innerBlocks,\n\t\t\t\t...Array.from( {\n\t\t\t\t\tlength: newColumns - previousColumns,\n\t\t\t\t} ).map( () => {\n\t\t\t\t\treturn createBlock( 'core/column' );\n\t\t\t\t} ),\n\t\t\t];\n\t\t} else if ( newColumns < previousColumns ) {\n\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\tinnerBlocks = innerBlocks.slice(\n\t\t\t\t0,\n\t\t\t\t-( previousColumns - newColumns )\n\t\t\t);\n\t\t\tif ( hasExplicitWidths ) {\n\t\t\t\t// Redistribute as if block is already removed.\n\t\t\t\tconst widths = getRedistributedColumnWidths( innerBlocks, 100 );\n\n\t\t\t\tinnerBlocks = getMappedColumnWidths( innerBlocks, widths );\n\t\t\t}\n\t\t}\n\n\t\treplaceInnerBlocks( clientId, innerBlocks );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t{ canInsertColumnBlock && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\t\tvalue={ count }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tupdateColumns(\n\t\t\t\t\t\t\t\t\t\tcount,\n\t\t\t\t\t\t\t\t\t\tMath.max( minCount, value )\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmin={ Math.max( 1, minCount ) }\n\t\t\t\t\t\t\t\tmax={ Math.max( 6, count ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ count > 6 && (\n\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\tstatus=\"warning\"\n\t\t\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'This column count exceeds the recommended amount and may cause visual breakage.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nfunction Placeholder( { clientId, name, setAttributes } ) {\n\tconst { blockType, defaultVariation, variations } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockVariations,\n\t\t\t\tgetBlockType,\n\t\t\t\tgetDefaultBlockVariation,\n\t\t\t} = select( blocksStore );\n\n\t\t\treturn {\n\t\t\t\tblockType: getBlockType( name ),\n\t\t\t\tdefaultVariation: getDefaultBlockVariation( name, 'block' ),\n\t\t\t\tvariations: getBlockVariations( name, 'block' ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\tconst blockProps = useBlockProps();\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<__experimentalBlockVariationPicker\n\t\t\t\ticon={ blockType?.icon?.src }\n\t\t\t\tlabel={ blockType?.title }\n\t\t\t\tvariations={ variations }\n\t\t\t\tonSelect={ ( nextVariation = defaultVariation ) => {\n\t\t\t\t\tif ( nextVariation.attributes ) {\n\t\t\t\t\t\tsetAttributes( nextVariation.attributes );\n\t\t\t\t\t}\n\t\t\t\t\tif ( nextVariation.innerBlocks ) {\n\t\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlocksFromInnerBlocksTemplate(\n\t\t\t\t\t\t\t\tnextVariation.innerBlocks\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tallowSkip\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nconst ColumnsEdit = ( props ) => {\n\tconst { clientId } = props;\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocks( clientId ).length > 0,\n\t\t[ clientId ]\n\t);\n\tconst Component = hasInnerBlocks ? ColumnsEditContainer : Placeholder;\n\n\treturn <Component { ...props } />;\n};\n\nexport default ColumnsEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_blockEditor","_data","_blocks","_utils","DEFAULT_BLOCK","name","ColumnInspectorControls","clientId","setAttributes","isStackedOnMobile","count","canInsertColumnBlock","minCount","useSelect","select","canInsertBlockType","canRemoveBlock","getBlocks","getBlockCount","blockEditorStore","innerBlocks","preventRemovalBlockIndexes","reduce","acc","block","index","push","Math","max","replaceInnerBlocks","useDispatch","updateColumns","previousColumns","newColumns","hasExplicitWidths","hasExplicitPercentColumnWidths","isAddingColumn","newColumnWidth","toWidthPrecision","newlyAddedColumns","widths","getRedistributedColumnWidths","getMappedColumnWidths","Array","from","length","map","createBlock","width","slice","_react","createElement","PanelBody","title","__","Fragment","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","value","onChange","min","Notice","status","isDismissible","ToggleControl","checked","ColumnsEditContainer","attributes","verticalAlignment","templateLock","registry","useRegistry","getBlockOrder","updateBlockAttributes","classes","clsx","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","defaultBlock","directInsert","orientation","renderAppender","updateAlignment","newVerticalAlignment","innerBlockClientIds","batch","BlockControls","BlockVerticalAlignmentToolbar","InspectorControls","Placeholder","blockType","defaultVariation","variations","getBlockVariations","getBlockType","getDefaultBlockVariation","blocksStore","__experimentalBlockVariationPicker","icon","src","instructions","onSelect","nextVariation","createBlocksFromInnerBlocksTemplate","allowSkip","ColumnsEdit","props","hasInnerBlocks","Component","_default","exports","default"],"sources":["@wordpress/block-library/src/columns/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tNotice,\n\tPanelBody,\n\tRangeControl,\n\tToggleControl,\n} from '@wordpress/components';\n\nimport {\n\tInspectorControls,\n\tuseInnerBlocksProps,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\t__experimentalBlockVariationPicker,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect, useRegistry } from '@wordpress/data';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport {\n\thasExplicitPercentColumnWidths,\n\tgetMappedColumnWidths,\n\tgetRedistributedColumnWidths,\n\ttoWidthPrecision,\n} from './utils';\n\nconst DEFAULT_BLOCK = {\n\tname: 'core/column',\n};\n\nfunction ColumnInspectorControls( {\n\tclientId,\n\tsetAttributes,\n\tisStackedOnMobile,\n} ) {\n\tconst { count, canInsertColumnBlock, minCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tcanRemoveBlock,\n\t\t\t\tgetBlocks,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst innerBlocks = getBlocks( clientId );\n\n\t\t\t// Get the indexes of columns for which removal is prevented.\n\t\t\t// The highest index will be used to determine the minimum column count.\n\t\t\tconst preventRemovalBlockIndexes = innerBlocks.reduce(\n\t\t\t\t( acc, block, index ) => {\n\t\t\t\t\tif ( ! canRemoveBlock( block.clientId ) ) {\n\t\t\t\t\t\tacc.push( index );\n\t\t\t\t\t}\n\t\t\t\t\treturn acc;\n\t\t\t\t},\n\t\t\t\t[]\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tcount: getBlockCount( clientId ),\n\t\t\t\tcanInsertColumnBlock: canInsertBlockType(\n\t\t\t\t\t'core/column',\n\t\t\t\t\tclientId\n\t\t\t\t),\n\t\t\t\tminCount: Math.max( ...preventRemovalBlockIndexes ) + 1,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { getBlocks } = useSelect( blockEditorStore );\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\n\t/**\n\t * Updates the column count, including necessary revisions to child Column\n\t * blocks to grant required or redistribute available space.\n\t *\n\t * @param {number} previousColumns Previous column count.\n\t * @param {number} newColumns      New column count.\n\t */\n\tfunction updateColumns( previousColumns, newColumns ) {\n\t\tlet innerBlocks = getBlocks( clientId );\n\t\tconst hasExplicitWidths = hasExplicitPercentColumnWidths( innerBlocks );\n\n\t\t// Redistribute available width for existing inner blocks.\n\t\tconst isAddingColumn = newColumns > previousColumns;\n\n\t\tif ( isAddingColumn && hasExplicitWidths ) {\n\t\t\t// If adding a new column, assign width to the new column equal to\n\t\t\t// as if it were `1 / columns` of the total available space.\n\t\t\tconst newColumnWidth = toWidthPrecision( 100 / newColumns );\n\t\t\tconst newlyAddedColumns = newColumns - previousColumns;\n\n\t\t\t// Redistribute in consideration of pending block insertion as\n\t\t\t// constraining the available working width.\n\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\tinnerBlocks,\n\t\t\t\t100 - newColumnWidth * newlyAddedColumns\n\t\t\t);\n\n\t\t\tinnerBlocks = [\n\t\t\t\t...getMappedColumnWidths( innerBlocks, widths ),\n\t\t\t\t...Array.from( {\n\t\t\t\t\tlength: newlyAddedColumns,\n\t\t\t\t} ).map( () => {\n\t\t\t\t\treturn createBlock( 'core/column', {\n\t\t\t\t\t\twidth: `${ newColumnWidth }%`,\n\t\t\t\t\t} );\n\t\t\t\t} ),\n\t\t\t];\n\t\t} else if ( isAddingColumn ) {\n\t\t\tinnerBlocks = [\n\t\t\t\t...innerBlocks,\n\t\t\t\t...Array.from( {\n\t\t\t\t\tlength: newColumns - previousColumns,\n\t\t\t\t} ).map( () => {\n\t\t\t\t\treturn createBlock( 'core/column' );\n\t\t\t\t} ),\n\t\t\t];\n\t\t} else if ( newColumns < previousColumns ) {\n\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\tinnerBlocks = innerBlocks.slice(\n\t\t\t\t0,\n\t\t\t\t-( previousColumns - newColumns )\n\t\t\t);\n\t\t\tif ( hasExplicitWidths ) {\n\t\t\t\t// Redistribute as if block is already removed.\n\t\t\t\tconst widths = getRedistributedColumnWidths( innerBlocks, 100 );\n\n\t\t\t\tinnerBlocks = getMappedColumnWidths( innerBlocks, widths );\n\t\t\t}\n\t\t}\n\n\t\treplaceInnerBlocks( clientId, innerBlocks );\n\t}\n\n\treturn (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t{ canInsertColumnBlock && (\n\t\t\t\t<>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\tvalue={ count }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tupdateColumns( count, Math.max( minCount, value ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ Math.max( 1, minCount ) }\n\t\t\t\t\t\tmax={ Math.max( 6, count ) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ count > 6 && (\n\t\t\t\t\t\t<Notice status=\"warning\" isDismissible={ false }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'This column count exceeds the recommended amount and may cause visual breakage.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Notice>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t/>\n\t\t</PanelBody>\n\t);\n}\n\nfunction ColumnsEditContainer( { attributes, setAttributes, clientId } ) {\n\tconst { isStackedOnMobile, verticalAlignment, templateLock } = attributes;\n\tconst registry = useRegistry();\n\tconst { getBlockOrder } = useSelect( blockEditorStore );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst classes = clsx( {\n\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t[ `is-not-stacked-on-mobile` ]: ! isStackedOnMobile,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\tdirectInsert: true,\n\t\torientation: 'horizontal',\n\t\trenderAppender: false,\n\t\ttemplateLock,\n\t} );\n\n\t/**\n\t * Update all child Column blocks with a new vertical alignment setting\n\t * based on whatever alignment is passed in. This allows change to parent\n\t * to overide anything set on a individual column basis.\n\t *\n\t * @param {string} newVerticalAlignment The vertical alignment setting.\n\t */\n\tfunction updateAlignment( newVerticalAlignment ) {\n\t\tconst innerBlockClientIds = getBlockOrder( clientId );\n\n\t\t// Update own and child Column block vertical alignments.\n\t\t// This is a single action; the batching prevents creating multiple history records.\n\t\tregistry.batch( () => {\n\t\t\tsetAttributes( { verticalAlignment: newVerticalAlignment } );\n\t\t\tupdateBlockAttributes( innerBlockClientIds, {\n\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t} );\n\t\t} );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<ColumnInspectorControls\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nfunction Placeholder( { clientId, name, setAttributes } ) {\n\tconst { blockType, defaultVariation, variations } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockVariations,\n\t\t\t\tgetBlockType,\n\t\t\t\tgetDefaultBlockVariation,\n\t\t\t} = select( blocksStore );\n\n\t\t\treturn {\n\t\t\t\tblockType: getBlockType( name ),\n\t\t\t\tdefaultVariation: getDefaultBlockVariation( name, 'block' ),\n\t\t\t\tvariations: getBlockVariations( name, 'block' ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\tconst blockProps = useBlockProps();\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<__experimentalBlockVariationPicker\n\t\t\t\ticon={ blockType?.icon?.src }\n\t\t\t\tlabel={ blockType?.title }\n\t\t\t\tvariations={ variations }\n\t\t\t\tinstructions={ __( 'Divide into columns. Select a layout:' ) }\n\t\t\t\tonSelect={ ( nextVariation = defaultVariation ) => {\n\t\t\t\t\tif ( nextVariation.attributes ) {\n\t\t\t\t\t\tsetAttributes( nextVariation.attributes );\n\t\t\t\t\t}\n\t\t\t\t\tif ( nextVariation.innerBlocks ) {\n\t\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlocksFromInnerBlocksTemplate(\n\t\t\t\t\t\t\t\tnextVariation.innerBlocks\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tallowSkip\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nconst ColumnsEdit = ( props ) => {\n\tconst { clientId } = props;\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocks( clientId ).length > 0,\n\t\t[ clientId ]\n\t);\n\tconst Component = hasInnerBlocks ? ColumnsEditContainer : Placeholder;\n\n\treturn <Component { ...props } />;\n};\n\nexport default ColumnsEdit;\n"],"mappings":"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","ignoreList":[]}

package/build/columns/save.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = save;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * External dependencies
@@ -23,7 +23,7 @@ function save({
     isStackedOnMobile,
     verticalAlignment
   } = attributes;
-  const className = (0, _classnames.default)({
+  const className = (0, _clsx.default)({
     [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
     [`is-not-stacked-on-mobile`]: !isStackedOnMobile
   });

package/build/columns/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","save","attributes","isStackedOnMobile","verticalAlignment","className","classnames","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","_react","createElement"],"sources":["@wordpress/block-library/src/columns/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { isStackedOnMobile, verticalAlignment } = attributes;\n\n\tconst className = classnames( {\n\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t[ `is-not-stacked-on-mobile` ]: ! isStackedOnMobile,\n\t} );\n\n\tconst blockProps = useBlockProps.save( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,iBAAiB;IAAEC;EAAkB,CAAC,GAAGF,UAAU;EAE3D,MAAMG,SAAS,GAAG,IAAAC,mBAAU,EAAE;IAC7B,CAAG,0BAA0BF,iBAAmB,EAAC,GAAIA,iBAAiB;IACtE,CAAG,0BAAyB,GAAI,CAAED;EACnC,CAAE,CAAC;EAEH,MAAMI,UAAU,GAAGC,0BAAa,CAACP,IAAI,CAAE;IAAEI;EAAU,CAAE,CAAC;EACtD,MAAMI,gBAAgB,GAAGC,gCAAmB,CAACT,IAAI,CAAEM,UAAW,CAAC;EAE/D,OAAO,IAAAI,MAAA,CAAAC,aAAA;IAAA,GAAUH;EAAgB,CAAI,CAAC;AACvC","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","save","attributes","isStackedOnMobile","verticalAlignment","className","clsx","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","_react","createElement"],"sources":["@wordpress/block-library/src/columns/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { isStackedOnMobile, verticalAlignment } = attributes;\n\n\tconst className = clsx( {\n\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t[ `is-not-stacked-on-mobile` ]: ! isStackedOnMobile,\n\t} );\n\n\tconst blockProps = useBlockProps.save( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,iBAAiB;IAAEC;EAAkB,CAAC,GAAGF,UAAU;EAE3D,MAAMG,SAAS,GAAG,IAAAC,aAAI,EAAE;IACvB,CAAG,0BAA0BF,iBAAmB,EAAC,GAAIA,iBAAiB;IACtE,CAAG,0BAAyB,GAAI,CAAED;EACnC,CAAE,CAAC;EAEH,MAAMI,UAAU,GAAGC,0BAAa,CAACP,IAAI,CAAE;IAAEI;EAAU,CAAE,CAAC;EACtD,MAAMI,gBAAgB,GAAGC,gCAAmB,CAACT,IAAI,CAAEM,UAAW,CAAC;EAE/D,OAAO,IAAAI,MAAA,CAAAC,aAAA;IAAA,GAAUH;EAAgB,CAAI,CAAC;AACvC","ignoreList":[]}

package/build/columns/variations.js

@@ -23,14 +23,12 @@ const variations = [{
   title: (0, _i18n.__)('100'),
   description: (0, _i18n.__)('One column'),
   icon: (0, _react.createElement)(_components.SVG, {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "48",
     height: "48",
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 48 48"
   }, (0, _react.createElement)(_components.Path, {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "m39.0625 14h-30.0625v20.0938h30.0625zm-30.0625-2c-1.10457 0-2 .8954-2 2v20.0938c0 1.1045.89543 2 2 2h30.0625c1.1046 0 2-.8955 2-2v-20.0938c0-1.1046-.8954-2-2-2z"
+    d: "M0 10a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Z"
   })),
   innerBlocks: [['core/column']],
   scope: ['block']
@@ -39,14 +37,12 @@ const variations = [{
   title: (0, _i18n.__)('50 / 50'),
   description: (0, _i18n.__)('Two columns; equal split'),
   icon: (0, _react.createElement)(_components.SVG, {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "48",
     height: "48",
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 48 48"
   }, (0, _react.createElement)(_components.Path, {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H25V34H39ZM23 34H9V14H23V34Z"
+    d: "M0 10a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm25 0a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2V10Z"
   })),
   isDefault: true,
   innerBlocks: [['core/column'], ['core/column']],
@@ -56,14 +52,12 @@ const variations = [{
   title: (0, _i18n.__)('33 / 66'),
   description: (0, _i18n.__)('Two columns; one-third, two-thirds split'),
   icon: (0, _react.createElement)(_components.SVG, {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "48",
     height: "48",
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 48 48"
   }, (0, _react.createElement)(_components.Path, {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H20V34H39ZM18 34H9V14H18V34Z"
+    d: "M0 10a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm17 0a2 2 0 0 1 2-2h27a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H19a2 2 0 0 1-2-2V10Z"
   })),
   innerBlocks: [['core/column', {
     width: '33.33%'
@@ -76,14 +70,12 @@ const variations = [{
   title: (0, _i18n.__)('66 / 33'),
   description: (0, _i18n.__)('Two columns; two-thirds, one-third split'),
   icon: (0, _react.createElement)(_components.SVG, {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "48",
     height: "48",
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 48 48"
   }, (0, _react.createElement)(_components.Path, {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H30V34H39ZM28 34H9V14H28V34Z"
+    d: "M0 10a2 2 0 0 1 2-2h27a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm33 0a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H35a2 2 0 0 1-2-2V10Z"
   })),
   innerBlocks: [['core/column', {
     width: '66.66%'
@@ -96,13 +88,12 @@ const variations = [{
   title: (0, _i18n.__)('33 / 33 / 33'),
   description: (0, _i18n.__)('Three columns; equal split'),
   icon: (0, _react.createElement)(_components.SVG, {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "48",
     height: "48",
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 48 48"
   }, (0, _react.createElement)(_components.Path, {
-    fillRule: "evenodd",
-    d: "M41 14a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2V14zM28.5 34h-9V14h9v20zm2 0V14H39v20h-8.5zm-13 0H9V14h8.5v20z"
+    d: "M0 10a2 2 0 0 1 2-2h10.531c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H2a2 2 0 0 1-2-2V10Zm16.5 0c0-1.105.864-2 1.969-2H29.53c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H18.47c-1.105 0-1.969-.895-1.969-2V10Zm17 0c0-1.105.864-2 1.969-2H46a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H35.469c-1.105 0-1.969-.895-1.969-2V10Z"
   })),
   innerBlocks: [['core/column'], ['core/column'], ['core/column']],
   scope: ['block']
@@ -111,13 +102,12 @@ const variations = [{
   title: (0, _i18n.__)('25 / 50 / 25'),
   description: (0, _i18n.__)('Three columns; wide center column'),
   icon: (0, _react.createElement)(_components.SVG, {
+    xmlns: "http://www.w3.org/2000/svg",
     width: "48",
     height: "48",
-    viewBox: "0 0 48 48",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 48 48"
   }, (0, _react.createElement)(_components.Path, {
-    fillRule: "evenodd",
-    d: "M41 14a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2V14zM31 34H17V14h14v20zm2 0V14h6v20h-6zm-18 0H9V14h6v20z"
+    d: "M0 10a2 2 0 0 1 2-2h7.531c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H2a2 2 0 0 1-2-2V10Zm13.5 0c0-1.105.864-2 1.969-2H32.53c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H15.47c-1.105 0-1.969-.895-1.969-2V10Zm23 0c0-1.105.864-2 1.969-2H46a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2h-7.531c-1.105 0-1.969-.895-1.969-2V10Z"
   })),
   innerBlocks: [['core/column', {
     width: '25%'