@wordpress/block-library 9.32.0 → 9.33.1-next.ff1cebbba.0

package/build/columns/columnCalculations.native.js

@@ -1,144 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getContentWidths = exports.getColumnsInRow = exports.calculateContainerWidth = void 0;
-var _components = require("@wordpress/components");
-var _utils = require("./utils");
-var _editor = _interopRequireDefault(require("./editor.scss"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Maximum number of columns in a row
- *
- * @type {number}
- */
-const MAX_COLUMNS_NUM_IN_ROW = 3;
-
-/**
- * Minimum width of column
- *
- * @type {number}
- */
-const MIN_WIDTH = _editor.default.columnsContainer?.minWidth;
-
-/**
- * Container margin value
- *
- * @type {number}
- */
-const MARGIN = _editor.default.columnsContainer?.marginLeft;
-const getColumnsInRow = (width, columnCount) => {
-  if (width) {
-    if (width < _components.ALIGNMENT_BREAKPOINTS.mobile) {
-      // show only 1 Column in row for mobile breakpoint container width
-      return 1;
-    } else if (width <= _components.ALIGNMENT_BREAKPOINTS.medium) {
-      // show the maximum number of columns in a row for large breakpoint container width
-      return Math.min(Math.max(1, columnCount), MAX_COLUMNS_NUM_IN_ROW);
-    }
-    // Show all Column in one row.
-    return columnCount;
-  }
-};
-exports.getColumnsInRow = getColumnsInRow;
-const calculateContainerWidth = (containerWidth, columnsInRow) => 2 * MARGIN + containerWidth - columnsInRow * 2 * MARGIN;
-exports.calculateContainerWidth = calculateContainerWidth;
-const getContentWidths = (columnsInRow, width, columnCount, innerColumns, globalStyles) => {
-  const widths = {};
-  const columnWidthsWithUnits = (0, _utils.getWidths)(innerColumns, false);
-  const columnWidths = (0, _utils.getColumnWidths)(innerColumns, columnCount);
-
-  // Array of column width attribute values
-  const columnWidthsValues = columnWidthsWithUnits.map(v => (0, _components.convertUnitToMobile)({
-    width
-  }, globalStyles, v));
-
-  // The sum of column width attribute values
-  const columnWidthsSum = columnWidthsValues.reduce((acc, curr) => acc + curr, 0);
-
-  // Array of ratios of each column width attribute value to their sum
-  const columnRatios = columnWidthsValues.map(colWidth => colWidth / columnWidthsSum);
-
-  // Array of calculated column width for its ratio
-  const columnWidthsPerRatio = columnRatios.map(columnRatio => columnRatio * calculateContainerWidth(width, columnsInRow));
-
-  //  Array of columns whose calculated width is lower than minimum width value
-  const filteredColumnWidthsPerRatio = columnWidthsPerRatio.filter(columnWidthPerRatio => columnWidthPerRatio <= MIN_WIDTH);
-
-  // Container width to be divided. If there are some results within `filteredColumnWidthsPerRatio`
-  // there is a need to reduce the main width by multiplying number
-  // of results in `filteredColumnWidthsPerRatio` and minimum width value
-  const baseContainerWidth = width - filteredColumnWidthsPerRatio.length * MIN_WIDTH;
-
-  // The minimum percentage ratio for which column width is equal minimum width value
-  const minPercentageRatio = MIN_WIDTH / calculateContainerWidth(width, columnsInRow);
-
-  // The sum of column widths which ratio is higher than `minPercentageRatio`
-  const largeColumnsWidthsSum = columnRatios.map((ratio, index) => {
-    if (ratio > minPercentageRatio) {
-      return columnWidthsValues[index];
-    }
-    return 0;
-  }).reduce((acc, curr) => acc + curr, 0);
-  const containerWidth = calculateContainerWidth(baseContainerWidth, columnsInRow);
-  let columnWidth = calculateContainerWidth(width, columnsInRow) / columnsInRow;
-  let maxColumnWidth = columnWidth;
-  innerColumns.forEach(({
-    attributes: innerColumnAttributes,
-    clientId
-  }) => {
-    const attributeWidth = (0, _components.convertUnitToMobile)({
-      width
-    }, globalStyles, innerColumnAttributes.width || columnWidths[clientId]);
-    const proportionalRatio = attributeWidth / columnWidthsSum;
-    const percentageRatio = attributeWidth / width;
-    const initialColumnWidth = proportionalRatio * containerWidth;
-    if (columnCount === 1 && width > _components.ALIGNMENT_BREAKPOINTS.medium) {
-      // Exactly one column inside columns on the breakpoint higher than medium
-      // has to take a percentage of the full width
-      columnWidth = percentageRatio * containerWidth;
-    } else if (columnsInRow > 1) {
-      if (width > _components.ALIGNMENT_BREAKPOINTS.medium) {
-        if (initialColumnWidth <= MIN_WIDTH) {
-          // Column width cannot be lower than minimum 32px
-          columnWidth = MIN_WIDTH;
-        } else if (initialColumnWidth > MIN_WIDTH) {
-          // Column width has to be the result of multiplying the container width and
-          // the ratio of attribute and the sum of widths of columns wider than 32px
-          columnWidth = attributeWidth / largeColumnsWidthsSum * containerWidth;
-        }
-        maxColumnWidth = columnWidth;
-        if (Math.round(columnWidthsSum) < width) {
-          // In case that column width attribute values does not exceed 100, each column
-          // should have attribute percentage of container width
-          const newColumnWidth = percentageRatio * containerWidth;
-          if (newColumnWidth <= MIN_WIDTH) {
-            columnWidth = MIN_WIDTH;
-          } else {
-            columnWidth = newColumnWidth;
-          }
-        }
-      } else if (width < _components.ALIGNMENT_BREAKPOINTS.medium) {
-        // On the breakpoint lower than medium each column inside columns
-        // has to take equal part of container width
-        columnWidth = calculateContainerWidth(width, columnsInRow) / columnsInRow;
-      }
-    }
-    widths[clientId] = {
-      width: Math.floor(columnWidth),
-      maxWidth: Math.floor(maxColumnWidth)
-    };
-  });
-  return widths;
-};
-exports.getContentWidths = getContentWidths;
-//# sourceMappingURL=columnCalculations.native.js.map

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

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

package/build/columns/edit.native.js

@@ -1,403 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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");
-var _variations = _interopRequireDefault(require("./variations"));
-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
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Number of columns to assume for template in case the user opts to skip
- * template option selection.
- *
- * @type {number}
- */const DEFAULT_COLUMNS_NUM = 2;
-
-/**
- * Minimum number of columns in a row
- *
- * @type {number}
- */
-const MIN_COLUMNS_NUM = 1;
-const {
-  isFullWidth
-} = _components.alignmentHelpers;
-function ColumnsEditContainer({
-  attributes,
-  updateAlignment,
-  updateColumns,
-  columnCount,
-  isSelected,
-  onDeleteBlock,
-  innerWidths,
-  updateInnerColumnWidth,
-  editorSidebarOpened
-}) {
-  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, _blockEditor.useGlobalStyles)();
-  const {
-    verticalAlignment,
-    align
-  } = attributes;
-  const {
-    width
-  } = sizes || {};
-  const [availableUnits] = (0, _blockEditor.useSettings)('spacing.units');
-  const units = (0, _components.__experimentalUseCustomUnits)({
-    availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw']
-  });
-  (0, _element.useEffect)(() => {
-    if (columnCount === 0) {
-      const newColumnCount = columnCount || DEFAULT_COLUMNS_NUM;
-      updateColumns(columnCount, newColumnCount);
-    }
-  }, []);
-  (0, _element.useEffect)(() => {
-    if (width) {
-      if ((0, _columnCalculations.getColumnsInRow)(width, columnCount) !== columnsInRow) {
-        setColumnsInRow((0, _columnCalculations.getColumnsInRow)(width, columnCount));
-      }
-    }
-  }, [width, columnCount]);
-  const renderAppender = () => {
-    if (isSelected) {
-      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;
-  };
-  const contentWidths = (0, _element.useMemo)(() => (0, _columnCalculations.getContentWidths)(columnsInRow, width, columnCount, innerWidths, globalStyles), [width, columnsInRow, columnCount, innerWidths, globalStyles]);
-  const onAddBlock = (0, _element.useCallback)(() => {
-    updateColumns(columnCount, columnCount + 1);
-  }, [columnCount]);
-  const onChangeWidth = (nextWidth, valueUnit, columnId) => {
-    const widthWithUnit = (0, _utils.getWidthWithUnit)(nextWidth, valueUnit);
-    updateInnerColumnWidth(widthWithUnit, columnId);
-  };
-  const onChangeUnit = (nextUnit, index, columnId) => {
-    const widthWithoutUnit = parseFloat((0, _utils.getWidths)(innerWidths)[index]);
-    const widthWithUnit = (0, _utils.getWidthWithUnit)(widthWithoutUnit, nextUnit);
-    updateInnerColumnWidth(widthWithUnit, columnId);
-  };
-  const onChange = (nextWidth, valueUnit, columnId) => {
-    if ((0, _utils.isPercentageUnit)(valueUnit) || !valueUnit) {
-      return;
-    }
-    onChangeWidth(nextWidth, valueUnit, columnId);
-  };
-  const getColumnsSliders = (0, _element.useMemo)(() => {
-    if (!editorSidebarOpened || !isSelected) {
-      return null;
-    }
-    return innerWidths.map((column, index) => {
-      const {
-        valueUnit = '%'
-      } = (0, _components.getValueAndUnit)(column.attributes.width) || {};
-      const label = (0, _i18n.sprintf)(/* translators: %d: column index. */
-      (0, _i18n.__)('Column %d'), index + 1);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.UnitControl, {
-        label: label,
-        settingLabel: (0, _i18n.__)('Width'),
-        min: 1,
-        max: (0, _utils.isPercentageUnit)(valueUnit) || !valueUnit ? 100 : undefined,
-        value: (0, _utils.getWidths)(innerWidths)[index],
-        onChange: nextWidth => {
-          onChange(nextWidth, valueUnit, column.clientId);
-        },
-        onUnitChange: nextUnit => onChangeUnit(nextUnit, index, column.clientId),
-        onComplete: nextWidth => {
-          onChangeWidth(nextWidth, valueUnit, column.clientId);
-        },
-        unit: valueUnit,
-        units: units,
-        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 /*#__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) => ({
-  /**
-   * Update all child Column blocks with a new vertical alignment setting
-   * based on whatever alignment is passed in. This allows change to parent
-   * to override anything set on a individual column basis.
-   *
-   * @param {string} verticalAlignment the vertical alignment setting
-   */
-  updateAlignment(verticalAlignment) {
-    const {
-      clientId,
-      setAttributes
-    } = ownProps;
-    const {
-      updateBlockAttributes
-    } = dispatch(_blockEditor.store);
-    const {
-      getBlockOrder
-    } = registry.select(_blockEditor.store);
-
-    // Update own alignment.
-    setAttributes({
-      verticalAlignment
-    });
-
-    // Update all child Column Blocks to match.
-    const innerBlockClientIds = getBlockOrder(clientId);
-    innerBlockClientIds.forEach(innerBlockClientId => {
-      updateBlockAttributes(innerBlockClientId, {
-        verticalAlignment
-      });
-    });
-  },
-  updateInnerColumnWidth(value, columnId) {
-    const {
-      updateBlockAttributes
-    } = dispatch(_blockEditor.store);
-    updateBlockAttributes(columnId, {
-      width: value
-    });
-  },
-  /**
-   * Updates the column columnCount, including necessary revisions to child Column
-   * blocks to grant required or redistribute available space.
-   *
-   * @param {number} previousColumns Previous column columnCount.
-   * @param {number} newColumns      New column columnCount.
-   */
-  updateColumns(previousColumns, newColumns) {
-    const {
-      clientId
-    } = ownProps;
-    const {
-      replaceInnerBlocks
-    } = dispatch(_blockEditor.store);
-    const {
-      getBlocks,
-      getBlockAttributes
-    } = registry.select(_blockEditor.store);
-    let innerBlocks = getBlocks(clientId);
-    const hasExplicitWidths = (0, _utils.hasExplicitPercentColumnWidths)(innerBlocks);
-
-    // Redistribute available width for existing inner blocks.
-    const isAddingColumn = newColumns > previousColumns;
-
-    // Get verticalAlignment from Columns block to set the same to new Column.
-    const {
-      verticalAlignment
-    } = getBlockAttributes(clientId) || {};
-    if (isAddingColumn && hasExplicitWidths) {
-      // If adding a new column, assign width to the new column equal to
-      // as if it were `1 / columns` of the total available space.
-      const newColumnWidth = (0, _utils.toWidthPrecision)(100 / newColumns);
-
-      // Redistribute in consideration of pending block insertion as
-      // constraining the available working width.
-      const widths = (0, _utils.getRedistributedColumnWidths)(innerBlocks, 100 - newColumnWidth);
-      innerBlocks = [...(0, _utils.getMappedColumnWidths)(innerBlocks, widths), ...Array.from({
-        length: newColumns - previousColumns
-      }).map(() => {
-        return (0, _blocks.createBlock)('core/column', {
-          width: `${newColumnWidth}%`,
-          verticalAlignment
-        });
-      })];
-    } else if (isAddingColumn) {
-      innerBlocks = [...innerBlocks, ...Array.from({
-        length: newColumns - previousColumns
-      }).map(() => {
-        return (0, _blocks.createBlock)('core/column', {
-          verticalAlignment
-        });
-      })];
-    } else {
-      // The removed column will be the last of the inner blocks.
-      innerBlocks = innerBlocks.slice(0, -(previousColumns - newColumns));
-      if (hasExplicitWidths) {
-        // Redistribute as if block is already removed.
-        const widths = (0, _utils.getRedistributedColumnWidths)(innerBlocks, 100);
-        innerBlocks = (0, _utils.getMappedColumnWidths)(innerBlocks, widths);
-      }
-    }
-    replaceInnerBlocks(clientId, innerBlocks);
-  },
-  onAddNextColumn: () => {
-    const {
-      clientId
-    } = ownProps;
-    const {
-      replaceInnerBlocks,
-      selectBlock
-    } = dispatch(_blockEditor.store);
-    const {
-      getBlocks,
-      getBlockAttributes
-    } = registry.select(_blockEditor.store);
-
-    // Get verticalAlignment from Columns block to set the same to new Column.
-    const {
-      verticalAlignment
-    } = getBlockAttributes(clientId);
-    const innerBlocks = getBlocks(clientId);
-    const insertedBlock = (0, _blocks.createBlock)('core/column', {
-      verticalAlignment
-    });
-    replaceInnerBlocks(clientId, [...innerBlocks, insertedBlock], true);
-    selectBlock(insertedBlock.clientId);
-  },
-  onDeleteBlock: () => {
-    const {
-      clientId
-    } = ownProps;
-    const {
-      removeBlock
-    } = dispatch(_blockEditor.store);
-    removeBlock(clientId);
-  }
-}))((0, _element.memo)(ColumnsEditContainer));
-const ColumnsEdit = props => {
-  const {
-    clientId,
-    isSelected,
-    style
-  } = props;
-  const {
-    columnCount,
-    isDefaultColumns,
-    innerBlocks,
-    hasParents,
-    parentBlockAlignment,
-    editorSidebarOpened
-  } = (0, _data.useSelect)(select => {
-    const {
-      getBlockCount,
-      getBlocks,
-      getBlockParents,
-      getBlockAttributes
-    } = select(_blockEditor.store);
-    const {
-      isEditorSidebarOpened
-    } = select('core/edit-post');
-    const innerBlocksList = getBlocks(clientId);
-    const isContentEmpty = innerBlocksList.every(innerBlock => innerBlock.innerBlocks.length === 0);
-    const parents = getBlockParents(clientId, true);
-    return {
-      columnCount: getBlockCount(clientId),
-      isDefaultColumns: isContentEmpty,
-      innerBlocks: innerBlocksList,
-      hasParents: parents.length > 0,
-      parentBlockAlignment: getBlockAttributes(parents[0])?.align,
-      editorSidebarOpened: isSelected && isEditorSidebarOpened()
-    };
-  }, [clientId, isSelected]);
-  const innerWidths = (0, _element.useMemo)(() => innerBlocks.map(inn => ({
-    clientId: inn.clientId,
-    attributes: {
-      width: inn.attributes.width
-    }
-  })), [innerBlocks]);
-  const [isVisible, setIsVisible] = (0, _element.useState)(false);
-  (0, _element.useEffect)(() => {
-    if (isSelected && isDefaultColumns) {
-      const revealTimeout = setTimeout(() => setIsVisible(true), 100);
-      return () => clearTimeout(revealTimeout);
-    }
-  }, []);
-  const onClose = (0, _element.useCallback)(() => {
-    setIsVisible(false);
-  }, []);
-  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 +0,0 @@
-{"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 override 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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AASA,IAAAG,YAAA,GAAAH,OAAA;AAUA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAOA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAIA,IAAAS,WAAA,GAAAC,sBAAA,CAAAV,OAAA;AACA,IAAAW,OAAA,GAAAD,sBAAA,CAAAV,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AASA,IAAAa,mBAAA,GAAAb,OAAA;AAKA,IAAAc,cAAA,GAAAJ,sBAAA,CAAAV,OAAA;AAAsD,IAAAe,WAAA,GAAAf,OAAA;AA1DtD;AACA;AACA;;AAGA;AACA;AACA;;AAgCA;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA,GACA,MAAMgB,mBAAmB,GAAG,CAAC;;AAE7B;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAG,CAAC;AAEzB,MAAM;EAAEC;AAAY,CAAC,GAAGC,4BAAgB;AAExC,SAASC,oBAAoBA,CAAE;EAC9BC,UAAU;EACVC,eAAe;EACfC,aAAa;EACbC,WAAW;EACXC,UAAU;EACVC,aAAa;EACbC,WAAW;EACXC,sBAAsB;EACtBC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,cAAc,EAAEC,KAAK,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EACrD,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,EAAElB,eAAgB,CAAC;EACrE,MAAMmB,WAAW,GAAGC,IAAI,CAACC,KAAK,CAAEC,uBAAU,CAACC,GAAG,CAAE,QAAS,CAAC,CAACC,KAAM,CAAC;EAClE,MAAMC,YAAY,GAAG,IAAAC,4BAAe,EAAC,CAAC;EAEtC,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGxB,UAAU;EAC/C,MAAM;IAAEoB;EAAM,CAAC,GAAGV,KAAK,IAAI,CAAC,CAAC;EAE7B,MAAM,CAAEe,cAAc,CAAE,GAAG,IAAAC,wBAAW,EAAE,eAAgB,CAAC;EACzD,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BH,cAAc,EAAEA,cAAc,IAAI,CAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI;EACjE,CAAE,CAAC;EAEH,IAAAI,kBAAS,EAAE,MAAM;IAChB,IAAK1B,WAAW,KAAK,CAAC,EAAG;MACxB,MAAM2B,cAAc,GAAG3B,WAAW,IAAIR,mBAAmB;MACzDO,aAAa,CAAEC,WAAW,EAAE2B,cAAe,CAAC;IAC7C;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,IAAAD,kBAAS,EAAE,MAAM;IAChB,IAAKT,KAAK,EAAG;MACZ,IAAK,IAAAW,mCAAe,EAAEX,KAAK,EAAEjB,WAAY,CAAC,KAAKS,YAAY,EAAG;QAC7DC,eAAe,CAAE,IAAAkB,mCAAe,EAAEX,KAAK,EAAEjB,WAAY,CAAE,CAAC;MACzD;IACD;EACD,CAAC,EAAE,CAAEiB,KAAK,EAAEjB,WAAW,CAAG,CAAC;EAE3B,MAAM6B,cAAc,GAAGA,CAAA,KAAM;IAC5B,IAAK5B,UAAU,EAAG;MACjB,oBACC,IAAAV,WAAA,CAAAuC,GAAA,EAACvD,YAAA,CAAAwD,IAAI;QAACC,KAAK,EAAGtC,WAAW,CAAE2B,KAAM,CAAC,IAAIY,eAAM,CAACC,cAAgB;QAAAC,QAAA,eAC5D,IAAA5C,WAAA,CAAAuC,GAAA,EAACnD,YAAA,CAAAyD,WAAW,CAACC,mBAAmB;UAC/BC,UAAU,EAAGA;QAAY,CACzB;MAAC,CACG,CAAC;IAET;IACA,OAAO,IAAI;EACZ,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,gBAAO,EAC5B,MACC,IAAAC,oCAAgB,EACfhC,YAAY,EACZQ,KAAK,EACLjB,WAAW,EACXG,WAAW,EACXe,YACD,CAAC,EACF,CAAED,KAAK,EAAER,YAAY,EAAET,WAAW,EAAEG,WAAW,EAAEe,YAAY,CAC9D,CAAC;EAED,MAAMoB,UAAU,GAAG,IAAAI,oBAAW,EAAE,MAAM;IACrC3C,aAAa,CAAEC,WAAW,EAAEA,WAAW,GAAG,CAAE,CAAC;EAC9C,CAAC,EAAE,CAAEA,WAAW,CAAG,CAAC;EAEpB,MAAM2C,aAAa,GAAGA,CAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,KAAM;IAC3D,MAAMC,aAAa,GAAG,IAAAC,uBAAgB,EAAEJ,SAAS,EAAEC,SAAU,CAAC;IAE9DzC,sBAAsB,CAAE2C,aAAa,EAAED,QAAS,CAAC;EAClD,CAAC;EAED,MAAMG,YAAY,GAAGA,CAAEC,QAAQ,EAAEC,KAAK,EAAEL,QAAQ,KAAM;IACrD,MAAMM,gBAAgB,GAAGC,UAAU,CAClC,IAAAC,gBAAS,EAAEnD,WAAY,CAAC,CAAEgD,KAAK,CAChC,CAAC;IACD,MAAMJ,aAAa,GAAG,IAAAC,uBAAgB,EAAEI,gBAAgB,EAAEF,QAAS,CAAC;IAEpE9C,sBAAsB,CAAE2C,aAAa,EAAED,QAAS,CAAC;EAClD,CAAC;EAED,MAAMS,QAAQ,GAAGA,CAAEX,SAAS,EAAEC,SAAS,EAAEC,QAAQ,KAAM;IACtD,IAAK,IAAAU,uBAAgB,EAAEX,SAAU,CAAC,IAAI,CAAEA,SAAS,EAAG;MACnD;IACD;IACAF,aAAa,CAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAS,CAAC;EAChD,CAAC;EAED,MAAMW,iBAAiB,GAAG,IAAAjB,gBAAO,EAAE,MAAM;IACxC,IAAK,CAAEnC,mBAAmB,IAAI,CAAEJ,UAAU,EAAG;MAC5C,OAAO,IAAI;IACZ;IAEA,OAAOE,WAAW,CAACuD,GAAG,CAAE,CAAEC,MAAM,EAAER,KAAK,KAAM;MAC5C,MAAM;QAAEN,SAAS,GAAG;MAAI,CAAC,GACxB,IAAAe,2BAAe,EAAED,MAAM,CAAC9D,UAAU,CAACoB,KAAM,CAAC,IAAI,CAAC,CAAC;MACjD,MAAM4C,KAAK,GAAG,IAAAC,aAAO,EACpB;MACA,IAAAC,QAAE,EAAE,WAAY,CAAC,EACjBZ,KAAK,GAAG,CACT,CAAC;MACD,oBACC,IAAA5D,WAAA,CAAAuC,GAAA,EAACpD,WAAA,CAAAsF,WAAW;QACXH,KAAK,EAAGA,KAAO;QACfI,YAAY,EAAG,IAAAF,QAAE,EAAE,OAAQ,CAAG;QAI9BG,GAAG,EAAG,CAAG;QACTC,GAAG,EACF,IAAAX,uBAAgB,EAAEX,SAAU,CAAC,IAAI,CAAEA,SAAS,GACzC,GAAG,GACHuB,SACH;QACDC,KAAK,EAAG,IAAAf,gBAAS,EAAEnD,WAAY,CAAC,CAAEgD,KAAK,CAAI;QAC3CI,QAAQ,EAAKX,SAAS,IAAM;UAC3BW,QAAQ,CAAEX,SAAS,EAAEC,SAAS,EAAEc,MAAM,CAACW,QAAS,CAAC;QAClD,CAAG;QACHC,YAAY,EAAKrB,QAAQ,IACxBD,YAAY,CAAEC,QAAQ,EAAEC,KAAK,EAAEQ,MAAM,CAACW,QAAS,CAC/C;QACDE,UAAU,EAAK5B,SAAS,IAAM;UAC7BD,aAAa,CAAEC,SAAS,EAAEC,SAAS,EAAEc,MAAM,CAACW,QAAS,CAAC;QACvD,CAAG;QACHG,IAAI,EAAG5B,SAAW;QAClBrB,KAAK,EAAGA,KAAO;QACfkD,OAAO,eACN,IAAAnF,WAAA,CAAAuC,GAAA,EAACxC,cAAA,CAAAqF,OAAc;UACdC,YAAY,EAAG,IAAAtB,gBAAS,EAAEnD,WAAW,EAAE,KAAM,CAAG;UAChD0E,mBAAmB,EAAG1B;QAAO,CAC7B;MACD,GA1BK,GAAIQ,MAAM,CAACW,QAAQ,IACxB,IAAAhB,gBAAS,EAAEnD,WAAY,CAAC,CAAC2E,MAAM,EA0BhC,CAAC;IAEJ,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEzE,mBAAmB,EAAEJ,UAAU,EAAEE,WAAW,CAAG,CAAC;EAErD,MAAM4E,kBAAkB,GAAG,IAAArC,oBAAW,EACnC2B,KAAK,IAAM;IACZtE,aAAa,CAAEC,WAAW,EAAEqE,KAAM,CAAC;EACpC,CAAC,EACD,CAAErE,WAAW,CACd,CAAC;EAED,oBACC,IAAAT,WAAA,CAAAyF,IAAA,EAAAzF,WAAA,CAAA0F,QAAA;IAAA9C,QAAA,GACGlC,UAAU,iBACX,IAAAV,WAAA,CAAAyF,IAAA,EAAAzF,WAAA,CAAA0F,QAAA;MAAA9C,QAAA,gBACC,IAAA5C,WAAA,CAAAyF,IAAA,EAACrG,YAAA,CAAAuG,iBAAiB;QAAA/C,QAAA,gBACjB,IAAA5C,WAAA,CAAAyF,IAAA,EAACtG,WAAA,CAAAyG,SAAS;UAACC,KAAK,EAAG,IAAArB,QAAE,EAAE,kBAAmB,CAAG;UAAA5B,QAAA,gBAC5C,IAAA5C,WAAA,CAAAuC,GAAA,EAACpD,WAAA,CAAA2G,YAAY;YACZxB,KAAK,EAAG,IAAAE,QAAE,EAAE,mBAAoB,CAAG;YACnCuB,IAAI,EAAGC,cAAS;YAChBlB,KAAK,EAAGrE,WAAa;YACrBuD,QAAQ,EAAGwB,kBAAoB;YAC/Bb,GAAG,EAAGzE,eAAiB;YACvB0E,GAAG,EAAGnE,WAAW,GAAG,CAAG;YACvBwF,IAAI,EAAC;UAAS,CACd,CAAC,EACA/B,iBAAiB;QAAA,CACT,CAAC,eACZ,IAAAlE,WAAA,CAAAuC,GAAA,EAACpD,WAAA,CAAAyG,SAAS;UAAAhD,QAAA,eACT,IAAA5C,WAAA,CAAAuC,GAAA,EAACpD,WAAA,CAAA+G,oBAAoB;YACpB5B,KAAK,EAAG,IAAAE,QAAE,EACT,8DACD;UAAG,CACH;QAAC,CACQ,CAAC;MAAA,CACM,CAAC,eACpB,IAAAxE,WAAA,CAAAuC,GAAA,EAACnD,YAAA,CAAA+G,aAAa;QAAAvD,QAAA,eACb,IAAA5C,WAAA,CAAAuC,GAAA,EAACnD,YAAA,CAAAgH,6BAA6B;UAC7BpC,QAAQ,EAAGzD,eAAiB;UAC5BuE,KAAK,EAAGjD;QAAmB,CAC3B;MAAC,CACY,CAAC;IAAA,CACf,CACF,eACD,IAAA7B,WAAA,CAAAyF,IAAA,EAACzG,YAAA,CAAAwD,IAAI;MAACC,KAAK,EAAG/B,UAAU,IAAIgC,eAAM,CAAC2D,mBAAqB;MAAAzD,QAAA,GACrD7B,cAAc,EACdW,KAAK,iBACN,IAAA1B,WAAA,CAAAuC,GAAA,EAACnD,YAAA,CAAAyD,WAAW;QACXP,cAAc,EAAGA,cAAgB;QACjCgE,WAAW,EACVpF,YAAY,GAAG,CAAC,GAAG,YAAY,GAAG2D,SAClC;QACD0B,UAAU,EAAGrF,YAAY,GAAG,CAAG;QAC/BsF,iBAAiB,EAAC,SAAS;QAC3BzD,UAAU,EAAGA,UAAY;QACzBpC,aAAa,EACZF,WAAW,KAAK,CAAC,GAAGE,aAAa,GAAGkE,SACpC;QACD4B,UAAU,EAAG/E,KAAO;QACpBgF,YAAY,EAAG1D,aAAe;QAC9B2D,WAAW,EACVxG,WAAW,CAAE2B,KAAM,CAAC,IAAIrB,WAAW,KAAK,CAAC,GACtCY,WAAW,GACX,IAAAuF,2CAAuB,EAAElF,KAAK,EAAER,YAAa;MAChD,CACD,CACD;IAAA,CACI,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,MAAM2F,2BAA2B,GAAG,IAAAC,kBAAY,EAC/C,CAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,MAAQ;EACrC;AACF;AACA;AACA;AACA;AACA;AACA;EACE1G,eAAeA,CAAEsB,iBAAiB,EAAG;IACpC,MAAM;MAAEkD,QAAQ;MAAEmC;IAAc,CAAC,GAAGF,QAAQ;IAC5C,MAAM;MAAEG;IAAsB,CAAC,GAAGJ,QAAQ,CAAEK,kBAAiB,CAAC;IAC9D,MAAM;MAAEC;IAAc,CAAC,GAAGJ,QAAQ,CAACK,MAAM,CAAEF,kBAAiB,CAAC;;IAE7D;IACAF,aAAa,CAAE;MAAErF;IAAkB,CAAE,CAAC;;IAEtC;IACA,MAAM0F,mBAAmB,GAAGF,aAAa,CAAEtC,QAAS,CAAC;IACrDwC,mBAAmB,CAACC,OAAO,CAAIC,kBAAkB,IAAM;MACtDN,qBAAqB,CAAEM,kBAAkB,EAAE;QAC1C5F;MACD,CAAE,CAAC;IACJ,CAAE,CAAC;EACJ,CAAC;EACDhB,sBAAsBA,CAAEiE,KAAK,EAAEvB,QAAQ,EAAG;IACzC,MAAM;MAAE4D;IAAsB,CAAC,GAAGJ,QAAQ,CAAEK,kBAAiB,CAAC;IAE9DD,qBAAqB,CAAE5D,QAAQ,EAAE;MAChC7B,KAAK,EAAEoD;IACR,CAAE,CAAC;EACJ,CAAC;EACD;AACF;AACA;AACA;AACA;AACA;AACA;EACEtE,aAAaA,CAAEkH,eAAe,EAAEC,UAAU,EAAG;IAC5C,MAAM;MAAE5C;IAAS,CAAC,GAAGiC,QAAQ;IAC7B,MAAM;MAAEY;IAAmB,CAAC,GAAGb,QAAQ,CAAEK,kBAAiB,CAAC;IAC3D,MAAM;MAAES,SAAS;MAAEC;IAAmB,CAAC,GACtCb,QAAQ,CAACK,MAAM,CAAEF,kBAAiB,CAAC;IAEpC,IAAIW,WAAW,GAAGF,SAAS,CAAE9C,QAAS,CAAC;IACvC,MAAMiD,iBAAiB,GACtB,IAAAC,qCAA8B,EAAEF,WAAY,CAAC;;IAE9C;IACA,MAAMG,cAAc,GAAGP,UAAU,GAAGD,eAAe;;IAEnD;IACA,MAAM;MAAE7F;IAAkB,CAAC,GAAGiG,kBAAkB,CAAE/C,QAAS,CAAC,IAAI,CAAC,CAAC;IAElE,IAAKmD,cAAc,IAAIF,iBAAiB,EAAG;MAC1C;MACA;MACA,MAAMG,cAAc,GAAG,IAAAC,uBAAgB,EAAE,GAAG,GAAGT,UAAW,CAAC;;MAE3D;MACA;MACA,MAAMU,MAAM,GAAG,IAAAC,mCAA4B,EAC1CP,WAAW,EACX,GAAG,GAAGI,cACP,CAAC;MAEDJ,WAAW,GAAG,CACb,GAAG,IAAAQ,4BAAqB,EAAER,WAAW,EAAEM,MAAO,CAAC,EAC/C,GAAGG,KAAK,CAACC,IAAI,CAAE;QACdlD,MAAM,EAAEoC,UAAU,GAAGD;MACtB,CAAE,CAAC,CAACvD,GAAG,CAAE,MAAM;QACd,OAAO,IAAAuE,mBAAW,EAAE,aAAa,EAAE;UAClChH,KAAK,EAAE,GAAIyG,cAAc,GAAI;UAC7BtG;QACD,CAAE,CAAC;MACJ,CAAE,CAAC,CACH;IACF,CAAC,MAAM,IAAKqG,cAAc,EAAG;MAC5BH,WAAW,GAAG,CACb,GAAGA,WAAW,EACd,GAAGS,KAAK,CAACC,IAAI,CAAE;QACdlD,MAAM,EAAEoC,UAAU,GAAGD;MACtB,CAAE,CAAC,CAACvD,GAAG,CAAE,MAAM;QACd,OAAO,IAAAuE,mBAAW,EAAE,aAAa,EAAE;UAClC7G;QACD,CAAE,CAAC;MACJ,CAAE,CAAC,CACH;IACF,CAAC,MAAM;MACN;MACAkG,WAAW,GAAGA,WAAW,CAACY,KAAK,CAC9B,CAAC,EACD,EAAGjB,eAAe,GAAGC,UAAU,CAChC,CAAC;MAED,IAAKK,iBAAiB,EAAG;QACxB;QACA,MAAMK,MAAM,GAAG,IAAAC,mCAA4B,EAC1CP,WAAW,EACX,GACD,CAAC;QAEDA,WAAW,GAAG,IAAAQ,4BAAqB,EAAER,WAAW,EAAEM,MAAO,CAAC;MAC3D;IACD;IAEAT,kBAAkB,CAAE7C,QAAQ,EAAEgD,WAAY,CAAC;EAC5C,CAAC;EACDa,eAAe,EAAEA,CAAA,KAAM;IACtB,MAAM;MAAE7D;IAAS,CAAC,GAAGiC,QAAQ;IAC7B,MAAM;MAAEY,kBAAkB;MAAEiB;IAAY,CAAC,GACxC9B,QAAQ,CAAEK,kBAAiB,CAAC;IAC7B,MAAM;MAAES,SAAS;MAAEC;IAAmB,CAAC,GACtCb,QAAQ,CAACK,MAAM,CAAEF,kBAAiB,CAAC;;IAEpC;IACA,MAAM;MAAEvF;IAAkB,CAAC,GAAGiG,kBAAkB,CAAE/C,QAAS,CAAC;IAE5D,MAAMgD,WAAW,GAAGF,SAAS,CAAE9C,QAAS,CAAC;IAEzC,MAAM+D,aAAa,GAAG,IAAAJ,mBAAW,EAAE,aAAa,EAAE;MACjD7G;IACD,CAAE,CAAC;IAEH+F,kBAAkB,CACjB7C,QAAQ,EACR,CAAE,GAAGgD,WAAW,EAAEe,aAAa,CAAE,EACjC,IACD,CAAC;IACDD,WAAW,CAAEC,aAAa,CAAC/D,QAAS,CAAC;EACtC,CAAC;EACDpE,aAAa,EAAEA,CAAA,KAAM;IACpB,MAAM;MAAEoE;IAAS,CAAC,GAAGiC,QAAQ;IAC7B,MAAM;MAAE+B;IAAY,CAAC,GAAGhC,QAAQ,CAAEK,kBAAiB,CAAC;IACpD2B,WAAW,CAAEhE,QAAS,CAAC;EACxB;AACD,CAAC,CACF,CAAC,CAAE,IAAAiE,aAAI,EAAE3I,oBAAqB,CAAE,CAAC;AAEjC,MAAM4I,WAAW,GAAKC,KAAK,IAAM;EAChC,MAAM;IAAEnE,QAAQ;IAAErE,UAAU;IAAE+B;EAAM,CAAC,GAAGyG,KAAK;EAC7C,MAAM;IACLzI,WAAW;IACX0I,gBAAgB;IAChBpB,WAAW;IACXqB,UAAU;IACVC,oBAAoB;IACpBvI;EACD,CAAC,GAAG,IAAAwI,eAAS,EACVhC,MAAM,IAAM;IACb,MAAM;MACLiC,aAAa;MACb1B,SAAS;MACT2B,eAAe;MACf1B;IACD,CAAC,GAAGR,MAAM,CAAEF,kBAAiB,CAAC;IAC9B,MAAM;MAAEqC;IAAsB,CAAC,GAAGnC,MAAM,CAAE,gBAAiB,CAAC;IAE5D,MAAMoC,eAAe,GAAG7B,SAAS,CAAE9C,QAAS,CAAC;IAE7C,MAAM4E,cAAc,GAAGD,eAAe,CAACE,KAAK,CACzCC,UAAU,IAAMA,UAAU,CAAC9B,WAAW,CAACxC,MAAM,KAAK,CACrD,CAAC;IAED,MAAMuE,OAAO,GAAGN,eAAe,CAAEzE,QAAQ,EAAE,IAAK,CAAC;IAEjD,OAAO;MACNtE,WAAW,EAAE8I,aAAa,CAAExE,QAAS,CAAC;MACtCoE,gBAAgB,EAAEQ,cAAc;MAChC5B,WAAW,EAAE2B,eAAe;MAC5BN,UAAU,EAAEU,OAAO,CAACvE,MAAM,GAAG,CAAC;MAC9B8D,oBAAoB,EAAEvB,kBAAkB,CAAEgC,OAAO,CAAE,CAAC,CAAG,CAAC,EAAEhI,KAAK;MAC/DhB,mBAAmB,EAAEJ,UAAU,IAAI+I,qBAAqB,CAAC;IAC1D,CAAC;EACF,CAAC,EACD,CAAE1E,QAAQ,EAAErE,UAAU,CACvB,CAAC;EAED,MAAME,WAAW,GAAG,IAAAqC,gBAAO,EAC1B,MACC8E,WAAW,CAAC5D,GAAG,CAAI4F,GAAG,KAAQ;IAC7BhF,QAAQ,EAAEgF,GAAG,CAAChF,QAAQ;IACtBzE,UAAU,EAAE;MAAEoB,KAAK,EAAEqI,GAAG,CAACzJ,UAAU,CAACoB;IAAM;EAC3C,CAAC,CAAG,CAAC,EACN,CAAEqG,WAAW,CACd,CAAC;EAED,MAAM,CAAEiC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAA7I,iBAAQ,EAAE,KAAM,CAAC;EAErD,IAAAe,kBAAS,EAAE,MAAM;IAChB,IAAKzB,UAAU,IAAIyI,gBAAgB,EAAG;MACrC,MAAMe,aAAa,GAAGC,UAAU,CAAE,MAAMF,YAAY,CAAE,IAAK,CAAC,EAAE,GAAI,CAAC;MAEnE,OAAO,MAAMG,YAAY,CAAEF,aAAc,CAAC;IAC3C;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMG,OAAO,GAAG,IAAAlH,oBAAW,EAAE,MAAM;IAClC8G,YAAY,CAAE,KAAM,CAAC;EACtB,CAAC,EAAE,EAAG,CAAC;EAEP,oBACC,IAAAjK,WAAA,CAAAyF,IAAA,EAACzG,YAAA,CAAAwD,IAAI;IAACC,KAAK,EAAGA,KAAO;IAAAG,QAAA,gBACpB,IAAA5C,WAAA,CAAAuC,GAAA,EAACsE,2BAA2B;MAC3BpG,WAAW,EAAGA,WAAa;MAC3BG,WAAW,EAAGA,WAAa;MAC3BwI,UAAU,EAAGA,UAAY;MACzBC,oBAAoB,EAAGA,oBAAsB;MAC7CvI,mBAAmB,EAAGA,mBAAqB;MAAA,GACtCoI;IAAK,CACV,CAAC,eACF,IAAAlJ,WAAA,CAAAuC,GAAA,EAACnD,YAAA,CAAAkL,oBAAoB;MACpBC,UAAU,EAAGA,mBAAY;MACzBF,OAAO,EAAGA,OAAS;MACnBtF,QAAQ,EAAGA,QAAU;MACrBiF,SAAS,EAAGA;IAAW,CACvB,CAAC;EAAA,CACG,CAAC;AAET,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAArF,OAAA,GAEa6D,WAAW","ignoreList":[]}

package/build/columns/transforms.native.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _transforms = _interopRequireDefault(require("./transforms.js"));
-var _transformationCategories = _interopRequireDefault(require("../utils/transformation-categories"));
-/**
- * Internal dependencies
- */
-
-const transforms = {
-  ..._transforms.default,
-  supportedMobileTransforms: _transformationCategories.default.grouped
-};
-var _default = exports.default = transforms;
-//# sourceMappingURL=transforms.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_transforms","_interopRequireDefault","require","_transformationCategories","transforms","webTransforms","supportedMobileTransforms","transformationCategories","grouped","_default","exports","default"],"sources":["@wordpress/block-library/src/columns/transforms.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport webTransforms from './transforms.js';\nimport transformationCategories from '../utils/transformation-categories';\n\nconst transforms = {\n\t...webTransforms,\n\tsupportedMobileTransforms: transformationCategories.grouped,\n};\n\nexport default transforms;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,UAAU,GAAG;EAClB,GAAGC,mBAAa;EAChBC,yBAAyB,EAAEC,iCAAwB,CAACC;AACrD,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaP,UAAU","ignoreList":[]}