@wordpress/block-library 8.34.0 → 9.0.0

package/build/columns/edit.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
 var _blocks = require("@wordpress/blocks");
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -113,27 +113,31 @@ function ColumnInspectorControls({
     }
     replaceInnerBlocks(clientId, innerBlocks);
   }
-  return (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, canInsertColumnBlock && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: (0, _i18n.__)('Columns'),
-    value: count,
-    onChange: value => updateColumns(count, Math.max(minCount, value)),
-    min: Math.max(1, minCount),
-    max: Math.max(6, count)
-  }), 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, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Stack on mobile'),
-    checked: isStackedOnMobile,
-    onChange: () => setAttributes({
-      isStackedOnMobile: !isStackedOnMobile
-    })
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+    title: (0, _i18n.__)('Settings'),
+    children: [canInsertColumnBlock && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: (0, _i18n.__)('Columns'),
+        value: count,
+        onChange: value => updateColumns(count, Math.max(minCount, value)),
+        min: Math.max(1, minCount),
+        max: Math.max(6, count)
+      }), count > 6 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Notice, {
+        status: "warning",
+        isDismissible: false,
+        children: (0, _i18n.__)('This column count exceeds the recommended amount and may cause visual breakage.')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+      __nextHasNoMarginBottom: true,
+      label: (0, _i18n.__)('Stack on mobile'),
+      checked: isStackedOnMobile,
+      onChange: () => setAttributes({
+        isStackedOnMobile: !isStackedOnMobile
+      })
+    })]
+  });
 }
 function ColumnsEditContainer({
   attributes,
@@ -152,7 +156,7 @@ function ColumnsEditContainer({
   const {
     updateBlockAttributes
   } = (0, _data.useDispatch)(_blockEditor.store);
-  const classes = (0, _classnames.default)({
+  const classes = (0, _clsx.default)({
     [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
     [`is-not-stacked-on-mobile`]: !isStackedOnMobile
   });
@@ -188,16 +192,22 @@ function ColumnsEditContainer({
       });
     });
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
-    onChange: updateAlignment,
-    value: verticalAlignment
-  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(ColumnInspectorControls, {
-    clientId: clientId,
-    setAttributes: setAttributes,
-    isStackedOnMobile: isStackedOnMobile
-  })), (0, _react.createElement)("div", {
-    ...innerBlocksProps
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockVerticalAlignmentToolbar, {
+        onChange: updateAlignment,
+        value: verticalAlignment
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnInspectorControls, {
+        clientId: clientId,
+        setAttributes: setAttributes,
+        isStackedOnMobile: isStackedOnMobile
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...innerBlocksProps
+    })]
+  });
 }
 function Placeholder({
   clientId,
@@ -224,23 +234,24 @@ function Placeholder({
     replaceInnerBlocks
   } = (0, _data.useDispatch)(_blockEditor.store);
   const blockProps = (0, _blockEditor.useBlockProps)();
-  return (0, _react.createElement)("div", {
-    ...blockProps
-  }, (0, _react.createElement)(_blockEditor.__experimentalBlockVariationPicker, {
-    icon: blockType?.icon?.src,
-    label: blockType?.title,
-    variations: variations,
-    instructions: (0, _i18n.__)('Divide into columns. Select a layout:'),
-    onSelect: (nextVariation = defaultVariation) => {
-      if (nextVariation.attributes) {
-        setAttributes(nextVariation.attributes);
-      }
-      if (nextVariation.innerBlocks) {
-        replaceInnerBlocks(clientId, (0, _blocks.createBlocksFromInnerBlocksTemplate)(nextVariation.innerBlocks), true);
-      }
-    },
-    allowSkip: true
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...blockProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalBlockVariationPicker, {
+      icon: blockType?.icon?.src,
+      label: blockType?.title,
+      variations: variations,
+      instructions: (0, _i18n.__)('Divide into columns. Select a layout:'),
+      onSelect: (nextVariation = defaultVariation) => {
+        if (nextVariation.attributes) {
+          setAttributes(nextVariation.attributes);
+        }
+        if (nextVariation.innerBlocks) {
+          replaceInnerBlocks(clientId, (0, _blocks.createBlocksFromInnerBlocksTemplate)(nextVariation.innerBlocks), true);
+        }
+      },
+      allowSkip: true
+    })
+  });
 }
 const ColumnsEdit = props => {
   const {
@@ -248,7 +259,7 @@ const ColumnsEdit = props => {
   } = props;
   const hasInnerBlocks = (0, _data.useSelect)(select => select(_blockEditor.store).getBlocks(clientId).length > 0, [clientId]);
   const Component = hasInnerBlocks ? ColumnsEditContainer : Placeholder;
-  return (0, _react.createElement)(Component, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
     ...props
   });
 };

package/build/columns/edit.js.map

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

package/build/columns/edit.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -20,6 +19,7 @@ var _editor = _interopRequireDefault(require("./editor.scss"));
 var _utils = require("./utils");
 var _columnCalculations = require("./columnCalculations.native");
 var _columnPreview = _interopRequireDefault(require("../column/column-preview"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -37,8 +37,7 @@ var _columnPreview = _interopRequireDefault(require("../column/column-preview"))
  * template option selection.
  *
  * @type {number}
- */
-const DEFAULT_COLUMNS_NUM = 2;
+ */const DEFAULT_COLUMNS_NUM = 2;
 
 /**
  * Minimum number of columns in a row
@@ -63,7 +62,7 @@ function ColumnsEditContainer({
   const [resizeListener, sizes] = (0, _compose.useResizeObserver)();
   const [columnsInRow, setColumnsInRow] = (0, _element.useState)(MIN_COLUMNS_NUM);
   const screenWidth = Math.floor(_reactNative.Dimensions.get('window').width);
-  const globalStyles = (0, _element.useContext)(_components.GlobalStylesContext);
+  const globalStyles = (0, _blockEditor.useGlobalStyles)();
   const {
     verticalAlignment,
     align
@@ -90,11 +89,12 @@ function ColumnsEditContainer({
   }, [width, columnCount]);
   const renderAppender = () => {
     if (isSelected) {
-      return (0, _react.createElement)(_reactNative.View, {
-        style: isFullWidth(align) && _editor.default.columnAppender
-      }, (0, _react.createElement)(_blockEditor.InnerBlocks.ButtonBlockAppender, {
-        onAddBlock: onAddBlock
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: isFullWidth(align) && _editor.default.columnAppender,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.ButtonBlockAppender, {
+          onAddBlock: onAddBlock
+        })
+      });
     }
     return null;
   };
@@ -127,10 +127,9 @@ 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, _react.createElement)(_components.UnitControl, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.UnitControl, {
         label: label,
         settingLabel: (0, _i18n.__)('Width'),
-        key: `${column.clientId}-${(0, _utils.getWidths)(innerWidths).length}`,
         min: 1,
         max: (0, _utils.isPercentageUnit)(valueUnit) || !valueUnit ? 100 : undefined,
         value: (0, _utils.getWidths)(innerWidths)[index],
@@ -143,44 +142,56 @@ function ColumnsEditContainer({
         },
         unit: valueUnit,
         units: units,
-        preview: (0, _react.createElement)(_columnPreview.default, {
+        preview: /*#__PURE__*/(0, _jsxRuntime.jsx)(_columnPreview.default, {
           columnWidths: (0, _utils.getWidths)(innerWidths, false),
           selectedColumnIndex: index
         })
-      });
+      }, `${column.clientId}-${(0, _utils.getWidths)(innerWidths).length}`);
     });
   }, [editorSidebarOpened, isSelected, innerWidths]);
   const onChangeColumnsNum = (0, _element.useCallback)(value => {
     updateColumns(columnCount, value);
   }, [columnCount]);
-  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, _react.createElement)(_components.RangeControl, {
-    label: (0, _i18n.__)('Number of columns'),
-    icon: _icons.columns,
-    value: columnCount,
-    onChange: onChangeColumnsNum,
-    min: MIN_COLUMNS_NUM,
-    max: columnCount + 1,
-    type: "stepper"
-  }), 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, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
-    onChange: updateAlignment,
-    value: verticalAlignment
-  }))), (0, _react.createElement)(_reactNative.View, {
-    style: isSelected && _editor.default.innerBlocksSelected
-  }, resizeListener, width && (0, _react.createElement)(_blockEditor.InnerBlocks, {
-    renderAppender: renderAppender,
-    orientation: columnsInRow > 1 ? 'horizontal' : undefined,
-    horizontal: columnsInRow > 1,
-    contentResizeMode: "stretch",
-    onAddBlock: onAddBlock,
-    onDeleteBlock: columnCount === 1 ? onDeleteBlock : undefined,
-    blockWidth: width,
-    contentStyle: contentWidths,
-    parentWidth: isFullWidth(align) && columnCount === 0 ? screenWidth : (0, _columnCalculations.calculateContainerWidth)(width, columnsInRow)
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isSelected && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.InspectorControls, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+          title: (0, _i18n.__)('Columns Settings'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+            label: (0, _i18n.__)('Number of columns'),
+            icon: _icons.columns,
+            value: columnCount,
+            onChange: onChangeColumnsNum,
+            min: MIN_COLUMNS_NUM,
+            max: columnCount + 1,
+            type: "stepper"
+          }), getColumnsSliders]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FooterMessageControl, {
+            label: (0, _i18n.__)('Note: Column layout may vary between themes and screen sizes')
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockVerticalAlignmentToolbar, {
+          onChange: updateAlignment,
+          value: verticalAlignment
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: isSelected && _editor.default.innerBlocksSelected,
+      children: [resizeListener, width && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks, {
+        renderAppender: renderAppender,
+        orientation: columnsInRow > 1 ? 'horizontal' : undefined,
+        horizontal: columnsInRow > 1,
+        contentResizeMode: "stretch",
+        onAddBlock: onAddBlock,
+        onDeleteBlock: columnCount === 1 ? onDeleteBlock : undefined,
+        blockWidth: width,
+        contentStyle: contentWidths,
+        parentWidth: isFullWidth(align) && columnCount === 0 ? screenWidth : (0, _columnCalculations.calculateContainerWidth)(width, columnsInRow)
+      })]
+    })]
+  });
 }
 const ColumnsEditContainerWrapper = (0, _data.withDispatch)((dispatch, ownProps, registry) => ({
   /**
@@ -371,21 +382,22 @@ const ColumnsEdit = props => {
   const onClose = (0, _element.useCallback)(() => {
     setIsVisible(false);
   }, []);
-  return (0, _react.createElement)(_reactNative.View, {
-    style: style
-  }, (0, _react.createElement)(ColumnsEditContainerWrapper, {
-    columnCount: columnCount,
-    innerWidths: innerWidths,
-    hasParents: hasParents,
-    parentBlockAlignment: parentBlockAlignment,
-    editorSidebarOpened: editorSidebarOpened,
-    ...props
-  }), (0, _react.createElement)(_blockEditor.BlockVariationPicker, {
-    variations: _variations.default,
-    onClose: onClose,
-    clientId: clientId,
-    isVisible: isVisible
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnsEditContainerWrapper, {
+      columnCount: columnCount,
+      innerWidths: innerWidths,
+      hasParents: hasParents,
+      parentBlockAlignment: parentBlockAlignment,
+      editorSidebarOpened: editorSidebarOpened,
+      ...props
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockVariationPicker, {
+      variations: _variations.default,
+      onClose: onClose,
+      clientId: clientId,
+      isVisible: isVisible
+    })]
+  });
 };
 var _default = exports.default = ColumnsEdit;
 //# sourceMappingURL=edit.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_components","_blockEditor","_data","_element","_compose","_blocks","_icons","_variations","_interopRequireDefault","_editor","_utils","_columnCalculations","_columnPreview","DEFAULT_COLUMNS_NUM","MIN_COLUMNS_NUM","isFullWidth","alignmentHelpers","ColumnsEditContainer","attributes","updateAlignment","updateColumns","columnCount","isSelected","onDeleteBlock","innerWidths","updateInnerColumnWidth","editorSidebarOpened","resizeListener","sizes","useResizeObserver","columnsInRow","setColumnsInRow","useState","screenWidth","Math","floor","Dimensions","get","width","globalStyles","useContext","GlobalStylesContext","verticalAlignment","align","availableUnits","useSettings","units","useCustomUnits","useEffect","newColumnCount","getColumnsInRow","renderAppender","_react","createElement","View","style","styles","columnAppender","InnerBlocks","ButtonBlockAppender","onAddBlock","contentWidths","useMemo","getContentWidths","useCallback","onChangeWidth","nextWidth","valueUnit","columnId","widthWithUnit","getWidthWithUnit","onChangeUnit","nextUnit","index","widthWithoutUnit","parseFloat","getWidths","onChange","isPercentageUnit","getColumnsSliders","map","column","getValueAndUnit","label","sprintf","__","UnitControl","settingLabel","key","clientId","length","min","max","undefined","value","onUnitChange","onComplete","unit","preview","default","columnWidths","selectedColumnIndex","onChangeColumnsNum","Fragment","InspectorControls","PanelBody","title","RangeControl","icon","columns","type","FooterMessageControl","BlockControls","BlockVerticalAlignmentToolbar","innerBlocksSelected","orientation","horizontal","contentResizeMode","blockWidth","contentStyle","parentWidth","calculateContainerWidth","ColumnsEditContainerWrapper","withDispatch","dispatch","ownProps","registry","setAttributes","updateBlockAttributes","blockEditorStore","getBlockOrder","select","innerBlockClientIds","forEach","innerBlockClientId","previousColumns","newColumns","replaceInnerBlocks","getBlocks","getBlockAttributes","innerBlocks","hasExplicitWidths","hasExplicitPercentColumnWidths","isAddingColumn","newColumnWidth","toWidthPrecision","widths","getRedistributedColumnWidths","getMappedColumnWidths","Array","from","createBlock","slice","onAddNextColumn","selectBlock","insertedBlock","removeBlock","memo","ColumnsEdit","props","isDefaultColumns","hasParents","parentBlockAlignment","useSelect","getBlockCount","getBlockParents","isEditorSidebarOpened","innerBlocksList","isContentEmpty","every","innerBlock","parents","inn","isVisible","setIsVisible","revealTimeout","setTimeout","clearTimeout","onClose","BlockVariationPicker","variations","_default","exports"],"sources":["@wordpress/block-library/src/columns/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tFooterMessageControl,\n\tUnitControl,\n\tgetValueAndUnit,\n\tGlobalStylesContext,\n\talignmentHelpers,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tBlockVariationPicker,\n\tuseSettings,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { withDispatch, useSelect } from '@wordpress/data';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tmemo,\n} from '@wordpress/element';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { createBlock } from '@wordpress/blocks';\nimport { columns } from '@wordpress/icons';\n/**\n * Internal dependencies\n */\nimport variations from './variations';\nimport styles from './editor.scss';\nimport {\n\thasExplicitPercentColumnWidths,\n\tgetMappedColumnWidths,\n\tgetRedistributedColumnWidths,\n\ttoWidthPrecision,\n\tgetWidths,\n\tgetWidthWithUnit,\n\tisPercentageUnit,\n} from './utils';\nimport {\n\tgetColumnsInRow,\n\tcalculateContainerWidth,\n\tgetContentWidths,\n} from './columnCalculations.native';\nimport ColumnsPreview from '../column/column-preview';\n\n/**\n * Number of columns to assume for template in case the user opts to skip\n * template option selection.\n *\n * @type {number}\n */\nconst DEFAULT_COLUMNS_NUM = 2;\n\n/**\n * Minimum number of columns in a row\n *\n * @type {number}\n */\nconst MIN_COLUMNS_NUM = 1;\n\nconst { isFullWidth } = alignmentHelpers;\n\nfunction ColumnsEditContainer( {\n\tattributes,\n\tupdateAlignment,\n\tupdateColumns,\n\tcolumnCount,\n\tisSelected,\n\tonDeleteBlock,\n\tinnerWidths,\n\tupdateInnerColumnWidth,\n\teditorSidebarOpened,\n} ) {\n\tconst [ resizeListener, sizes ] = useResizeObserver();\n\tconst [ columnsInRow, setColumnsInRow ] = useState( MIN_COLUMNS_NUM );\n\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\tconst globalStyles = useContext( GlobalStylesContext );\n\n\tconst { verticalAlignment, align } = attributes;\n\tconst { width } = sizes || {};\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( columnCount === 0 ) {\n\t\t\tconst newColumnCount = columnCount || DEFAULT_COLUMNS_NUM;\n\t\t\tupdateColumns( columnCount, newColumnCount );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( width ) {\n\t\t\tif ( getColumnsInRow( width, columnCount ) !== columnsInRow ) {\n\t\t\t\tsetColumnsInRow( getColumnsInRow( width, columnCount ) );\n\t\t\t}\n\t\t}\n\t}, [ width, columnCount ] );\n\n\tconst renderAppender = () => {\n\t\tif ( isSelected ) {\n\t\t\treturn (\n\t\t\t\t<View style={ isFullWidth( align ) && styles.columnAppender }>\n\t\t\t\t\t<InnerBlocks.ButtonBlockAppender\n\t\t\t\t\t\tonAddBlock={ onAddBlock }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t};\n\n\tconst contentWidths = useMemo(\n\t\t() =>\n\t\t\tgetContentWidths(\n\t\t\t\tcolumnsInRow,\n\t\t\t\twidth,\n\t\t\t\tcolumnCount,\n\t\t\t\tinnerWidths,\n\t\t\t\tglobalStyles\n\t\t\t),\n\t\t[ width, columnsInRow, columnCount, innerWidths, globalStyles ]\n\t);\n\n\tconst onAddBlock = useCallback( () => {\n\t\tupdateColumns( columnCount, columnCount + 1 );\n\t}, [ columnCount ] );\n\n\tconst onChangeWidth = ( nextWidth, valueUnit, columnId ) => {\n\t\tconst widthWithUnit = getWidthWithUnit( nextWidth, valueUnit );\n\n\t\tupdateInnerColumnWidth( widthWithUnit, columnId );\n\t};\n\n\tconst onChangeUnit = ( nextUnit, index, columnId ) => {\n\t\tconst widthWithoutUnit = parseFloat(\n\t\t\tgetWidths( innerWidths )[ index ]\n\t\t);\n\t\tconst widthWithUnit = getWidthWithUnit( widthWithoutUnit, nextUnit );\n\n\t\tupdateInnerColumnWidth( widthWithUnit, columnId );\n\t};\n\n\tconst onChange = ( nextWidth, valueUnit, columnId ) => {\n\t\tif ( isPercentageUnit( valueUnit ) || ! valueUnit ) {\n\t\t\treturn;\n\t\t}\n\t\tonChangeWidth( nextWidth, valueUnit, columnId );\n\t};\n\n\tconst getColumnsSliders = useMemo( () => {\n\t\tif ( ! editorSidebarOpened || ! isSelected ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn innerWidths.map( ( column, index ) => {\n\t\t\tconst { valueUnit = '%' } =\n\t\t\t\tgetValueAndUnit( column.attributes.width ) || {};\n\t\t\tconst label = sprintf(\n\t\t\t\t/* translators: %d: column index. */\n\t\t\t\t__( 'Column %d' ),\n\t\t\t\tindex + 1\n\t\t\t);\n\t\t\treturn (\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tsettingLabel={ __( 'Width' ) }\n\t\t\t\t\tkey={ `${ column.clientId }-${\n\t\t\t\t\t\tgetWidths( innerWidths ).length\n\t\t\t\t\t}` }\n\t\t\t\t\tmin={ 1 }\n\t\t\t\t\tmax={\n\t\t\t\t\t\tisPercentageUnit( valueUnit ) || ! valueUnit\n\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ getWidths( innerWidths )[ index ] }\n\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\tonChange( nextWidth, valueUnit, column.clientId );\n\t\t\t\t\t} }\n\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\tonChangeUnit( nextUnit, index, column.clientId )\n\t\t\t\t\t}\n\t\t\t\t\tonComplete={ ( nextWidth ) => {\n\t\t\t\t\t\tonChangeWidth( nextWidth, valueUnit, column.clientId );\n\t\t\t\t\t} }\n\t\t\t\t\tunit={ valueUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tpreview={\n\t\t\t\t\t\t<ColumnsPreview\n\t\t\t\t\t\t\tcolumnWidths={ getWidths( innerWidths, false ) }\n\t\t\t\t\t\t\tselectedColumnIndex={ index }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ editorSidebarOpened, isSelected, innerWidths ] );\n\n\tconst onChangeColumnsNum = useCallback(\n\t\t( value ) => {\n\t\t\tupdateColumns( columnCount, value );\n\t\t},\n\t\t[ columnCount ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t<PanelBody title={ __( 'Columns Settings' ) }>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Number of columns' ) }\n\t\t\t\t\t\t\t\ticon={ columns }\n\t\t\t\t\t\t\t\tvalue={ columnCount }\n\t\t\t\t\t\t\t\tonChange={ onChangeColumnsNum }\n\t\t\t\t\t\t\t\tmin={ MIN_COLUMNS_NUM }\n\t\t\t\t\t\t\t\tmax={ columnCount + 1 }\n\t\t\t\t\t\t\t\ttype=\"stepper\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ getColumnsSliders }\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\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</>\n\t\t\t) }\n\t\t\t<View style={ isSelected && styles.innerBlocksSelected }>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ width && (\n\t\t\t\t\t<InnerBlocks\n\t\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\t\torientation={\n\t\t\t\t\t\t\tcolumnsInRow > 1 ? 'horizontal' : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\thorizontal={ columnsInRow > 1 }\n\t\t\t\t\t\tcontentResizeMode=\"stretch\"\n\t\t\t\t\t\tonAddBlock={ onAddBlock }\n\t\t\t\t\t\tonDeleteBlock={\n\t\t\t\t\t\t\tcolumnCount === 1 ? onDeleteBlock : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tblockWidth={ width }\n\t\t\t\t\t\tcontentStyle={ contentWidths }\n\t\t\t\t\t\tparentWidth={\n\t\t\t\t\t\t\tisFullWidth( align ) && columnCount === 0\n\t\t\t\t\t\t\t\t? screenWidth\n\t\t\t\t\t\t\t\t: calculateContainerWidth( width, columnsInRow )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\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\t\tupdateInnerColumnWidth( value, columnId ) {\n\t\t\tconst { updateBlockAttributes } = dispatch( blockEditorStore );\n\n\t\t\tupdateBlockAttributes( columnId, {\n\t\t\t\twidth: value,\n\t\t\t} );\n\t\t},\n\t\t/**\n\t\t * Updates the column columnCount, 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 columnCount.\n\t\t * @param {number} newColumns      New column columnCount.\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, getBlockAttributes } =\n\t\t\t\tregistry.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\t// Get verticalAlignment from Columns block to set the same to new Column.\n\t\t\tconst { verticalAlignment } = getBlockAttributes( clientId ) || {};\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\tverticalAlignment,\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\t\tverticalAlignment,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} ),\n\t\t\t\t];\n\t\t\t} else {\n\t\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\t\tinnerBlocks = innerBlocks.slice(\n\t\t\t\t\t0,\n\t\t\t\t\t-( previousColumns - newColumns )\n\t\t\t\t);\n\n\t\t\t\tif ( hasExplicitWidths ) {\n\t\t\t\t\t// Redistribute as if block is already removed.\n\t\t\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\t\t\tinnerBlocks,\n\t\t\t\t\t\t100\n\t\t\t\t\t);\n\n\t\t\t\t\tinnerBlocks = getMappedColumnWidths( innerBlocks, widths );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treplaceInnerBlocks( clientId, innerBlocks );\n\t\t},\n\t\tonAddNextColumn: () => {\n\t\t\tconst { clientId } = ownProps;\n\t\t\tconst { replaceInnerBlocks, selectBlock } =\n\t\t\t\tdispatch( blockEditorStore );\n\t\t\tconst { getBlocks, getBlockAttributes } =\n\t\t\t\tregistry.select( blockEditorStore );\n\n\t\t\t// Get verticalAlignment from Columns block to set the same to new Column.\n\t\t\tconst { verticalAlignment } = getBlockAttributes( clientId );\n\n\t\t\tconst innerBlocks = getBlocks( clientId );\n\n\t\t\tconst insertedBlock = createBlock( 'core/column', {\n\t\t\t\tverticalAlignment,\n\t\t\t} );\n\n\t\t\treplaceInnerBlocks(\n\t\t\t\tclientId,\n\t\t\t\t[ ...innerBlocks, insertedBlock ],\n\t\t\t\ttrue\n\t\t\t);\n\t\t\tselectBlock( insertedBlock.clientId );\n\t\t},\n\t\tonDeleteBlock: () => {\n\t\t\tconst { clientId } = ownProps;\n\t\t\tconst { removeBlock } = dispatch( blockEditorStore );\n\t\t\tremoveBlock( clientId );\n\t\t},\n\t} )\n)( memo( ColumnsEditContainer ) );\n\nconst ColumnsEdit = ( props ) => {\n\tconst { clientId, isSelected, style } = props;\n\tconst {\n\t\tcolumnCount,\n\t\tisDefaultColumns,\n\t\tinnerBlocks,\n\t\thasParents,\n\t\tparentBlockAlignment,\n\t\teditorSidebarOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlocks,\n\t\t\t\tgetBlockParents,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { isEditorSidebarOpened } = select( 'core/edit-post' );\n\n\t\t\tconst innerBlocksList = getBlocks( clientId );\n\n\t\t\tconst isContentEmpty = innerBlocksList.every(\n\t\t\t\t( innerBlock ) => innerBlock.innerBlocks.length === 0\n\t\t\t);\n\n\t\t\tconst parents = getBlockParents( clientId, true );\n\n\t\t\treturn {\n\t\t\t\tcolumnCount: getBlockCount( clientId ),\n\t\t\t\tisDefaultColumns: isContentEmpty,\n\t\t\t\tinnerBlocks: innerBlocksList,\n\t\t\t\thasParents: parents.length > 0,\n\t\t\t\tparentBlockAlignment: getBlockAttributes( parents[ 0 ] )?.align,\n\t\t\t\teditorSidebarOpened: isSelected && isEditorSidebarOpened(),\n\t\t\t};\n\t\t},\n\t\t[ clientId, isSelected ]\n\t);\n\n\tconst innerWidths = useMemo(\n\t\t() =>\n\t\t\tinnerBlocks.map( ( inn ) => ( {\n\t\t\t\tclientId: inn.clientId,\n\t\t\t\tattributes: { width: inn.attributes.width },\n\t\t\t} ) ),\n\t\t[ innerBlocks ]\n\t);\n\n\tconst [ isVisible, setIsVisible ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( isSelected && isDefaultColumns ) {\n\t\t\tconst revealTimeout = setTimeout( () => setIsVisible( true ), 100 );\n\n\t\t\treturn () => clearTimeout( revealTimeout );\n\t\t}\n\t}, [] );\n\n\tconst onClose = useCallback( () => {\n\t\tsetIsVisible( false );\n\t}, [] );\n\n\treturn (\n\t\t<View style={ style }>\n\t\t\t<ColumnsEditContainerWrapper\n\t\t\t\tcolumnCount={ columnCount }\n\t\t\t\tinnerWidths={ innerWidths }\n\t\t\t\thasParents={ hasParents }\n\t\t\t\tparentBlockAlignment={ parentBlockAlignment }\n\t\t\t\teditorSidebarOpened={ editorSidebarOpened }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t\t<BlockVariationPicker\n\t\t\t\tvariations={ variations }\n\t\t\t\tonClose={ onClose }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tisVisible={ isVisible }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default ColumnsEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_components","_blockEditor","_data","_element","_compose","_blocks","_icons","_variations","_interopRequireDefault","_editor","_utils","_columnCalculations","_columnPreview","_jsxRuntime","DEFAULT_COLUMNS_NUM","MIN_COLUMNS_NUM","isFullWidth","alignmentHelpers","ColumnsEditContainer","attributes","updateAlignment","updateColumns","columnCount","isSelected","onDeleteBlock","innerWidths","updateInnerColumnWidth","editorSidebarOpened","resizeListener","sizes","useResizeObserver","columnsInRow","setColumnsInRow","useState","screenWidth","Math","floor","Dimensions","get","width","globalStyles","useGlobalStyles","verticalAlignment","align","availableUnits","useSettings","units","useCustomUnits","useEffect","newColumnCount","getColumnsInRow","renderAppender","jsx","View","style","styles","columnAppender","children","InnerBlocks","ButtonBlockAppender","onAddBlock","contentWidths","useMemo","getContentWidths","useCallback","onChangeWidth","nextWidth","valueUnit","columnId","widthWithUnit","getWidthWithUnit","onChangeUnit","nextUnit","index","widthWithoutUnit","parseFloat","getWidths","onChange","isPercentageUnit","getColumnsSliders","map","column","getValueAndUnit","label","sprintf","__","UnitControl","settingLabel","min","max","undefined","value","clientId","onUnitChange","onComplete","unit","preview","default","columnWidths","selectedColumnIndex","length","onChangeColumnsNum","jsxs","Fragment","InspectorControls","PanelBody","title","RangeControl","icon","columns","type","FooterMessageControl","BlockControls","BlockVerticalAlignmentToolbar","innerBlocksSelected","orientation","horizontal","contentResizeMode","blockWidth","contentStyle","parentWidth","calculateContainerWidth","ColumnsEditContainerWrapper","withDispatch","dispatch","ownProps","registry","setAttributes","updateBlockAttributes","blockEditorStore","getBlockOrder","select","innerBlockClientIds","forEach","innerBlockClientId","previousColumns","newColumns","replaceInnerBlocks","getBlocks","getBlockAttributes","innerBlocks","hasExplicitWidths","hasExplicitPercentColumnWidths","isAddingColumn","newColumnWidth","toWidthPrecision","widths","getRedistributedColumnWidths","getMappedColumnWidths","Array","from","createBlock","slice","onAddNextColumn","selectBlock","insertedBlock","removeBlock","memo","ColumnsEdit","props","isDefaultColumns","hasParents","parentBlockAlignment","useSelect","getBlockCount","getBlockParents","isEditorSidebarOpened","innerBlocksList","isContentEmpty","every","innerBlock","parents","inn","isVisible","setIsVisible","revealTimeout","setTimeout","clearTimeout","onClose","BlockVariationPicker","variations","_default","exports"],"sources":["@wordpress/block-library/src/columns/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tFooterMessageControl,\n\tUnitControl,\n\tgetValueAndUnit,\n\talignmentHelpers,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tBlockVariationPicker,\n\tuseSettings,\n\tstore as blockEditorStore,\n\tuseGlobalStyles,\n} from '@wordpress/block-editor';\nimport { withDispatch, useSelect } from '@wordpress/data';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n\tmemo,\n} from '@wordpress/element';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { createBlock } from '@wordpress/blocks';\nimport { columns } from '@wordpress/icons';\n/**\n * Internal dependencies\n */\nimport variations from './variations';\nimport styles from './editor.scss';\nimport {\n\thasExplicitPercentColumnWidths,\n\tgetMappedColumnWidths,\n\tgetRedistributedColumnWidths,\n\ttoWidthPrecision,\n\tgetWidths,\n\tgetWidthWithUnit,\n\tisPercentageUnit,\n} from './utils';\nimport {\n\tgetColumnsInRow,\n\tcalculateContainerWidth,\n\tgetContentWidths,\n} from './columnCalculations.native';\nimport ColumnsPreview from '../column/column-preview';\n\n/**\n * Number of columns to assume for template in case the user opts to skip\n * template option selection.\n *\n * @type {number}\n */\nconst DEFAULT_COLUMNS_NUM = 2;\n\n/**\n * Minimum number of columns in a row\n *\n * @type {number}\n */\nconst MIN_COLUMNS_NUM = 1;\n\nconst { isFullWidth } = alignmentHelpers;\n\nfunction ColumnsEditContainer( {\n\tattributes,\n\tupdateAlignment,\n\tupdateColumns,\n\tcolumnCount,\n\tisSelected,\n\tonDeleteBlock,\n\tinnerWidths,\n\tupdateInnerColumnWidth,\n\teditorSidebarOpened,\n} ) {\n\tconst [ resizeListener, sizes ] = useResizeObserver();\n\tconst [ columnsInRow, setColumnsInRow ] = useState( MIN_COLUMNS_NUM );\n\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\tconst globalStyles = useGlobalStyles();\n\n\tconst { verticalAlignment, align } = attributes;\n\tconst { width } = sizes || {};\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( columnCount === 0 ) {\n\t\t\tconst newColumnCount = columnCount || DEFAULT_COLUMNS_NUM;\n\t\t\tupdateColumns( columnCount, newColumnCount );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( width ) {\n\t\t\tif ( getColumnsInRow( width, columnCount ) !== columnsInRow ) {\n\t\t\t\tsetColumnsInRow( getColumnsInRow( width, columnCount ) );\n\t\t\t}\n\t\t}\n\t}, [ width, columnCount ] );\n\n\tconst renderAppender = () => {\n\t\tif ( isSelected ) {\n\t\t\treturn (\n\t\t\t\t<View style={ isFullWidth( align ) && styles.columnAppender }>\n\t\t\t\t\t<InnerBlocks.ButtonBlockAppender\n\t\t\t\t\t\tonAddBlock={ onAddBlock }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t};\n\n\tconst contentWidths = useMemo(\n\t\t() =>\n\t\t\tgetContentWidths(\n\t\t\t\tcolumnsInRow,\n\t\t\t\twidth,\n\t\t\t\tcolumnCount,\n\t\t\t\tinnerWidths,\n\t\t\t\tglobalStyles\n\t\t\t),\n\t\t[ width, columnsInRow, columnCount, innerWidths, globalStyles ]\n\t);\n\n\tconst onAddBlock = useCallback( () => {\n\t\tupdateColumns( columnCount, columnCount + 1 );\n\t}, [ columnCount ] );\n\n\tconst onChangeWidth = ( nextWidth, valueUnit, columnId ) => {\n\t\tconst widthWithUnit = getWidthWithUnit( nextWidth, valueUnit );\n\n\t\tupdateInnerColumnWidth( widthWithUnit, columnId );\n\t};\n\n\tconst onChangeUnit = ( nextUnit, index, columnId ) => {\n\t\tconst widthWithoutUnit = parseFloat(\n\t\t\tgetWidths( innerWidths )[ index ]\n\t\t);\n\t\tconst widthWithUnit = getWidthWithUnit( widthWithoutUnit, nextUnit );\n\n\t\tupdateInnerColumnWidth( widthWithUnit, columnId );\n\t};\n\n\tconst onChange = ( nextWidth, valueUnit, columnId ) => {\n\t\tif ( isPercentageUnit( valueUnit ) || ! valueUnit ) {\n\t\t\treturn;\n\t\t}\n\t\tonChangeWidth( nextWidth, valueUnit, columnId );\n\t};\n\n\tconst getColumnsSliders = useMemo( () => {\n\t\tif ( ! editorSidebarOpened || ! isSelected ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn innerWidths.map( ( column, index ) => {\n\t\t\tconst { valueUnit = '%' } =\n\t\t\t\tgetValueAndUnit( column.attributes.width ) || {};\n\t\t\tconst label = sprintf(\n\t\t\t\t/* translators: %d: column index. */\n\t\t\t\t__( 'Column %d' ),\n\t\t\t\tindex + 1\n\t\t\t);\n\t\t\treturn (\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tsettingLabel={ __( 'Width' ) }\n\t\t\t\t\tkey={ `${ column.clientId }-${\n\t\t\t\t\t\tgetWidths( innerWidths ).length\n\t\t\t\t\t}` }\n\t\t\t\t\tmin={ 1 }\n\t\t\t\t\tmax={\n\t\t\t\t\t\tisPercentageUnit( valueUnit ) || ! valueUnit\n\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ getWidths( innerWidths )[ index ] }\n\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\tonChange( nextWidth, valueUnit, column.clientId );\n\t\t\t\t\t} }\n\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\tonChangeUnit( nextUnit, index, column.clientId )\n\t\t\t\t\t}\n\t\t\t\t\tonComplete={ ( nextWidth ) => {\n\t\t\t\t\t\tonChangeWidth( nextWidth, valueUnit, column.clientId );\n\t\t\t\t\t} }\n\t\t\t\t\tunit={ valueUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tpreview={\n\t\t\t\t\t\t<ColumnsPreview\n\t\t\t\t\t\t\tcolumnWidths={ getWidths( innerWidths, false ) }\n\t\t\t\t\t\t\tselectedColumnIndex={ index }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t}, [ editorSidebarOpened, isSelected, innerWidths ] );\n\n\tconst onChangeColumnsNum = useCallback(\n\t\t( value ) => {\n\t\t\tupdateColumns( columnCount, value );\n\t\t},\n\t\t[ columnCount ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t<PanelBody title={ __( 'Columns Settings' ) }>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Number of columns' ) }\n\t\t\t\t\t\t\t\ticon={ columns }\n\t\t\t\t\t\t\t\tvalue={ columnCount }\n\t\t\t\t\t\t\t\tonChange={ onChangeColumnsNum }\n\t\t\t\t\t\t\t\tmin={ MIN_COLUMNS_NUM }\n\t\t\t\t\t\t\t\tmax={ columnCount + 1 }\n\t\t\t\t\t\t\t\ttype=\"stepper\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ getColumnsSliders }\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\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</>\n\t\t\t) }\n\t\t\t<View style={ isSelected && styles.innerBlocksSelected }>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ width && (\n\t\t\t\t\t<InnerBlocks\n\t\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\t\torientation={\n\t\t\t\t\t\t\tcolumnsInRow > 1 ? 'horizontal' : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\thorizontal={ columnsInRow > 1 }\n\t\t\t\t\t\tcontentResizeMode=\"stretch\"\n\t\t\t\t\t\tonAddBlock={ onAddBlock }\n\t\t\t\t\t\tonDeleteBlock={\n\t\t\t\t\t\t\tcolumnCount === 1 ? onDeleteBlock : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tblockWidth={ width }\n\t\t\t\t\t\tcontentStyle={ contentWidths }\n\t\t\t\t\t\tparentWidth={\n\t\t\t\t\t\t\tisFullWidth( align ) && columnCount === 0\n\t\t\t\t\t\t\t\t? screenWidth\n\t\t\t\t\t\t\t\t: calculateContainerWidth( width, columnsInRow )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\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\t\tupdateInnerColumnWidth( value, columnId ) {\n\t\t\tconst { updateBlockAttributes } = dispatch( blockEditorStore );\n\n\t\t\tupdateBlockAttributes( columnId, {\n\t\t\t\twidth: value,\n\t\t\t} );\n\t\t},\n\t\t/**\n\t\t * Updates the column columnCount, 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 columnCount.\n\t\t * @param {number} newColumns      New column columnCount.\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, getBlockAttributes } =\n\t\t\t\tregistry.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\t// Get verticalAlignment from Columns block to set the same to new Column.\n\t\t\tconst { verticalAlignment } = getBlockAttributes( clientId ) || {};\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\tverticalAlignment,\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\t\tverticalAlignment,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} ),\n\t\t\t\t];\n\t\t\t} else {\n\t\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\t\tinnerBlocks = innerBlocks.slice(\n\t\t\t\t\t0,\n\t\t\t\t\t-( previousColumns - newColumns )\n\t\t\t\t);\n\n\t\t\t\tif ( hasExplicitWidths ) {\n\t\t\t\t\t// Redistribute as if block is already removed.\n\t\t\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\t\t\tinnerBlocks,\n\t\t\t\t\t\t100\n\t\t\t\t\t);\n\n\t\t\t\t\tinnerBlocks = getMappedColumnWidths( innerBlocks, widths );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treplaceInnerBlocks( clientId, innerBlocks );\n\t\t},\n\t\tonAddNextColumn: () => {\n\t\t\tconst { clientId } = ownProps;\n\t\t\tconst { replaceInnerBlocks, selectBlock } =\n\t\t\t\tdispatch( blockEditorStore );\n\t\t\tconst { getBlocks, getBlockAttributes } =\n\t\t\t\tregistry.select( blockEditorStore );\n\n\t\t\t// Get verticalAlignment from Columns block to set the same to new Column.\n\t\t\tconst { verticalAlignment } = getBlockAttributes( clientId );\n\n\t\t\tconst innerBlocks = getBlocks( clientId );\n\n\t\t\tconst insertedBlock = createBlock( 'core/column', {\n\t\t\t\tverticalAlignment,\n\t\t\t} );\n\n\t\t\treplaceInnerBlocks(\n\t\t\t\tclientId,\n\t\t\t\t[ ...innerBlocks, insertedBlock ],\n\t\t\t\ttrue\n\t\t\t);\n\t\t\tselectBlock( insertedBlock.clientId );\n\t\t},\n\t\tonDeleteBlock: () => {\n\t\t\tconst { clientId } = ownProps;\n\t\t\tconst { removeBlock } = dispatch( blockEditorStore );\n\t\t\tremoveBlock( clientId );\n\t\t},\n\t} )\n)( memo( ColumnsEditContainer ) );\n\nconst ColumnsEdit = ( props ) => {\n\tconst { clientId, isSelected, style } = props;\n\tconst {\n\t\tcolumnCount,\n\t\tisDefaultColumns,\n\t\tinnerBlocks,\n\t\thasParents,\n\t\tparentBlockAlignment,\n\t\teditorSidebarOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlocks,\n\t\t\t\tgetBlockParents,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { isEditorSidebarOpened } = select( 'core/edit-post' );\n\n\t\t\tconst innerBlocksList = getBlocks( clientId );\n\n\t\t\tconst isContentEmpty = innerBlocksList.every(\n\t\t\t\t( innerBlock ) => innerBlock.innerBlocks.length === 0\n\t\t\t);\n\n\t\t\tconst parents = getBlockParents( clientId, true );\n\n\t\t\treturn {\n\t\t\t\tcolumnCount: getBlockCount( clientId ),\n\t\t\t\tisDefaultColumns: isContentEmpty,\n\t\t\t\tinnerBlocks: innerBlocksList,\n\t\t\t\thasParents: parents.length > 0,\n\t\t\t\tparentBlockAlignment: getBlockAttributes( parents[ 0 ] )?.align,\n\t\t\t\teditorSidebarOpened: isSelected && isEditorSidebarOpened(),\n\t\t\t};\n\t\t},\n\t\t[ clientId, isSelected ]\n\t);\n\n\tconst innerWidths = useMemo(\n\t\t() =>\n\t\t\tinnerBlocks.map( ( inn ) => ( {\n\t\t\t\tclientId: inn.clientId,\n\t\t\t\tattributes: { width: inn.attributes.width },\n\t\t\t} ) ),\n\t\t[ innerBlocks ]\n\t);\n\n\tconst [ isVisible, setIsVisible ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( isSelected && isDefaultColumns ) {\n\t\t\tconst revealTimeout = setTimeout( () => setIsVisible( true ), 100 );\n\n\t\t\treturn () => clearTimeout( revealTimeout );\n\t\t}\n\t}, [] );\n\n\tconst onClose = useCallback( () => {\n\t\tsetIsVisible( false );\n\t}, [] );\n\n\treturn (\n\t\t<View style={ style }>\n\t\t\t<ColumnsEditContainerWrapper\n\t\t\t\tcolumnCount={ columnCount }\n\t\t\t\tinnerWidths={ innerWidths }\n\t\t\t\thasParents={ hasParents }\n\t\t\t\tparentBlockAlignment={ parentBlockAlignment }\n\t\t\t\teditorSidebarOpened={ editorSidebarOpened }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t\t<BlockVariationPicker\n\t\t\t\tvariations={ variations }\n\t\t\t\tonClose={ onClose }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tisVisible={ isVisible }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default ColumnsEdit;\n"],"mappings":"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","ignoreList":[]}

package/build/columns/save.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -23,7 +23,7 @@ function save({
     isStackedOnMobile,
     verticalAlignment
   } = attributes;
-  const className = (0, _classnames.default)({
+  const className = (0, _clsx.default)({
     [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
     [`is-not-stacked-on-mobile`]: !isStackedOnMobile
   });
@@ -31,7 +31,7 @@ function save({
     className
   });
   const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...innerBlocksProps
   });
 }