@wordpress/block-library 8.10.0 → 8.12.0

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/code/edit.native.js"],"names":["CodeEdit","props","attributes","setAttributes","onFocus","onBlur","style","codeStyle","styles","blockCode","blockCodeDark","fontSize","placeholderStyle","placeholder","placeholderDark","content","isSelected","color"],"mappings":";;;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AASA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAEA;AACA;AACA;AAGA;AACA;AACO,SAASA,QAAT,CAAmBC,KAAnB,EAA2B;AACjC,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,aAAd;AAA6BC,IAAAA,OAA7B;AAAsCC,IAAAA,MAAtC;AAA8CC,IAAAA;AAA9C,MAAwDL,KAA9D;AACA,QAAMM,SAAS,GAAG,EACjB,GAAG,2CACFC,eAAOC,SADL,EAEFD,eAAOE,aAFL,CADc;AAKjB,QAAK,CAAAJ,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEK,QAAP,KAAmB;AAAEA,MAAAA,QAAQ,EAAEL,KAAK,CAACK;AAAlB,KAAxB;AALiB,GAAlB;AAQA,QAAMC,gBAAgB,GAAG,2CACxBJ,eAAOK,WADiB,EAExBL,eAAOM,eAFiB,CAAzB;AAKA,SACC,4BAAC,iBAAD,QACC,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAGZ,UAAU,CAACa,OADpB;AAEC,IAAA,KAAK,EAAGR,SAFT;AAGC,IAAA,SAAS,EAAG,IAHb;AAIC,IAAA,qBAAqB,EAAC,aAJvB;AAKC,IAAA,QAAQ,EAAKQ,OAAF,IAAeZ,aAAa,CAAE;AAAEY,MAAAA;AAAF,KAAF,CALxC;AAMC,IAAA,WAAW,EAAG,cAAI,aAAJ,CANf;AAOC,kBAAa,cAAI,MAAJ,CAPd;AAQC,IAAA,UAAU,EAAGd,KAAK,CAACe,UARpB;AASC,IAAA,OAAO,EAAGZ,OATX;AAUC,IAAA,MAAM,EAAGC,MAVV;AAWC,IAAA,oBAAoB,EAAGO,gBAAgB,CAACK;AAXzC,IADD,CADD;AAiBA;;eAEcjB,Q","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { PlainText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\n/**\n * Block code style\n */\nimport styles from './theme.scss';\n\n// Note: styling is applied directly to the (nested) PlainText component. Web-side components\n// apply it to the container 'div' but we don't have a proper proposal for cascading styling yet.\nexport function CodeEdit( props ) {\n\tconst { attributes, setAttributes, onFocus, onBlur, style } = props;\n\tconst codeStyle = {\n\t\t...usePreferredColorSchemeStyle(\n\t\t\tstyles.blockCode,\n\t\t\tstyles.blockCodeDark\n\t\t),\n\t\t...( style?.fontSize && { fontSize: style.fontSize } ),\n\t};\n\n\tconst placeholderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<PlainText\n\t\t\t\tvalue={ attributes.content }\n\t\t\t\tstyle={ codeStyle }\n\t\t\t\tmultiline={ true }\n\t\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\t\tonChange={ ( content ) => setAttributes( { content } ) }\n\t\t\t\tplaceholder={ __( 'Write code…' ) }\n\t\t\t\taria-label={ __( 'Code' ) }\n\t\t\t\tisSelected={ props.isSelected }\n\t\t\t\tonFocus={ onFocus }\n\t\t\t\tonBlur={ onBlur }\n\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default CodeEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/code/edit.native.js"],"names":["CodeEdit","props","attributes","setAttributes","onFocus","onBlur","style","codeStyle","styles","blockCode","blockCodeDark","fontSize","placeholderStyle","placeholder","placeholderDark","content","isSelected","color"],"mappings":";;;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AASA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAEA;AACA;AACA;AAGA;AACA;AACO,SAASA,QAAT,CAAmBC,KAAnB,EAA2B;AACjC,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,aAAd;AAA6BC,IAAAA,OAA7B;AAAsCC,IAAAA,MAAtC;AAA8CC,IAAAA;AAA9C,MAAwDL,KAA9D;AACA,QAAMM,SAAS,GAAG,EACjB,GAAG,2CACFC,eAAOC,SADL,EAEFD,eAAOE,aAFL,CADc;AAKjB,QAAKJ,KAAK,EAAEK,QAAP,IAAmB;AAAEA,MAAAA,QAAQ,EAAEL,KAAK,CAACK;AAAlB,KAAxB;AALiB,GAAlB;AAQA,QAAMC,gBAAgB,GAAG,2CACxBJ,eAAOK,WADiB,EAExBL,eAAOM,eAFiB,CAAzB;AAKA,SACC,4BAAC,iBAAD,QACC,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAGZ,UAAU,CAACa,OADpB;AAEC,IAAA,KAAK,EAAGR,SAFT;AAGC,IAAA,SAAS,EAAG,IAHb;AAIC,IAAA,qBAAqB,EAAC,aAJvB;AAKC,IAAA,QAAQ,EAAKQ,OAAF,IAAeZ,aAAa,CAAE;AAAEY,MAAAA;AAAF,KAAF,CALxC;AAMC,IAAA,WAAW,EAAG,cAAI,aAAJ,CANf;AAOC,kBAAa,cAAI,MAAJ,CAPd;AAQC,IAAA,UAAU,EAAGd,KAAK,CAACe,UARpB;AASC,IAAA,OAAO,EAAGZ,OATX;AAUC,IAAA,MAAM,EAAGC,MAVV;AAWC,IAAA,oBAAoB,EAAGO,gBAAgB,CAACK;AAXzC,IADD,CADD;AAiBA;;eAEcjB,Q","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { PlainText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\n/**\n * Block code style\n */\nimport styles from './theme.scss';\n\n// Note: styling is applied directly to the (nested) PlainText component. Web-side components\n// apply it to the container 'div' but we don't have a proper proposal for cascading styling yet.\nexport function CodeEdit( props ) {\n\tconst { attributes, setAttributes, onFocus, onBlur, style } = props;\n\tconst codeStyle = {\n\t\t...usePreferredColorSchemeStyle(\n\t\t\tstyles.blockCode,\n\t\t\tstyles.blockCodeDark\n\t\t),\n\t\t...( style?.fontSize && { fontSize: style.fontSize } ),\n\t};\n\n\tconst placeholderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<PlainText\n\t\t\t\tvalue={ attributes.content }\n\t\t\t\tstyle={ codeStyle }\n\t\t\t\tmultiline={ true }\n\t\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\t\tonChange={ ( content ) => setAttributes( { content } ) }\n\t\t\t\tplaceholder={ __( 'Write code…' ) }\n\t\t\t\taria-label={ __( 'Code' ) }\n\t\t\t\tisSelected={ props.isSelected }\n\t\t\t\tonFocus={ onFocus }\n\t\t\t\tonBlur={ onBlur }\n\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default CodeEdit;\n"]}

package/build/code/index.js

@@ -28,7 +28,7 @@ var _transforms = _interopRequireDefault(require("./transforms"));
  */
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/code",
   title: "Code",
   category: "text",
@@ -42,6 +42,7 @@ const metadata = {
     }
   },
   supports: {
+    align: ["wide"],
     anchor: true,
     typography: {
       fontSize: true,

package/build/code/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/code/index.js"],"names":["name","metadata","settings","icon","example","attributes","content","transforms","edit","save","init"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAEA;;AACA;;AAbA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,WADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACX;AACA;AACAC,MAAAA,OAAO,EAAE,cACR,yLADQ;AAGT;;AANW;AADJ,GAFc;AAYvBC,EAAAA,UAAU,EAAVA,mBAZuB;AAavBC,EAAAA,IAAI,EAAJA,aAbuB;AAcvBC,EAAAA,IAAI,EAAJA;AAduB,CAAjB;;;AAiBA,MAAMC,IAAI,GAAG,MAAM,wBAAW;AAAEV,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA;AAAlB,CAAX,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { code as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\t/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */\n\t\t\t// translators: Preserve \\n markers for line breaks\n\t\t\tcontent: __(\n\t\t\t\t'// A “block” is the abstract term used\\n// to describe units of markup that\\n// when composed together, form the\\n// content or layout of a page.\\nregisterBlockType( name, settings );'\n\t\t\t),\n\t\t\t/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */\n\t\t},\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/code/index.js"],"names":["name","metadata","settings","icon","example","attributes","content","transforms","edit","save","init"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAEA;;AACA;;AAbA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,WADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACX;AACA;AACAC,MAAAA,OAAO,EAAE,cACR,yLADQ;AAGT;;AANW;AADJ,GAFc;AAYvBC,EAAAA,UAAU,EAAVA,mBAZuB;AAavBC,EAAAA,IAAI,EAAJA,aAbuB;AAcvBC,EAAAA,IAAI,EAAJA;AAduB,CAAjB;;;AAiBA,MAAMC,IAAI,GAAG,MAAM,wBAAW;AAAEV,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA;AAAlB,CAAX,CAAnB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { code as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\t/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */\n\t\t\t// translators: Preserve \\n markers for line breaks\n\t\t\tcontent: __(\n\t\t\t\t'// A “block” is the abstract term used\\n// to describe units of markup that\\n// when composed together, form the\\n// content or layout of a page.\\nregisterBlockType( name, settings );'\n\t\t\t),\n\t\t\t/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */\n\t\t},\n\t},\n\ttransforms,\n\tedit,\n\tsave,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"]}

package/build/code/save.js

@@ -18,10 +18,9 @@ var _utils = require("./utils");
 /**
  * Internal dependencies
  */
-function save(_ref) {
-  let {
-    attributes
-  } = _ref;
+function save({
+  attributes
+}) {
   return (0, _element.createElement)("pre", _blockEditor.useBlockProps.save(), (0, _element.createElement)(_blockEditor.RichText.Content, {
     tagName: "code",
     value: (0, _utils.escape)(attributes.content)

package/build/code/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/code/save.js"],"names":["save","attributes","useBlockProps","content"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,SACC,mCAAUC,2BAAcF,IAAd,EAAV,EACC,4BAAC,qBAAD,CAAU,OAAV;AACC,IAAA,OAAO,EAAC,MADT;AAEC,IAAA,KAAK,EAAG,mBAAQC,UAAU,CAACE,OAAnB;AAFT,IADD,CADD;AAQA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { escape } from './utils';\n\nexport default function save( { attributes } ) {\n\treturn (\n\t\t<pre { ...useBlockProps.save() }>\n\t\t\t<RichText.Content\n\t\t\t\ttagName=\"code\"\n\t\t\t\tvalue={ escape( attributes.content ) }\n\t\t\t/>\n\t\t</pre>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/code/save.js"],"names":["save","attributes","useBlockProps","content"],"mappings":";;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,SACC,mCAAUC,2BAAcF,IAAd,EAAV,EACC,4BAAC,qBAAD,CAAU,OAAV;AACC,IAAA,OAAO,EAAC,MADT;AAEC,IAAA,KAAK,EAAG,mBAAQC,UAAU,CAACE,OAAnB;AAFT,IADD,CADD;AAQA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { escape } from './utils';\n\nexport default function save( { attributes } ) {\n\treturn (\n\t\t<pre { ...useBlockProps.save() }>\n\t\t\t<RichText.Content\n\t\t\t\ttagName=\"code\"\n\t\t\t\tvalue={ escape( attributes.content ) }\n\t\t\t/>\n\t\t</pre>\n\t);\n}\n"]}

package/build/code/transforms.js

@@ -18,10 +18,9 @@ const transforms = {
   }, {
     type: 'block',
     blocks: ['core/html', 'core/paragraph'],
-    transform: _ref => {
-      let {
-        content
-      } = _ref;
+    transform: ({
+      content
+    }) => {
       return (0, _blocks.createBlock)('core/code', {
         content
       });
@@ -44,10 +43,9 @@ const transforms = {
   to: [{
     type: 'block',
     blocks: ['core/paragraph'],
-    transform: _ref2 => {
-      let {
-        content
-      } = _ref2;
+    transform: ({
+      content
+    }) => {
       return (0, _blocks.createBlock)('core/paragraph', {
         content: content.replace(/\n/g, '<br>')
       });

package/build/code/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/code/transforms.js"],"names":["transforms","from","type","regExp","transform","blocks","content","isMatch","node","nodeName","children","length","firstChild","schema","pre","code","to","replace"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,MAAM,EAAE,OAFT;AAGCC,IAAAA,SAAS,EAAE,MAAM,yBAAa,WAAb;AAHlB,GADK,EAML;AACCF,IAAAA,IAAI,EAAE,OADP;AAECG,IAAAA,MAAM,EAAE,CAAE,WAAF,EAAe,gBAAf,CAFT;AAGCD,IAAAA,SAAS,EAAE,QAAmB;AAAA,UAAjB;AAAEE,QAAAA;AAAF,OAAiB;AAC7B,aAAO,yBAAa,WAAb,EAA0B;AAChCA,QAAAA;AADgC,OAA1B,CAAP;AAGA;AAPF,GANK,EAeL;AACCJ,IAAAA,IAAI,EAAE,KADP;AAECK,IAAAA,OAAO,EAAIC,IAAF,IACRA,IAAI,CAACC,QAAL,KAAkB,KAAlB,IACAD,IAAI,CAACE,QAAL,CAAcC,MAAd,KAAyB,CADzB,IAEAH,IAAI,CAACI,UAAL,CAAgBH,QAAhB,KAA6B,MAL/B;AAMCI,IAAAA,MAAM,EAAE;AACPC,MAAAA,GAAG,EAAE;AACJJ,QAAAA,QAAQ,EAAE;AACTK,UAAAA,IAAI,EAAE;AACLL,YAAAA,QAAQ,EAAE;AACT,uBAAS;AADA;AADL;AADG;AADN;AADE;AANT,GAfK,CADY;AAmClBM,EAAAA,EAAE,EAAE,CACH;AACCd,IAAAA,IAAI,EAAE,OADP;AAECG,IAAAA,MAAM,EAAE,CAAE,gBAAF,CAFT;AAGCD,IAAAA,SAAS,EAAE,SAAmB;AAAA,UAAjB;AAAEE,QAAAA;AAAF,OAAiB;AAC7B,aAAO,yBAAa,gBAAb,EAA+B;AACrCA,QAAAA,OAAO,EAAEA,OAAO,CAACW,OAAR,CAAiB,KAAjB,EAAwB,MAAxB;AAD4B,OAA/B,CAAP;AAGA;AAPF,GADG;AAnCc,CAAnB;eAgDejB,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'enter',\n\t\t\tregExp: /^```$/,\n\t\t\ttransform: () => createBlock( 'core/code' ),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/html', 'core/paragraph' ],\n\t\t\ttransform: ( { content } ) => {\n\t\t\t\treturn createBlock( 'core/code', {\n\t\t\t\t\tcontent,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tisMatch: ( node ) =>\n\t\t\t\tnode.nodeName === 'PRE' &&\n\t\t\t\tnode.children.length === 1 &&\n\t\t\t\tnode.firstChild.nodeName === 'CODE',\n\t\t\tschema: {\n\t\t\t\tpre: {\n\t\t\t\t\tchildren: {\n\t\t\t\t\t\tcode: {\n\t\t\t\t\t\t\tchildren: {\n\t\t\t\t\t\t\t\t'#text': {},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\ttransform: ( { content } ) => {\n\t\t\t\treturn createBlock( 'core/paragraph', {\n\t\t\t\t\tcontent: content.replace( /\\n/g, '<br>' ),\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/code/transforms.js"],"names":["transforms","from","type","regExp","transform","blocks","content","isMatch","node","nodeName","children","length","firstChild","schema","pre","code","to","replace"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,MAAM,EAAE,OAFT;AAGCC,IAAAA,SAAS,EAAE,MAAM,yBAAa,WAAb;AAHlB,GADK,EAML;AACCF,IAAAA,IAAI,EAAE,OADP;AAECG,IAAAA,MAAM,EAAE,CAAE,WAAF,EAAe,gBAAf,CAFT;AAGCD,IAAAA,SAAS,EAAE,CAAE;AAAEE,MAAAA;AAAF,KAAF,KAAmB;AAC7B,aAAO,yBAAa,WAAb,EAA0B;AAChCA,QAAAA;AADgC,OAA1B,CAAP;AAGA;AAPF,GANK,EAeL;AACCJ,IAAAA,IAAI,EAAE,KADP;AAECK,IAAAA,OAAO,EAAIC,IAAF,IACRA,IAAI,CAACC,QAAL,KAAkB,KAAlB,IACAD,IAAI,CAACE,QAAL,CAAcC,MAAd,KAAyB,CADzB,IAEAH,IAAI,CAACI,UAAL,CAAgBH,QAAhB,KAA6B,MAL/B;AAMCI,IAAAA,MAAM,EAAE;AACPC,MAAAA,GAAG,EAAE;AACJJ,QAAAA,QAAQ,EAAE;AACTK,UAAAA,IAAI,EAAE;AACLL,YAAAA,QAAQ,EAAE;AACT,uBAAS;AADA;AADL;AADG;AADN;AADE;AANT,GAfK,CADY;AAmClBM,EAAAA,EAAE,EAAE,CACH;AACCd,IAAAA,IAAI,EAAE,OADP;AAECG,IAAAA,MAAM,EAAE,CAAE,gBAAF,CAFT;AAGCD,IAAAA,SAAS,EAAE,CAAE;AAAEE,MAAAA;AAAF,KAAF,KAAmB;AAC7B,aAAO,yBAAa,gBAAb,EAA+B;AACrCA,QAAAA,OAAO,EAAEA,OAAO,CAACW,OAAR,CAAiB,KAAjB,EAAwB,MAAxB;AAD4B,OAA/B,CAAP;AAGA;AAPF,GADG;AAnCc,CAAnB;eAgDejB,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'enter',\n\t\t\tregExp: /^```$/,\n\t\t\ttransform: () => createBlock( 'core/code' ),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/html', 'core/paragraph' ],\n\t\t\ttransform: ( { content } ) => {\n\t\t\t\treturn createBlock( 'core/code', {\n\t\t\t\t\tcontent,\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tisMatch: ( node ) =>\n\t\t\t\tnode.nodeName === 'PRE' &&\n\t\t\t\tnode.children.length === 1 &&\n\t\t\t\tnode.firstChild.nodeName === 'CODE',\n\t\t\tschema: {\n\t\t\t\tpre: {\n\t\t\t\t\tchildren: {\n\t\t\t\t\t\tcode: {\n\t\t\t\t\t\t\tchildren: {\n\t\t\t\t\t\t\t\t'#text': {},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/paragraph' ],\n\t\t\ttransform: ( { content } ) => {\n\t\t\t\treturn createBlock( 'core/paragraph', {\n\t\t\t\t\tcontent: content.replace( /\\n/g, '<br>' ),\n\t\t\t\t} );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}

package/build/column/column-preview.native.js

@@ -28,12 +28,11 @@ var _editor = _interopRequireDefault(require("./editor.scss"));
 /**
  * Internal dependencies
  */
-function ColumnPreviewItem(_ref) {
-  let {
-    index,
-    selectedColumnIndex,
-    width
-  } = _ref;
+function ColumnPreviewItem({
+  index,
+  selectedColumnIndex,
+  width
+}) {
   const columnIndicatorStyle = (0, _compose.usePreferredColorSchemeStyle)(_editor.default.columnIndicator, _editor.default.columnIndicatorDark);
   const isSelectedColumn = index === selectedColumnIndex;
   const convertedWidth = (0, _components.useConvertUnitToMobile)(width);
@@ -45,11 +44,10 @@ function ColumnPreviewItem(_ref) {
   });
 }
 
-function ColumnsPreview(_ref2) {
-  let {
-    columnWidths,
-    selectedColumnIndex
-  } = _ref2;
+function ColumnsPreview({
+  columnWidths,
+  selectedColumnIndex
+}) {
   const columnsPreviewStyle = (0, _compose.usePreferredColorSchemeStyle)(_editor.default.columnsPreview, _editor.default.columnsPreviewDark);
   return (0, _element.createElement)(_reactNative.View, {
     style: columnsPreviewStyle

package/build/column/column-preview.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/column-preview.native.js"],"names":["ColumnPreviewItem","index","selectedColumnIndex","width","columnIndicatorStyle","styles","columnIndicator","columnIndicatorDark","isSelectedColumn","convertedWidth","flex","ColumnsPreview","columnWidths","columnsPreviewStyle","columnsPreview","columnsPreviewDark","map"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,iBAAT,OAAoE;AAAA,MAAxC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,mBAAT;AAA8BC,IAAAA;AAA9B,GAAwC;AACnE,QAAMC,oBAAoB,GAAG,2CAC5BC,gBAAOC,eADqB,EAE5BD,gBAAOE,mBAFqB,CAA7B;AAKA,QAAMC,gBAAgB,GAAGP,KAAK,KAAKC,mBAAnC;AAEA,QAAMO,cAAc,GAAG,wCAAwBN,KAAxB,CAAvB;AACA,SACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG,CACPK,gBAAgB,IAAIJ,oBADb,EAEP;AAAEM,MAAAA,IAAI,EAAED;AAAR,KAFO,CADT;AAKC,IAAA,GAAG,EAAGR;AALP,IADD;AASA;;AAED,SAASU,cAAT,QAAiE;AAAA,MAAxC;AAAEC,IAAAA,YAAF;AAAgBV,IAAAA;AAAhB,GAAwC;AAChE,QAAMW,mBAAmB,GAAG,2CAC3BR,gBAAOS,cADoB,EAE3BT,gBAAOU,kBAFoB,CAA5B;AAIA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGF;AAAd,KACGD,YAAY,CAACI,GAAb,CAAkB,CAAEb,KAAF,EAASF,KAAT,KAAoB;AACvC,WACC,4BAAC,iBAAD;AACC,MAAA,KAAK,EAAGA,KADT;AAEC,MAAA,mBAAmB,EAAGC,mBAFvB;AAGC,MAAA,KAAK,EAAGC,KAHT;AAIC,MAAA,GAAG,EAAGF;AAJP,MADD;AAQA,GATC,CADH,CADD;AAcA;;eAEcU,c","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useConvertUnitToMobile } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction ColumnPreviewItem( { index, selectedColumnIndex, width } ) {\n\tconst columnIndicatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.columnIndicator,\n\t\tstyles.columnIndicatorDark\n\t);\n\n\tconst isSelectedColumn = index === selectedColumnIndex;\n\n\tconst convertedWidth = useConvertUnitToMobile( width );\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tisSelectedColumn && columnIndicatorStyle,\n\t\t\t\t{ flex: convertedWidth },\n\t\t\t] }\n\t\t\tkey={ index }\n\t\t/>\n\t);\n}\n\nfunction ColumnsPreview( { columnWidths, selectedColumnIndex } ) {\n\tconst columnsPreviewStyle = usePreferredColorSchemeStyle(\n\t\tstyles.columnsPreview,\n\t\tstyles.columnsPreviewDark\n\t);\n\treturn (\n\t\t<View style={ columnsPreviewStyle }>\n\t\t\t{ columnWidths.map( ( width, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ColumnPreviewItem\n\t\t\t\t\t\tindex={ index }\n\t\t\t\t\t\tselectedColumnIndex={ selectedColumnIndex }\n\t\t\t\t\t\twidth={ width }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</View>\n\t);\n}\n\nexport default ColumnsPreview;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/column-preview.native.js"],"names":["ColumnPreviewItem","index","selectedColumnIndex","width","columnIndicatorStyle","styles","columnIndicator","columnIndicatorDark","isSelectedColumn","convertedWidth","flex","ColumnsPreview","columnWidths","columnsPreviewStyle","columnsPreview","columnsPreviewDark","map"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,iBAAT,CAA4B;AAAEC,EAAAA,KAAF;AAASC,EAAAA,mBAAT;AAA8BC,EAAAA;AAA9B,CAA5B,EAAoE;AACnE,QAAMC,oBAAoB,GAAG,2CAC5BC,gBAAOC,eADqB,EAE5BD,gBAAOE,mBAFqB,CAA7B;AAKA,QAAMC,gBAAgB,GAAGP,KAAK,KAAKC,mBAAnC;AAEA,QAAMO,cAAc,GAAG,wCAAwBN,KAAxB,CAAvB;AACA,SACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG,CACPK,gBAAgB,IAAIJ,oBADb,EAEP;AAAEM,MAAAA,IAAI,EAAED;AAAR,KAFO,CADT;AAKC,IAAA,GAAG,EAAGR;AALP,IADD;AASA;;AAED,SAASU,cAAT,CAAyB;AAAEC,EAAAA,YAAF;AAAgBV,EAAAA;AAAhB,CAAzB,EAAiE;AAChE,QAAMW,mBAAmB,GAAG,2CAC3BR,gBAAOS,cADoB,EAE3BT,gBAAOU,kBAFoB,CAA5B;AAIA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGF;AAAd,KACGD,YAAY,CAACI,GAAb,CAAkB,CAAEb,KAAF,EAASF,KAAT,KAAoB;AACvC,WACC,4BAAC,iBAAD;AACC,MAAA,KAAK,EAAGA,KADT;AAEC,MAAA,mBAAmB,EAAGC,mBAFvB;AAGC,MAAA,KAAK,EAAGC,KAHT;AAIC,MAAA,GAAG,EAAGF;AAJP,MADD;AAQA,GATC,CADH,CADD;AAcA;;eAEcU,c","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useConvertUnitToMobile } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction ColumnPreviewItem( { index, selectedColumnIndex, width } ) {\n\tconst columnIndicatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.columnIndicator,\n\t\tstyles.columnIndicatorDark\n\t);\n\n\tconst isSelectedColumn = index === selectedColumnIndex;\n\n\tconst convertedWidth = useConvertUnitToMobile( width );\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tisSelectedColumn && columnIndicatorStyle,\n\t\t\t\t{ flex: convertedWidth },\n\t\t\t] }\n\t\t\tkey={ index }\n\t\t/>\n\t);\n}\n\nfunction ColumnsPreview( { columnWidths, selectedColumnIndex } ) {\n\tconst columnsPreviewStyle = usePreferredColorSchemeStyle(\n\t\tstyles.columnsPreview,\n\t\tstyles.columnsPreviewDark\n\t);\n\treturn (\n\t\t<View style={ columnsPreviewStyle }>\n\t\t\t{ columnWidths.map( ( width, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ColumnPreviewItem\n\t\t\t\t\t\tindex={ index }\n\t\t\t\t\t\tselectedColumnIndex={ selectedColumnIndex }\n\t\t\t\t\t\twidth={ width }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</View>\n\t);\n}\n\nexport default ColumnsPreview;\n"]}

package/build/column/deprecated.js

@@ -32,10 +32,9 @@ const deprecated = [{
     }
   },
 
-  isEligible(_ref) {
-    let {
-      width
-    } = _ref;
+  isEligible({
+    width
+  }) {
     return isFinite(width);
   },
 
@@ -45,10 +44,9 @@ const deprecated = [{
     };
   },
 
-  save(_ref2) {
-    let {
-      attributes
-    } = _ref2;
+  save({
+    attributes
+  }) {
     const {
       verticalAlignment,
       width

package/build/column/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/deprecated.js"],"names":["deprecated","attributes","verticalAlignment","type","width","min","max","isEligible","isFinite","migrate","save","wrapperClasses","style","flexBasis"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,UAAU,GAAG,CAClB;AACCC,EAAAA,UAAU,EAAE;AACXC,IAAAA,iBAAiB,EAAE;AAClBC,MAAAA,IAAI,EAAE;AADY,KADR;AAIXC,IAAAA,KAAK,EAAE;AACND,MAAAA,IAAI,EAAE,QADA;AAENE,MAAAA,GAAG,EAAE,CAFC;AAGNC,MAAAA,GAAG,EAAE;AAHC;AAJI,GADb;;AAWCC,EAAAA,UAAU,OAAc;AAAA,QAAZ;AAAEH,MAAAA;AAAF,KAAY;AACvB,WAAOI,QAAQ,CAAEJ,KAAF,CAAf;AACA,GAbF;;AAcCK,EAAAA,OAAO,CAAER,UAAF,EAAe;AACrB,WAAO,EACN,GAAGA,UADG;AAENG,MAAAA,KAAK,EAAG,GAAGH,UAAU,CAACG,KAAO;AAFvB,KAAP;AAIA,GAnBF;;AAoBCM,EAAAA,IAAI,QAAmB;AAAA,QAAjB;AAAET,MAAAA;AAAF,KAAiB;AACtB,UAAM;AAAEC,MAAAA,iBAAF;AAAqBE,MAAAA;AAArB,QAA+BH,UAArC;AAEA,UAAMU,cAAc,GAAG,yBAAY;AAClC,OAAG,yBAAyBT,iBAAmB,EAA/C,GACCA;AAFiC,KAAZ,CAAvB;AAKA,UAAMU,KAAK,GAAG;AAAEC,MAAAA,SAAS,EAAET,KAAK,GAAG;AAArB,KAAd;AAEA,WACC;AAAK,MAAA,SAAS,EAAGO,cAAjB;AAAkC,MAAA,KAAK,EAAGC;AAA1C,OACC,4BAAC,wBAAD,CAAa,OAAb,OADD,CADD;AAKA;;AAnCF,CADkB,CAAnB;eAwCeZ,U","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nconst deprecated = [\n\t{\n\t\tattributes: {\n\t\t\tverticalAlignment: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\twidth: {\n\t\t\t\ttype: 'number',\n\t\t\t\tmin: 0,\n\t\t\t\tmax: 100,\n\t\t\t},\n\t\t},\n\t\tisEligible( { width } ) {\n\t\t\treturn isFinite( width );\n\t\t},\n\t\tmigrate( attributes ) {\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\twidth: `${ attributes.width }%`,\n\t\t\t};\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\tconst { verticalAlignment, width } = attributes;\n\n\t\t\tconst wrapperClasses = classnames( {\n\t\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t} );\n\n\t\t\tconst style = { flexBasis: width + '%' };\n\n\t\t\treturn (\n\t\t\t\t<div className={ wrapperClasses } style={ style }>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/deprecated.js"],"names":["deprecated","attributes","verticalAlignment","type","width","min","max","isEligible","isFinite","migrate","save","wrapperClasses","style","flexBasis"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,UAAU,GAAG,CAClB;AACCC,EAAAA,UAAU,EAAE;AACXC,IAAAA,iBAAiB,EAAE;AAClBC,MAAAA,IAAI,EAAE;AADY,KADR;AAIXC,IAAAA,KAAK,EAAE;AACND,MAAAA,IAAI,EAAE,QADA;AAENE,MAAAA,GAAG,EAAE,CAFC;AAGNC,MAAAA,GAAG,EAAE;AAHC;AAJI,GADb;;AAWCC,EAAAA,UAAU,CAAE;AAAEH,IAAAA;AAAF,GAAF,EAAc;AACvB,WAAOI,QAAQ,CAAEJ,KAAF,CAAf;AACA,GAbF;;AAcCK,EAAAA,OAAO,CAAER,UAAF,EAAe;AACrB,WAAO,EACN,GAAGA,UADG;AAENG,MAAAA,KAAK,EAAG,GAAGH,UAAU,CAACG,KAAO;AAFvB,KAAP;AAIA,GAnBF;;AAoBCM,EAAAA,IAAI,CAAE;AAAET,IAAAA;AAAF,GAAF,EAAmB;AACtB,UAAM;AAAEC,MAAAA,iBAAF;AAAqBE,MAAAA;AAArB,QAA+BH,UAArC;AAEA,UAAMU,cAAc,GAAG,yBAAY;AAClC,OAAG,yBAAyBT,iBAAmB,EAA/C,GACCA;AAFiC,KAAZ,CAAvB;AAKA,UAAMU,KAAK,GAAG;AAAEC,MAAAA,SAAS,EAAET,KAAK,GAAG;AAArB,KAAd;AAEA,WACC;AAAK,MAAA,SAAS,EAAGO,cAAjB;AAAkC,MAAA,KAAK,EAAGC;AAA1C,OACC,4BAAC,wBAAD,CAAa,OAAb,OADD,CADD;AAKA;;AAnCF,CADkB,CAAnB;eAwCeZ,U","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nconst deprecated = [\n\t{\n\t\tattributes: {\n\t\t\tverticalAlignment: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\twidth: {\n\t\t\t\ttype: 'number',\n\t\t\t\tmin: 0,\n\t\t\t\tmax: 100,\n\t\t\t},\n\t\t},\n\t\tisEligible( { width } ) {\n\t\t\treturn isFinite( width );\n\t\t},\n\t\tmigrate( attributes ) {\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\twidth: `${ attributes.width }%`,\n\t\t\t};\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\tconst { verticalAlignment, width } = attributes;\n\n\t\t\tconst wrapperClasses = classnames( {\n\t\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t} );\n\n\t\t\tconst style = { flexBasis: width + '%' };\n\n\t\t\treturn (\n\t\t\t\t<div className={ wrapperClasses } style={ style }>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}

package/build/column/edit.js

@@ -26,17 +26,16 @@ var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
-function ColumnEdit(_ref) {
-  let {
-    attributes: {
-      verticalAlignment,
-      width,
-      templateLock,
-      allowedBlocks
-    },
-    setAttributes,
-    clientId
-  } = _ref;
+function ColumnEdit({
+  attributes: {
+    verticalAlignment,
+    width,
+    templateLock,
+    allowedBlocks
+  },
+  setAttributes,
+  clientId
+}) {
   const classes = (0, _classnames.default)('block-core-columns', {
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment
   });

package/build/column/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/edit.js"],"names":["ColumnEdit","attributes","verticalAlignment","width","templateLock","allowedBlocks","setAttributes","clientId","classes","units","availableUnits","columnsIds","hasChildBlocks","rootClientId","select","getBlockOrder","getBlockRootClientId","blockEditorStore","rootId","length","updateBlockAttributes","updateAlignment","value","widthWithUnit","Number","isFinite","blockProps","className","style","flexBasis","undefined","columnsCount","currentColumnPosition","indexOf","label","innerBlocksProps","renderAppender","InnerBlocks","ButtonBlockAppender","nextWidth","parseFloat"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseSetting,\n\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/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Column settings' ) }>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth ) ? '0' : nextWidth;\n\t\t\t\t\t\t\tsetAttributes( { width: nextWidth } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nexport default ColumnEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/edit.js"],"names":["ColumnEdit","attributes","verticalAlignment","width","templateLock","allowedBlocks","setAttributes","clientId","classes","units","availableUnits","columnsIds","hasChildBlocks","rootClientId","select","getBlockOrder","getBlockRootClientId","blockEditorStore","rootId","length","updateBlockAttributes","updateAlignment","value","widthWithUnit","Number","isFinite","blockProps","className","style","flexBasis","undefined","columnsCount","currentColumnPosition","indexOf","label","innerBlocksProps","renderAppender","InnerBlocks","ButtonBlockAppender","nextWidth","parseFloat"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\tPanelBody,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { sprintf, __ } from '@wordpress/i18n';\n\nfunction ColumnEdit( {\n\tattributes: { 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/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Column settings' ) }>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t\t0 > parseFloat( nextWidth ) ? '0' : nextWidth;\n\t\t\t\t\t\t\tsetAttributes( { width: nextWidth } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nexport default ColumnEdit;\n"]}

package/build/column/edit.native.js

@@ -38,22 +38,20 @@ var _utils = require("../columns/utils");
 /**
  * Internal dependencies
  */
-function ColumnEdit(_ref) {
-  let {
-    attributes,
-    setAttributes,
-    hasChildren,
-    isSelected,
-    getStylesFromColorScheme,
-    isParentSelected,
-    contentStyle,
-    columns,
-    selectedColumnIndex,
-    parentAlignment,
-    clientId,
-    blockWidth
-  } = _ref;
-
+function ColumnEdit({
+  attributes,
+  setAttributes,
+  hasChildren,
+  isSelected,
+  getStylesFromColorScheme,
+  isParentSelected,
+  contentStyle,
+  columns,
+  selectedColumnIndex,
+  parentAlignment,
+  clientId,
+  blockWidth
+}) {
   if (!contentStyle) {
     contentStyle = {
       [clientId]: {}
@@ -180,12 +178,9 @@ function ColumnEditWrapper(props) {
   }, (0, _element.createElement)(ColumnEdit, props));
 }
 
-var _default = (0, _compose.compose)([(0, _data.withSelect)((select, _ref2) => {
-  var _getBlockAttributes;
-
-  let {
-    clientId
-  } = _ref2;
+var _default = (0, _compose.compose)([(0, _data.withSelect)((select, {
+  clientId
+}) => {
   const {
     getBlockCount,
     getBlockRootClientId,
@@ -202,7 +197,7 @@ var _default = (0, _compose.compose)([(0, _data.withSelect)((select, _ref2) => {
   const blockOrder = getBlockOrder(parentId);
   const selectedColumnIndex = blockOrder.indexOf(clientId);
   const columns = getBlocks(parentId);
-  const parentAlignment = (_getBlockAttributes = getBlockAttributes(parentId)) === null || _getBlockAttributes === void 0 ? void 0 : _getBlockAttributes.verticalAlignment;
+  const parentAlignment = getBlockAttributes(parentId)?.verticalAlignment;
   return {
     hasChildren,
     isParentSelected,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/edit.native.js"],"names":["ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","isParentSelected","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","screenWidth","Math","floor","Dimensions","get","widthUnit","setWidthUnit","units","availableUnits","updateAlignment","alignment","onChangeWidth","nextWidth","widthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","onChange","renderAppender","columnWidth","isFullWidth","styles","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","columnPlaceholder","columnPlaceholderDark","columnPlaceholderNotSelected","parentWidth","undefined","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useEffect, useState, useCallback } from '@wordpress/element';\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tFooterMessageControl,\n\tUnitControl,\n\tgetValueAndUnit,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport ColumnsPreview from './column-preview';\nimport {\n\tgetWidths,\n\tgetWidthWithUnit,\n\tisPercentageUnit,\n} from '../columns/utils';\n\nfunction ColumnEdit( {\n\tattributes,\n\tsetAttributes,\n\thasChildren,\n\tisSelected,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tcontentStyle,\n\tcolumns,\n\tselectedColumnIndex,\n\tparentAlignment,\n\tclientId,\n\tblockWidth,\n} ) {\n\tif ( ! contentStyle ) {\n\t\tcontentStyle = { [ clientId ]: {} };\n\t}\n\n\tconst { verticalAlignment, width } = attributes;\n\tconst { valueUnit = '%' } = getValueAndUnit( width ) || {};\n\n\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\n\tconst [ widthUnit, setWidthUnit ] = useState( valueUnit || '%' );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\tconst updateAlignment = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tuseEffect( () => {\n\t\tsetWidthUnit( valueUnit );\n\t}, [ valueUnit ] );\n\n\tuseEffect( () => {\n\t\tif ( ! verticalAlignment && parentAlignment ) {\n\t\t\tupdateAlignment( parentAlignment );\n\t\t}\n\t}, [] );\n\n\tconst onChangeWidth = ( nextWidth ) => {\n\t\tconst widthWithUnit = getWidthWithUnit( nextWidth, widthUnit );\n\n\t\tsetAttributes( {\n\t\t\twidth: widthWithUnit,\n\t\t} );\n\t};\n\n\tconst onChangeUnit = ( nextUnit ) => {\n\t\tsetWidthUnit( nextUnit );\n\t\tconst widthWithoutUnit = parseFloat(\n\t\t\twidth || getWidths( columns )[ selectedColumnIndex ]\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\twidth: getWidthWithUnit( widthWithoutUnit, nextUnit ),\n\t\t} );\n\t};\n\n\tconst onChange = ( nextWidth ) => {\n\t\tif ( isPercentageUnit( widthUnit ) || ! widthUnit ) {\n\t\t\treturn;\n\t\t}\n\t\tonChangeWidth( nextWidth );\n\t};\n\n\tconst renderAppender = useCallback( () => {\n\t\tconst { width: columnWidth } = contentStyle[ clientId ];\n\t\tconst isFullWidth = columnWidth === screenWidth;\n\n\t\tif ( isSelected ) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.columnAppender,\n\t\t\t\t\t\tisFullWidth && styles.fullwidthColumnAppender,\n\t\t\t\t\t\tisFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.fullwidthHasInnerColumnAppender,\n\t\t\t\t\t\t! isFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.hasInnerColumnAppender,\n\t\t\t\t\t] }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.ButtonBlockAppender />\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}, [ contentStyle[ clientId ], screenWidth, isSelected, hasChildren ] );\n\n\tif ( ! isSelected && ! hasChildren ) {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\t! isParentSelected &&\n\t\t\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\t\t\tstyles.columnPlaceholder,\n\t\t\t\t\t\t\tstyles.columnPlaceholderDark\n\t\t\t\t\t\t),\n\t\t\t\t\tstyles.columnPlaceholderNotSelected,\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t}\n\n\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\t\tconst isParentSelected =\n\t\t\tselectedBlockClientId && selectedBlockClientId === parentId;\n\n\t\tconst blockOrder = getBlockOrder( parentId );\n\n\t\tconst selectedColumnIndex = blockOrder.indexOf( clientId );\n\t\tconst columns = getBlocks( parentId );\n\n\t\tconst parentAlignment =\n\t\t\tgetBlockAttributes( parentId )?.verticalAlignment;\n\n\t\treturn {\n\t\t\thasChildren,\n\t\t\tisParentSelected,\n\t\t\tisSelected,\n\t\t\tselectedColumnIndex,\n\t\t\tcolumns,\n\t\t\tparentAlignment,\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( ColumnEditWrapper );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/edit.native.js"],"names":["ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","isParentSelected","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","screenWidth","Math","floor","Dimensions","get","widthUnit","setWidthUnit","units","availableUnits","updateAlignment","alignment","onChangeWidth","nextWidth","widthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","onChange","renderAppender","columnWidth","isFullWidth","styles","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","columnPlaceholder","columnPlaceholderDark","columnPlaceholderNotSelected","parentWidth","undefined","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","blockEditorStore","selectedBlockClientId","parentId","blockOrder","indexOf","withPreferredColorScheme"],"mappings":";;;;;;;;;AAUA;;AAPA;;AAKA;;AACA;;AAEA;;AAQA;;AAOA;;AAIA;;AACA;;AACA;;AAhCA;AACA;AACA;;AAGA;AACA;AACA;;AAoBA;AACA;AACA;AASA,SAASA,UAAT,CAAqB;AACpBC,EAAAA,UADoB;AAEpBC,EAAAA,aAFoB;AAGpBC,EAAAA,WAHoB;AAIpBC,EAAAA,UAJoB;AAKpBC,EAAAA,wBALoB;AAMpBC,EAAAA,gBANoB;AAOpBC,EAAAA,YAPoB;AAQpBC,EAAAA,OARoB;AASpBC,EAAAA,mBAToB;AAUpBC,EAAAA,eAVoB;AAWpBC,EAAAA,QAXoB;AAYpBC,EAAAA;AAZoB,CAArB,EAaI;AACH,MAAK,CAAEL,YAAP,EAAsB;AACrBA,IAAAA,YAAY,GAAG;AAAE,OAAEI,QAAF,GAAc;AAAhB,KAAf;AACA;;AAED,QAAM;AAAEE,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAA+Bb,UAArC;AACA,QAAM;AAAEc,IAAAA,SAAS,GAAG;AAAd,MAAsB,iCAAiBD,KAAjB,KAA4B,EAAxD;AAEA,QAAME,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAYC,wBAAWC,GAAX,CAAgB,QAAhB,EAA2BN,KAAvC,CAApB;AAEA,QAAM,CAAEO,SAAF,EAAaC,YAAb,IAA8B,uBAAUP,SAAS,IAAI,GAAvB,CAApC;AAEA,QAAMQ,KAAK,GAAG,8CAAgB;AAC7BC,IAAAA,cAAc,EAAE,6BAAY,eAAZ,KAAiC,CAChD,GADgD,EAEhD,IAFgD,EAGhD,IAHgD,EAIhD,KAJgD,EAKhD,IALgD;AADpB,GAAhB,CAAd;;AAUA,QAAMC,eAAe,GAAKC,SAAF,IAAiB;AACxCxB,IAAAA,aAAa,CAAE;AAAEW,MAAAA,iBAAiB,EAAEa;AAArB,KAAF,CAAb;AACA,GAFD;;AAIA,0BAAW,MAAM;AAChBJ,IAAAA,YAAY,CAAEP,SAAF,CAAZ;AACA,GAFD,EAEG,CAAEA,SAAF,CAFH;AAIA,0BAAW,MAAM;AAChB,QAAK,CAAEF,iBAAF,IAAuBH,eAA5B,EAA8C;AAC7Ce,MAAAA,eAAe,CAAEf,eAAF,CAAf;AACA;AACD,GAJD,EAIG,EAJH;;AAMA,QAAMiB,aAAa,GAAKC,SAAF,IAAiB;AACtC,UAAMC,aAAa,GAAG,6BAAkBD,SAAlB,EAA6BP,SAA7B,CAAtB;AAEAnB,IAAAA,aAAa,CAAE;AACdY,MAAAA,KAAK,EAAEe;AADO,KAAF,CAAb;AAGA,GAND;;AAQA,QAAMC,YAAY,GAAKC,QAAF,IAAgB;AACpCT,IAAAA,YAAY,CAAES,QAAF,CAAZ;AACA,UAAMC,gBAAgB,GAAGC,UAAU,CAClCnB,KAAK,IAAI,sBAAWN,OAAX,EAAsBC,mBAAtB,CADyB,CAAnC;AAIAP,IAAAA,aAAa,CAAE;AACdY,MAAAA,KAAK,EAAE,6BAAkBkB,gBAAlB,EAAoCD,QAApC;AADO,KAAF,CAAb;AAGA,GATD;;AAWA,QAAMG,QAAQ,GAAKN,SAAF,IAAiB;AACjC,QAAK,6BAAkBP,SAAlB,KAAiC,CAAEA,SAAxC,EAAoD;AACnD;AACA;;AACDM,IAAAA,aAAa,CAAEC,SAAF,CAAb;AACA,GALD;;AAOA,QAAMO,cAAc,GAAG,0BAAa,MAAM;AACzC,UAAM;AAAErB,MAAAA,KAAK,EAAEsB;AAAT,QAAyB7B,YAAY,CAAEI,QAAF,CAA3C;AACA,UAAM0B,WAAW,GAAGD,WAAW,KAAKpB,WAApC;;AAEA,QAAKZ,UAAL,EAAkB;AACjB,aACC,4BAAC,iBAAD;AACC,QAAA,KAAK,EAAG,CACPkC,gBAAOC,cADA,EAEPF,WAAW,IAAIC,gBAAOE,uBAFf,EAGPH,WAAW,IACVlC,WADD,IAECmC,gBAAOG,+BALD,EAMP,CAAEJ,WAAF,IACClC,WADD,IAECmC,gBAAOI,sBARD;AADT,SAYC,4BAAC,wBAAD,CAAa,mBAAb,OAZD,CADD;AAgBA;;AACD,WAAO,IAAP;AACA,GAvBsB,EAuBpB,CAAEnC,YAAY,CAAEI,QAAF,CAAd,EAA4BK,WAA5B,EAAyCZ,UAAzC,EAAqDD,WAArD,CAvBoB,CAAvB;;AAyBA,MAAK,CAAEC,UAAF,IAAgB,CAAED,WAAvB,EAAqC;AACpC,WACC,4BAAC,iBAAD;AACC,MAAA,KAAK,EAAG,CACP,CAAEG,gBAAF,IACCD,wBAAwB,CACvBiC,gBAAOK,iBADgB,EAEvBL,gBAAOM,qBAFgB,CAFlB,EAMPN,gBAAOO,4BANA,EAOPtC,YAAY,CAAEI,QAAF,CAPL;AADT,MADD;AAaA;;AAED,QAAMmC,WAAW,GAChBvC,YAAY,IACZA,YAAY,CAAEI,QAAF,CADZ,IAEAJ,YAAY,CAAEI,QAAF,CAAZ,CAAyBG,KAH1B;AAKA,SACC,qDACGV,UAAU,IACX,qDACC,4BAAC,0BAAD,QACC,4BAAC,0CAAD;AACC,IAAA,QAAQ,EAAGqB,eADZ;AAEC,IAAA,KAAK,EAAGZ;AAFT,IADD,CADD,EAOC,4BAAC,8BAAD,QACC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,iBAAJ;AAAnB,KACC,4BAAC,uBAAD;AACC,IAAA,KAAK,EAAG,cAAI,OAAJ,CADT;AAEC,IAAA,GAAG,EAAG,CAFP;AAGC,IAAA,GAAG,EACF,6BAAkBQ,SAAlB,IACG,GADH,GAEG0B,SANL;AAQC,IAAA,QAAQ,EAAGb,QARZ;AASC,IAAA,UAAU,EAAGP,aATd;AAUC,IAAA,YAAY,EAAGG,YAVhB;AAWC,IAAA,KAAK,EACJ,sBAAWtB,OAAX,EAAsBC,mBAAtB,CAZF;AAcC,IAAA,IAAI,EAAGY,SAdR;AAeC,IAAA,KAAK,EAAGE,KAfT;AAgBC,IAAA,OAAO,EACN,4BAAC,sBAAD;AACC,MAAA,YAAY,EAAG,sBACdf,OADc,EAEd,KAFc,CADhB;AAKC,MAAA,mBAAmB,EAClBC;AANF;AAjBF,IADD,CADD,EA+BC,4BAAC,qBAAD,QACC,4BAAC,gCAAD;AACC,IAAA,KAAK,EAAG,cACP,8DADO;AADT,IADD,CA/BD,CAPD,CAFF,EAkDC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG,CACPL,UAAU,IAAID,WAAd,IAA6BmC,gBAAOU,sBAD7B,EAEPzC,YAAY,CAAEI,QAAF,CAFL;AADT,KAMC,4BAAC,wBAAD;AACC,IAAA,cAAc,EAAGwB,cADlB;AAEC,IAAA,WAAW,EAAGW,WAFf;AAGC,IAAA,UAAU,EAAGlC;AAHd,IAND,CAlDD,CADD;AAiEA;;AAED,SAASqC,iBAAT,CAA4BC,KAA5B,EAAoC;AACnC,QAAM;AAAErC,IAAAA;AAAF,MAAwBqC,KAAK,CAACjD,UAApC;;AAEA,QAAMkD,yBAAyB,GAAKzB,SAAF,IAAiB;AAClD,QAAK,CAAEA,SAAP,EAAmB,OAAOY,gBAAOc,QAAd;AACnB,WAAO,EACN,GAAGd,gBAAOc,QADJ;AAEN,SAAGd,gBAAS,yBAAyBZ,SAAW,EAA7C;AAFG,KAAP;AAIA,GAND;;AAQA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGyB,yBAAyB,CAAEtC,iBAAF;AAAvC,KACC,4BAAC,UAAD,EAAiBqC,KAAjB,CADD,CADD;AAKA;;eAEc,sBAAS,CACvB,sBAAY,CAAEG,MAAF,EAAU;AAAE1C,EAAAA;AAAF,CAAV,KAA4B;AACvC,QAAM;AACL2C,IAAAA,aADK;AAELC,IAAAA,oBAFK;AAGLC,IAAAA,wBAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA,aALK;AAMLC,IAAAA;AANK,MAOFN,MAAM,CAAEO,kBAAF,CAPV;AASA,QAAMC,qBAAqB,GAAGL,wBAAwB,EAAtD;AACA,QAAMpD,UAAU,GAAGyD,qBAAqB,KAAKlD,QAA7C;AAEA,QAAMmD,QAAQ,GAAGP,oBAAoB,CAAE5C,QAAF,CAArC;AACA,QAAMR,WAAW,GAAG,CAAC,CAAEmD,aAAa,CAAE3C,QAAF,CAApC;AACA,QAAML,gBAAgB,GACrBuD,qBAAqB,IAAIA,qBAAqB,KAAKC,QADpD;AAGA,QAAMC,UAAU,GAAGL,aAAa,CAAEI,QAAF,CAAhC;AAEA,QAAMrD,mBAAmB,GAAGsD,UAAU,CAACC,OAAX,CAAoBrD,QAApB,CAA5B;AACA,QAAMH,OAAO,GAAGiD,SAAS,CAAEK,QAAF,CAAzB;AAEA,QAAMpD,eAAe,GACpBiD,kBAAkB,CAAEG,QAAF,CAAlB,EAAgCjD,iBADjC;AAGA,SAAO;AACNV,IAAAA,WADM;AAENG,IAAAA,gBAFM;AAGNF,IAAAA,UAHM;AAINK,IAAAA,mBAJM;AAKND,IAAAA,OALM;AAMNE,IAAAA;AANM,GAAP;AAQA,CAlCD,CADuB,EAoCvBuD,iCApCuB,CAAT,EAqCVhB,iBArCU,C","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useEffect, useState, useCallback } from '@wordpress/element';\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tFooterMessageControl,\n\tUnitControl,\n\tgetValueAndUnit,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport ColumnsPreview from './column-preview';\nimport {\n\tgetWidths,\n\tgetWidthWithUnit,\n\tisPercentageUnit,\n} from '../columns/utils';\n\nfunction ColumnEdit( {\n\tattributes,\n\tsetAttributes,\n\thasChildren,\n\tisSelected,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tcontentStyle,\n\tcolumns,\n\tselectedColumnIndex,\n\tparentAlignment,\n\tclientId,\n\tblockWidth,\n} ) {\n\tif ( ! contentStyle ) {\n\t\tcontentStyle = { [ clientId ]: {} };\n\t}\n\n\tconst { verticalAlignment, width } = attributes;\n\tconst { valueUnit = '%' } = getValueAndUnit( width ) || {};\n\n\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\n\tconst [ widthUnit, setWidthUnit ] = useState( valueUnit || '%' );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\tconst updateAlignment = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tuseEffect( () => {\n\t\tsetWidthUnit( valueUnit );\n\t}, [ valueUnit ] );\n\n\tuseEffect( () => {\n\t\tif ( ! verticalAlignment && parentAlignment ) {\n\t\t\tupdateAlignment( parentAlignment );\n\t\t}\n\t}, [] );\n\n\tconst onChangeWidth = ( nextWidth ) => {\n\t\tconst widthWithUnit = getWidthWithUnit( nextWidth, widthUnit );\n\n\t\tsetAttributes( {\n\t\t\twidth: widthWithUnit,\n\t\t} );\n\t};\n\n\tconst onChangeUnit = ( nextUnit ) => {\n\t\tsetWidthUnit( nextUnit );\n\t\tconst widthWithoutUnit = parseFloat(\n\t\t\twidth || getWidths( columns )[ selectedColumnIndex ]\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\twidth: getWidthWithUnit( widthWithoutUnit, nextUnit ),\n\t\t} );\n\t};\n\n\tconst onChange = ( nextWidth ) => {\n\t\tif ( isPercentageUnit( widthUnit ) || ! widthUnit ) {\n\t\t\treturn;\n\t\t}\n\t\tonChangeWidth( nextWidth );\n\t};\n\n\tconst renderAppender = useCallback( () => {\n\t\tconst { width: columnWidth } = contentStyle[ clientId ];\n\t\tconst isFullWidth = columnWidth === screenWidth;\n\n\t\tif ( isSelected ) {\n\t\t\treturn (\n\t\t\t\t<View\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.columnAppender,\n\t\t\t\t\t\tisFullWidth && styles.fullwidthColumnAppender,\n\t\t\t\t\t\tisFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.fullwidthHasInnerColumnAppender,\n\t\t\t\t\t\t! isFullWidth &&\n\t\t\t\t\t\t\thasChildren &&\n\t\t\t\t\t\t\tstyles.hasInnerColumnAppender,\n\t\t\t\t\t] }\n\t\t\t\t>\n\t\t\t\t\t<InnerBlocks.ButtonBlockAppender />\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t}, [ contentStyle[ clientId ], screenWidth, isSelected, hasChildren ] );\n\n\tif ( ! isSelected && ! hasChildren ) {\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\t! isParentSelected &&\n\t\t\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\t\t\tstyles.columnPlaceholder,\n\t\t\t\t\t\t\tstyles.columnPlaceholderDark\n\t\t\t\t\t\t),\n\t\t\t\t\tstyles.columnPlaceholderNotSelected,\n\t\t\t\t\tcontentStyle[ clientId ],\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t}\n\n\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\t\tconst isParentSelected =\n\t\t\tselectedBlockClientId && selectedBlockClientId === parentId;\n\n\t\tconst blockOrder = getBlockOrder( parentId );\n\n\t\tconst selectedColumnIndex = blockOrder.indexOf( clientId );\n\t\tconst columns = getBlocks( parentId );\n\n\t\tconst parentAlignment =\n\t\t\tgetBlockAttributes( parentId )?.verticalAlignment;\n\n\t\treturn {\n\t\t\thasChildren,\n\t\t\tisParentSelected,\n\t\t\tisSelected,\n\t\t\tselectedColumnIndex,\n\t\t\tcolumns,\n\t\t\tparentAlignment,\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( ColumnEditWrapper );\n"]}

package/build/column/index.js

@@ -26,10 +26,10 @@ var _save = _interopRequireDefault(require("./save"));
  */
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/column",
   title: "Column",
-  category: "text",
+  category: "design",
   parent: ["core/columns"],
   description: "A single column within a columns block.",
   textdomain: "default",

package/build/column/save.js

@@ -20,10 +20,9 @@ var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
  */
-function save(_ref) {
-  let {
-    attributes
-  } = _ref;
+function save({
+  attributes
+}) {
   const {
     verticalAlignment,
     width
@@ -37,7 +36,7 @@ function save(_ref) {
     // Numbers are handled for backward compatibility as they can be still provided with templates.
     let flexBasis = Number.isFinite(width) ? width + '%' : width; // In some cases we need to round the width to a shorter float.
 
-    if (!Number.isFinite(width) && width !== null && width !== void 0 && width.endsWith('%')) {
+    if (!Number.isFinite(width) && width?.endsWith('%')) {
       const multiplier = 1000000000000; // Shrink the number back to a reasonable float.
 
       flexBasis = Math.round(Number.parseFloat(width) * multiplier) / multiplier + '%';

package/build/column/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/save.js"],"names":["save","attributes","verticalAlignment","width","wrapperClasses","style","test","flexBasis","Number","isFinite","endsWith","multiplier","Math","round","parseFloat","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAA+BF,UAArC;AAEA,QAAMG,cAAc,GAAG,yBAAY;AAClC,KAAG,yBAAyBF,iBAAmB,EAA/C,GAAoDA;AADlB,GAAZ,CAAvB;AAIA,MAAIG,KAAJ;;AAEA,MAAKF,KAAK,IAAI,KAAKG,IAAL,CAAWH,KAAX,CAAd,EAAmC;AAClC;AACA,QAAII,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAiBN,KAAjB,IAA2BA,KAAK,GAAG,GAAnC,GAAyCA,KAAzD,CAFkC,CAGlC;;AACA,QAAK,CAAEK,MAAM,CAACC,QAAP,CAAiBN,KAAjB,CAAF,IAA8BA,KAA9B,aAA8BA,KAA9B,eAA8BA,KAAK,CAAEO,QAAP,CAAiB,GAAjB,CAAnC,EAA4D;AAC3D,YAAMC,UAAU,GAAG,aAAnB,CAD2D,CAE3D;;AACAJ,MAAAA,SAAS,GACRK,IAAI,CAACC,KAAL,CAAYL,MAAM,CAACM,UAAP,CAAmBX,KAAnB,IAA6BQ,UAAzC,IACCA,UADD,GAEA,GAHD;AAIA;;AACDN,IAAAA,KAAK,GAAG;AAAEE,MAAAA;AAAF,KAAR;AACA;;AAED,QAAMQ,UAAU,GAAGC,2BAAchB,IAAd,CAAoB;AACtCiB,IAAAA,SAAS,EAAEb,cAD2B;AAEtCC,IAAAA;AAFsC,GAApB,CAAnB;;AAIA,QAAMa,gBAAgB,GAAGC,iCAAoBnB,IAApB,CAA0Be,UAA1B,CAAzB;;AAEA,SAAO,mCAAUG,gBAAV,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { verticalAlignment, width } = attributes;\n\n\tconst wrapperClasses = classnames( {\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t} );\n\n\tlet style;\n\n\tif ( width && /\\d/.test( width ) ) {\n\t\t// Numbers are handled for backward compatibility as they can be still provided with templates.\n\t\tlet flexBasis = Number.isFinite( width ) ? width + '%' : width;\n\t\t// In some cases we need to round the width to a shorter float.\n\t\tif ( ! Number.isFinite( width ) && width?.endsWith( '%' ) ) {\n\t\t\tconst multiplier = 1000000000000;\n\t\t\t// Shrink the number back to a reasonable float.\n\t\t\tflexBasis =\n\t\t\t\tMath.round( Number.parseFloat( width ) * multiplier ) /\n\t\t\t\t\tmultiplier +\n\t\t\t\t'%';\n\t\t}\n\t\tstyle = { flexBasis };\n\t}\n\n\tconst blockProps = useBlockProps.save( {\n\t\tclassName: wrapperClasses,\n\t\tstyle,\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/column/save.js"],"names":["save","attributes","verticalAlignment","width","wrapperClasses","style","test","flexBasis","Number","isFinite","endsWith","multiplier","Math","round","parseFloat","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAA+BF,UAArC;AAEA,QAAMG,cAAc,GAAG,yBAAY;AAClC,KAAG,yBAAyBF,iBAAmB,EAA/C,GAAoDA;AADlB,GAAZ,CAAvB;AAIA,MAAIG,KAAJ;;AAEA,MAAKF,KAAK,IAAI,KAAKG,IAAL,CAAWH,KAAX,CAAd,EAAmC;AAClC;AACA,QAAII,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAiBN,KAAjB,IAA2BA,KAAK,GAAG,GAAnC,GAAyCA,KAAzD,CAFkC,CAGlC;;AACA,QAAK,CAAEK,MAAM,CAACC,QAAP,CAAiBN,KAAjB,CAAF,IAA8BA,KAAK,EAAEO,QAAP,CAAiB,GAAjB,CAAnC,EAA4D;AAC3D,YAAMC,UAAU,GAAG,aAAnB,CAD2D,CAE3D;;AACAJ,MAAAA,SAAS,GACRK,IAAI,CAACC,KAAL,CAAYL,MAAM,CAACM,UAAP,CAAmBX,KAAnB,IAA6BQ,UAAzC,IACCA,UADD,GAEA,GAHD;AAIA;;AACDN,IAAAA,KAAK,GAAG;AAAEE,MAAAA;AAAF,KAAR;AACA;;AAED,QAAMQ,UAAU,GAAGC,2BAAchB,IAAd,CAAoB;AACtCiB,IAAAA,SAAS,EAAEb,cAD2B;AAEtCC,IAAAA;AAFsC,GAApB,CAAnB;;AAIA,QAAMa,gBAAgB,GAAGC,iCAAoBnB,IAApB,CAA0Be,UAA1B,CAAzB;;AAEA,SAAO,mCAAUG,gBAAV,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { verticalAlignment, width } = attributes;\n\n\tconst wrapperClasses = classnames( {\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t} );\n\n\tlet style;\n\n\tif ( width && /\\d/.test( width ) ) {\n\t\t// Numbers are handled for backward compatibility as they can be still provided with templates.\n\t\tlet flexBasis = Number.isFinite( width ) ? width + '%' : width;\n\t\t// In some cases we need to round the width to a shorter float.\n\t\tif ( ! Number.isFinite( width ) && width?.endsWith( '%' ) ) {\n\t\t\tconst multiplier = 1000000000000;\n\t\t\t// Shrink the number back to a reasonable float.\n\t\t\tflexBasis =\n\t\t\t\tMath.round( Number.parseFloat( width ) * multiplier ) /\n\t\t\t\t\tmultiplier +\n\t\t\t\t'%';\n\t\t}\n\t\tstyle = { flexBasis };\n\t}\n\n\tconst blockProps = useBlockProps.save( {\n\t\tclassName: wrapperClasses,\n\t\tstyle,\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"]}

package/build/columns/columnCalculations.native.js

@@ -13,7 +13,13 @@ var _utils = require("./utils");
 
 var _editor = _interopRequireDefault(require("./editor.scss"));
 
-var _styles$columnsContai, _styles$columnsContai2;
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
 
 /**
  * Maximum number of columns in a row
@@ -27,14 +33,14 @@ const MAX_COLUMNS_NUM_IN_ROW = 3;
  * @type {number}
  */
 
-const MIN_WIDTH = (_styles$columnsContai = _editor.default.columnsContainer) === null || _styles$columnsContai === void 0 ? void 0 : _styles$columnsContai.minWidth;
+const MIN_WIDTH = _editor.default.columnsContainer?.minWidth;
 /**
  * Container margin value
  *
  * @type {number}
  */
 
-const MARGIN = (_styles$columnsContai2 = _editor.default.columnsContainer) === null || _styles$columnsContai2 === void 0 ? void 0 : _styles$columnsContai2.marginLeft;
+const MARGIN = _editor.default.columnsContainer?.marginLeft;
 
 const getColumnsInRow = (width, columnCount) => {
   if (width) {
@@ -90,11 +96,10 @@ const getContentWidths = (columnsInRow, width, columnCount, innerColumns, global
   const containerWidth = calculateContainerWidth(baseContainerWidth, columnsInRow);
   let columnWidth = calculateContainerWidth(width, columnsInRow) / columnsInRow;
   let maxColumnWidth = columnWidth;
-  innerColumns.forEach(_ref => {
-    let {
-      attributes: innerColumnAttributes,
-      clientId
-    } = _ref;
+  innerColumns.forEach(({
+    attributes: innerColumnAttributes,
+    clientId
+  }) => {
     const attributeWidth = (0, _components.convertUnitToMobile)({
       width
     }, globalStyles, innerColumnAttributes.width || columnWidths[clientId]);

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

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

package/build/columns/deprecated.js

@@ -100,10 +100,9 @@ var _default = [{
   },
   migrate: migrateCustomColors,
 
-  save(_ref) {
-    let {
-      attributes
-    } = _ref;
+  save({
+    attributes
+  }) {
     const {
       verticalAlignment,
       backgroundColor,
@@ -182,10 +181,9 @@ var _default = [{
     }, migratedInnerBlocks];
   },
 
-  save(_ref2) {
-    let {
-      attributes
-    } = _ref2;
+  save({
+    attributes
+  }) {
     const {
       columns
     } = attributes;
@@ -213,10 +211,9 @@ var _default = [{
     return [attributes, innerBlocks];
   },
 
-  save(_ref3) {
-    let {
-      attributes
-    } = _ref3;
+  save({
+    attributes
+  }) {
     const {
       verticalAlignment,
       columns