@wordpress/block-library 8.19.2 → 8.20.0

package/build/column/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_components","_data","_i18n","ColumnEdit","attributes","verticalAlignment","width","templateLock","allowedBlocks","setAttributes","clientId","classes","classnames","units","useCustomUnits","availableUnits","useSetting","columnsIds","hasChildBlocks","rootClientId","useSelect","select","getBlockOrder","getBlockRootClientId","blockEditorStore","rootId","length","updateBlockAttributes","useDispatch","updateAlignment","value","widthWithUnit","Number","isFinite","blockProps","useBlockProps","className","style","flexBasis","undefined","columnsCount","currentColumnPosition","indexOf","label","sprintf","__","innerBlocksProps","useInnerBlocksProps","renderAppender","InnerBlocks","ButtonBlockAppender","_element","createElement","Fragment","BlockControls","BlockVerticalAlignmentToolbar","onChange","controls","InspectorControls","PanelBody","title","__experimentalUnitControl","labelPosition","__unstableInputWidth","nextWidth","parseFloat","_default","exports","default"],"sources":["@wordpress/block-library/src/column/edit.js"],"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: { verticalAlignment, width, templateLock, allowedBlocks },\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 } =\n\t\t\t\tselect( blockEditorStore );\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\tcontrols={ [ 'top', 'center', 'bottom', 'stretch' ] }\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"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_components","_data","_i18n","ColumnEdit","attributes","verticalAlignment","width","templateLock","allowedBlocks","setAttributes","clientId","classes","classnames","units","useCustomUnits","availableUnits","useSetting","columnsIds","hasChildBlocks","rootClientId","useSelect","select","getBlockOrder","getBlockRootClientId","blockEditorStore","rootId","length","updateBlockAttributes","useDispatch","updateAlignment","value","widthWithUnit","Number","isFinite","blockProps","useBlockProps","className","style","flexBasis","undefined","columnsCount","currentColumnPosition","indexOf","label","sprintf","__","innerBlocksProps","useInnerBlocksProps","renderAppender","InnerBlocks","ButtonBlockAppender","_react","createElement","Fragment","BlockControls","BlockVerticalAlignmentToolbar","onChange","controls","InspectorControls","PanelBody","title","__experimentalUnitControl","labelPosition","__unstableInputWidth","nextWidth","parseFloat","_default","exports","default"],"sources":["@wordpress/block-library/src/column/edit.js"],"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: { verticalAlignment, width, templateLock, allowedBlocks },\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 } =\n\t\t\t\tselect( blockEditorStore );\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\tcontrols={ [ 'top', 'center', 'bottom', 'stretch' ] }\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"],"mappings":"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"}

package/build/column/edit.native.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -95,24 +96,24 @@ function ColumnEdit({
         width: columnWidth
       } = contentStyle[clientId] || {};
       const isFullWidth = columnWidth === screenWidth;
-      return (0, _element.createElement)(_reactNative.View, {
+      return (0, _react.createElement)(_reactNative.View, {
         style: [_editor.default.columnAppender, isFullWidth && _editor.default.fullwidthColumnAppender, isFullWidth && hasChildren && _editor.default.fullwidthHasInnerColumnAppender, !isFullWidth && hasChildren && _editor.default.hasInnerColumnAppender]
-      }, (0, _element.createElement)(_blockEditor.InnerBlocks.ButtonBlockAppender, null));
+      }, (0, _react.createElement)(_blockEditor.InnerBlocks.ButtonBlockAppender, null));
     }
     return null;
   }, [contentStyle, clientId, screenWidth, isSelected, hasChildren]);
   if (!isSelected && !hasChildren) {
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: [getStylesFromColorScheme(_editor.default.columnPlaceholder, _editor.default.columnPlaceholderDark), contentStyle[clientId]]
     });
   }
   const parentWidth = contentStyle && contentStyle[clientId] && contentStyle[clientId].width;
-  return (0, _element.createElement)(_element.Fragment, null, isSelected && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
+  return (0, _react.createElement)(_react.Fragment, null, isSelected && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
     onChange: updateAlignment,
     value: verticalAlignment
-  })), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Column settings')
-  }, (0, _element.createElement)(_components.UnitControl, {
+  }, (0, _react.createElement)(_components.UnitControl, {
     label: (0, _i18n.__)('Width'),
     min: 1,
     max: (0, _utils.isPercentageUnit)(widthUnit) ? 100 : undefined,
@@ -122,15 +123,15 @@ function ColumnEdit({
     value: (0, _utils.getWidths)(columns)[selectedColumnIndex],
     unit: widthUnit,
     units: units,
-    preview: (0, _element.createElement)(_columnPreview.default, {
+    preview: (0, _react.createElement)(_columnPreview.default, {
       columnWidths: (0, _utils.getWidths)(columns, false),
       selectedColumnIndex: selectedColumnIndex
     })
-  })), (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_components.FooterMessageControl, {
+  })), (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_components.FooterMessageControl, {
     label: (0, _i18n.__)('Note: Column layout may vary between themes and screen sizes')
-  })))), (0, _element.createElement)(_reactNative.View, {
+  })))), (0, _react.createElement)(_reactNative.View, {
     style: [isSelected && hasChildren && _editor.default.innerBlocksBottomSpace, contentStyle[clientId]]
-  }, (0, _element.createElement)(_blockEditor.InnerBlocks, {
+  }, (0, _react.createElement)(_blockEditor.InnerBlocks, {
     renderAppender: renderAppender,
     parentWidth: parentWidth,
     blockWidth: blockWidth
@@ -147,9 +148,9 @@ function ColumnEditWrapper(props) {
       ..._editor.default[`is-vertically-aligned-${alignment}`]
     };
   };
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: getVerticalAlignmentRemap(verticalAlignment)
-  }, (0, _element.createElement)(ColumnEdit, {
+  }, (0, _react.createElement)(ColumnEdit, {
     ...props
   }));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_data","_compose","_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","units","useCustomUnits","availableUnits","useSetting","updateAlignment","alignment","useEffect","onChangeWidth","nextWidth","widthWithUnit","getWidthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","getWidths","onChange","isPercentageUnit","renderAppender","useCallback","columnWidth","isFullWidth","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","compose","withSelect","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme","exports"],"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\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\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\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={ __( '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={ 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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"}
+{"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","units","useCustomUnits","availableUnits","useSetting","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","compose","withSelect","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme","exports"],"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\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\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\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={ __( '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={ 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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"}

package/build/column/save.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -45,7 +45,7 @@ function save({
     style
   });
   const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...innerBlocksProps
   });
 }

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","_element","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,QAAA,CAAAC,aAAA;IAAA,GAAUH;EAAgB,CAAI,CAAC;AACvC"}
+{"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"}

package/build/columns/deprecated.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
@@ -108,10 +108,10 @@ var _default = [{
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       color: textClass ? undefined : customTextColor
     };
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: className ? className : undefined,
       style: style
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
   }
 }, {
   attributes: {
@@ -165,9 +165,9 @@ var _default = [{
     const {
       columns
     } = attributes;
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: `has-${columns}-columns`
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
   }
 }, {
   attributes: {
@@ -197,9 +197,9 @@ var _default = [{
     const wrapperClasses = (0, _classnames.default)(`has-${columns}-columns`, {
       [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment
     });
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       className: wrapperClasses
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
   }
 }];
 exports.default = _default;

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","verticalAlignment","type","backgroundColor","textColor","migrate","save","backgroundClass","getColorClassName","textClass","className","classnames","undefined","_element","createElement","InnerBlocks","Content","columns","default","isEligible","innerBlocks","isFastPassEligible","some","innerBlock","test","reduce","accumulator","columnIndex","push","migratedInnerBlocks","map","columnBlocks","createBlock","ignoredColumns","wrapperClasses","exports"],"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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"}
+{"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","verticalAlignment","type","backgroundColor","textColor","migrate","save","backgroundClass","getColorClassName","textClass","className","classnames","undefined","_react","createElement","InnerBlocks","Content","columns","default","isEligible","innerBlocks","isFastPassEligible","some","innerBlock","test","reduce","accumulator","columnIndex","push","migratedInnerBlocks","map","columnBlocks","createBlock","ignoredColumns","wrapperClasses","exports"],"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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"}

package/build/columns/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -87,10 +87,10 @@ function ColumnsEditContainer({
     renderAppender: false,
     templateLock
   });
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
     onChange: updateAlignment,
     value: verticalAlignment
-  })), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, null, canInsertColumnBlock && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.RangeControl, {
+  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, null, canInsertColumnBlock && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Columns'),
@@ -98,17 +98,17 @@ function ColumnsEditContainer({
     onChange: value => updateColumns(count, Math.max(minCount, value)),
     min: Math.max(1, minCount),
     max: Math.max(6, count)
-  }), count > 6 && (0, _element.createElement)(_components.Notice, {
+  }), count > 6 && (0, _react.createElement)(_components.Notice, {
     status: "warning",
     isDismissible: false
-  }, (0, _i18n.__)('This column count exceeds the recommended amount and may cause visual breakage.'))), (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _i18n.__)('This column count exceeds the recommended amount and may cause visual breakage.'))), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Stack on mobile'),
     checked: isStackedOnMobile,
     onChange: () => setAttributes({
       isStackedOnMobile: !isStackedOnMobile
     })
-  }))), (0, _element.createElement)("div", {
+  }))), (0, _react.createElement)("div", {
     ...innerBlocksProps
   }));
 }
@@ -225,9 +225,9 @@ function Placeholder({
     replaceInnerBlocks
   } = (0, _data.useDispatch)(_blockEditor.store);
   const blockProps = (0, _blockEditor.useBlockProps)();
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)(_blockEditor.__experimentalBlockVariationPicker, {
+  }, (0, _react.createElement)(_blockEditor.__experimentalBlockVariationPicker, {
     icon: blockType?.icon?.src,
     label: blockType?.title,
     variations: variations,
@@ -248,7 +248,7 @@ const ColumnsEdit = props => {
   } = props;
   const hasInnerBlocks = (0, _data.useSelect)(select => select(_blockEditor.store).getBlocks(clientId).length > 0, [clientId]);
   const Component = hasInnerBlocks ? ColumnsEditContainerWrapper : Placeholder;
-  return (0, _element.createElement)(Component, {
+  return (0, _react.createElement)(Component, {
     ...props
   });
 };

package/build/columns/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_blockEditor","_data","_blocks","_utils","ALLOWED_BLOCKS","ColumnsEditContainer","attributes","setAttributes","updateAlignment","updateColumns","clientId","isStackedOnMobile","verticalAlignment","templateLock","count","canInsertColumnBlock","minCount","useSelect","select","canInsertBlockType","canRemoveBlock","getBlocks","getBlockCount","blockEditorStore","innerBlocks","preventRemovalBlockIndexes","reduce","acc","block","index","push","Math","max","classes","classnames","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","allowedBlocks","orientation","renderAppender","_element","createElement","Fragment","BlockControls","BlockVerticalAlignmentToolbar","onChange","value","InspectorControls","PanelBody","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","__","min","Notice","status","isDismissible","ToggleControl","checked","ColumnsEditContainerWrapper","withDispatch","dispatch","ownProps","registry","updateBlockAttributes","getBlockOrder","innerBlockClientIds","forEach","innerBlockClientId","previousColumns","newColumns","replaceInnerBlocks","hasExplicitWidths","hasExplicitPercentColumnWidths","isAddingColumn","newColumnWidth","toWidthPrecision","widths","getRedistributedColumnWidths","getMappedColumnWidths","Array","from","length","map","createBlock","width","slice","Placeholder","name","blockType","defaultVariation","variations","getBlockVariations","getBlockType","getDefaultBlockVariation","blocksStore","useDispatch","__experimentalBlockVariationPicker","icon","src","title","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 { 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, templateLock } = attributes;\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\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\ttemplateLock,\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{ 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\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 =\n\t\t\t\thasExplicitPercentColumnWidths( innerBlocks );\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...Array.from( {\n\t\t\t\t\t\tlength: newColumns - previousColumns,\n\t\t\t\t\t} ).map( () => {\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...Array.from( {\n\t\t\t\t\t\tlength: newColumns - previousColumns,\n\t\t\t\t\t} ).map( () => {\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 if ( newColumns < previousColumns ) {\n\t\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\t\tinnerBlocks = innerBlocks.slice(\n\t\t\t\t\t0,\n\t\t\t\t\t-( previousColumns - newColumns )\n\t\t\t\t);\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={ 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\n\t\t? ColumnsEditContainerWrapper\n\t\t: Placeholder;\n\n\treturn <Component { ...props } />;\n};\n\nexport default ColumnsEdit;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAOA,IAAAG,YAAA,GAAAH,OAAA;AASA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AASA,IAAAM,MAAA,GAAAN,OAAA;AAnCA;AACA;AACA;;AAGA;AACA;AACA;;AAyBA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMO,cAAc,GAAG,CAAE,aAAa,CAAE;AAExC,SAASC,oBAAoBA,CAAE;EAC9BC,UAAU;EACVC,aAAa;EACbC,eAAe;EACfC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,iBAAiB;IAAEC,iBAAiB;IAAEC;EAAa,CAAC,GAAGP,UAAU;EAEzE,MAAM;IAAEQ,KAAK;IAAEC,oBAAoB;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EACxDC,MAAM,IAAM;IACb,MAAM;MACLC,kBAAkB;MAClBC,cAAc;MACdC,SAAS;MACTC;IACD,CAAC,GAAGJ,MAAM,CAAEK,kBAAiB,CAAC;IAC9B,MAAMC,WAAW,GAAGH,SAAS,CAAEX,QAAS,CAAC;;IAEzC;IACA;IACA,MAAMe,0BAA0B,GAAGD,WAAW,CAACE,MAAM,CACpD,CAAEC,GAAG,EAAEC,KAAK,EAAEC,KAAK,KAAM;MACxB,IAAK,CAAET,cAAc,CAAEQ,KAAK,CAAClB,QAAS,CAAC,EAAG;QACzCiB,GAAG,CAACG,IAAI,CAAED,KAAM,CAAC;MAClB;MACA,OAAOF,GAAG;IACX,CAAC,EACD,EACD,CAAC;IAED,OAAO;MACNb,KAAK,EAAEQ,aAAa,CAAEZ,QAAS,CAAC;MAChCK,oBAAoB,EAAEI,kBAAkB,CACvC,aAAa,EACbT,QACD,CAAC;MACDM,QAAQ,EAAEe,IAAI,CAACC,GAAG,CAAE,GAAGP,0BAA2B,CAAC,GAAG;IACvD,CAAC;EACF,CAAC,EACD,CAAEf,QAAQ,CACX,CAAC;EAED,MAAMuB,OAAO,GAAG,IAAAC,mBAAU,EAAE;IAC3B,CAAG,0BAA0BtB,iBAAmB,EAAC,GAAIA,iBAAiB;IACtE,CAAG,0BAAyB,GAAI,CAAED;EACnC,CAAE,CAAC;EAEH,MAAMwB,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAEJ;EACZ,CAAE,CAAC;EACH,MAAMK,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEJ,UAAU,EAAE;IACzDK,aAAa,EAAEpC,cAAc;IAC7BqC,WAAW,EAAE,YAAY;IACzBC,cAAc,EAAE,KAAK;IACrB7B;EACD,CAAE,CAAC;EAEH,OACC,IAAA8B,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAAC5C,YAAA,CAAA8C,aAAa,QACb,IAAAH,QAAA,CAAAC,aAAA,EAAC5C,YAAA,CAAA+C,6BAA6B;IAC7BC,QAAQ,EAAGxC,eAAiB;IAC5ByC,KAAK,EAAGrC;EAAmB,CAC3B,CACa,CAAC,EAChB,IAAA+B,QAAA,CAAAC,aAAA,EAAC5C,YAAA,CAAAkD,iBAAiB,QACjB,IAAAP,QAAA,CAAAC,aAAA,EAAC7C,WAAA,CAAAoD,SAAS,QACPpC,oBAAoB,IACrB,IAAA4B,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAAC7C,WAAA,CAAAqD,YAAY;IACZC,uBAAuB;IACvBC,qBAAqB;IACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBP,KAAK,EAAGnC,KAAO;IACfkC,QAAQ,EAAKC,KAAK,IACjBxC,aAAa,CACZK,KAAK,EACLiB,IAAI,CAACC,GAAG,CAAEhB,QAAQ,EAAEiC,KAAM,CAC3B,CACA;IACDQ,GAAG,EAAG1B,IAAI,CAACC,GAAG,CAAE,CAAC,EAAEhB,QAAS,CAAG;IAC/BgB,GAAG,EAAGD,IAAI,CAACC,GAAG,CAAE,CAAC,EAAElB,KAAM;EAAG,CAC5B,CAAC,EACAA,KAAK,GAAG,CAAC,IACV,IAAA6B,QAAA,CAAAC,aAAA,EAAC7C,WAAA,CAAA2D,MAAM;IACNC,MAAM,EAAC,SAAS;IAChBC,aAAa,EAAG;EAAO,GAErB,IAAAJ,QAAE,EACH,iFACD,CACO,CAER,CACF,EACD,IAAAb,QAAA,CAAAC,aAAA,EAAC7C,WAAA,CAAA8D,aAAa;IACbR,uBAAuB;IACvBE,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;IACjCM,OAAO,EAAGnD,iBAAmB;IAC7BqC,QAAQ,EAAGA,CAAA,KACVzC,aAAa,CAAE;MACdI,iBAAiB,EAAE,CAAEA;IACtB,CAAE;EACF,CACD,CACS,CACO,CAAC,EACpB,IAAAgC,QAAA,CAAAC,aAAA;IAAA,GAAUN;EAAgB,CAAI,CAC7B,CAAC;AAEL;AAEA,MAAMyB,2BAA2B,GAAG,IAAAC,kBAAY,EAC/C,CAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,MAAQ;EACrC;AACF;AACA;AACA;AACA;AACA;AACA;EACE3D,eAAeA,CAAEI,iBAAiB,EAAG;IACpC,MAAM;MAAEF,QAAQ;MAAEH;IAAc,CAAC,GAAG2D,QAAQ;IAC5C,MAAM;MAAEE;IAAsB,CAAC,GAAGH,QAAQ,CAAE1C,kBAAiB,CAAC;IAC9D,MAAM;MAAE8C;IAAc,CAAC,GAAGF,QAAQ,CAACjD,MAAM,CAAEK,kBAAiB,CAAC;;IAE7D;IACAhB,aAAa,CAAE;MAAEK;IAAkB,CAAE,CAAC;;IAEtC;IACA,MAAM0D,mBAAmB,GAAGD,aAAa,CAAE3D,QAAS,CAAC;IACrD4D,mBAAmB,CAACC,OAAO,CAAIC,kBAAkB,IAAM;MACtDJ,qBAAqB,CAAEI,kBAAkB,EAAE;QAC1C5D;MACD,CAAE,CAAC;IACJ,CAAE,CAAC;EACJ,CAAC;EAED;AACF;AACA;AACA;AACA;AACA;AACA;EACEH,aAAaA,CAAEgE,eAAe,EAAEC,UAAU,EAAG;IAC5C,MAAM;MAAEhE;IAAS,CAAC,GAAGwD,QAAQ;IAC7B,MAAM;MAAES;IAAmB,CAAC,GAAGV,QAAQ,CAAE1C,kBAAiB,CAAC;IAC3D,MAAM;MAAEF;IAAU,CAAC,GAAG8C,QAAQ,CAACjD,MAAM,CAAEK,kBAAiB,CAAC;IAEzD,IAAIC,WAAW,GAAGH,SAAS,CAAEX,QAAS,CAAC;IACvC,MAAMkE,iBAAiB,GACtB,IAAAC,qCAA8B,EAAErD,WAAY,CAAC;;IAE9C;IACA,MAAMsD,cAAc,GAAGJ,UAAU,GAAGD,eAAe;IAEnD,IAAKK,cAAc,IAAIF,iBAAiB,EAAG;MAC1C;MACA;MACA,MAAMG,cAAc,GAAG,IAAAC,uBAAgB,EAAE,GAAG,GAAGN,UAAW,CAAC;;MAE3D;MACA;MACA,MAAMO,MAAM,GAAG,IAAAC,mCAA4B,EAC1C1D,WAAW,EACX,GAAG,GAAGuD,cACP,CAAC;MAEDvD,WAAW,GAAG,CACb,GAAG,IAAA2D,4BAAqB,EAAE3D,WAAW,EAAEyD,MAAO,CAAC,EAC/C,GAAGG,KAAK,CAACC,IAAI,CAAE;QACdC,MAAM,EAAEZ,UAAU,GAAGD;MACtB,CAAE,CAAC,CAACc,GAAG,CAAE,MAAM;QACd,OAAO,IAAAC,mBAAW,EAAE,aAAa,EAAE;UAClCC,KAAK,EAAG,GAAGV,cAAgB;QAC5B,CAAE,CAAC;MACJ,CAAE,CAAC,CACH;IACF,CAAC,MAAM,IAAKD,cAAc,EAAG;MAC5BtD,WAAW,GAAG,CACb,GAAGA,WAAW,EACd,GAAG4D,KAAK,CAACC,IAAI,CAAE;QACdC,MAAM,EAAEZ,UAAU,GAAGD;MACtB,CAAE,CAAC,CAACc,GAAG,CAAE,MAAM;QACd,OAAO,IAAAC,mBAAW,EAAE,aAAc,CAAC;MACpC,CAAE,CAAC,CACH;IACF,CAAC,MAAM,IAAKd,UAAU,GAAGD,eAAe,EAAG;MAC1C;MACAjD,WAAW,GAAGA,WAAW,CAACkE,KAAK,CAC9B,CAAC,EACD,EAAGjB,eAAe,GAAGC,UAAU,CAChC,CAAC;MACD,IAAKE,iBAAiB,EAAG;QACxB;QACA,MAAMK,MAAM,GAAG,IAAAC,mCAA4B,EAC1C1D,WAAW,EACX,GACD,CAAC;QAEDA,WAAW,GAAG,IAAA2D,4BAAqB,EAAE3D,WAAW,EAAEyD,MAAO,CAAC;MAC3D;IACD;IAEAN,kBAAkB,CAAEjE,QAAQ,EAAEc,WAAY,CAAC;EAC5C;AACD,CAAC,CACF,CAAC,CAAEnB,oBAAqB,CAAC;AAEzB,SAASsF,WAAWA,CAAE;EAAEjF,QAAQ;EAAEkF,IAAI;EAAErF;AAAc,CAAC,EAAG;EACzD,MAAM;IAAEsF,SAAS;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAG,IAAA9E,eAAS,EAC1DC,MAAM,IAAM;IACb,MAAM;MACL8E,kBAAkB;MAClBC,YAAY;MACZC;IACD,CAAC,GAAGhF,MAAM,CAAEiF,aAAY,CAAC;IAEzB,OAAO;MACNN,SAAS,EAAEI,YAAY,CAAEL,IAAK,CAAC;MAC/BE,gBAAgB,EAAEI,wBAAwB,CAAEN,IAAI,EAAE,OAAQ,CAAC;MAC3DG,UAAU,EAAEC,kBAAkB,CAAEJ,IAAI,EAAE,OAAQ;IAC/C,CAAC;EACF,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAM;IAAEjB;EAAmB,CAAC,GAAG,IAAAyB,iBAAW,EAAE7E,kBAAiB,CAAC;EAC9D,MAAMY,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAElC,OACC,IAAAO,QAAA,CAAAC,aAAA;IAAA,GAAUT;EAAU,GACnB,IAAAQ,QAAA,CAAAC,aAAA,EAAC5C,YAAA,CAAAqG,kCAAkC;IAClCC,IAAI,EAAGT,SAAS,EAAES,IAAI,EAAEC,GAAK;IAC7BhD,KAAK,EAAGsC,SAAS,EAAEW,KAAO;IAC1BT,UAAU,EAAGA,UAAY;IACzBU,QAAQ,EAAGA,CAAEC,aAAa,GAAGZ,gBAAgB,KAAM;MAClD,IAAKY,aAAa,CAACpG,UAAU,EAAG;QAC/BC,aAAa,CAAEmG,aAAa,CAACpG,UAAW,CAAC;MAC1C;MACA,IAAKoG,aAAa,CAAClF,WAAW,EAAG;QAChCmD,kBAAkB,CACjBjE,QAAQ,EACR,IAAAiG,2CAAmC,EAClCD,aAAa,CAAClF,WACf,CAAC,EACD,IACD,CAAC;MACF;IACD,CAAG;IACHoF,SAAS;EAAA,CACT,CACG,CAAC;AAER;AAEA,MAAMC,WAAW,GAAKC,KAAK,IAAM;EAChC,MAAM;IAAEpG;EAAS,CAAC,GAAGoG,KAAK;EAC1B,MAAMC,cAAc,GAAG,IAAA9F,eAAS,EAC7BC,MAAM,IACPA,MAAM,CAAEK,kBAAiB,CAAC,CAACF,SAAS,CAAEX,QAAS,CAAC,CAAC4E,MAAM,GAAG,CAAC,EAC5D,CAAE5E,QAAQ,CACX,CAAC;EACD,MAAMsG,SAAS,GAAGD,cAAc,GAC7BhD,2BAA2B,GAC3B4B,WAAW;EAEd,OAAO,IAAAhD,QAAA,CAAAC,aAAA,EAACoE,SAAS;IAAA,GAAMF;EAAK,CAAI,CAAC;AAClC,CAAC;AAAC,IAAAG,QAAA,GAEaJ,WAAW;AAAAK,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_blockEditor","_data","_blocks","_utils","ALLOWED_BLOCKS","ColumnsEditContainer","attributes","setAttributes","updateAlignment","updateColumns","clientId","isStackedOnMobile","verticalAlignment","templateLock","count","canInsertColumnBlock","minCount","useSelect","select","canInsertBlockType","canRemoveBlock","getBlocks","getBlockCount","blockEditorStore","innerBlocks","preventRemovalBlockIndexes","reduce","acc","block","index","push","Math","max","classes","classnames","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","allowedBlocks","orientation","renderAppender","_react","createElement","Fragment","BlockControls","BlockVerticalAlignmentToolbar","onChange","value","InspectorControls","PanelBody","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","__","min","Notice","status","isDismissible","ToggleControl","checked","ColumnsEditContainerWrapper","withDispatch","dispatch","ownProps","registry","updateBlockAttributes","getBlockOrder","innerBlockClientIds","forEach","innerBlockClientId","previousColumns","newColumns","replaceInnerBlocks","hasExplicitWidths","hasExplicitPercentColumnWidths","isAddingColumn","newColumnWidth","toWidthPrecision","widths","getRedistributedColumnWidths","getMappedColumnWidths","Array","from","length","map","createBlock","width","slice","Placeholder","name","blockType","defaultVariation","variations","getBlockVariations","getBlockType","getDefaultBlockVariation","blocksStore","useDispatch","__experimentalBlockVariationPicker","icon","src","title","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 { 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, templateLock } = attributes;\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\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\ttemplateLock,\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{ 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\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 =\n\t\t\t\thasExplicitPercentColumnWidths( innerBlocks );\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...Array.from( {\n\t\t\t\t\t\tlength: newColumns - previousColumns,\n\t\t\t\t\t} ).map( () => {\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...Array.from( {\n\t\t\t\t\t\tlength: newColumns - previousColumns,\n\t\t\t\t\t} ).map( () => {\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 if ( newColumns < previousColumns ) {\n\t\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\t\tinnerBlocks = innerBlocks.slice(\n\t\t\t\t\t0,\n\t\t\t\t\t-( previousColumns - newColumns )\n\t\t\t\t);\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={ 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\n\t\t? ColumnsEditContainerWrapper\n\t\t: Placeholder;\n\n\treturn <Component { ...props } />;\n};\n\nexport default ColumnsEdit;\n"],"mappings":"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"}

package/build/columns/edit.native.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _blocks = require("@wordpress/blocks");
 var _icons = require("@wordpress/icons");
@@ -99,9 +100,9 @@ function ColumnsEditContainer({
   }, [width, columnCount]);
   const renderAppender = () => {
     if (isSelected) {
-      return (0, _element.createElement)(_reactNative.View, {
+      return (0, _react.createElement)(_reactNative.View, {
         style: isFullWidth(align) && _editor.default.columnAppender
-      }, (0, _element.createElement)(_blockEditor.InnerBlocks.ButtonBlockAppender, {
+      }, (0, _react.createElement)(_blockEditor.InnerBlocks.ButtonBlockAppender, {
         onAddBlock: onAddBlock
       }));
     }
@@ -136,7 +137,7 @@ function ColumnsEditContainer({
       } = (0, _components.getValueAndUnit)(column.attributes.width) || {};
       const label = (0, _i18n.sprintf)( /* translators: %d: column index. */
       (0, _i18n.__)('Column %d'), index + 1);
-      return (0, _element.createElement)(_components.UnitControl, {
+      return (0, _react.createElement)(_components.UnitControl, {
         label: label,
         settingLabel: (0, _i18n.__)('Width'),
         key: `${column.clientId}-${(0, _utils.getWidths)(innerWidths).length}`,
@@ -152,7 +153,7 @@ function ColumnsEditContainer({
         },
         unit: valueUnit,
         units: units,
-        preview: (0, _element.createElement)(_columnPreview.default, {
+        preview: (0, _react.createElement)(_columnPreview.default, {
           columnWidths: (0, _utils.getWidths)(innerWidths, false),
           selectedColumnIndex: index
         })
@@ -162,9 +163,9 @@ function ColumnsEditContainer({
   const onChangeColumnsNum = (0, _element.useCallback)(value => {
     updateColumns(columnCount, value);
   }, [columnCount]);
-  return (0, _element.createElement)(_element.Fragment, null, isSelected && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_react.Fragment, null, isSelected && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Columns Settings')
-  }, (0, _element.createElement)(_components.RangeControl, {
+  }, (0, _react.createElement)(_components.RangeControl, {
     label: (0, _i18n.__)('Number of columns'),
     icon: _icons.columns,
     value: columnCount,
@@ -172,14 +173,14 @@ function ColumnsEditContainer({
     min: MIN_COLUMNS_NUM,
     max: columnCount + 1,
     type: "stepper"
-  }), getColumnsSliders), (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_components.FooterMessageControl, {
+  }), getColumnsSliders), (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_components.FooterMessageControl, {
     label: (0, _i18n.__)('Note: Column layout may vary between themes and screen sizes')
-  }))), (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
+  }))), (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
     onChange: updateAlignment,
     value: verticalAlignment
-  }))), (0, _element.createElement)(_reactNative.View, {
+  }))), (0, _react.createElement)(_reactNative.View, {
     style: isSelected && _editor.default.innerBlocksSelected
-  }, resizeListener, width && (0, _element.createElement)(_blockEditor.InnerBlocks, {
+  }, resizeListener, width && (0, _react.createElement)(_blockEditor.InnerBlocks, {
     renderAppender: renderAppender,
     orientation: columnsInRow > 1 ? 'horizontal' : undefined,
     horizontal: columnsInRow > 1,
@@ -381,16 +382,16 @@ const ColumnsEdit = props => {
   const onClose = (0, _element.useCallback)(() => {
     setIsVisible(false);
   }, []);
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: style
-  }, (0, _element.createElement)(ColumnsEditContainerWrapper, {
+  }, (0, _react.createElement)(ColumnsEditContainerWrapper, {
     columnCount: columnCount,
     innerWidths: innerWidths,
     hasParents: hasParents,
     parentBlockAlignment: parentBlockAlignment,
     editorSidebarOpened: editorSidebarOpened,
     ...props
-  }), (0, _element.createElement)(_blockEditor.BlockVariationPicker, {
+  }), (0, _react.createElement)(_blockEditor.BlockVariationPicker, {
     variations: _variations.default,
     onClose: onClose,
     clientId: clientId,