@wordpress/block-library 6.0.2 → 6.0.6

package/build/column/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/edit.js"],"names":["ColumnEdit","attributes","verticalAlignment","width","templateLock","allowedBlocks","setAttributes","clientId","classes","units","availableUnits","columnsIds","hasChildBlocks","rootClientId","select","getBlockOrder","getBlockRootClientId","blockEditorStore","rootId","length","updateBlockAttributes","updateAlignment","value","widthWithUnit","Number","isFinite","blockProps","className","style","flexBasis","undefined","columnsCount","currentColumnPosition","indexOf","label","innerBlocksProps","renderAppender","InnerBlocks","ButtonBlockAppender","nextWidth","parseFloat"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseSetting,\n\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\tPanelBody,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { sprintf, __ } from '@wordpress/i18n';\n\nfunction ColumnEdit( {\n\tattributes: {\n\t\tverticalAlignment,\n\t\twidth,\n\t\ttemplateLock = false,\n\t\tallowedBlocks,\n\t},\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst classes = classnames( 'block-core-columns', {\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t} );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\tconst { columnsIds, hasChildBlocks, rootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockOrder, getBlockRootClientId } = select(\n\t\t\t\tblockEditorStore\n\t\t\t);\n\n\t\t\tconst rootId = getBlockRootClientId( clientId );\n\n\t\t\treturn {\n\t\t\t\thasChildBlocks: getBlockOrder( clientId ).length > 0,\n\t\t\t\trootClientId: rootId,\n\t\t\t\tcolumnsIds: getBlockOrder( rootId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst updateAlignment = ( value ) => {\n\t\t// Update own alignment.\n\t\tsetAttributes( { verticalAlignment: value } );\n\t\t// Reset parent Columns block.\n\t\tupdateBlockAttributes( rootClientId, {\n\t\t\tverticalAlignment: null,\n\t\t} );\n\t};\n\n\tconst widthWithUnit = Number.isFinite( width ) ? width + '%' : width;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t\tstyle: widthWithUnit ? { flexBasis: widthWithUnit } : undefined,\n\t} );\n\n\tconst columnsCount = columnsIds.length;\n\tconst currentColumnPosition = columnsIds.indexOf( clientId ) + 1;\n\n\tconst label = sprintf(\n\t\t/* translators: 1: Block label (i.e. \"Block: Column\"), 2: Position of the selected block, 3: Total number of sibling blocks of the same type */\n\t\t__( '%1$s (%2$d of %3$d)' ),\n\t\tblockProps[ 'aria-label' ],\n\t\tcurrentColumnPosition,\n\t\tcolumnsCount\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ ...blockProps, 'aria-label': label },\n\t\t{\n\t\t\ttemplateLock,\n\t\t\tallowedBlocks,\n\t\t\trenderAppender: hasChildBlocks\n\t\t\t\t? undefined\n\t\t\t\t: InnerBlocks.ButtonBlockAppender,\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<PanelBody title={ __( 'Column settings' ) }>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth ) ? '0' : nextWidth;\n\t\t\t\t\t\t\tsetAttributes( { width: nextWidth } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tunits={ units }\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\nexport default ColumnEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/edit.js"],"names":["ColumnEdit","attributes","verticalAlignment","width","templateLock","allowedBlocks","setAttributes","clientId","classes","units","availableUnits","columnsIds","hasChildBlocks","rootClientId","select","getBlockOrder","getBlockRootClientId","blockEditorStore","rootId","length","updateBlockAttributes","updateAlignment","value","widthWithUnit","Number","isFinite","blockProps","className","style","flexBasis","undefined","columnsCount","currentColumnPosition","indexOf","label","innerBlocksProps","renderAppender","InnerBlocks","ButtonBlockAppender","nextWidth","parseFloat"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\tPanelBody,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { sprintf, __ } from '@wordpress/i18n';\n\nfunction ColumnEdit( {\n\tattributes: {\n\t\tverticalAlignment,\n\t\twidth,\n\t\ttemplateLock = false,\n\t\tallowedBlocks,\n\t},\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst classes = classnames( 'block-core-columns', {\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t} );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\tconst { columnsIds, hasChildBlocks, rootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockOrder, getBlockRootClientId } = select(\n\t\t\t\tblockEditorStore\n\t\t\t);\n\n\t\t\tconst rootId = getBlockRootClientId( clientId );\n\n\t\t\treturn {\n\t\t\t\thasChildBlocks: getBlockOrder( clientId ).length > 0,\n\t\t\t\trootClientId: rootId,\n\t\t\t\tcolumnsIds: getBlockOrder( rootId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst updateAlignment = ( value ) => {\n\t\t// Update own alignment.\n\t\tsetAttributes( { verticalAlignment: value } );\n\t\t// Reset parent Columns block.\n\t\tupdateBlockAttributes( rootClientId, {\n\t\t\tverticalAlignment: null,\n\t\t} );\n\t};\n\n\tconst widthWithUnit = Number.isFinite( width ) ? width + '%' : width;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t\tstyle: widthWithUnit ? { flexBasis: widthWithUnit } : undefined,\n\t} );\n\n\tconst columnsCount = columnsIds.length;\n\tconst currentColumnPosition = columnsIds.indexOf( clientId ) + 1;\n\n\tconst label = sprintf(\n\t\t/* translators: 1: Block label (i.e. \"Block: Column\"), 2: Position of the selected block, 3: Total number of sibling blocks of the same type */\n\t\t__( '%1$s (%2$d of %3$d)' ),\n\t\tblockProps[ 'aria-label' ],\n\t\tcurrentColumnPosition,\n\t\tcolumnsCount\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ ...blockProps, 'aria-label': label },\n\t\t{\n\t\t\ttemplateLock,\n\t\t\tallowedBlocks,\n\t\t\trenderAppender: hasChildBlocks\n\t\t\t\t? undefined\n\t\t\t\t: InnerBlocks.ButtonBlockAppender,\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<PanelBody title={ __( 'Column settings' ) }>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth ) ? '0' : nextWidth;\n\t\t\t\t\t\t\tsetAttributes( { width: nextWidth } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tunits={ units }\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\nexport default ColumnEdit;\n"]}

package/build/column/edit.native.js

@@ -38,20 +38,22 @@ var _utils = require("../columns/utils");
 /**
  * Internal dependencies
  */
-function ColumnEdit({
-  attributes,
-  setAttributes,
-  hasChildren,
-  isSelected,
-  getStylesFromColorScheme,
-  isParentSelected,
-  contentStyle,
-  columns,
-  selectedColumnIndex,
-  parentAlignment,
-  clientId,
-  blockWidth
-}) {
+function ColumnEdit(_ref) {
+  let {
+    attributes,
+    setAttributes,
+    hasChildren,
+    isSelected,
+    getStylesFromColorScheme,
+    isParentSelected,
+    contentStyle,
+    columns,
+    selectedColumnIndex,
+    parentAlignment,
+    clientId,
+    blockWidth
+  } = _ref;
+
   if (!contentStyle) {
     contentStyle = {
       [clientId]: {}
@@ -177,11 +179,12 @@ function ColumnEditWrapper(props) {
   }, (0, _element.createElement)(ColumnEdit, props));
 }
 
-var _default = (0, _compose.compose)([(0, _data.withSelect)((select, {
-  clientId
-}) => {
+var _default = (0, _compose.compose)([(0, _data.withSelect)((select, _ref2) => {
   var _getBlockAttributes;
 
+  let {
+    clientId
+  } = _ref2;
   const {
     getBlockCount,
     getBlockRootClientId,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/edit.native.js"],"names":["ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","isParentSelected","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","screenWidth","Math","floor","Dimensions","get","widthUnit","setWidthUnit","units","availableUnits","updateAlignment","alignment","onChangeWidth","nextWidth","widthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","onChange","renderAppender","columnWidth","isFullWidth","styles","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","columnPlaceholder","columnPlaceholderDark","columnPlaceholderNotSelected","undefined","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme"],"mappings":"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","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\tuseSetting,\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\tisParentSelected,\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 units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\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\tconst { width: columnWidth } = contentStyle[ clientId ];\n\t\tconst isFullWidth = columnWidth === screenWidth;\n\n\t\tif ( isSelected ) {\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\t! isParentSelected &&\n\t\t\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\t\t\tstyles.columnPlaceholder,\n\t\t\t\t\t\t\tstyles.columnPlaceholderDark\n\t\t\t\t\t\t),\n\t\t\t\t\tstyles.columnPlaceholderNotSelected,\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t}\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={ __( 'Column 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={ contentStyle[ clientId ].width }\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\t\tconst isParentSelected =\n\t\t\tselectedBlockClientId && selectedBlockClientId === parentId;\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 = getBlockAttributes( parentId )\n\t\t\t?.verticalAlignment;\n\n\t\treturn {\n\t\t\thasChildren,\n\t\t\tisParentSelected,\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"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/edit.native.js"],"names":["ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","isParentSelected","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","screenWidth","Math","floor","Dimensions","get","widthUnit","setWidthUnit","units","availableUnits","updateAlignment","alignment","onChangeWidth","nextWidth","widthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","onChange","renderAppender","columnWidth","isFullWidth","styles","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","columnPlaceholder","columnPlaceholderDark","columnPlaceholderNotSelected","undefined","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme"],"mappings":"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","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\tuseSetting,\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\tisParentSelected,\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 units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\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\tconst { width: columnWidth } = contentStyle[ clientId ];\n\t\tconst isFullWidth = columnWidth === screenWidth;\n\n\t\tif ( isSelected ) {\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\t! isParentSelected &&\n\t\t\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\t\t\tstyles.columnPlaceholder,\n\t\t\t\t\t\t\tstyles.columnPlaceholderDark\n\t\t\t\t\t\t),\n\t\t\t\t\tstyles.columnPlaceholderNotSelected,\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t}\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={ __( 'Column 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={ contentStyle[ clientId ].width }\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\t\tconst isParentSelected =\n\t\t\tselectedBlockClientId && selectedBlockClientId === parentId;\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 = getBlockAttributes( parentId )\n\t\t\t?.verticalAlignment;\n\n\t\treturn {\n\t\t\thasChildren,\n\t\t\tisParentSelected,\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"]}

package/build/column/index.js

@@ -41,6 +41,7 @@ const metadata = {
       type: "array"
     },
     templateLock: {
+      type: ["string", "boolean"],
       "enum": ["all", "insert", false]
     }
   },

package/build/column/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/index.js"],"names":["name","metadata","settings","icon","edit","save","deprecated"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAEA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,aADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,IAAI,EAAJA,aAHuB;AAIvBC,EAAAA,UAAU,EAAVA;AAJuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { column as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/index.js"],"names":["name","metadata","settings","icon","edit","save","deprecated"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AAEA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,aADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,IAAI,EAAJA,aAHuB;AAIvBC,EAAAA,UAAU,EAAVA;AAJuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { column as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\tdeprecated,\n};\n"]}

package/build/column/save.js

@@ -20,9 +20,10 @@ var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
  */
-function save({
-  attributes
-}) {
+function save(_ref) {
+  let {
+    attributes
+  } = _ref;
   const {
     verticalAlignment,
     width
@@ -32,7 +33,7 @@ function save({
   });
   let style;
 
-  if (width) {
+  if (width && /\d/.test(width)) {
     // Numbers are handled for backward compatibility as they can be still provided with templates.
     let flexBasis = Number.isFinite(width) ? width + '%' : width; // In some cases we need to round the width to a shorter float.
 
@@ -47,9 +48,13 @@ function save({
     };
   }
 
-  return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
+  const blockProps = _blockEditor.useBlockProps.save({
     className: wrapperClasses,
     style
-  }), (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+  });
+
+  const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
+
+  return (0, _element.createElement)("div", innerBlocksProps);
 }
 //# sourceMappingURL=save.js.map

package/build/column/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/save.js"],"names":["save","attributes","verticalAlignment","width","wrapperClasses","style","flexBasis","Number","isFinite","endsWith","multiplier","Math","round","parseFloat","useBlockProps","className"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAA+BF,UAArC;AAEA,QAAMG,cAAc,GAAG,yBAAY;AAClC,KAAG,yBAAyBF,iBAAmB,EAA/C,GAAoDA;AADlB,GAAZ,CAAvB;AAIA,MAAIG,KAAJ;;AAEA,MAAKF,KAAL,EAAa;AACZ;AACA,QAAIG,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAiBL,KAAjB,IAA2BA,KAAK,GAAG,GAAnC,GAAyCA,KAAzD,CAFY,CAGZ;;AACA,QAAK,CAAEI,MAAM,CAACC,QAAP,CAAiBL,KAAjB,CAAF,IAA8BA,KAA9B,aAA8BA,KAA9B,eAA8BA,KAAK,CAAEM,QAAP,CAAiB,GAAjB,CAAnC,EAA4D;AAC3D,YAAMC,UAAU,GAAG,aAAnB,CAD2D,CAE3D;;AACAJ,MAAAA,SAAS,GACRK,IAAI,CAACC,KAAL,CAAYL,MAAM,CAACM,UAAP,CAAmBV,KAAnB,IAA6BO,UAAzC,IACCA,UADD,GAEA,GAHD;AAIA;;AACDL,IAAAA,KAAK,GAAG;AAAEC,MAAAA;AAAF,KAAR;AACA;;AAED,SACC,mCACMQ,2BAAcd,IAAd,CAAoB;AACxBe,IAAAA,SAAS,EAAEX,cADa;AAExBC,IAAAA;AAFwB,GAApB,CADN,EAMC,4BAAC,wBAAD,CAAa,OAAb,OAND,CADD;AAUA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks, 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 ) {\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\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tclassName: wrapperClasses,\n\t\t\t\tstyle,\n\t\t\t} ) }\n\t\t>\n\t\t\t<InnerBlocks.Content />\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/save.js"],"names":["save","attributes","verticalAlignment","width","wrapperClasses","style","test","flexBasis","Number","isFinite","endsWith","multiplier","Math","round","parseFloat","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAA+BF,UAArC;AAEA,QAAMG,cAAc,GAAG,yBAAY;AAClC,KAAG,yBAAyBF,iBAAmB,EAA/C,GAAoDA;AADlB,GAAZ,CAAvB;AAIA,MAAIG,KAAJ;;AAEA,MAAKF,KAAK,IAAI,KAAKG,IAAL,CAAWH,KAAX,CAAd,EAAmC;AAClC;AACA,QAAII,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAiBN,KAAjB,IAA2BA,KAAK,GAAG,GAAnC,GAAyCA,KAAzD,CAFkC,CAGlC;;AACA,QAAK,CAAEK,MAAM,CAACC,QAAP,CAAiBN,KAAjB,CAAF,IAA8BA,KAA9B,aAA8BA,KAA9B,eAA8BA,KAAK,CAAEO,QAAP,CAAiB,GAAjB,CAAnC,EAA4D;AAC3D,YAAMC,UAAU,GAAG,aAAnB,CAD2D,CAE3D;;AACAJ,MAAAA,SAAS,GACRK,IAAI,CAACC,KAAL,CAAYL,MAAM,CAACM,UAAP,CAAmBX,KAAnB,IAA6BQ,UAAzC,IACCA,UADD,GAEA,GAHD;AAIA;;AACDN,IAAAA,KAAK,GAAG;AAAEE,MAAAA;AAAF,KAAR;AACA;;AAED,QAAMQ,UAAU,GAAGC,2BAAchB,IAAd,CAAoB;AACtCiB,IAAAA,SAAS,EAAEb,cAD2B;AAEtCC,IAAAA;AAFsC,GAApB,CAAnB;;AAIA,QAAMa,gBAAgB,GAAGC,iCAAoBnB,IAApB,CAA0Be,UAA1B,CAAzB;;AAEA,SAAO,mCAAUG,gBAAV,CAAP;AACA","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"]}

package/build/columns/columnCalculations.native.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getContentWidths = exports.calculateContainerWidth = exports.getColumnsInRow = void 0;
+exports.getContentWidths = exports.getColumnsInRow = exports.calculateContainerWidth = void 0;
 
 var _components = require("@wordpress/components");
 
@@ -90,10 +90,11 @@ const getContentWidths = (columnsInRow, width, columnCount, innerColumns, global
   const containerWidth = calculateContainerWidth(baseContainerWidth, columnsInRow);
   let columnWidth = calculateContainerWidth(width, columnsInRow) / columnsInRow;
   let maxColumnWidth = columnWidth;
-  innerColumns.forEach(({
-    attributes: innerColumnAttributes,
-    clientId
-  }) => {
+  innerColumns.forEach(_ref => {
+    let {
+      attributes: innerColumnAttributes,
+      clientId
+    } = _ref;
     const attributeWidth = (0, _components.convertUnitToMobile)({
       width
     }, globalStyles, innerColumnAttributes.width || columnWidths[clientId]);

package/build/columns/columnCalculations.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/columns/columnCalculations.native.js"],"names":["MAX_COLUMNS_NUM_IN_ROW","MIN_WIDTH","styles","columnsContainer","minWidth","MARGIN","marginLeft","getColumnsInRow","width","columnCount","ALIGNMENT_BREAKPOINTS","mobile","medium","Math","min","max","calculateContainerWidth","containerWidth","columnsInRow","getContentWidths","innerColumns","globalStyles","widths","columnWidthsWithUnits","columnWidths","columnWidthsValues","map","v","columnWidthsSum","reduce","acc","curr","columnRatios","colWidth","columnWidthsPerRatio","columnRatio","filteredColumnWidthsPerRatio","filter","columnWidthPerRatio","baseContainerWidth","length","minPercentageRatio","largeColumnsWidthsSum","ratio","index","columnWidth","maxColumnWidth","forEach","attributes","innerColumnAttributes","clientId","attributeWidth","proportionalRatio","percentageRatio","initialColumnWidth","round","newColumnWidth","floor","maxWidth"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tALIGNMENT_BREAKPOINTS,\n\tconvertUnitToMobile,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getColumnWidths, getWidths } from './utils';\nimport styles from './editor.scss';\n\n/**\n * Maximum number of columns in a row\n *\n * @type {number}\n */\nconst MAX_COLUMNS_NUM_IN_ROW = 3;\n\n/**\n * Minimum width of column\n *\n * @type {number}\n */\nconst MIN_WIDTH = styles.columnsContainer?.minWidth;\n\n/**\n * Container margin value\n *\n * @type {number}\n */\nconst MARGIN = styles.columnsContainer?.marginLeft;\n\nexport const getColumnsInRow = ( width, columnCount ) => {\n\tif ( width ) {\n\t\tif ( width < ALIGNMENT_BREAKPOINTS.mobile ) {\n\t\t\t// show only 1 Column in row for mobile breakpoint container width\n\t\t\treturn 1;\n\t\t} else if ( width <= ALIGNMENT_BREAKPOINTS.medium ) {\n\t\t\t// show the maximum number of columns in a row for large breakpoint container width\n\t\t\treturn Math.min(\n\t\t\t\tMath.max( 1, columnCount ),\n\t\t\t\tMAX_COLUMNS_NUM_IN_ROW\n\t\t\t);\n\t\t}\n\t\t// show all Column in one row\n\t\treturn columnCount;\n\t}\n};\n\nexport const calculateContainerWidth = ( containerWidth, columnsInRow ) =>\n\t2 * MARGIN + containerWidth - columnsInRow * 2 * MARGIN;\n\nexport const getContentWidths = (\n\tcolumnsInRow,\n\twidth,\n\tcolumnCount,\n\tinnerColumns,\n\tglobalStyles\n) => {\n\tconst widths = {};\n\tconst columnWidthsWithUnits = getWidths( innerColumns, false );\n\tconst columnWidths = getColumnWidths( innerColumns, columnCount );\n\n\t// Array of column width attribute values\n\tconst columnWidthsValues = columnWidthsWithUnits.map( ( v ) =>\n\t\tconvertUnitToMobile( { width }, globalStyles, v )\n\t);\n\n\t// The sum of column width attribute values\n\tconst columnWidthsSum = columnWidthsValues.reduce(\n\t\t( acc, curr ) => acc + curr,\n\t\t0\n\t);\n\n\t// Array of ratios of each column width attribute value to their sum\n\tconst columnRatios = columnWidthsValues.map(\n\t\t( colWidth ) => colWidth / columnWidthsSum\n\t);\n\n\t// Array of calculated column width for its ratio\n\tconst columnWidthsPerRatio = columnRatios.map(\n\t\t( columnRatio ) =>\n\t\t\tcolumnRatio * calculateContainerWidth( width, columnsInRow )\n\t);\n\n\t//  Array of columns whose calculated width is lower than minimum width value\n\tconst filteredColumnWidthsPerRatio = columnWidthsPerRatio.filter(\n\t\t( columnWidthPerRatio ) => columnWidthPerRatio <= MIN_WIDTH\n\t);\n\n\t// Container width to be divided. If there are some results within `filteredColumnWidthsPerRatio`\n\t// there is a need to reduce the main width by multiplying number\n\t// of results in `filteredColumnWidthsPerRatio` and minimum width value\n\tconst baseContainerWidth =\n\t\twidth - filteredColumnWidthsPerRatio.length * MIN_WIDTH;\n\n\t// The minimum percentage ratio for which column width is equal minimum width value\n\tconst minPercentageRatio =\n\t\tMIN_WIDTH / calculateContainerWidth( width, columnsInRow );\n\n\t// The sum of column widths which ratio is higher than `minPercentageRatio`\n\tconst largeColumnsWidthsSum = columnRatios\n\t\t.map( ( ratio, index ) => {\n\t\t\tif ( ratio > minPercentageRatio ) {\n\t\t\t\treturn columnWidthsValues[ index ];\n\t\t\t}\n\t\t\treturn 0;\n\t\t} )\n\t\t.reduce( ( acc, curr ) => acc + curr, 0 );\n\n\tconst containerWidth = calculateContainerWidth(\n\t\tbaseContainerWidth,\n\t\tcolumnsInRow\n\t);\n\n\tlet columnWidth =\n\t\tcalculateContainerWidth( width, columnsInRow ) / columnsInRow;\n\tlet maxColumnWidth = columnWidth;\n\n\tinnerColumns.forEach(\n\t\t( { attributes: innerColumnAttributes, clientId } ) => {\n\t\t\tconst attributeWidth = convertUnitToMobile(\n\t\t\t\t{ width },\n\t\t\t\tglobalStyles,\n\t\t\t\tinnerColumnAttributes.width || columnWidths[ clientId ]\n\t\t\t);\n\t\t\tconst proportionalRatio = attributeWidth / columnWidthsSum;\n\t\t\tconst percentageRatio = attributeWidth / width;\n\t\t\tconst initialColumnWidth = proportionalRatio * containerWidth;\n\n\t\t\tif ( columnCount === 1 && width > ALIGNMENT_BREAKPOINTS.medium ) {\n\t\t\t\t// Exactly one column inside columns on the breakpoint higher than medium\n\t\t\t\t// has to take a percentage of the full width\n\t\t\t\tcolumnWidth = percentageRatio * containerWidth;\n\t\t\t} else if ( columnsInRow > 1 ) {\n\t\t\t\tif ( width > ALIGNMENT_BREAKPOINTS.medium ) {\n\t\t\t\t\tif ( initialColumnWidth <= MIN_WIDTH ) {\n\t\t\t\t\t\t// Column width cannot be lower than minimum 32px\n\t\t\t\t\t\tcolumnWidth = MIN_WIDTH;\n\t\t\t\t\t} else if ( initialColumnWidth > MIN_WIDTH ) {\n\t\t\t\t\t\t// Column width has to be the result of multiplying the container width and\n\t\t\t\t\t\t// the ratio of attribute and the sum of widths of columns wider than 32px\n\t\t\t\t\t\tcolumnWidth =\n\t\t\t\t\t\t\t( attributeWidth / largeColumnsWidthsSum ) *\n\t\t\t\t\t\t\tcontainerWidth;\n\t\t\t\t\t}\n\n\t\t\t\t\tmaxColumnWidth = columnWidth;\n\n\t\t\t\t\tif ( Math.round( columnWidthsSum ) < width ) {\n\t\t\t\t\t\t// In case that column width attribute values does not exceed 100, each column\n\t\t\t\t\t\t// should have attribute percentage of container width\n\t\t\t\t\t\tconst newColumnWidth = percentageRatio * containerWidth;\n\t\t\t\t\t\tif ( newColumnWidth <= MIN_WIDTH ) {\n\t\t\t\t\t\t\tcolumnWidth = MIN_WIDTH;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcolumnWidth = newColumnWidth;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else if ( width < ALIGNMENT_BREAKPOINTS.medium ) {\n\t\t\t\t\t// On the breakpoint lower than medium each column inside columns\n\t\t\t\t\t// has to take equal part of container width\n\t\t\t\t\tcolumnWidth =\n\t\t\t\t\t\tcalculateContainerWidth( width, columnsInRow ) /\n\t\t\t\t\t\tcolumnsInRow;\n\t\t\t\t}\n\t\t\t}\n\t\t\twidths[ clientId ] = {\n\t\t\t\twidth: Math.floor( columnWidth ),\n\t\t\t\tmaxWidth: Math.floor( maxColumnWidth ),\n\t\t\t};\n\t\t}\n\t);\n\treturn widths;\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/columns/columnCalculations.native.js"],"names":["MAX_COLUMNS_NUM_IN_ROW","MIN_WIDTH","styles","columnsContainer","minWidth","MARGIN","marginLeft","getColumnsInRow","width","columnCount","ALIGNMENT_BREAKPOINTS","mobile","medium","Math","min","max","calculateContainerWidth","containerWidth","columnsInRow","getContentWidths","innerColumns","globalStyles","widths","columnWidthsWithUnits","columnWidths","columnWidthsValues","map","v","columnWidthsSum","reduce","acc","curr","columnRatios","colWidth","columnWidthsPerRatio","columnRatio","filteredColumnWidthsPerRatio","filter","columnWidthPerRatio","baseContainerWidth","length","minPercentageRatio","largeColumnsWidthsSum","ratio","index","columnWidth","maxColumnWidth","forEach","attributes","innerColumnAttributes","clientId","attributeWidth","proportionalRatio","percentageRatio","initialColumnWidth","round","newColumnWidth","floor","maxWidth"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tALIGNMENT_BREAKPOINTS,\n\tconvertUnitToMobile,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getColumnWidths, getWidths } from './utils';\nimport styles from './editor.scss';\n\n/**\n * Maximum number of columns in a row\n *\n * @type {number}\n */\nconst MAX_COLUMNS_NUM_IN_ROW = 3;\n\n/**\n * Minimum width of column\n *\n * @type {number}\n */\nconst MIN_WIDTH = styles.columnsContainer?.minWidth;\n\n/**\n * Container margin value\n *\n * @type {number}\n */\nconst MARGIN = styles.columnsContainer?.marginLeft;\n\nexport const getColumnsInRow = ( width, columnCount ) => {\n\tif ( width ) {\n\t\tif ( width < ALIGNMENT_BREAKPOINTS.mobile ) {\n\t\t\t// show only 1 Column in row for mobile breakpoint container width\n\t\t\treturn 1;\n\t\t} else if ( width <= ALIGNMENT_BREAKPOINTS.medium ) {\n\t\t\t// show the maximum number of columns in a row for large breakpoint container width\n\t\t\treturn Math.min(\n\t\t\t\tMath.max( 1, columnCount ),\n\t\t\t\tMAX_COLUMNS_NUM_IN_ROW\n\t\t\t);\n\t\t}\n\t\t// show all Column in one row\n\t\treturn columnCount;\n\t}\n};\n\nexport const calculateContainerWidth = ( containerWidth, columnsInRow ) =>\n\t2 * MARGIN + containerWidth - columnsInRow * 2 * MARGIN;\n\nexport const getContentWidths = (\n\tcolumnsInRow,\n\twidth,\n\tcolumnCount,\n\tinnerColumns,\n\tglobalStyles\n) => {\n\tconst widths = {};\n\tconst columnWidthsWithUnits = getWidths( innerColumns, false );\n\tconst columnWidths = getColumnWidths( innerColumns, columnCount );\n\n\t// Array of column width attribute values\n\tconst columnWidthsValues = columnWidthsWithUnits.map( ( v ) =>\n\t\tconvertUnitToMobile( { width }, globalStyles, v )\n\t);\n\n\t// The sum of column width attribute values\n\tconst columnWidthsSum = columnWidthsValues.reduce(\n\t\t( acc, curr ) => acc + curr,\n\t\t0\n\t);\n\n\t// Array of ratios of each column width attribute value to their sum\n\tconst columnRatios = columnWidthsValues.map(\n\t\t( colWidth ) => colWidth / columnWidthsSum\n\t);\n\n\t// Array of calculated column width for its ratio\n\tconst columnWidthsPerRatio = columnRatios.map(\n\t\t( columnRatio ) =>\n\t\t\tcolumnRatio * calculateContainerWidth( width, columnsInRow )\n\t);\n\n\t//  Array of columns whose calculated width is lower than minimum width value\n\tconst filteredColumnWidthsPerRatio = columnWidthsPerRatio.filter(\n\t\t( columnWidthPerRatio ) => columnWidthPerRatio <= MIN_WIDTH\n\t);\n\n\t// Container width to be divided. If there are some results within `filteredColumnWidthsPerRatio`\n\t// there is a need to reduce the main width by multiplying number\n\t// of results in `filteredColumnWidthsPerRatio` and minimum width value\n\tconst baseContainerWidth =\n\t\twidth - filteredColumnWidthsPerRatio.length * MIN_WIDTH;\n\n\t// The minimum percentage ratio for which column width is equal minimum width value\n\tconst minPercentageRatio =\n\t\tMIN_WIDTH / calculateContainerWidth( width, columnsInRow );\n\n\t// The sum of column widths which ratio is higher than `minPercentageRatio`\n\tconst largeColumnsWidthsSum = columnRatios\n\t\t.map( ( ratio, index ) => {\n\t\t\tif ( ratio > minPercentageRatio ) {\n\t\t\t\treturn columnWidthsValues[ index ];\n\t\t\t}\n\t\t\treturn 0;\n\t\t} )\n\t\t.reduce( ( acc, curr ) => acc + curr, 0 );\n\n\tconst containerWidth = calculateContainerWidth(\n\t\tbaseContainerWidth,\n\t\tcolumnsInRow\n\t);\n\n\tlet columnWidth =\n\t\tcalculateContainerWidth( width, columnsInRow ) / columnsInRow;\n\tlet maxColumnWidth = columnWidth;\n\n\tinnerColumns.forEach(\n\t\t( { attributes: innerColumnAttributes, clientId } ) => {\n\t\t\tconst attributeWidth = convertUnitToMobile(\n\t\t\t\t{ width },\n\t\t\t\tglobalStyles,\n\t\t\t\tinnerColumnAttributes.width || columnWidths[ clientId ]\n\t\t\t);\n\t\t\tconst proportionalRatio = attributeWidth / columnWidthsSum;\n\t\t\tconst percentageRatio = attributeWidth / width;\n\t\t\tconst initialColumnWidth = proportionalRatio * containerWidth;\n\n\t\t\tif ( columnCount === 1 && width > ALIGNMENT_BREAKPOINTS.medium ) {\n\t\t\t\t// Exactly one column inside columns on the breakpoint higher than medium\n\t\t\t\t// has to take a percentage of the full width\n\t\t\t\tcolumnWidth = percentageRatio * containerWidth;\n\t\t\t} else if ( columnsInRow > 1 ) {\n\t\t\t\tif ( width > ALIGNMENT_BREAKPOINTS.medium ) {\n\t\t\t\t\tif ( initialColumnWidth <= MIN_WIDTH ) {\n\t\t\t\t\t\t// Column width cannot be lower than minimum 32px\n\t\t\t\t\t\tcolumnWidth = MIN_WIDTH;\n\t\t\t\t\t} else if ( initialColumnWidth > MIN_WIDTH ) {\n\t\t\t\t\t\t// Column width has to be the result of multiplying the container width and\n\t\t\t\t\t\t// the ratio of attribute and the sum of widths of columns wider than 32px\n\t\t\t\t\t\tcolumnWidth =\n\t\t\t\t\t\t\t( attributeWidth / largeColumnsWidthsSum ) *\n\t\t\t\t\t\t\tcontainerWidth;\n\t\t\t\t\t}\n\n\t\t\t\t\tmaxColumnWidth = columnWidth;\n\n\t\t\t\t\tif ( Math.round( columnWidthsSum ) < width ) {\n\t\t\t\t\t\t// In case that column width attribute values does not exceed 100, each column\n\t\t\t\t\t\t// should have attribute percentage of container width\n\t\t\t\t\t\tconst newColumnWidth = percentageRatio * containerWidth;\n\t\t\t\t\t\tif ( newColumnWidth <= MIN_WIDTH ) {\n\t\t\t\t\t\t\tcolumnWidth = MIN_WIDTH;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcolumnWidth = newColumnWidth;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else if ( width < ALIGNMENT_BREAKPOINTS.medium ) {\n\t\t\t\t\t// On the breakpoint lower than medium each column inside columns\n\t\t\t\t\t// has to take equal part of container width\n\t\t\t\t\tcolumnWidth =\n\t\t\t\t\t\tcalculateContainerWidth( width, columnsInRow ) /\n\t\t\t\t\t\tcolumnsInRow;\n\t\t\t\t}\n\t\t\t}\n\t\t\twidths[ clientId ] = {\n\t\t\t\twidth: Math.floor( columnWidth ),\n\t\t\t\tmaxWidth: Math.floor( maxColumnWidth ),\n\t\t\t};\n\t\t}\n\t);\n\treturn widths;\n};\n"]}

package/build/columns/deprecated.js

@@ -97,9 +97,10 @@ var _default = [{
   },
   migrate: migrateCustomColors,
 
-  save({
-    attributes
-  }) {
+  save(_ref) {
+    let {
+      attributes
+    } = _ref;
     const {
       verticalAlignment,
       backgroundColor,
@@ -174,9 +175,10 @@ var _default = [{
     }, migratedInnerBlocks];
   },
 
-  save({
-    attributes
-  }) {
+  save(_ref2) {
+    let {
+      attributes
+    } = _ref2;
     const {
       columns
     } = attributes;
@@ -200,9 +202,10 @@ var _default = [{
     return [attributes, innerBlocks];
   },
 
-  save({
-    attributes
-  }) {
+  save(_ref3) {
+    let {
+      attributes
+    } = _ref3;
     const {
       verticalAlignment,
       columns

package/build/columns/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/columns/deprecated.js"],"names":["getDeprecatedLayoutColumn","originalContent","doc","document","implementation","createHTMLDocument","columnMatch","body","innerHTML","classListItem","firstChild","classList","match","Number","migrateCustomColors","attributes","customTextColor","customBackgroundColor","style","color","text","background","isStackedOnMobile","verticalAlignment","type","backgroundColor","textColor","migrate","save","backgroundClass","textClass","className","undefined","columns","default","isEligible","innerBlocks","isFastPassEligible","some","innerBlock","test","reduce","accumulator","columnIndex","push","migratedInnerBlocks","map","columnBlocks","wrapperClasses"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { omit } from 'lodash';\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} 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\treturn {\n\t\t...omit( attributes, [ 'customTextColor', 'customBackgroundColor' ] ),\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 }` ]: verticalAlignment,\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\treturn [\n\t\t\t\t{\n\t\t\t\t\t...omit( attributes, [ 'columns' ] ),\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\tattributes = {\n\t\t\t\t...omit( attributes, [ 'columns' ] ),\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 }` ]: verticalAlignment,\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"]}
+{"version":3,"sources":["@wordpress/block-library/src/columns/deprecated.js"],"names":["getDeprecatedLayoutColumn","originalContent","doc","document","implementation","createHTMLDocument","columnMatch","body","innerHTML","classListItem","firstChild","classList","match","Number","migrateCustomColors","attributes","customTextColor","customBackgroundColor","style","color","text","background","isStackedOnMobile","verticalAlignment","type","backgroundColor","textColor","migrate","save","backgroundClass","textClass","className","undefined","columns","default","isEligible","innerBlocks","isFastPassEligible","some","innerBlock","test","reduce","accumulator","columnIndex","push","migratedInnerBlocks","map","columnBlocks","wrapperClasses"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { omit } from 'lodash';\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} 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\treturn {\n\t\t...omit( attributes, [ 'customTextColor', 'customBackgroundColor' ] ),\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 }` ]: verticalAlignment,\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\treturn [\n\t\t\t\t{\n\t\t\t\t\t...omit( attributes, [ 'columns' ] ),\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\tattributes = {\n\t\t\t\t...omit( attributes, [ 'columns' ] ),\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 }` ]: verticalAlignment,\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"]}

package/build/columns/edit.js

@@ -48,13 +48,14 @@ var _utils = require("./utils");
  */
 const ALLOWED_BLOCKS = ['core/column'];
 
-function ColumnsEditContainer({
-  attributes,
-  setAttributes,
-  updateAlignment,
-  updateColumns,
-  clientId
-}) {
+function ColumnsEditContainer(_ref) {
+  let {
+    attributes,
+    setAttributes,
+    updateAlignment,
+    updateColumns,
+    clientId
+  } = _ref;
   const {
     isStackedOnMobile,
     verticalAlignment
@@ -73,7 +74,7 @@ function ColumnsEditContainer({
   const blockProps = (0, _blockEditor.useBlockProps)({
     className: classes
   });
-  const innerBlocksProps = (0, _blockEditor.__experimentalUseInnerBlocksProps)(blockProps, {
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
     allowedBlocks: ALLOWED_BLOCKS,
     orientation: 'horizontal',
     renderAppender: false
@@ -185,11 +186,12 @@ const ColumnsEditContainerWrapper = (0, _data.withDispatch)((dispatch, ownProps,
 
 }))(ColumnsEditContainer);
 
-function Placeholder({
-  clientId,
-  name,
-  setAttributes
-}) {
+function Placeholder(_ref2) {
+  let {
+    clientId,
+    name,
+    setAttributes
+  } = _ref2;
   const {
     blockType,
     defaultVariation,
@@ -214,7 +216,9 @@ function Placeholder({
     icon: (0, _lodash.get)(blockType, ['icon', 'src']),
     label: (0, _lodash.get)(blockType, ['title']),
     variations: variations,
-    onSelect: (nextVariation = defaultVariation) => {
+    onSelect: function () {
+      let nextVariation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultVariation;
+
       if (nextVariation.attributes) {
         setAttributes(nextVariation.attributes);
       }

package/build/columns/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/columns/edit.js"],"names":["ALLOWED_BLOCKS","ColumnsEditContainer","attributes","setAttributes","updateAlignment","updateColumns","clientId","isStackedOnMobile","verticalAlignment","count","select","blockEditorStore","getBlockCount","classes","blockProps","className","innerBlocksProps","allowedBlocks","orientation","renderAppender","value","Math","max","ColumnsEditContainerWrapper","dispatch","ownProps","registry","updateBlockAttributes","getBlockOrder","innerBlockClientIds","forEach","innerBlockClientId","previousColumns","newColumns","replaceInnerBlocks","getBlocks","innerBlocks","hasExplicitWidths","isAddingColumn","newColumnWidth","widths","width","Placeholder","name","blockType","defaultVariation","variations","getBlockVariations","getBlockType","getDefaultBlockVariation","blocksStore","nextVariation","ColumnsEdit","props","hasInnerBlocks","length","Component"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { dropRight, get, times } from 'lodash';\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\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\t__experimentalBlockVariationPicker,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { withDispatch, useDispatch, useSelect } 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\n/**\n * Allowed blocks constant is passed to InnerBlocks precisely as specified here.\n * The contents of the array should never change.\n * The array should contain the name of each block that is allowed.\n * In columns block, the only block we allow is 'core/column'.\n *\n * @constant\n * @type {string[]}\n */\nconst ALLOWED_BLOCKS = [ 'core/column' ];\n\nfunction ColumnsEditContainer( {\n\tattributes,\n\tsetAttributes,\n\tupdateAlignment,\n\tupdateColumns,\n\tclientId,\n} ) {\n\tconst { isStackedOnMobile, verticalAlignment } = attributes;\n\n\tconst { count } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tcount: select( blockEditorStore ).getBlockCount( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\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\tallowedBlocks: ALLOWED_BLOCKS,\n\t\torientation: 'horizontal',\n\t\trenderAppender: false,\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>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\tvalue={ count }\n\t\t\t\t\t\tonChange={ ( value ) => updateColumns( count, value ) }\n\t\t\t\t\t\tmin={ 1 }\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\t<ToggleControl\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\nconst ColumnsEditContainerWrapper = withDispatch(\n\t( dispatch, ownProps, registry ) => ( {\n\t\t/**\n\t\t * Update all child Column blocks with a new vertical alignment setting\n\t\t * based on whatever alignment is passed in. This allows change to parent\n\t\t * to overide anything set on a individual column basis.\n\t\t *\n\t\t * @param {string} verticalAlignment the vertical alignment setting\n\t\t */\n\t\tupdateAlignment( verticalAlignment ) {\n\t\t\tconst { clientId, setAttributes } = ownProps;\n\t\t\tconst { updateBlockAttributes } = dispatch( blockEditorStore );\n\t\t\tconst { getBlockOrder } = registry.select( blockEditorStore );\n\n\t\t\t// Update own alignment.\n\t\t\tsetAttributes( { verticalAlignment } );\n\n\t\t\t// Update all child Column Blocks to match\n\t\t\tconst innerBlockClientIds = getBlockOrder( clientId );\n\t\t\tinnerBlockClientIds.forEach( ( innerBlockClientId ) => {\n\t\t\t\tupdateBlockAttributes( innerBlockClientId, {\n\t\t\t\t\tverticalAlignment,\n\t\t\t\t} );\n\t\t\t} );\n\t\t},\n\n\t\t/**\n\t\t * Updates the column count, including necessary revisions to child Column\n\t\t * blocks to grant required or redistribute available space.\n\t\t *\n\t\t * @param {number} previousColumns Previous column count.\n\t\t * @param {number} newColumns      New column count.\n\t\t */\n\t\tupdateColumns( previousColumns, newColumns ) {\n\t\t\tconst { clientId } = ownProps;\n\t\t\tconst { replaceInnerBlocks } = dispatch( blockEditorStore );\n\t\t\tconst { getBlocks } = registry.select( blockEditorStore );\n\n\t\t\tlet innerBlocks = getBlocks( clientId );\n\t\t\tconst hasExplicitWidths = hasExplicitPercentColumnWidths(\n\t\t\t\tinnerBlocks\n\t\t\t);\n\n\t\t\t// Redistribute available width for existing inner blocks.\n\t\t\tconst isAddingColumn = newColumns > previousColumns;\n\n\t\t\tif ( isAddingColumn && hasExplicitWidths ) {\n\t\t\t\t// If adding a new column, assign width to the new column equal to\n\t\t\t\t// as if it were `1 / columns` of the total available space.\n\t\t\t\tconst newColumnWidth = toWidthPrecision( 100 / newColumns );\n\n\t\t\t\t// Redistribute in consideration of pending block insertion as\n\t\t\t\t// constraining the available working width.\n\t\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\t\tinnerBlocks,\n\t\t\t\t\t100 - newColumnWidth\n\t\t\t\t);\n\n\t\t\t\tinnerBlocks = [\n\t\t\t\t\t...getMappedColumnWidths( innerBlocks, widths ),\n\t\t\t\t\t...times( newColumns - previousColumns, () => {\n\t\t\t\t\t\treturn createBlock( 'core/column', {\n\t\t\t\t\t\t\twidth: `${ newColumnWidth }%`,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} ),\n\t\t\t\t];\n\t\t\t} else if ( isAddingColumn ) {\n\t\t\t\tinnerBlocks = [\n\t\t\t\t\t...innerBlocks,\n\t\t\t\t\t...times( newColumns - previousColumns, () => {\n\t\t\t\t\t\treturn createBlock( 'core/column' );\n\t\t\t\t\t} ),\n\t\t\t\t];\n\t\t\t} else {\n\t\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\t\tinnerBlocks = dropRight(\n\t\t\t\t\tinnerBlocks,\n\t\t\t\t\tpreviousColumns - newColumns\n\t\t\t\t);\n\n\t\t\t\tif ( hasExplicitWidths ) {\n\t\t\t\t\t// Redistribute as if block is already removed.\n\t\t\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\t\t\tinnerBlocks,\n\t\t\t\t\t\t100\n\t\t\t\t\t);\n\n\t\t\t\t\tinnerBlocks = getMappedColumnWidths( innerBlocks, widths );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treplaceInnerBlocks( clientId, innerBlocks );\n\t\t},\n\t} )\n)( ColumnsEditContainer );\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={ get( blockType, [ 'icon', 'src' ] ) }\n\t\t\t\tlabel={ get( 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\n\t\t? ColumnsEditContainerWrapper\n\t\t: Placeholder;\n\n\treturn <Component { ...props } />;\n};\n\nexport default ColumnsEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/columns/edit.js"],"names":["ALLOWED_BLOCKS","ColumnsEditContainer","attributes","setAttributes","updateAlignment","updateColumns","clientId","isStackedOnMobile","verticalAlignment","count","select","blockEditorStore","getBlockCount","classes","blockProps","className","innerBlocksProps","allowedBlocks","orientation","renderAppender","value","Math","max","ColumnsEditContainerWrapper","dispatch","ownProps","registry","updateBlockAttributes","getBlockOrder","innerBlockClientIds","forEach","innerBlockClientId","previousColumns","newColumns","replaceInnerBlocks","getBlocks","innerBlocks","hasExplicitWidths","isAddingColumn","newColumnWidth","widths","width","Placeholder","name","blockType","defaultVariation","variations","getBlockVariations","getBlockType","getDefaultBlockVariation","blocksStore","nextVariation","ColumnsEdit","props","hasInnerBlocks","length","Component"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { dropRight, get, times } from 'lodash';\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 { withDispatch, useDispatch, useSelect } 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\n/**\n * Allowed blocks constant is passed to InnerBlocks precisely as specified here.\n * The contents of the array should never change.\n * The array should contain the name of each block that is allowed.\n * In columns block, the only block we allow is 'core/column'.\n *\n * @constant\n * @type {string[]}\n */\nconst ALLOWED_BLOCKS = [ 'core/column' ];\n\nfunction ColumnsEditContainer( {\n\tattributes,\n\tsetAttributes,\n\tupdateAlignment,\n\tupdateColumns,\n\tclientId,\n} ) {\n\tconst { isStackedOnMobile, verticalAlignment } = attributes;\n\n\tconst { count } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tcount: select( blockEditorStore ).getBlockCount( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\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\tallowedBlocks: ALLOWED_BLOCKS,\n\t\torientation: 'horizontal',\n\t\trenderAppender: false,\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>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\tvalue={ count }\n\t\t\t\t\t\tonChange={ ( value ) => updateColumns( count, value ) }\n\t\t\t\t\t\tmin={ 1 }\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\t<ToggleControl\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\nconst ColumnsEditContainerWrapper = withDispatch(\n\t( dispatch, ownProps, registry ) => ( {\n\t\t/**\n\t\t * Update all child Column blocks with a new vertical alignment setting\n\t\t * based on whatever alignment is passed in. This allows change to parent\n\t\t * to overide anything set on a individual column basis.\n\t\t *\n\t\t * @param {string} verticalAlignment the vertical alignment setting\n\t\t */\n\t\tupdateAlignment( verticalAlignment ) {\n\t\t\tconst { clientId, setAttributes } = ownProps;\n\t\t\tconst { updateBlockAttributes } = dispatch( blockEditorStore );\n\t\t\tconst { getBlockOrder } = registry.select( blockEditorStore );\n\n\t\t\t// Update own alignment.\n\t\t\tsetAttributes( { verticalAlignment } );\n\n\t\t\t// Update all child Column Blocks to match\n\t\t\tconst innerBlockClientIds = getBlockOrder( clientId );\n\t\t\tinnerBlockClientIds.forEach( ( innerBlockClientId ) => {\n\t\t\t\tupdateBlockAttributes( innerBlockClientId, {\n\t\t\t\t\tverticalAlignment,\n\t\t\t\t} );\n\t\t\t} );\n\t\t},\n\n\t\t/**\n\t\t * Updates the column count, including necessary revisions to child Column\n\t\t * blocks to grant required or redistribute available space.\n\t\t *\n\t\t * @param {number} previousColumns Previous column count.\n\t\t * @param {number} newColumns      New column count.\n\t\t */\n\t\tupdateColumns( previousColumns, newColumns ) {\n\t\t\tconst { clientId } = ownProps;\n\t\t\tconst { replaceInnerBlocks } = dispatch( blockEditorStore );\n\t\t\tconst { getBlocks } = registry.select( blockEditorStore );\n\n\t\t\tlet innerBlocks = getBlocks( clientId );\n\t\t\tconst hasExplicitWidths = hasExplicitPercentColumnWidths(\n\t\t\t\tinnerBlocks\n\t\t\t);\n\n\t\t\t// Redistribute available width for existing inner blocks.\n\t\t\tconst isAddingColumn = newColumns > previousColumns;\n\n\t\t\tif ( isAddingColumn && hasExplicitWidths ) {\n\t\t\t\t// If adding a new column, assign width to the new column equal to\n\t\t\t\t// as if it were `1 / columns` of the total available space.\n\t\t\t\tconst newColumnWidth = toWidthPrecision( 100 / newColumns );\n\n\t\t\t\t// Redistribute in consideration of pending block insertion as\n\t\t\t\t// constraining the available working width.\n\t\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\t\tinnerBlocks,\n\t\t\t\t\t100 - newColumnWidth\n\t\t\t\t);\n\n\t\t\t\tinnerBlocks = [\n\t\t\t\t\t...getMappedColumnWidths( innerBlocks, widths ),\n\t\t\t\t\t...times( newColumns - previousColumns, () => {\n\t\t\t\t\t\treturn createBlock( 'core/column', {\n\t\t\t\t\t\t\twidth: `${ newColumnWidth }%`,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} ),\n\t\t\t\t];\n\t\t\t} else if ( isAddingColumn ) {\n\t\t\t\tinnerBlocks = [\n\t\t\t\t\t...innerBlocks,\n\t\t\t\t\t...times( newColumns - previousColumns, () => {\n\t\t\t\t\t\treturn createBlock( 'core/column' );\n\t\t\t\t\t} ),\n\t\t\t\t];\n\t\t\t} else {\n\t\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\t\tinnerBlocks = dropRight(\n\t\t\t\t\tinnerBlocks,\n\t\t\t\t\tpreviousColumns - newColumns\n\t\t\t\t);\n\n\t\t\t\tif ( hasExplicitWidths ) {\n\t\t\t\t\t// Redistribute as if block is already removed.\n\t\t\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\t\t\tinnerBlocks,\n\t\t\t\t\t\t100\n\t\t\t\t\t);\n\n\t\t\t\t\tinnerBlocks = getMappedColumnWidths( innerBlocks, widths );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treplaceInnerBlocks( clientId, innerBlocks );\n\t\t},\n\t} )\n)( ColumnsEditContainer );\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={ get( blockType, [ 'icon', 'src' ] ) }\n\t\t\t\tlabel={ get( 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\n\t\t? ColumnsEditContainerWrapper\n\t\t: Placeholder;\n\n\treturn <Component { ...props } />;\n};\n\nexport default ColumnsEdit;\n"]}

package/build/columns/edit.native.js

@@ -80,17 +80,18 @@ const {
   isFullWidth
 } = _components.alignmentHelpers;
 
-function ColumnsEditContainer({
-  attributes,
-  updateAlignment,
-  updateColumns,
-  columnCount,
-  isSelected,
-  onDeleteBlock,
-  innerWidths,
-  updateInnerColumnWidth,
-  editorSidebarOpened
-}) {
+function ColumnsEditContainer(_ref) {
+  let {
+    attributes,
+    updateAlignment,
+    updateColumns,
+    columnCount,
+    isSelected,
+    onDeleteBlock,
+    innerWidths,
+    updateInnerColumnWidth,
+    editorSidebarOpened
+  } = _ref;
   const [resizeListener, sizes] = (0, _compose.useResizeObserver)();
   const [columnsInRow, setColumnsInRow] = (0, _element.useState)(MIN_COLUMNS_NUM);
   const screenWidth = Math.floor(_reactNative.Dimensions.get('window').width);