@wordpress/block-library 8.21.0 → 8.22.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 8.22.0 (2023-11-02)
+
 ## 8.21.0 (2023-10-18)
 
 ### Bug Fix

package/build/avatar/index.js

@@ -46,7 +46,11 @@ const metadata = {
     alignWide: false,
     spacing: {
       margin: true,
-      padding: true
+      padding: true,
+      __experimentalDefaultControls: {
+        margin: false,
+        padding: false
+      }
     },
     __experimentalBorder: {
       __experimentalSkipSerialization: true,

package/build/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","userId","type","size","isLink","linkTarget","usesContext","supports","html","align","alignWide","spacing","margin","padding","__experimentalBorder","__experimentalSkipSerialization","radius","width","color","style","__experimentalDefaultControls","text","background","__experimentalDuotone","selectors","border","editorStyle","exports","settings","icon","edit","init","initBlock"],"sources":["@wordpress/block-library/src/avatar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { commentAuthorAvatar as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAI,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,MAAA;MAAAC,IAAA;IAAA;IAAAC,IAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,MAAA;MAAAF,IAAA;MAAA;IAAA;IAAAG,UAAA;MAAAH,IAAA;MAAA;IAAA;EAAA;EAAAI,WAAA;EAAAC,QAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;IAAA;IAAAC,oBAAA;MAAAC,+BAAA;MAAAC,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,6BAAA;QAAAJ,MAAA;MAAA;IAAA;IAAAE,KAAA;MAAAG,IAAA;MAAAC,UAAA;MAAAC,qBAAA;IAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;EAAAP,KAAA;AAAA;AAAAQ,OAAA,CAAAnC,QAAA,GAAAA,QAAA;AAOA,MAAM;EAAEG;AAAK,CAAC,GAAGH,QAAQ;AAACmC,OAAA,CAAAhC,IAAA,GAAAA,IAAA;AAGnB,MAAMiC,QAAQ,GAAG;EACvBC,IAAI,EAAJA,0BAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAACH,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEK,MAAMG,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAErC,IAAI;EAAEH,QAAQ;EAAEoC;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAI,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","userId","type","size","isLink","linkTarget","usesContext","supports","html","align","alignWide","spacing","margin","padding","__experimentalDefaultControls","__experimentalBorder","__experimentalSkipSerialization","radius","width","color","style","text","background","__experimentalDuotone","selectors","border","editorStyle","exports","settings","icon","edit","init","initBlock"],"sources":["@wordpress/block-library/src/avatar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { commentAuthorAvatar as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAI,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,MAAA;MAAAC,IAAA;IAAA;IAAAC,IAAA;MAAAD,IAAA;MAAA;IAAA;IAAAE,MAAA;MAAAF,IAAA;MAAA;IAAA;IAAAG,UAAA;MAAAH,IAAA;MAAA;IAAA;EAAA;EAAAI,WAAA;EAAAC,QAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAC,6BAAA;QAAAF,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAE,oBAAA;MAAAC,+BAAA;MAAAC,MAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAC,KAAA;MAAAN,6BAAA;QAAAG,MAAA;MAAA;IAAA;IAAAE,KAAA;MAAAE,IAAA;MAAAC,UAAA;MAAAC,qBAAA;IAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;EAAAN,KAAA;AAAA;AAAAO,OAAA,CAAAnC,QAAA,GAAAA,QAAA;AAOA,MAAM;EAAEG;AAAK,CAAC,GAAGH,QAAQ;AAACmC,OAAA,CAAAhC,IAAA,GAAAA,IAAA;AAGnB,MAAMiC,QAAQ,GAAG;EACvBC,IAAI,EAAJA,0BAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAACH,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEK,MAAMG,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAErC,IAAI;EAAEH,QAAQ;EAAEoC;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAI,IAAA,GAAAA,IAAA"}

package/build/block/edit-title.native.js

@@ -28,9 +28,17 @@ function EditTitle({
   getStylesFromColorScheme,
   title
 }) {
-  const lockIconStyle = getStylesFromColorScheme(_editor.default.lockIcon, _editor.default.lockIconDark);
-  const titleStyle = getStylesFromColorScheme(_editor.default.title, _editor.default.titleDark);
-  const infoIconStyle = getStylesFromColorScheme(_editor.default.infoIcon, _editor.default.infoIconDark);
+  const globalStyles = (0, _components.useGlobalStyles)();
+  const baseColors = globalStyles?.baseColors?.color;
+  const lockIconStyle = [getStylesFromColorScheme(_editor.default.lockIcon, _editor.default.lockIconDark), baseColors && {
+    color: baseColors.text
+  }];
+  const titleStyle = [getStylesFromColorScheme(_editor.default.title, _editor.default.titleDark), baseColors && {
+    color: baseColors.text
+  }];
+  const infoIconStyle = [getStylesFromColorScheme(_editor.default.infoIcon, _editor.default.infoIconDark), baseColors && {
+    color: baseColors.text
+  }];
   const separatorStyle = getStylesFromColorScheme(_editor.default.separator, _editor.default.separatorDark);
   return (0, _react.createElement)(_reactNative.View, {
     style: _editor.default.titleContainer

package/build/block/edit-title.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_i18n","_compose","_icons","_editor","_interopRequireDefault","EditTitle","getStylesFromColorScheme","title","lockIconStyle","styles","lockIcon","lockIconDark","titleStyle","titleDark","infoIconStyle","infoIcon","infoIconDark","separatorStyle","separator","separatorDark","_react","createElement","View","style","titleContainer","lockIconContainer","Icon","label","__","icon","lock","size","Text","numberOfLines","helpIconContainer","help","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/block-library/src/block/edit-title.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { help, lock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction EditTitle( { getStylesFromColorScheme, title } ) {\n\tconst lockIconStyle = getStylesFromColorScheme(\n\t\tstyles.lockIcon,\n\t\tstyles.lockIconDark\n\t);\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\tconst infoIconStyle = getStylesFromColorScheme(\n\t\tstyles.infoIcon,\n\t\tstyles.infoIconDark\n\t);\n\tconst separatorStyle = getStylesFromColorScheme(\n\t\tstyles.separator,\n\t\tstyles.separatorDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.titleContainer }>\n\t\t\t<View style={ styles.lockIconContainer }>\n\t\t\t\t<Icon\n\t\t\t\t\tlabel={ __( 'Lock icon' ) }\n\t\t\t\t\ticon={ lock }\n\t\t\t\t\tsize={ 16 }\n\t\t\t\t\tstyle={ lockIconStyle }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<Text numberOfLines={ 1 } style={ titleStyle }>\n\t\t\t\t{ title }\n\t\t\t</Text>\n\t\t\t<View style={ styles.helpIconContainer }>\n\t\t\t\t<Icon\n\t\t\t\t\tlabel={ __( 'Help icon' ) }\n\t\t\t\t\ticon={ help }\n\t\t\t\t\tsize={ 20 }\n\t\t\t\t\tstyle={ infoIconStyle }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<View style={ separatorStyle } />\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( EditTitle );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASO,SAASA,CAAE;EAAEC,wBAAwB;EAAEC;AAAM,CAAC,EAAG;EACzD,MAAMC,aAAa,GAAGF,wBAAwB,CAC7CG,eAAM,CAACC,QAAQ,EACfD,eAAM,CAACE,YACR,CAAC;EACD,MAAMC,UAAU,GAAGN,wBAAwB,CAC1CG,eAAM,CAACF,KAAK,EACZE,eAAM,CAACI,SACR,CAAC;EACD,MAAMC,aAAa,GAAGR,wBAAwB,CAC7CG,eAAM,CAACM,QAAQ,EACfN,eAAM,CAACO,YACR,CAAC;EACD,MAAMC,cAAc,GAAGX,wBAAwB,CAC9CG,eAAM,CAACS,SAAS,EAChBT,eAAM,CAACU,aACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACe;EAAgB,GACpC,IAAAJ,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACgB;EAAmB,GACvC,IAAAL,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAA2B,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGf;EAAe,CACvB,CACI,CAAC,EACP,IAAAY,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAmC,IAAI;IAACC,aAAa,EAAG,CAAG;IAACV,KAAK,EAAGX;EAAY,GAC3CL,KACG,CAAC,EACP,IAAAa,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACyB;EAAmB,GACvC,IAAAd,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAA2B,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGM,WAAM;IACbJ,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGT;EAAe,CACvB,CACI,CAAC,EACP,IAAAM,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGN;EAAgB,CAAE,CAC3B,CAAC;AAET;AAAC,IAAAmB,QAAA,GAEc,IAAAC,iCAAwB,EAAEhC,SAAU,CAAC;AAAAiC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_reactNative","require","_components","_i18n","_compose","_icons","_editor","_interopRequireDefault","EditTitle","getStylesFromColorScheme","title","globalStyles","useGlobalStyles","baseColors","color","lockIconStyle","styles","lockIcon","lockIconDark","text","titleStyle","titleDark","infoIconStyle","infoIcon","infoIconDark","separatorStyle","separator","separatorDark","_react","createElement","View","style","titleContainer","lockIconContainer","Icon","label","__","icon","lock","size","Text","numberOfLines","helpIconContainer","help","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/block-library/src/block/edit-title.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, useGlobalStyles } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { help, lock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction EditTitle( { getStylesFromColorScheme, title } ) {\n\tconst globalStyles = useGlobalStyles();\n\tconst baseColors = globalStyles?.baseColors?.color;\n\n\tconst lockIconStyle = [\n\t\tgetStylesFromColorScheme( styles.lockIcon, styles.lockIconDark ),\n\t\tbaseColors && { color: baseColors.text },\n\t];\n\tconst titleStyle = [\n\t\tgetStylesFromColorScheme( styles.title, styles.titleDark ),\n\t\tbaseColors && { color: baseColors.text },\n\t];\n\tconst infoIconStyle = [\n\t\tgetStylesFromColorScheme( styles.infoIcon, styles.infoIconDark ),\n\t\tbaseColors && { color: baseColors.text },\n\t];\n\tconst separatorStyle = getStylesFromColorScheme(\n\t\tstyles.separator,\n\t\tstyles.separatorDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.titleContainer }>\n\t\t\t<View style={ styles.lockIconContainer }>\n\t\t\t\t<Icon\n\t\t\t\t\tlabel={ __( 'Lock icon' ) }\n\t\t\t\t\ticon={ lock }\n\t\t\t\t\tsize={ 16 }\n\t\t\t\t\tstyle={ lockIconStyle }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<Text numberOfLines={ 1 } style={ titleStyle }>\n\t\t\t\t{ title }\n\t\t\t</Text>\n\t\t\t<View style={ styles.helpIconContainer }>\n\t\t\t\t<Icon\n\t\t\t\t\tlabel={ __( 'Help icon' ) }\n\t\t\t\t\ticon={ help }\n\t\t\t\t\tsize={ 20 }\n\t\t\t\t\tstyle={ infoIconStyle }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<View style={ separatorStyle } />\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( EditTitle );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASO,SAASA,CAAE;EAAEC,wBAAwB;EAAEC;AAAM,CAAC,EAAG;EACzD,MAAMC,YAAY,GAAG,IAAAC,2BAAe,EAAC,CAAC;EACtC,MAAMC,UAAU,GAAGF,YAAY,EAAEE,UAAU,EAAEC,KAAK;EAElD,MAAMC,aAAa,GAAG,CACrBN,wBAAwB,CAAEO,eAAM,CAACC,QAAQ,EAAED,eAAM,CAACE,YAAa,CAAC,EAChEL,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMC,UAAU,GAAG,CAClBX,wBAAwB,CAAEO,eAAM,CAACN,KAAK,EAAEM,eAAM,CAACK,SAAU,CAAC,EAC1DR,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMG,aAAa,GAAG,CACrBb,wBAAwB,CAAEO,eAAM,CAACO,QAAQ,EAAEP,eAAM,CAACQ,YAAa,CAAC,EAChEX,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMM,cAAc,GAAGhB,wBAAwB,CAC9CO,eAAM,CAACU,SAAS,EAChBV,eAAM,CAACW,aACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACC,KAAK,EAAGf,eAAM,CAACgB;EAAgB,GACpC,IAAAJ,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACC,KAAK,EAAGf,eAAM,CAACiB;EAAmB,GACvC,IAAAL,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAgC,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGhB;EAAe,CACvB,CACI,CAAC,EACP,IAAAa,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAAwC,IAAI;IAACC,aAAa,EAAG,CAAG;IAACV,KAAK,EAAGX;EAAY,GAC3CV,KACG,CAAC,EACP,IAAAkB,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACC,KAAK,EAAGf,eAAM,CAAC0B;EAAmB,GACvC,IAAAd,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAgC,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGM,WAAM;IACbJ,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGT;EAAe,CACvB,CACI,CAAC,EACP,IAAAM,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACC,KAAK,EAAGN;EAAgB,CAAE,CAC3B,CAAC;AAET;AAAC,IAAAmB,QAAA,GAEc,IAAAC,iCAAwB,EAAErC,SAAU,CAAC;AAAAsC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/block/edit.js

@@ -25,6 +25,9 @@ var _lockUnlock = require("../lock-unlock");
  * Internal dependencies
  */
 
+const {
+  useLayoutClasses
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 const fullAlignments = ['full', 'wide', 'left', 'right'];
 const useInferredLayout = (blocks, parentLayout) => {
   const initialInferredAlignmentRef = (0, _element.useRef)();
@@ -57,9 +60,6 @@ function ReusableBlockEdit({
   },
   __unstableParentLayout: parentLayout
 }) {
-  const {
-    useLayoutClasses
-  } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
   const hasAlreadyRendered = (0, _blockEditor.__experimentalUseHasRecursion)(ref);
   const {
     record,

package/build/block/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_components","_i18n","_blockEditor","_element","_lockUnlock","fullAlignments","useInferredLayout","blocks","parentLayout","initialInferredAlignmentRef","useRef","useMemo","length","alignment","current","undefined","isConstrained","type","hasFullAlignment","some","block","includes","attributes","align","layout","ReusableBlockEdit","name","ref","__unstableParentLayout","useLayoutClasses","unlock","blockEditorPrivateApis","hasAlreadyRendered","useHasRecursion","record","hasResolved","useEntityRecord","isMissing","onInput","onChange","useEntityBlockEditor","id","title","setTitle","useEntityProp","layoutClasses","blockProps","useBlockProps","className","classnames","innerBlocksProps","useInnerBlocksProps","value","renderAppender","InnerBlocks","ButtonBlockAppender","_react","createElement","Warning","__","Placeholder","Spinner","__experimentalRecursionProvider","uniqueId","InspectorControls","PanelBody","TextControl","__nextHasNoMarginBottom","label"],"sources":["@wordpress/block-library/src/block/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tuseEntityRecord,\n} from '@wordpress/core-data';\nimport {\n\tPlaceholder,\n\tSpinner,\n\tTextControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tInnerBlocks,\n\tInspectorControls,\n\tuseBlockProps,\n\tWarning,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst fullAlignments = [ 'full', 'wide', 'left', 'right' ];\n\nconst useInferredLayout = ( blocks, parentLayout ) => {\n\tconst initialInferredAlignmentRef = useRef();\n\n\treturn useMemo( () => {\n\t\t// Exit early if the pattern's blocks haven't loaded yet.\n\t\tif ( ! blocks?.length ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tlet alignment = initialInferredAlignmentRef.current;\n\n\t\t// Only track the initial alignment so that temporarily removed\n\t\t// alignments can be reapplied.\n\t\tif ( alignment === undefined ) {\n\t\t\tconst isConstrained = parentLayout?.type === 'constrained';\n\t\t\tconst hasFullAlignment = blocks.some( ( block ) =>\n\t\t\t\tfullAlignments.includes( block.attributes.align )\n\t\t\t);\n\n\t\t\talignment = isConstrained && hasFullAlignment ? 'full' : null;\n\t\t\tinitialInferredAlignmentRef.current = alignment;\n\t\t}\n\n\t\tconst layout = alignment ? parentLayout : undefined;\n\n\t\treturn { alignment, layout };\n\t}, [ blocks, parentLayout ] );\n};\n\nexport default function ReusableBlockEdit( {\n\tname,\n\tattributes: { ref },\n\t__unstableParentLayout: parentLayout,\n} ) {\n\tconst { useLayoutClasses } = unlock( blockEditorPrivateApis );\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\tconst { record, hasResolved } = useEntityRecord(\n\t\t'postType',\n\t\t'wp_block',\n\t\tref\n\t);\n\tconst isMissing = hasResolved && ! record;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_block',\n\t\t'title',\n\t\tref\n\t);\n\n\tconst { alignment, layout } = useInferredLayout( blocks, parentLayout );\n\tconst layoutClasses = useLayoutClasses( { layout }, name );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\t'block-library-block__reusable-block-container',\n\t\t\tlayout && layoutClasses,\n\t\t\t{ [ `align${ alignment }` ]: alignment }\n\t\t),\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tlayout,\n\t\tonInput,\n\t\tonChange,\n\t\trenderAppender: blocks?.length\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_components","_i18n","_blockEditor","_element","_lockUnlock","useLayoutClasses","unlock","blockEditorPrivateApis","fullAlignments","useInferredLayout","blocks","parentLayout","initialInferredAlignmentRef","useRef","useMemo","length","alignment","current","undefined","isConstrained","type","hasFullAlignment","some","block","includes","attributes","align","layout","ReusableBlockEdit","name","ref","__unstableParentLayout","hasAlreadyRendered","useHasRecursion","record","hasResolved","useEntityRecord","isMissing","onInput","onChange","useEntityBlockEditor","id","title","setTitle","useEntityProp","layoutClasses","blockProps","useBlockProps","className","classnames","innerBlocksProps","useInnerBlocksProps","value","renderAppender","InnerBlocks","ButtonBlockAppender","_react","createElement","Warning","__","Placeholder","Spinner","__experimentalRecursionProvider","uniqueId","InspectorControls","PanelBody","TextControl","__nextHasNoMarginBottom","label"],"sources":["@wordpress/block-library/src/block/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tuseEntityRecord,\n} from '@wordpress/core-data';\nimport {\n\tPlaceholder,\n\tSpinner,\n\tTextControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tInnerBlocks,\n\tInspectorControls,\n\tuseBlockProps,\n\tWarning,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst { useLayoutClasses } = unlock( blockEditorPrivateApis );\nconst fullAlignments = [ 'full', 'wide', 'left', 'right' ];\n\nconst useInferredLayout = ( blocks, parentLayout ) => {\n\tconst initialInferredAlignmentRef = useRef();\n\n\treturn useMemo( () => {\n\t\t// Exit early if the pattern's blocks haven't loaded yet.\n\t\tif ( ! blocks?.length ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tlet alignment = initialInferredAlignmentRef.current;\n\n\t\t// Only track the initial alignment so that temporarily removed\n\t\t// alignments can be reapplied.\n\t\tif ( alignment === undefined ) {\n\t\t\tconst isConstrained = parentLayout?.type === 'constrained';\n\t\t\tconst hasFullAlignment = blocks.some( ( block ) =>\n\t\t\t\tfullAlignments.includes( block.attributes.align )\n\t\t\t);\n\n\t\t\talignment = isConstrained && hasFullAlignment ? 'full' : null;\n\t\t\tinitialInferredAlignmentRef.current = alignment;\n\t\t}\n\n\t\tconst layout = alignment ? parentLayout : undefined;\n\n\t\treturn { alignment, layout };\n\t}, [ blocks, parentLayout ] );\n};\n\nexport default function ReusableBlockEdit( {\n\tname,\n\tattributes: { ref },\n\t__unstableParentLayout: parentLayout,\n} ) {\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\tconst { record, hasResolved } = useEntityRecord(\n\t\t'postType',\n\t\t'wp_block',\n\t\tref\n\t);\n\tconst isMissing = hasResolved && ! record;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_block',\n\t\t'title',\n\t\tref\n\t);\n\n\tconst { alignment, layout } = useInferredLayout( blocks, parentLayout );\n\tconst layoutClasses = useLayoutClasses( { layout }, name );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\t'block-library-block__reusable-block-container',\n\t\t\tlayout && layoutClasses,\n\t\t\t{ [ `align${ alignment }` ]: alignment }\n\t\t),\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tlayout,\n\t\tonInput,\n\t\tonChange,\n\t\trenderAppender: blocks?.length\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}

package/build/column/edit.js

@@ -32,8 +32,9 @@ function ColumnEdit({
   const classes = (0, _classnames.default)('block-core-columns', {
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment
   });
+  const [availableUnits] = (0, _blockEditor.useSettings)('spacing.units');
   const units = (0, _components.__experimentalUseCustomUnits)({
-    availableUnits: (0, _blockEditor.useSetting)('spacing.units') || ['%', 'px', 'em', 'rem', 'vw']
+    availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw']
   });
   const {
     columnsIds,

package/build/column/edit.js.map

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

package/build/column/edit.native.js

@@ -55,8 +55,9 @@ function ColumnEdit({
   } = (0, _components.getValueAndUnit)(width) || {};
   const screenWidth = Math.floor(_reactNative.Dimensions.get('window').width);
   const [widthUnit, setWidthUnit] = (0, _element.useState)(valueUnit || '%');
+  const [availableUnits] = (0, _blockEditor.useSettings)('spacing.units');
   const units = (0, _components.__experimentalUseCustomUnits)({
-    availableUnits: (0, _blockEditor.useSetting)('spacing.units') || ['%', 'px', 'em', 'rem', 'vw']
+    availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw']
   });
   const updateAlignment = alignment => {
     setAttributes({

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_data","_compose","_element","_blockEditor","_components","_i18n","_editor","_interopRequireDefault","_columnPreview","_utils","ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","getValueAndUnit","screenWidth","Math","floor","Dimensions","get","widthUnit","setWidthUnit","useState","units","useCustomUnits","availableUnits","useSetting","updateAlignment","alignment","useEffect","onChangeWidth","nextWidth","widthWithUnit","getWidthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","getWidths","onChange","isPercentageUnit","renderAppender","useCallback","columnWidth","isFullWidth","_react","createElement","View","style","styles","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","InnerBlocks","ButtonBlockAppender","columnPlaceholder","columnPlaceholderDark","parentWidth","Fragment","BlockControls","BlockVerticalAlignmentToolbar","value","InspectorControls","PanelBody","title","__","UnitControl","label","min","max","undefined","onComplete","onUnitChange","unit","preview","default","columnWidths","FooterMessageControl","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","_default","compose","withSelect","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme","exports"],"sources":["@wordpress/block-library/src/column/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useEffect, useState, useCallback } from '@wordpress/element';\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tFooterMessageControl,\n\tUnitControl,\n\tgetValueAndUnit,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport ColumnsPreview from './column-preview';\nimport {\n\tgetWidths,\n\tgetWidthWithUnit,\n\tisPercentageUnit,\n} from '../columns/utils';\n\nfunction ColumnEdit( {\n\tattributes,\n\tsetAttributes,\n\thasChildren,\n\tisSelected,\n\tgetStylesFromColorScheme,\n\tcontentStyle,\n\tcolumns,\n\tselectedColumnIndex,\n\tparentAlignment,\n\tclientId,\n\tblockWidth,\n} ) {\n\tif ( ! contentStyle ) {\n\t\tcontentStyle = { [ clientId ]: {} };\n\t}\n\n\tconst { verticalAlignment, width } = attributes;\n\tconst { valueUnit = '%' } = getValueAndUnit( width ) || {};\n\n\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\n\tconst [ widthUnit, setWidthUnit ] = useState( valueUnit || '%' );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\tconst updateAlignment = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tuseEffect( () => {\n\t\tsetWidthUnit( valueUnit );\n\t}, [ valueUnit ] );\n\n\tuseEffect( () => {\n\t\tif ( ! verticalAlignment && parentAlignment ) {\n\t\t\tupdateAlignment( parentAlignment );\n\t\t}\n\t}, [] );\n\n\tconst onChangeWidth = ( nextWidth ) => {\n\t\tconst widthWithUnit = getWidthWithUnit( nextWidth, widthUnit );\n\n\t\tsetAttributes( {\n\t\t\twidth: widthWithUnit,\n\t\t} );\n\t};\n\n\tconst onChangeUnit = ( nextUnit ) => {\n\t\tsetWidthUnit( nextUnit );\n\t\tconst widthWithoutUnit = parseFloat(\n\t\t\twidth || getWidths( columns )[ selectedColumnIndex ]\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\twidth: getWidthWithUnit( widthWithoutUnit, nextUnit ),\n\t\t} );\n\t};\n\n\tconst onChange = ( nextWidth ) => {\n\t\tif ( isPercentageUnit( widthUnit ) || ! widthUnit ) {\n\t\t\treturn;\n\t\t}\n\t\tonChangeWidth( nextWidth );\n\t};\n\n\tconst renderAppender = useCallback( () => {\n\t\tif ( isSelected ) {\n\t\t\tconst { width: columnWidth } = contentStyle[ clientId ] || {};\n\t\t\tconst isFullWidth = columnWidth === screenWidth;\n\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.columnAppender,\n\t\t\t\t\t\tisFullWidth && styles.fullwidthColumnAppender,\n\t\t\t\t\t\tisFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.fullwidthHasInnerColumnAppender,\n\t\t\t\t\t\t! isFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.hasInnerColumnAppender,\n\t\t\t\t\t] }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.ButtonBlockAppender />\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}, [ contentStyle, clientId, screenWidth, isSelected, hasChildren ] );\n\n\tif ( ! isSelected && ! hasChildren ) {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\t\tstyles.columnPlaceholder,\n\t\t\t\t\t\tstyles.columnPlaceholderDark\n\t\t\t\t\t),\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst parentWidth =\n\t\tcontentStyle &&\n\t\tcontentStyle[ clientId ] &&\n\t\tcontentStyle[ clientId ].width;\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t<PanelBody title={ __( 'Column settings' ) }>\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit )\n\t\t\t\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\tonComplete={ onChangeWidth }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\tgetWidths( columns )[ selectedColumnIndex ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tunit={ widthUnit }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t\tpreview={\n\t\t\t\t\t\t\t\t\t<ColumnsPreview\n\t\t\t\t\t\t\t\t\t\tcolumnWidths={ getWidths(\n\t\t\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tselectedColumnIndex={\n\t\t\t\t\t\t\t\t\t\t\tselectedColumnIndex\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Note: Column layout may vary between themes and screen sizes'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t</InspectorControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tisSelected && hasChildren && styles.innerBlocksBottomSpace,\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\tparentWidth={ parentWidth }\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n}\n\nfunction ColumnEditWrapper( props ) {\n\tconst { verticalAlignment } = props.attributes;\n\n\tconst getVerticalAlignmentRemap = ( alignment ) => {\n\t\tif ( ! alignment ) return styles.flexBase;\n\t\treturn {\n\t\t\t...styles.flexBase,\n\t\t\t...styles[ `is-vertically-aligned-${ alignment }` ],\n\t\t};\n\t};\n\n\treturn (\n\t\t<View style={ getVerticalAlignmentRemap( verticalAlignment ) }>\n\t\t\t<ColumnEdit { ...props } />\n\t\t</View>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockCount,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlocks,\n\t\t\tgetBlockOrder,\n\t\t\tgetBlockAttributes,\n\t\t} = select( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst isSelected = selectedBlockClientId === clientId;\n\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst hasChildren = !! getBlockCount( clientId );\n\n\t\tconst blockOrder = getBlockOrder( parentId );\n\n\t\tconst selectedColumnIndex = blockOrder.indexOf( clientId );\n\t\tconst columns = getBlocks( parentId );\n\n\t\tconst parentAlignment =\n\t\t\tgetBlockAttributes( parentId )?.verticalAlignment;\n\n\t\treturn {\n\t\t\thasChildren,\n\t\t\tisSelected,\n\t\t\tselectedColumnIndex,\n\t\t\tcolumns,\n\t\t\tparentAlignment,\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( ColumnEditWrapper );\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_data","_compose","_element","_blockEditor","_components","_i18n","_editor","_interopRequireDefault","_columnPreview","_utils","ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","getValueAndUnit","screenWidth","Math","floor","Dimensions","get","widthUnit","setWidthUnit","useState","availableUnits","useSettings","units","useCustomUnits","updateAlignment","alignment","useEffect","onChangeWidth","nextWidth","widthWithUnit","getWidthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","getWidths","onChange","isPercentageUnit","renderAppender","useCallback","columnWidth","isFullWidth","_react","createElement","View","style","styles","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","InnerBlocks","ButtonBlockAppender","columnPlaceholder","columnPlaceholderDark","parentWidth","Fragment","BlockControls","BlockVerticalAlignmentToolbar","value","InspectorControls","PanelBody","title","__","UnitControl","label","min","max","undefined","onComplete","onUnitChange","unit","preview","default","columnWidths","FooterMessageControl","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","_default","compose","withSelect","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme","exports"],"sources":["@wordpress/block-library/src/column/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useEffect, useState, useCallback } from '@wordpress/element';\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseSettings,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tFooterMessageControl,\n\tUnitControl,\n\tgetValueAndUnit,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport ColumnsPreview from './column-preview';\nimport {\n\tgetWidths,\n\tgetWidthWithUnit,\n\tisPercentageUnit,\n} from '../columns/utils';\n\nfunction ColumnEdit( {\n\tattributes,\n\tsetAttributes,\n\thasChildren,\n\tisSelected,\n\tgetStylesFromColorScheme,\n\tcontentStyle,\n\tcolumns,\n\tselectedColumnIndex,\n\tparentAlignment,\n\tclientId,\n\tblockWidth,\n} ) {\n\tif ( ! contentStyle ) {\n\t\tcontentStyle = { [ clientId ]: {} };\n\t}\n\n\tconst { verticalAlignment, width } = attributes;\n\tconst { valueUnit = '%' } = getValueAndUnit( width ) || {};\n\n\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\n\tconst [ widthUnit, setWidthUnit ] = useState( valueUnit || '%' );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t} );\n\n\tconst updateAlignment = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tuseEffect( () => {\n\t\tsetWidthUnit( valueUnit );\n\t}, [ valueUnit ] );\n\n\tuseEffect( () => {\n\t\tif ( ! verticalAlignment && parentAlignment ) {\n\t\t\tupdateAlignment( parentAlignment );\n\t\t}\n\t}, [] );\n\n\tconst onChangeWidth = ( nextWidth ) => {\n\t\tconst widthWithUnit = getWidthWithUnit( nextWidth, widthUnit );\n\n\t\tsetAttributes( {\n\t\t\twidth: widthWithUnit,\n\t\t} );\n\t};\n\n\tconst onChangeUnit = ( nextUnit ) => {\n\t\tsetWidthUnit( nextUnit );\n\t\tconst widthWithoutUnit = parseFloat(\n\t\t\twidth || getWidths( columns )[ selectedColumnIndex ]\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\twidth: getWidthWithUnit( widthWithoutUnit, nextUnit ),\n\t\t} );\n\t};\n\n\tconst onChange = ( nextWidth ) => {\n\t\tif ( isPercentageUnit( widthUnit ) || ! widthUnit ) {\n\t\t\treturn;\n\t\t}\n\t\tonChangeWidth( nextWidth );\n\t};\n\n\tconst renderAppender = useCallback( () => {\n\t\tif ( isSelected ) {\n\t\t\tconst { width: columnWidth } = contentStyle[ clientId ] || {};\n\t\t\tconst isFullWidth = columnWidth === screenWidth;\n\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.columnAppender,\n\t\t\t\t\t\tisFullWidth && styles.fullwidthColumnAppender,\n\t\t\t\t\t\tisFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.fullwidthHasInnerColumnAppender,\n\t\t\t\t\t\t! isFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.hasInnerColumnAppender,\n\t\t\t\t\t] }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.ButtonBlockAppender />\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}, [ contentStyle, clientId, screenWidth, isSelected, hasChildren ] );\n\n\tif ( ! isSelected && ! hasChildren ) {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\t\tstyles.columnPlaceholder,\n\t\t\t\t\t\tstyles.columnPlaceholderDark\n\t\t\t\t\t),\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t}\n\n\tconst parentWidth =\n\t\tcontentStyle &&\n\t\tcontentStyle[ clientId ] &&\n\t\tcontentStyle[ clientId ].width;\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<InspectorControls>\n\t\t\t\t\t\t<PanelBody title={ __( 'Column settings' ) }>\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\t\tisPercentageUnit( widthUnit )\n\t\t\t\t\t\t\t\t\t\t? 100\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\t\tonComplete={ onChangeWidth }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\t\tgetWidths( columns )[ selectedColumnIndex ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tunit={ widthUnit }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t\tpreview={\n\t\t\t\t\t\t\t\t\t<ColumnsPreview\n\t\t\t\t\t\t\t\t\t\tcolumnWidths={ getWidths(\n\t\t\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tselectedColumnIndex={\n\t\t\t\t\t\t\t\t\t\t\tselectedColumnIndex\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Note: Column layout may vary between themes and screen sizes'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t</InspectorControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tisSelected && hasChildren && styles.innerBlocksBottomSpace,\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\tparentWidth={ parentWidth }\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n}\n\nfunction ColumnEditWrapper( props ) {\n\tconst { verticalAlignment } = props.attributes;\n\n\tconst getVerticalAlignmentRemap = ( alignment ) => {\n\t\tif ( ! alignment ) return styles.flexBase;\n\t\treturn {\n\t\t\t...styles.flexBase,\n\t\t\t...styles[ `is-vertically-aligned-${ alignment }` ],\n\t\t};\n\t};\n\n\treturn (\n\t\t<View style={ getVerticalAlignmentRemap( verticalAlignment ) }>\n\t\t\t<ColumnEdit { ...props } />\n\t\t</View>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockCount,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlocks,\n\t\t\tgetBlockOrder,\n\t\t\tgetBlockAttributes,\n\t\t} = select( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst isSelected = selectedBlockClientId === clientId;\n\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst hasChildren = !! getBlockCount( clientId );\n\n\t\tconst blockOrder = getBlockOrder( parentId );\n\n\t\tconst selectedColumnIndex = blockOrder.indexOf( clientId );\n\t\tconst columns = getBlocks( parentId );\n\n\t\tconst parentAlignment =\n\t\t\tgetBlockAttributes( parentId )?.verticalAlignment;\n\n\t\treturn {\n\t\t\thasChildren,\n\t\t\tisSelected,\n\t\t\tselectedColumnIndex,\n\t\t\tcolumns,\n\t\t\tparentAlignment,\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( ColumnEditWrapper );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAQA,IAAAK,WAAA,GAAAL,OAAA;AAOA,IAAAM,KAAA,GAAAN,OAAA;AAIA,IAAAO,OAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,cAAA,GAAAD,sBAAA,CAAAR,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAhCA;AACA;AACA;;AAGA;AACA;AACA;;AAoBA;AACA;AACA;;AASA,SAASW,UAAUA,CAAE;EACpBC,UAAU;EACVC,aAAa;EACbC,WAAW;EACXC,UAAU;EACVC,wBAAwB;EACxBC,YAAY;EACZC,OAAO;EACPC,mBAAmB;EACnBC,eAAe;EACfC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,IAAK,CAAEL,YAAY,EAAG;IACrBA,YAAY,GAAG;MAAE,CAAEI,QAAQ,GAAI,CAAC;IAAE,CAAC;EACpC;EAEA,MAAM;IAAEE,iBAAiB;IAAEC;EAAM,CAAC,GAAGZ,UAAU;EAC/C,MAAM;IAAEa,SAAS,GAAG;EAAI,CAAC,GAAG,IAAAC,2BAAe,EAAEF,KAAM,CAAC,IAAI,CAAC,CAAC;EAE1D,MAAMG,WAAW,GAAGC,IAAI,CAACC,KAAK,CAAEC,uBAAU,CAACC,GAAG,CAAE,QAAS,CAAC,CAACP,KAAM,CAAC;EAElE,MAAM,CAAEQ,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAET,SAAS,IAAI,GAAI,CAAC;EAEhE,MAAM,CAAEU,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,MAAMI,eAAe,GAAKC,SAAS,IAAM;IACxC3B,aAAa,CAAE;MAAEU,iBAAiB,EAAEiB;IAAU,CAAE,CAAC;EAClD,CAAC;EAED,IAAAC,kBAAS,EAAE,MAAM;IAChBR,YAAY,CAAER,SAAU,CAAC;EAC1B,CAAC,EAAE,CAAEA,SAAS,CAAG,CAAC;EAElB,IAAAgB,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAElB,iBAAiB,IAAIH,eAAe,EAAG;MAC7CmB,eAAe,CAAEnB,eAAgB,CAAC;IACnC;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMsB,aAAa,GAAKC,SAAS,IAAM;IACtC,MAAMC,aAAa,GAAG,IAAAC,uBAAgB,EAAEF,SAAS,EAAEX,SAAU,CAAC;IAE9DnB,aAAa,CAAE;MACdW,KAAK,EAAEoB;IACR,CAAE,CAAC;EACJ,CAAC;EAED,MAAME,YAAY,GAAKC,QAAQ,IAAM;IACpCd,YAAY,CAAEc,QAAS,CAAC;IACxB,MAAMC,gBAAgB,GAAGC,UAAU,CAClCzB,KAAK,IAAI,IAAA0B,gBAAS,EAAEhC,OAAQ,CAAC,CAAEC,mBAAmB,CACnD,CAAC;IAEDN,aAAa,CAAE;MACdW,KAAK,EAAE,IAAAqB,uBAAgB,EAAEG,gBAAgB,EAAED,QAAS;IACrD,CAAE,CAAC;EACJ,CAAC;EAED,MAAMI,QAAQ,GAAKR,SAAS,IAAM;IACjC,IAAK,IAAAS,uBAAgB,EAAEpB,SAAU,CAAC,IAAI,CAAEA,SAAS,EAAG;MACnD;IACD;IACAU,aAAa,CAAEC,SAAU,CAAC;EAC3B,CAAC;EAED,MAAMU,cAAc,GAAG,IAAAC,oBAAW,EAAE,MAAM;IACzC,IAAKvC,UAAU,EAAG;MACjB,MAAM;QAAES,KAAK,EAAE+B;MAAY,CAAC,GAAGtC,YAAY,CAAEI,QAAQ,CAAE,IAAI,CAAC,CAAC;MAC7D,MAAMmC,WAAW,GAAGD,WAAW,KAAK5B,WAAW;MAE/C,OACC,IAAA8B,MAAA,CAAAC,aAAA,EAAC3D,YAAA,CAAA4D,IAAI;QACJC,KAAK,EAAG,CACPC,eAAM,CAACC,cAAc,EACrBN,WAAW,IAAIK,eAAM,CAACE,uBAAuB,EAC7CP,WAAW,IACV1C,WAAW,IACX+C,eAAM,CAACG,+BAA+B,EACvC,CAAER,WAAW,IACZ1C,WAAW,IACX+C,eAAM,CAACI,sBAAsB;MAC5B,GAEH,IAAAR,MAAA,CAAAC,aAAA,EAACtD,YAAA,CAAA8D,WAAW,CAACC,mBAAmB,MAAE,CAC7B,CAAC;IAET;IACA,OAAO,IAAI;EACZ,CAAC,EAAE,CAAElD,YAAY,EAAEI,QAAQ,EAAEM,WAAW,EAAEZ,UAAU,EAAED,WAAW,CAAG,CAAC;EAErE,IAAK,CAAEC,UAAU,IAAI,CAAED,WAAW,EAAG;IACpC,OACC,IAAA2C,MAAA,CAAAC,aAAA,EAAC3D,YAAA,CAAA4D,IAAI;MACJC,KAAK,EAAG,CACP5C,wBAAwB,CACvB6C,eAAM,CAACO,iBAAiB,EACxBP,eAAM,CAACQ,qBACR,CAAC,EACDpD,YAAY,CAAEI,QAAQ,CAAE;IACtB,CACH,CAAC;EAEJ;EAEA,MAAMiD,WAAW,GAChBrD,YAAY,IACZA,YAAY,CAAEI,QAAQ,CAAE,IACxBJ,YAAY,CAAEI,QAAQ,CAAE,CAACG,KAAK;EAE/B,OACC,IAAAiC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAc,QAAA,QACGxD,UAAU,IACX,IAAA0C,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAc,QAAA,QACC,IAAAd,MAAA,CAAAC,aAAA,EAACtD,YAAA,CAAAoE,aAAa,QACb,IAAAf,MAAA,CAAAC,aAAA,EAACtD,YAAA,CAAAqE,6BAA6B;IAC7BtB,QAAQ,EAAGZ,eAAiB;IAC5BmC,KAAK,EAAGnD;EAAmB,CAC3B,CACa,CAAC,EAChB,IAAAkC,MAAA,CAAAC,aAAA,EAACtD,YAAA,CAAAuE,iBAAiB,QACjB,IAAAlB,MAAA,CAAAC,aAAA,EAACrD,WAAA,CAAAuE,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB;EAAG,GAC3C,IAAArB,MAAA,CAAAC,aAAA,EAACrD,WAAA,CAAA0E,WAAW;IACXC,KAAK,EAAG,IAAAF,QAAE,EAAE,OAAQ,CAAG;IACvBG,GAAG,EAAG,CAAG;IACTC,GAAG,EACF,IAAA9B,uBAAgB,EAAEpB,SAAU,CAAC,GAC1B,GAAG,GACHmD,SACH;IACDhC,QAAQ,EAAGA,QAAU;IACrBiC,UAAU,EAAG1C,aAAe;IAC5B2C,YAAY,EAAGvC,YAAc;IAC7B4B,KAAK,EACJ,IAAAxB,gBAAS,EAAEhC,OAAQ,CAAC,CAAEC,mBAAmB,CACzC;IACDmE,IAAI,EAAGtD,SAAW;IAClBK,KAAK,EAAGA,KAAO;IACfkD,OAAO,EACN,IAAA9B,MAAA,CAAAC,aAAA,EAACjD,cAAA,CAAA+E,OAAc;MACdC,YAAY,EAAG,IAAAvC,gBAAS,EACvBhC,OAAO,EACP,KACD,CAAG;MACHC,mBAAmB,EAClBA;IACA,CACD;EACD,CACD,CACS,CAAC,EACZ,IAAAsC,MAAA,CAAAC,aAAA,EAACrD,WAAA,CAAAuE,SAAS,QACT,IAAAnB,MAAA,CAAAC,aAAA,EAACrD,WAAA,CAAAqF,oBAAoB;IACpBV,KAAK,EAAG,IAAAF,QAAE,EACT,8DACD;EAAG,CACH,CACS,CACO,CAClB,CACF,EACD,IAAArB,MAAA,CAAAC,aAAA,EAAC3D,YAAA,CAAA4D,IAAI;IACJC,KAAK,EAAG,CACP7C,UAAU,IAAID,WAAW,IAAI+C,eAAM,CAAC8B,sBAAsB,EAC1D1E,YAAY,CAAEI,QAAQ,CAAE;EACtB,GAEH,IAAAoC,MAAA,CAAAC,aAAA,EAACtD,YAAA,CAAA8D,WAAW;IACXb,cAAc,EAAGA,cAAgB;IACjCiB,WAAW,EAAGA,WAAa;IAC3BhD,UAAU,EAAGA;EAAY,CACzB,CACI,CACL,CAAC;AAEL;AAEA,SAASsE,iBAAiBA,CAAEC,KAAK,EAAG;EACnC,MAAM;IAAEtE;EAAkB,CAAC,GAAGsE,KAAK,CAACjF,UAAU;EAE9C,MAAMkF,yBAAyB,GAAKtD,SAAS,IAAM;IAClD,IAAK,CAAEA,SAAS,EAAG,OAAOqB,eAAM,CAACkC,QAAQ;IACzC,OAAO;MACN,GAAGlC,eAAM,CAACkC,QAAQ;MAClB,GAAGlC,eAAM,CAAG,yBAAyBrB,SAAW,EAAC;IAClD,CAAC;EACF,CAAC;EAED,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAAC3D,YAAA,CAAA4D,IAAI;IAACC,KAAK,EAAGkC,yBAAyB,CAAEvE,iBAAkB;EAAG,GAC7D,IAAAkC,MAAA,CAAAC,aAAA,EAAC/C,UAAU;IAAA,GAAMkF;EAAK,CAAI,CACrB,CAAC;AAET;AAAC,IAAAG,QAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAE9E;AAAS,CAAC,KAAM;EACvC,MAAM;IACL+E,aAAa;IACbC,oBAAoB;IACpBC,wBAAwB;IACxBC,SAAS;IACTC,aAAa;IACbC;EACD,CAAC,GAAGN,MAAM,CAAEO,kBAAiB,CAAC;EAE9B,MAAMC,qBAAqB,GAAGL,wBAAwB,CAAC,CAAC;EACxD,MAAMvF,UAAU,GAAG4F,qBAAqB,KAAKtF,QAAQ;EAErD,MAAMuF,QAAQ,GAAGP,oBAAoB,CAAEhF,QAAS,CAAC;EACjD,MAAMP,WAAW,GAAG,CAAC,CAAEsF,aAAa,CAAE/E,QAAS,CAAC;EAEhD,MAAMwF,UAAU,GAAGL,aAAa,CAAEI,QAAS,CAAC;EAE5C,MAAMzF,mBAAmB,GAAG0F,UAAU,CAACC,OAAO,CAAEzF,QAAS,CAAC;EAC1D,MAAMH,OAAO,GAAGqF,SAAS,CAAEK,QAAS,CAAC;EAErC,MAAMxF,eAAe,GACpBqF,kBAAkB,CAAEG,QAAS,CAAC,EAAErF,iBAAiB;EAElD,OAAO;IACNT,WAAW;IACXC,UAAU;IACVI,mBAAmB;IACnBD,OAAO;IACPE;EACD,CAAC;AACF,CAAE,CAAC,EACH2F,iCAAwB,CACvB,CAAC,CAAEnB,iBAAkB,CAAC;AAAAoB,OAAA,CAAAxB,OAAA,GAAAQ,QAAA"}

package/build/columns/edit.native.js

@@ -82,8 +82,9 @@ function ColumnsEditContainer({
   const {
     width
   } = sizes || {};
+  const [availableUnits] = (0, _blockEditor.useSettings)('spacing.units');
   const units = (0, _components.__experimentalUseCustomUnits)({
-    availableUnits: (0, _blockEditor.useSetting)('spacing.units') || ['%', 'px', 'em', 'rem', 'vw']
+    availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw']
   });
   (0, _element.useEffect)(() => {
     if (columnCount === 0) {

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","ALLOWED_BLOCKS","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","units","useCustomUnits","availableUnits","useSetting","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","allowedBlocks","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\tuseSetting,\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 * Allowed blocks constant is passed to InnerBlocks precisely as specified here.\n * The contents of the array should never change.\n * The array should contain the name of each block that is allowed.\n * In columns block, the only block we allow is 'core/column'.\n *\n * @constant\n * @type {string[]}\n */\nconst ALLOWED_BLOCKS = [ 'core/column' ];\n\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 units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\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\tallowedBlocks={ ALLOWED_BLOCKS }\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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAUA,IAAAG,YAAA,GAAAH,OAAA;AASA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAQA,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;AA3DA;AACA;AACA;;AAGA;AACA;AACA;;AAiCA;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMe,cAAc,GAAG,CAAE,aAAa,CAAE;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,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,mBAAU,EAAEC,+BAAoB,CAAC;EAEtD,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGzB,UAAU;EAC/C,MAAM;IAAEoB;EAAM,CAAC,GAAGV,KAAK,IAAI,CAAC,CAAC;EAE7B,MAAMgB,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BC,cAAc,EAAE,IAAAC,uBAAU,EAAE,eAAgB,CAAC,IAAI,CAChD,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI;EAEN,CAAE,CAAC;EAEH,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAK3B,WAAW,KAAK,CAAC,EAAG;MACxB,MAAM4B,cAAc,GAAG5B,WAAW,IAAIR,mBAAmB;MACzDO,aAAa,CAAEC,WAAW,EAAE4B,cAAe,CAAC;IAC7C;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,IAAAD,kBAAS,EAAE,MAAM;IAChB,IAAKV,KAAK,EAAG;MACZ,IAAK,IAAAY,mCAAe,EAAEZ,KAAK,EAAEjB,WAAY,CAAC,KAAKS,YAAY,EAAG;QAC7DC,eAAe,CAAE,IAAAmB,mCAAe,EAAEZ,KAAK,EAAEjB,WAAY,CAAE,CAAC;MACzD;IACD;EACD,CAAC,EAAE,CAAEiB,KAAK,EAAEjB,WAAW,CAAG,CAAC;EAE3B,MAAM8B,cAAc,GAAGA,CAAA,KAAM;IAC5B,IAAK7B,UAAU,EAAG;MACjB,OACC,IAAA8B,MAAA,CAAAC,aAAA,EAACzD,YAAA,CAAA0D,IAAI;QAACC,KAAK,EAAGxC,WAAW,CAAE4B,KAAM,CAAC,IAAIa,eAAM,CAACC;MAAgB,GAC5D,IAAAL,MAAA,CAAAC,aAAA,EAACrD,YAAA,CAAA0D,WAAW,CAACC,mBAAmB;QAC/BC,UAAU,EAAGA;MAAY,CACzB,CACI,CAAC;IAET;IACA,OAAO,IAAI;EACZ,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,gBAAO,EAC5B,MACC,IAAAC,oCAAgB,EACfjC,YAAY,EACZQ,KAAK,EACLjB,WAAW,EACXG,WAAW,EACXe,YACD,CAAC,EACF,CAAED,KAAK,EAAER,YAAY,EAAET,WAAW,EAAEG,WAAW,EAAEe,YAAY,CAC9D,CAAC;EAED,MAAMqB,UAAU,GAAG,IAAAI,oBAAW,EAAE,MAAM;IACrC5C,aAAa,CAAEC,WAAW,EAAEA,WAAW,GAAG,CAAE,CAAC;EAC9C,CAAC,EAAE,CAAEA,WAAW,CAAG,CAAC;EAEpB,MAAM4C,aAAa,GAAGA,CAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,KAAM;IAC3D,MAAMC,aAAa,GAAG,IAAAC,uBAAgB,EAAEJ,SAAS,EAAEC,SAAU,CAAC;IAE9D1C,sBAAsB,CAAE4C,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,EAAEpD,WAAY,CAAC,CAAEiD,KAAK,CAChC,CAAC;IACD,MAAMJ,aAAa,GAAG,IAAAC,uBAAgB,EAAEI,gBAAgB,EAAEF,QAAS,CAAC;IAEpE/C,sBAAsB,CAAE4C,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,CAAEpC,mBAAmB,IAAI,CAAEJ,UAAU,EAAG;MAC5C,OAAO,IAAI;IACZ;IAEA,OAAOE,WAAW,CAACwD,GAAG,CAAE,CAAEC,MAAM,EAAER,KAAK,KAAM;MAC5C,MAAM;QAAEN,SAAS,GAAG;MAAI,CAAC,GACxB,IAAAe,2BAAe,EAAED,MAAM,CAAC/D,UAAU,CAACoB,KAAM,CAAC,IAAI,CAAC,CAAC;MACjD,MAAM6C,KAAK,GAAG,IAAAC,aAAO,GACpB;MACA,IAAAC,QAAE,EAAE,WAAY,CAAC,EACjBZ,KAAK,GAAG,CACT,CAAC;MACD,OACC,IAAArB,MAAA,CAAAC,aAAA,EAACtD,WAAA,CAAAuF,WAAW;QACXH,KAAK,EAAGA,KAAO;QACfI,YAAY,EAAG,IAAAF,QAAE,EAAE,OAAQ,CAAG;QAC9BG,GAAG,EAAI,GAAGP,MAAM,CAACQ,QAAU,IAC1B,IAAAb,gBAAS,EAAEpD,WAAY,CAAC,CAACkE,MACzB,EAAG;QACJC,GAAG,EAAG,CAAG;QACTC,GAAG,EACF,IAAAd,uBAAgB,EAAEX,SAAU,CAAC,IAAI,CAAEA,SAAS,GACzC,GAAG,GACH0B,SACH;QACDC,KAAK,EAAG,IAAAlB,gBAAS,EAAEpD,WAAY,CAAC,CAAEiD,KAAK,CAAI;QAC3CI,QAAQ,EAAKX,SAAS,IAAM;UAC3BW,QAAQ,CAAEX,SAAS,EAAEC,SAAS,EAAEc,MAAM,CAACQ,QAAS,CAAC;QAClD,CAAG;QACHM,YAAY,EAAKvB,QAAQ,IACxBD,YAAY,CAAEC,QAAQ,EAAEC,KAAK,EAAEQ,MAAM,CAACQ,QAAS,CAC/C;QACDO,UAAU,EAAK9B,SAAS,IAAM;UAC7BD,aAAa,CAAEC,SAAS,EAAEC,SAAS,EAAEc,MAAM,CAACQ,QAAS,CAAC;QACvD,CAAG;QACHQ,IAAI,EAAG9B,SAAW;QAClBvB,KAAK,EAAGA,KAAO;QACfsD,OAAO,EACN,IAAA9C,MAAA,CAAAC,aAAA,EAAC1C,cAAA,CAAAwF,OAAc;UACdC,YAAY,EAAG,IAAAxB,gBAAS,EAAEpD,WAAW,EAAE,KAAM,CAAG;UAChD6E,mBAAmB,EAAG5B;QAAO,CAC7B;MACD,CACD,CAAC;IAEJ,CAAE,CAAC;EACJ,CAAC,EAAE,CAAE/C,mBAAmB,EAAEJ,UAAU,EAAEE,WAAW,CAAG,CAAC;EAErD,MAAM8E,kBAAkB,GAAG,IAAAtC,oBAAW,EACnC8B,KAAK,IAAM;IACZ1E,aAAa,CAAEC,WAAW,EAAEyE,KAAM,CAAC;EACpC,CAAC,EACD,CAAEzE,WAAW,CACd,CAAC;EAED,OACC,IAAA+B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAmD,QAAA,QACGjF,UAAU,IACX,IAAA8B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAmD,QAAA,QACC,IAAAnD,MAAA,CAAAC,aAAA,EAACrD,YAAA,CAAAwG,iBAAiB,QACjB,IAAApD,MAAA,CAAAC,aAAA,EAACtD,WAAA,CAAA0G,SAAS;IAACC,KAAK,EAAG,IAAArB,QAAE,EAAE,kBAAmB;EAAG,GAC5C,IAAAjC,MAAA,CAAAC,aAAA,EAACtD,WAAA,CAAA4G,YAAY;IACZxB,KAAK,EAAG,IAAAE,QAAE,EAAE,mBAAoB,CAAG;IACnCuB,IAAI,EAAGC,cAAS;IAChBf,KAAK,EAAGzE,WAAa;IACrBwD,QAAQ,EAAGyB,kBAAoB;IAC/BX,GAAG,EAAG7E,eAAiB;IACvB8E,GAAG,EAAGvE,WAAW,GAAG,CAAG;IACvByF,IAAI,EAAC;EAAS,CACd,CAAC,EACA/B,iBACQ,CAAC,EACZ,IAAA3B,MAAA,CAAAC,aAAA,EAACtD,WAAA,CAAA0G,SAAS,QACT,IAAArD,MAAA,CAAAC,aAAA,EAACtD,WAAA,CAAAgH,oBAAoB;IACpB5B,KAAK,EAAG,IAAAE,QAAE,EACT,8DACD;EAAG,CACH,CACS,CACO,CAAC,EACpB,IAAAjC,MAAA,CAAAC,aAAA,EAACrD,YAAA,CAAAgH,aAAa,QACb,IAAA5D,MAAA,CAAAC,aAAA,EAACrD,YAAA,CAAAiH,6BAA6B;IAC7BpC,QAAQ,EAAG1D,eAAiB;IAC5B2E,KAAK,EAAGpD;EAAmB,CAC3B,CACa,CACd,CACF,EACD,IAAAU,MAAA,CAAAC,aAAA,EAACzD,YAAA,CAAA0D,IAAI;IAACC,KAAK,EAAGjC,UAAU,IAAIkC,eAAM,CAAC0D;EAAqB,GACrDvF,cAAc,EACdW,KAAK,IACN,IAAAc,MAAA,CAAAC,aAAA,EAACrD,YAAA,CAAA0D,WAAW;IACXP,cAAc,EAAGA,cAAgB;IACjCgE,WAAW,EACVrF,YAAY,GAAG,CAAC,GAAG,YAAY,GAAG+D,SAClC;IACDuB,UAAU,EAAGtF,YAAY,GAAG,CAAG;IAC/BuF,aAAa,EAAGzG,cAAgB;IAChC0G,iBAAiB,EAAC,SAAS;IAC3B1D,UAAU,EAAGA,UAAY;IACzBrC,aAAa,EACZF,WAAW,KAAK,CAAC,GAAGE,aAAa,GAAGsE,SACpC;IACD0B,UAAU,EAAGjF,KAAO;IACpBkF,YAAY,EAAG3D,aAAe;IAC9B4D,WAAW,EACV1G,WAAW,CAAE4B,KAAM,CAAC,IAAItB,WAAW,KAAK,CAAC,GACtCY,WAAW,GACX,IAAAyF,2CAAuB,EAAEpF,KAAK,EAAER,YAAa;EAChD,CACD,CAEG,CACL,CAAC;AAEL;AAEA,MAAM6F,2BAA2B,GAAG,IAAAC,kBAAY,EAC/C,CAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,MAAQ;EACrC;AACF;AACA;AACA;AACA;AACA;AACA;EACE5G,eAAeA,CAAEuB,iBAAiB,EAAG;IACpC,MAAM;MAAE+C,QAAQ;MAAEuC;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;MAAEtF;IAAkB,CAAE,CAAC;;IAEtC;IACA,MAAM2F,mBAAmB,GAAGF,aAAa,CAAE1C,QAAS,CAAC;IACrD4C,mBAAmB,CAACC,OAAO,CAAIC,kBAAkB,IAAM;MACtDN,qBAAqB,CAAEM,kBAAkB,EAAE;QAC1C7F;MACD,CAAE,CAAC;IACJ,CAAE,CAAC;EACJ,CAAC;EACDjB,sBAAsBA,CAAEqE,KAAK,EAAE1B,QAAQ,EAAG;IACzC,MAAM;MAAE6D;IAAsB,CAAC,GAAGJ,QAAQ,CAAEK,kBAAiB,CAAC;IAE9DD,qBAAqB,CAAE7D,QAAQ,EAAE;MAChC9B,KAAK,EAAEwD;IACR,CAAE,CAAC;EACJ,CAAC;EACD;AACF;AACA;AACA;AACA;AACA;AACA;EACE1E,aAAaA,CAAEoH,eAAe,EAAEC,UAAU,EAAG;IAC5C,MAAM;MAAEhD;IAAS,CAAC,GAAGqC,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,CAAElD,QAAS,CAAC;IACvC,MAAMqD,iBAAiB,GACtB,IAAAC,qCAA8B,EAAEF,WAAY,CAAC;;IAE9C;IACA,MAAMG,cAAc,GAAGP,UAAU,GAAGD,eAAe;;IAEnD;IACA,MAAM;MAAE9F;IAAkB,CAAC,GAAGkG,kBAAkB,CAAEnD,QAAS,CAAC,IAAI,CAAC,CAAC;IAElE,IAAKuD,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;QACd7D,MAAM,EAAE+C,UAAU,GAAGD;MACtB,CAAE,CAAC,CAACxD,GAAG,CAAE,MAAM;QACd,OAAO,IAAAwE,mBAAW,EAAE,aAAa,EAAE;UAClClH,KAAK,EAAG,GAAG2G,cAAgB,GAAE;UAC7BvG;QACD,CAAE,CAAC;MACJ,CAAE,CAAC,CACH;IACF,CAAC,MAAM,IAAKsG,cAAc,EAAG;MAC5BH,WAAW,GAAG,CACb,GAAGA,WAAW,EACd,GAAGS,KAAK,CAACC,IAAI,CAAE;QACd7D,MAAM,EAAE+C,UAAU,GAAGD;MACtB,CAAE,CAAC,CAACxD,GAAG,CAAE,MAAM;QACd,OAAO,IAAAwE,mBAAW,EAAE,aAAa,EAAE;UAClC9G;QACD,CAAE,CAAC;MACJ,CAAE,CAAC,CACH;IACF,CAAC,MAAM;MACN;MACAmG,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,CAAEjD,QAAQ,EAAEoD,WAAY,CAAC;EAC5C,CAAC;EACDa,eAAe,EAAEA,CAAA,KAAM;IACtB,MAAM;MAAEjE;IAAS,CAAC,GAAGqC,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;MAAExF;IAAkB,CAAC,GAAGkG,kBAAkB,CAAEnD,QAAS,CAAC;IAE5D,MAAMoD,WAAW,GAAGF,SAAS,CAAElD,QAAS,CAAC;IAEzC,MAAMmE,aAAa,GAAG,IAAAJ,mBAAW,EAAE,aAAa,EAAE;MACjD9G;IACD,CAAE,CAAC;IAEHgG,kBAAkB,CACjBjD,QAAQ,EACR,CAAE,GAAGoD,WAAW,EAAEe,aAAa,CAAE,EACjC,IACD,CAAC;IACDD,WAAW,CAAEC,aAAa,CAACnE,QAAS,CAAC;EACtC,CAAC;EACDlE,aAAa,EAAEA,CAAA,KAAM;IACpB,MAAM;MAAEkE;IAAS,CAAC,GAAGqC,QAAQ;IAC7B,MAAM;MAAE+B;IAAY,CAAC,GAAGhC,QAAQ,CAAEK,kBAAiB,CAAC;IACpD2B,WAAW,CAAEpE,QAAS,CAAC;EACxB;AACD,CAAC,CACF,CAAC,CAAE,IAAAqE,aAAI,EAAE7I,oBAAqB,CAAE,CAAC;AAEjC,MAAM8I,WAAW,GAAKC,KAAK,IAAM;EAChC,MAAM;IAAEvE,QAAQ;IAAEnE,UAAU;IAAEiC;EAAM,CAAC,GAAGyG,KAAK;EAC7C,MAAM;IACL3I,WAAW;IACX4I,gBAAgB;IAChBpB,WAAW;IACXqB,UAAU;IACVC,oBAAoB;IACpBzI;EACD,CAAC,GAAG,IAAA0I,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,CAAElD,QAAS,CAAC;IAE7C,MAAMgF,cAAc,GAAGD,eAAe,CAACE,KAAK,CACzCC,UAAU,IAAMA,UAAU,CAAC9B,WAAW,CAACnD,MAAM,KAAK,CACrD,CAAC;IAED,MAAMkF,OAAO,GAAGN,eAAe,CAAE7E,QAAQ,EAAE,IAAK,CAAC;IAEjD,OAAO;MACNpE,WAAW,EAAEgJ,aAAa,CAAE5E,QAAS,CAAC;MACtCwE,gBAAgB,EAAEQ,cAAc;MAChC5B,WAAW,EAAE2B,eAAe;MAC5BN,UAAU,EAAEU,OAAO,CAAClF,MAAM,GAAG,CAAC;MAC9ByE,oBAAoB,EAAEvB,kBAAkB,CAAEgC,OAAO,CAAE,CAAC,CAAG,CAAC,EAAEjI,KAAK;MAC/DjB,mBAAmB,EAAEJ,UAAU,IAAIiJ,qBAAqB,CAAC;IAC1D,CAAC;EACF,CAAC,EACD,CAAE9E,QAAQ,EAAEnE,UAAU,CACvB,CAAC;EAED,MAAME,WAAW,GAAG,IAAAsC,gBAAO,EAC1B,MACC+E,WAAW,CAAC7D,GAAG,CAAI6F,GAAG,KAAQ;IAC7BpF,QAAQ,EAAEoF,GAAG,CAACpF,QAAQ;IACtBvE,UAAU,EAAE;MAAEoB,KAAK,EAAEuI,GAAG,CAAC3J,UAAU,CAACoB;IAAM;EAC3C,CAAC,CAAG,CAAC,EACN,CAAEuG,WAAW,CACd,CAAC;EAED,MAAM,CAAEiC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAA/I,iBAAQ,EAAE,KAAM,CAAC;EAErD,IAAAgB,kBAAS,EAAE,MAAM;IAChB,IAAK1B,UAAU,IAAI2I,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,IAAAnH,oBAAW,EAAE,MAAM;IAClC+G,YAAY,CAAE,KAAM,CAAC;EACtB,CAAC,EAAE,EAAG,CAAC;EAEP,OACC,IAAA3H,MAAA,CAAAC,aAAA,EAACzD,YAAA,CAAA0D,IAAI;IAACC,KAAK,EAAGA;EAAO,GACpB,IAAAH,MAAA,CAAAC,aAAA,EAACsE,2BAA2B;IAC3BtG,WAAW,EAAGA,WAAa;IAC3BG,WAAW,EAAGA,WAAa;IAC3B0I,UAAU,EAAGA,UAAY;IACzBC,oBAAoB,EAAGA,oBAAsB;IAC7CzI,mBAAmB,EAAGA,mBAAqB;IAAA,GACtCsI;EAAK,CACV,CAAC,EACF,IAAA5G,MAAA,CAAAC,aAAA,EAACrD,YAAA,CAAAoL,oBAAoB;IACpBC,UAAU,EAAGA,mBAAY;IACzBF,OAAO,EAAGA,OAAS;IACnB1F,QAAQ,EAAGA,QAAU;IACrBqF,SAAS,EAAGA;EAAW,CACvB,CACI,CAAC;AAET,CAAC;AAAC,IAAAQ,QAAA,GAEavB,WAAW;AAAAwB,OAAA,CAAApF,OAAA,GAAAmF,QAAA"}
+{"version":3,"names":["_reactNative","require","_i18n","_components","_blockEditor","_data","_element","_compose","_blocks","_icons","_variations","_interopRequireDefault","_editor","_utils","_columnCalculations","_columnPreview","ALLOWED_BLOCKS","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","allowedBlocks","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 * Allowed blocks constant is passed to InnerBlocks precisely as specified here.\n * The contents of the array should never change.\n * The array should contain the name of each block that is allowed.\n * In columns block, the only block we allow is 'core/column'.\n *\n * @constant\n * @type {string[]}\n */\nconst ALLOWED_BLOCKS = [ 'core/column' ];\n\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\tallowedBlocks={ ALLOWED_BLOCKS }\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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"}

package/build/cover/controls.native.js

@@ -56,8 +56,9 @@ function Controls({
       });
     }
   }, [minHeight]);
+  const [availableUnits] = (0, _blockEditor.useSettings)('spacing.units');
   const units = (0, _components.__experimentalUseCustomUnits)({
-    availableUnits: (0, _blockEditor.useSetting)('spacing.units') || ['px', 'em', 'rem', 'vw', 'vh'],
+    availableUnits: availableUnits || ['px', 'em', 'rem', 'vw', 'vh'],
     defaultValues: {
       px: 430,
       em: 20,

package/build/cover/controls.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_components","_icons","_element","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","units","useCustomUnits","availableUnits","useSetting","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","useState","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","usePreferredColorSchemeStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","useRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","_react","createElement","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","Fragment","BottomSheet","Cell","accessible","cellContainerStyle","mediaPreview","View","mediaInner","IMAGE_BACKGROUND_TYPE","Image","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","__","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","VIDEO_BACKGROUND_TYPE","default","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","ToggleControl","checked","onChange","TextControl","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","PanelBody","title","MediaUpload","allowedTypes","ALLOWED_MEDIA_TYPES","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","RangeControl","minimumValue","maximumValue","rangeCellContainer","separatorType","UnitControl","min","COVER_MAX_HEIGHT","unit","onUnitChange","key","_default","exports"],"sources":["@wordpress/block-library/src/cover/controls.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tImage,\n\tIcon,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tPanelBody,\n\tRangeControl,\n\tUnitControl,\n\tTextControl,\n\tBottomSheet,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { useState, useCallback, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useSetting, MediaUpload } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport OverlayColorSettings from './overlay-color-settings';\nimport FocalPointSettingsButton from './focal-point-settings-button';\nimport {\n\tALLOWED_MEDIA_TYPES,\n\tCOVER_MIN_HEIGHT,\n\tCOVER_MAX_HEIGHT,\n\tCOVER_DEFAULT_HEIGHT,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n} from './shared';\n\nfunction Controls( {\n\tattributes,\n\tdidUploadFail,\n\thasOnlyColorBackground,\n\tisUploadInProgress,\n\tonClearMedia,\n\tonSelectMedia,\n\tsetAttributes,\n} ) {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\thasParallax,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\tminHeightUnit = 'px',\n\t\turl,\n\t} = attributes;\n\tconst CONTAINER_HEIGHT = minHeight || COVER_DEFAULT_HEIGHT;\n\tconst onHeightChange = useCallback(\n\t\t( value ) => {\n\t\t\tif ( minHeight || value !== COVER_DEFAULT_HEIGHT ) {\n\t\t\t\tsetAttributes( { minHeight: value } );\n\t\t\t}\n\t\t},\n\t\t[ minHeight ]\n\t);\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 430, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst onOpacityChange = useCallback( ( value ) => {\n\t\tsetAttributes( { dimRatio: value } );\n\t}, [] );\n\n\tconst onChangeUnit = useCallback( ( nextUnit ) => {\n\t\tsetAttributes( {\n\t\t\tminHeightUnit: nextUnit,\n\t\t\tminHeight:\n\t\t\t\tnextUnit === 'px'\n\t\t\t\t\t? Math.max( CONTAINER_HEIGHT, COVER_MIN_HEIGHT )\n\t\t\t\t\t: CONTAINER_HEIGHT,\n\t\t} );\n\t}, [] );\n\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\n\tfunction setFocalPoint( value ) {\n\t\tsetAttributes( { focalPoint: value } );\n\t}\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax\n\t\t\t\t? { focalPoint: undefined }\n\t\t\t\t: { focalPoint: IMAGE_DEFAULT_FOCAL_POINT } ),\n\t\t} );\n\t};\n\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\n\tfunction focalPointPosition( { x, y } = IMAGE_DEFAULT_FOCAL_POINT ) {\n\t\treturn {\n\t\t\tleft: `${ ( hasParallax ? 0.5 : x ) * 100 }%`,\n\t\t\ttop: `${ ( hasParallax ? 0.5 : y ) * 100 }%`,\n\t\t};\n\t}\n\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst videoRef = useRef( null );\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\n\tconst focalPointHint = ! hasParallax && ! displayPlaceholder && (\n\t\t<Icon\n\t\t\ticon={ plus }\n\t\t\tsize={ styles.focalPointHint?.width }\n\t\t\tstyle={ [\n\t\t\t\tstyles.focalPointHint,\n\t\t\t\tfocalPointPosition( focalPoint ),\n\t\t\t] }\n\t\t/>\n\t);\n\n\tconst renderMediaSection = ( {\n\t\topen: openMediaOptions,\n\t\tgetMediaOptions,\n\t} ) => (\n\t\t<>\n\t\t\t{ getMediaOptions() }\n\t\t\t{ url ? (\n\t\t\t\t<>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.mediaPreview,\n\t\t\t\t\t\t\tmediaBackground,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.mediaInner }>\n\t\t\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\teditButton={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\t\t\tmediaPickerOptions={ [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\tonImageDataLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\t\tonLoadStart={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tconst { height, width } =\n\t\t\t\t\t\t\t\t\t\t\tevent.naturalSize;\n\t\t\t\t\t\t\t\t\t\tsetVideoNaturalSize( {\n\t\t\t\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t\t// Avoid invisible, paused video on Android, presumably\n\t\t\t\t\t\t\t\t\t\t// related to https://github.com/react-native-video/react-native-video/issues/1979\n\t\t\t\t\t\t\t\t\t\tvideoRef?.current.seek( 0 );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ displayPlaceholder ? null : focalPointHint }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t<FocalPointSettingsButton\n\t\t\t\t\t\tdisabled={ hasParallax }\n\t\t\t\t\t\tfocalPoint={ focalPoint || IMAGE_DEFAULT_FOCAL_POINT }\n\t\t\t\t\t\tonFocalPointChange={ setFocalPoint }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tlabel={ __( 'Clear Media' ) }\n\t\t\t\t\t\tlabelStyle={ styles.clearMediaButton }\n\t\t\t\t\t\tonPress={ onClearMedia }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<TextControl\n\t\t\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabelStyle={ addMediaButtonStyle }\n\t\t\t\t\tleftAlign\n\t\t\t\t\tonPress={ openMediaOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\trender={ renderMediaSection }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\n\t\t\t<OverlayColorSettings\n\t\t\t\toverlayColor={ attributes.overlayColor }\n\t\t\t\tcustomOverlayColor={ attributes.customOverlayColor }\n\t\t\t\tgradient={ attributes.gradient }\n\t\t\t\tcustomGradient={ attributes.customGradient }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\n\t\t\t{ url ? (\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Opacity' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 100 }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ onOpacityChange }\n\t\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\t\tseparatorType={ 'topFullWidth' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) : null }\n\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tmin={ minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1 }\n\t\t\t\t\tmax={ COVER_MAX_HEIGHT }\n\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\tvalue={ CONTAINER_HEIGHT }\n\t\t\t\t\tonChange={ onHeightChange }\n\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\tkey={ minHeightUnit }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_components","_icons","_element","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","useState","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","usePreferredColorSchemeStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","useRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","_react","createElement","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","Fragment","BottomSheet","Cell","accessible","cellContainerStyle","mediaPreview","View","mediaInner","IMAGE_BACKGROUND_TYPE","Image","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","__","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","VIDEO_BACKGROUND_TYPE","default","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","ToggleControl","checked","onChange","TextControl","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","PanelBody","title","MediaUpload","allowedTypes","ALLOWED_MEDIA_TYPES","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","RangeControl","minimumValue","maximumValue","rangeCellContainer","separatorType","UnitControl","min","COVER_MAX_HEIGHT","unit","onUnitChange","key","_default","exports"],"sources":["@wordpress/block-library/src/cover/controls.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tImage,\n\tIcon,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tPanelBody,\n\tRangeControl,\n\tUnitControl,\n\tTextControl,\n\tBottomSheet,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { useState, useCallback, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useSettings, MediaUpload } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport OverlayColorSettings from './overlay-color-settings';\nimport FocalPointSettingsButton from './focal-point-settings-button';\nimport {\n\tALLOWED_MEDIA_TYPES,\n\tCOVER_MIN_HEIGHT,\n\tCOVER_MAX_HEIGHT,\n\tCOVER_DEFAULT_HEIGHT,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n} from './shared';\n\nfunction Controls( {\n\tattributes,\n\tdidUploadFail,\n\thasOnlyColorBackground,\n\tisUploadInProgress,\n\tonClearMedia,\n\tonSelectMedia,\n\tsetAttributes,\n} ) {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\thasParallax,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\tminHeightUnit = 'px',\n\t\turl,\n\t} = attributes;\n\tconst CONTAINER_HEIGHT = minHeight || COVER_DEFAULT_HEIGHT;\n\tconst onHeightChange = useCallback(\n\t\t( value ) => {\n\t\t\tif ( minHeight || value !== COVER_DEFAULT_HEIGHT ) {\n\t\t\t\tsetAttributes( { minHeight: value } );\n\t\t\t}\n\t\t},\n\t\t[ minHeight ]\n\t);\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\n\t\tdefaultValues: { px: 430, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst onOpacityChange = useCallback( ( value ) => {\n\t\tsetAttributes( { dimRatio: value } );\n\t}, [] );\n\n\tconst onChangeUnit = useCallback( ( nextUnit ) => {\n\t\tsetAttributes( {\n\t\t\tminHeightUnit: nextUnit,\n\t\t\tminHeight:\n\t\t\t\tnextUnit === 'px'\n\t\t\t\t\t? Math.max( CONTAINER_HEIGHT, COVER_MIN_HEIGHT )\n\t\t\t\t\t: CONTAINER_HEIGHT,\n\t\t} );\n\t}, [] );\n\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\n\tfunction setFocalPoint( value ) {\n\t\tsetAttributes( { focalPoint: value } );\n\t}\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax\n\t\t\t\t? { focalPoint: undefined }\n\t\t\t\t: { focalPoint: IMAGE_DEFAULT_FOCAL_POINT } ),\n\t\t} );\n\t};\n\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\n\tfunction focalPointPosition( { x, y } = IMAGE_DEFAULT_FOCAL_POINT ) {\n\t\treturn {\n\t\t\tleft: `${ ( hasParallax ? 0.5 : x ) * 100 }%`,\n\t\t\ttop: `${ ( hasParallax ? 0.5 : y ) * 100 }%`,\n\t\t};\n\t}\n\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst videoRef = useRef( null );\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\n\tconst focalPointHint = ! hasParallax && ! displayPlaceholder && (\n\t\t<Icon\n\t\t\ticon={ plus }\n\t\t\tsize={ styles.focalPointHint?.width }\n\t\t\tstyle={ [\n\t\t\t\tstyles.focalPointHint,\n\t\t\t\tfocalPointPosition( focalPoint ),\n\t\t\t] }\n\t\t/>\n\t);\n\n\tconst renderMediaSection = ( {\n\t\topen: openMediaOptions,\n\t\tgetMediaOptions,\n\t} ) => (\n\t\t<>\n\t\t\t{ getMediaOptions() }\n\t\t\t{ url ? (\n\t\t\t\t<>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.mediaPreview,\n\t\t\t\t\t\t\tmediaBackground,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.mediaInner }>\n\t\t\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\teditButton={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\t\t\tmediaPickerOptions={ [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\tonImageDataLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\t\tonLoadStart={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tconst { height, width } =\n\t\t\t\t\t\t\t\t\t\t\tevent.naturalSize;\n\t\t\t\t\t\t\t\t\t\tsetVideoNaturalSize( {\n\t\t\t\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t\t// Avoid invisible, paused video on Android, presumably\n\t\t\t\t\t\t\t\t\t\t// related to https://github.com/react-native-video/react-native-video/issues/1979\n\t\t\t\t\t\t\t\t\t\tvideoRef?.current.seek( 0 );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ displayPlaceholder ? null : focalPointHint }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t<FocalPointSettingsButton\n\t\t\t\t\t\tdisabled={ hasParallax }\n\t\t\t\t\t\tfocalPoint={ focalPoint || IMAGE_DEFAULT_FOCAL_POINT }\n\t\t\t\t\t\tonFocalPointChange={ setFocalPoint }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tlabel={ __( 'Clear Media' ) }\n\t\t\t\t\t\tlabelStyle={ styles.clearMediaButton }\n\t\t\t\t\t\tonPress={ onClearMedia }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<TextControl\n\t\t\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabelStyle={ addMediaButtonStyle }\n\t\t\t\t\tleftAlign\n\t\t\t\t\tonPress={ openMediaOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\trender={ renderMediaSection }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\n\t\t\t<OverlayColorSettings\n\t\t\t\toverlayColor={ attributes.overlayColor }\n\t\t\t\tcustomOverlayColor={ attributes.customOverlayColor }\n\t\t\t\tgradient={ attributes.gradient }\n\t\t\t\tcustomGradient={ attributes.customGradient }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\n\t\t\t{ url ? (\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Opacity' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 100 }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ onOpacityChange }\n\t\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\t\tseparatorType={ 'topFullWidth' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) : null }\n\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tmin={ minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1 }\n\t\t\t\t\tmax={ COVER_MAX_HEIGHT }\n\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\tvalue={ CONTAINER_HEIGHT }\n\t\t\t\t\tonChange={ onHeightChange }\n\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\tkey={ minHeightUnit }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AAYA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAKA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,qBAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,yBAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AAjCA;AACA;AACA;;AAIA;AACA;AACA;;AAmBA;AACA;AACA;;AAaA,SAASa,QAAQA,CAAE;EAClBC,UAAU;EACVC,aAAa;EACbC,sBAAsB;EACtBC,kBAAkB;EAClBC,YAAY;EACZC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,cAAc;IACdC,QAAQ;IACRC,WAAW;IACXC,UAAU;IACVC,SAAS;IACTC,aAAa,GAAG,IAAI;IACpBC;EACD,CAAC,GAAGb,UAAU;EACd,MAAMc,gBAAgB,GAAGH,SAAS,IAAII,4BAAoB;EAC1D,MAAMC,cAAc,GAAG,IAAAC,oBAAW,EAC/BC,KAAK,IAAM;IACZ,IAAKP,SAAS,IAAIO,KAAK,KAAKH,4BAAoB,EAAG;MAClDT,aAAa,CAAE;QAAEK,SAAS,EAAEO;MAAM,CAAE,CAAC;IACtC;EACD,CAAC,EACD,CAAEP,SAAS,CACZ,CAAC;EAED,MAAM,CAAEQ,cAAc,CAAE,GAAG,IAAAC,wBAAW,EAAE,eAAgB,CAAC;EACzD,MAAMC,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BH,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE;IACnEI,aAAa,EAAE;MAAEC,EAAE,EAAE,GAAG;MAAEC,EAAE,EAAE,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,EAAE,EAAE,EAAE;MAAEC,EAAE,EAAE;IAAG;EAC3D,CAAE,CAAC;EAEH,MAAMC,eAAe,GAAG,IAAAZ,oBAAW,EAAIC,KAAK,IAAM;IACjDZ,aAAa,CAAE;MAAEE,QAAQ,EAAEU;IAAM,CAAE,CAAC;EACrC,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMY,YAAY,GAAG,IAAAb,oBAAW,EAAIc,QAAQ,IAAM;IACjDzB,aAAa,CAAE;MACdM,aAAa,EAAEmB,QAAQ;MACvBpB,SAAS,EACRoB,QAAQ,KAAK,IAAI,GACdC,IAAI,CAACC,GAAG,CAAEnB,gBAAgB,EAAEoB,wBAAiB,CAAC,GAC9CpB;IACL,CAAE,CAAC;EACJ,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEqB,kBAAkB,EAAEC,qBAAqB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEtE,SAASC,aAAaA,CAAEpB,KAAK,EAAG;IAC/BZ,aAAa,CAAE;MAAEI,UAAU,EAAEQ;IAAM,CAAE,CAAC;EACvC;EAEA,MAAMqB,cAAc,GAAGA,CAAA,KAAM;IAC5BjC,aAAa,CAAE;MACdG,WAAW,EAAE,CAAEA,WAAW;MAC1B,IAAK,CAAEA,WAAW,GACf;QAAEC,UAAU,EAAE8B;MAAU,CAAC,GACzB;QAAE9B,UAAU,EAAE+B;MAA0B,CAAC;IAC7C,CAAE,CAAC;EACJ,CAAC;EAED,MAAMC,mBAAmB,GAAG,IAAAC,qCAA4B,EACvDC,cAAM,CAACC,cAAc,EACrBD,cAAM,CAACE,kBACR,CAAC;EAED,SAASC,kBAAkBA,CAAE;IAAEC,CAAC;IAAEC;EAAE,CAAC,GAAGR,qCAAyB,EAAG;IACnE,OAAO;MACNS,IAAI,EAAG,GAAG,CAAEzC,WAAW,GAAG,GAAG,GAAGuC,CAAC,IAAK,GAAK,GAAE;MAC7CG,GAAG,EAAG,GAAG,CAAE1C,WAAW,GAAG,GAAG,GAAGwC,CAAC,IAAK,GAAK;IAC3C,CAAC;EACF;EAEA,MAAM,CAAEG,gBAAgB,EAAEC,mBAAmB,CAAE,GAAG,IAAAhB,iBAAQ,EAAE,IAAK,CAAC;EAClE,MAAMiB,QAAQ,GAAG,IAAAC,eAAM,EAAE,IAAK,CAAC;EAE/B,MAAMC,eAAe,GAAG,IAAAb,qCAA4B,EACnDC,cAAM,CAACY,eAAe,EACtBZ,cAAM,CAACa,mBACR,CAAC;EACD,MAAMC,kBAAkB,GAAG,CAC1BvB,kBAAkB,IAAIS,cAAM,CAACe,gBAAgB,CAC7C;EACD,MAAMC,kBAAkB,GAAG,CAC1B;IACCC,WAAW,EACVT,gBAAgB,IAChBA,gBAAgB,CAACU,KAAK,GAAGV,gBAAgB,CAACW,MAAM;IACjD;IACAC,OAAO,EAAE7B,kBAAkB,GAAG,CAAC,GAAG;EACnC,CAAC,EACDS,cAAM,CAACqB,KAAK,EACZ9B,kBAAkB,IAAIS,cAAM,CAACe,gBAAgB,CAC7C;EAED,MAAMO,cAAc,GAAG,CAAEzD,WAAW,IAAI,CAAE0B,kBAAkB,IAC3D,IAAAgC,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAgF,IAAI;IACJC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAG5B,cAAM,CAACsB,cAAc,EAAEJ,KAAO;IACrCW,KAAK,EAAG,CACP7B,cAAM,CAACsB,cAAc,EACrBnB,kBAAkB,CAAErC,UAAW,CAAC;EAC9B,CACH,CACD;EAED,MAAMgE,kBAAkB,GAAGA,CAAE;IAC5BC,IAAI,EAAEC,gBAAgB;IACtBC;EACD,CAAC,KACA,IAAAV,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAW,QAAA,QACGD,eAAe,CAAC,CAAC,EACjBhE,GAAG,GACJ,IAAAsD,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAW,QAAA,QACC,IAAAX,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA0F,WAAW,CAACC,IAAI;IAChBC,UAAU,EAAG,KAAO;IACpBC,kBAAkB,EAAG,CACpBtC,cAAM,CAACuC,YAAY,EACnB3B,eAAe;EACb,GAEH,IAAAW,MAAA,CAAAC,aAAA,EAACnF,YAAA,CAAAmG,IAAI;IAACX,KAAK,EAAG7B,cAAM,CAACyC;EAAY,GAC9BC,6BAAqB,KAAK/E,cAAc,IACzC,IAAA4D,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAkG,KAAK;IACLC,UAAU,EAAG,CAAErD,kBAAoB;IACnCsD,iBAAiB,EAAG,KAAO;IAC3BC,UAAU,EAAG,CAAEvD,kBAAoB;IACnCwD,cAAc,EAAG1F,aAAe;IAChCE,kBAAkB,EAAGA,kBAAoB;IACzCyF,kBAAkB,EAAG,CACpB;MACCC,iBAAiB,EAAE,IAAI;MACvBC,EAAE,EAAE,YAAY;MAChBC,KAAK,EAAE,IAAAC,QAAE,EAAE,aAAc,CAAC;MAC1BC,OAAO,EAAE7F,YAAY;MACrB8F,SAAS,EAAE,IAAI;MACfhF,KAAK,EAAE;IACR,CAAC,CACC;IACHiF,eAAe,EAAGA,CAAA,KAAM;MACvB/D,qBAAqB,CAAE,KAAM,CAAC;IAC/B,CAAG;IACHgE,yBAAyB,EAAG/F,aAAe;IAC3CuE,gBAAgB,EAAGA,gBAAkB;IACrC/D,GAAG,EAAGA,GAAK;IACXkD,MAAM,EAAC,MAAM;IACbU,KAAK,EAAGf,kBAAoB;IAC5BI,KAAK,EAAGlB,cAAM,CAACyD,KAAK,EAAEvC;EAAO,CAC7B,CACD,EACCwC,6BAAqB,KAAK/F,cAAc,IACzC,IAAA4D,MAAA,CAAAC,aAAA,EAACjF,iBAAA,CAAAoH,OAAK;IACLC,KAAK;IACLC,MAAM;IACNC,YAAY;IACZC,WAAW,EAAGA,CAAA,KAAM;MACnBvE,qBAAqB,CAAE,IAAK,CAAC;IAC9B,CAAG;IACHwE,MAAM,EAAKC,KAAK,IAAM;MACrB,MAAM;QAAE9C,MAAM;QAAED;MAAM,CAAC,GACtB+C,KAAK,CAACC,WAAW;MAClBzD,mBAAmB,CAAE;QACpBU,MAAM;QACND;MACD,CAAE,CAAC;MACH1B,qBAAqB,CAAE,KAAM,CAAC;MAC9B;MACA;MACAkB,QAAQ,EAAEyD,OAAO,CAACC,IAAI,CAAE,CAAE,CAAC;IAC5B,CAAG;IACHC,GAAG,EAAG3D,QAAU;IAChB4D,UAAU,EAAG,OAAS;IACtBC,MAAM,EAAG;MAAEC,GAAG,EAAEvG;IAAI,CAAG;IACvB4D,KAAK,EAAGb;EAAoB,CAC5B,CACD,EACCzB,kBAAkB,GAAG,IAAI,GAAG+B,cACzB,CACW,CAAC,EACnB,IAAAC,MAAA,CAAAC,aAAA,EAACvE,yBAAA,CAAA0G,OAAwB;IACxBc,QAAQ,EAAG5G,WAAa;IACxBC,UAAU,EAAGA,UAAU,IAAI+B,qCAA2B;IACtD6E,kBAAkB,EAAGhF,aAAe;IACpCzB,GAAG,EAAGA;EAAK,CACX,CAAC,EACAyE,6BAAqB,KAAK/E,cAAc,IACzC,IAAA4D,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAkI,aAAa;IACbxB,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCwB,OAAO,EAAG/G,WAAa;IACvBgH,QAAQ,EAAGlF;EAAgB,CAC3B,CACD,EACD,IAAA4B,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAqI,WAAW;IACXC,SAAS;IACT5B,KAAK,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;IAC7B4B,UAAU,EAAGhF,cAAM,CAACiF,gBAAkB;IACtC5B,OAAO,EAAG7F;EAAc,CACxB,CACA,CAAC,GAEH,IAAA+D,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAqI,WAAW;IACXI,kBAAkB,EAAG,IAAA9B,QAAE,EAAE,oBAAqB,CAAG;IACjDD,KAAK,EAAG,IAAAC,QAAE,EAAE,oBAAqB,CAAG;IACpC4B,UAAU,EAAGlF,mBAAqB;IAClCiF,SAAS;IACT1B,OAAO,EAAGrB;EAAkB,CAC5B,CAED,CACF;EAED,OACC,IAAAT,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAW,QAAA,QACC,IAAAX,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA0I,SAAS;IAACC,KAAK,EAAG,IAAAhC,QAAE,EAAE,OAAQ;EAAG,GACjC,IAAA7B,MAAA,CAAAC,aAAA,EAAC3E,YAAA,CAAAwI,WAAW;IACXC,YAAY,EAAGC,2BAAqB;IACpCC,gBAAgB,EAAG,CAAElI,sBAAwB;IAC7CmI,QAAQ,EAAGhI,aAAe;IAC1BiI,MAAM,EAAG5D;EAAoB,CAC7B,CACS,CAAC,EAEZ,IAAAP,MAAA,CAAAC,aAAA,EAACxE,qBAAA,CAAA2G,OAAoB;IACpBgC,YAAY,EAAGvI,UAAU,CAACuI,YAAc;IACxCC,kBAAkB,EAAGxI,UAAU,CAACwI,kBAAoB;IACpDC,QAAQ,EAAGzI,UAAU,CAACyI,QAAU;IAChCC,cAAc,EAAG1I,UAAU,CAAC0I,cAAgB;IAC5CpI,aAAa,EAAGA;EAAe,CAC/B,CAAC,EAEAO,GAAG,GACJ,IAAAsD,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA0I,SAAS,QACT,IAAA5D,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAAsJ,YAAY;IACZ5C,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzB4C,YAAY,EAAG,CAAG;IAClBC,YAAY,EAAG,GAAK;IACpB3H,KAAK,EAAGV,QAAU;IAClBiH,QAAQ,EAAG5F,eAAiB;IAC5B4C,KAAK,EAAG7B,cAAM,CAACkG,kBAAoB;IACnCC,aAAa,EAAG;EAAgB,CAChC,CACS,CAAC,GACT,IAAI,EAER,IAAA5E,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA0I,SAAS;IAACC,KAAK,EAAG,IAAAhC,QAAE,EAAE,YAAa;EAAG,GACtC,IAAA7B,MAAA,CAAAC,aAAA,EAAC/E,WAAA,CAAA2J,WAAW;IACXjD,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IAChCiD,GAAG,EAAGrI,aAAa,KAAK,IAAI,GAAGsB,wBAAgB,GAAG,CAAG;IACrDD,GAAG,EAAGiH,wBAAkB;IACxBC,IAAI,EAAGvI,aAAe;IACtBM,KAAK,EAAGJ,gBAAkB;IAC1B2G,QAAQ,EAAGzG,cAAgB;IAC3BoI,YAAY,EAAGtH,YAAc;IAC7BT,KAAK,EAAGA,KAAO;IACfoD,KAAK,EAAG7B,cAAM,CAACkG,kBAAoB;IACnCO,GAAG,EAAGzI;EAAe,CACrB,CACS,CACV,CAAC;AAEL;AAAC,IAAA0I,QAAA,GAEcvJ,QAAQ;AAAAwJ,OAAA,CAAAhD,OAAA,GAAA+C,QAAA"}

package/build/cover/edit/index.js

@@ -240,7 +240,8 @@ function CoverEdit({
   });
 
   // Check for fontSize support before we pass a fontSize attribute to the innerBlocks.
-  const hasFontSizes = !!(0, _blockEditor.useSetting)('typography.fontSizes')?.length;
+  const [fontSizes] = (0, _blockEditor.useSettings)('typography.fontSizes');
+  const hasFontSizes = fontSizes?.length > 0;
   const innerBlocksTemplate = getInnerBlocksTemplate({
     fontSize: hasFontSizes ? 'large' : undefined
   });