@wordpress/block-library 8.11.0 → 8.12.1

package/build-module/code/save.js

@@ -9,11 +9,11 @@ import { RichText, useBlockProps } from '@wordpress/block-editor';
  */
 
 import { escape } from './utils';
-export default function save(_ref) {
-  let {
-    attributes
-  } = _ref;
-  return createElement("pre", useBlockProps.save(), createElement(RichText.Content, {
+export default function save({
+  attributes
+}) {
+  return createElement("pre", { ...useBlockProps.save()
+  }, createElement(RichText.Content, {
     tagName: "code",
     value: escape(attributes.content)
   }));

package/build-module/code/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/code/save.js"],"names":["RichText","useBlockProps","escape","save","attributes","content"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,yBAAxC;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,SAAvB;AAEA,eAAe,SAASC,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,SACC,qBAAUH,aAAa,CAACE,IAAd,EAAV,EACC,cAAC,QAAD,CAAU,OAAV;AACC,IAAA,OAAO,EAAC,MADT;AAEC,IAAA,KAAK,EAAGD,MAAM,CAAEE,UAAU,CAACC,OAAb;AAFf,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":["RichText","useBlockProps","escape","save","attributes","content"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,yBAAxC;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,SAAvB;AAEA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,SACC,0BAAUH,aAAa,CAACE,IAAd;AAAV,KACC,cAAC,QAAD,CAAU,OAAV;AACC,IAAA,OAAO,EAAC,MADT;AAEC,IAAA,KAAK,EAAGD,MAAM,CAAEE,UAAU,CAACC,OAAb;AAFf,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-module/code/transforms.js

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

package/build-module/code/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/code/transforms.js"],"names":["createBlock","transforms","from","type","regExp","transform","blocks","content","isMatch","node","nodeName","children","length","firstChild","schema","pre","code","to","replace"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,mBAA5B;AAEA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,MAAM,EAAE,OAFT;AAGCC,IAAAA,SAAS,EAAE,MAAML,WAAW,CAAE,WAAF;AAH7B,GADK,EAML;AACCG,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,aAAOP,WAAW,CAAE,WAAF,EAAe;AAChCO,QAAAA;AADgC,OAAf,CAAlB;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,aAAOP,WAAW,CAAE,gBAAF,EAAoB;AACrCO,QAAAA,OAAO,EAAEA,OAAO,CAACW,OAAR,CAAiB,KAAjB,EAAwB,MAAxB;AAD4B,OAApB,CAAlB;AAGA;AAPF,GADG;AAnCc,CAAnB;AAgDA,eAAejB,UAAf","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":["createBlock","transforms","from","type","regExp","transform","blocks","content","isMatch","node","nodeName","children","length","firstChild","schema","pre","code","to","replace"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,mBAA5B;AAEA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;AAECC,IAAAA,MAAM,EAAE,OAFT;AAGCC,IAAAA,SAAS,EAAE,MAAML,WAAW,CAAE,WAAF;AAH7B,GADK,EAML;AACCG,IAAAA,IAAI,EAAE,OADP;AAECG,IAAAA,MAAM,EAAE,CAAE,WAAF,EAAe,gBAAf,CAFT;AAGCD,IAAAA,SAAS,EAAE,CAAE;AAAEE,MAAAA;AAAF,KAAF,KAAmB;AAC7B,aAAOP,WAAW,CAAE,WAAF,EAAe;AAChCO,QAAAA;AADgC,OAAf,CAAlB;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,aAAOP,WAAW,CAAE,gBAAF,EAAoB;AACrCO,QAAAA,OAAO,EAAEA,OAAO,CAACW,OAAR,CAAiB,KAAjB,EAAwB,MAAxB;AAD4B,OAApB,CAAlB;AAGA;AAPF,GADG;AAnCc,CAAnB;AAgDA,eAAejB,UAAf","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-module/column/column-preview.native.js

@@ -16,12 +16,11 @@ import { useConvertUnitToMobile } from '@wordpress/components';
 
 import styles from './editor.scss';
 
-function ColumnPreviewItem(_ref) {
-  let {
-    index,
-    selectedColumnIndex,
-    width
-  } = _ref;
+function ColumnPreviewItem({
+  index,
+  selectedColumnIndex,
+  width
+}) {
   const columnIndicatorStyle = usePreferredColorSchemeStyle(styles.columnIndicator, styles.columnIndicatorDark);
   const isSelectedColumn = index === selectedColumnIndex;
   const convertedWidth = useConvertUnitToMobile(width);
@@ -33,11 +32,10 @@ function ColumnPreviewItem(_ref) {
   });
 }
 
-function ColumnsPreview(_ref2) {
-  let {
-    columnWidths,
-    selectedColumnIndex
-  } = _ref2;
+function ColumnsPreview({
+  columnWidths,
+  selectedColumnIndex
+}) {
   const columnsPreviewStyle = usePreferredColorSchemeStyle(styles.columnsPreview, styles.columnsPreviewDark);
   return createElement(View, {
     style: columnsPreviewStyle

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/column-preview.native.js"],"names":["View","usePreferredColorSchemeStyle","useConvertUnitToMobile","styles","ColumnPreviewItem","index","selectedColumnIndex","width","columnIndicatorStyle","columnIndicator","columnIndicatorDark","isSelectedColumn","convertedWidth","flex","ColumnsPreview","columnWidths","columnsPreviewStyle","columnsPreview","columnsPreviewDark","map"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA,SAASC,sBAAT,QAAuC,uBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,SAASC,iBAAT,OAAoE;AAAA,MAAxC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,mBAAT;AAA8BC,IAAAA;AAA9B,GAAwC;AACnE,QAAMC,oBAAoB,GAAGP,4BAA4B,CACxDE,MAAM,CAACM,eADiD,EAExDN,MAAM,CAACO,mBAFiD,CAAzD;AAKA,QAAMC,gBAAgB,GAAGN,KAAK,KAAKC,mBAAnC;AAEA,QAAMM,cAAc,GAAGV,sBAAsB,CAAEK,KAAF,CAA7C;AACA,SACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CACPI,gBAAgB,IAAIH,oBADb,EAEP;AAAEK,MAAAA,IAAI,EAAED;AAAR,KAFO,CADT;AAKC,IAAA,GAAG,EAAGP;AALP,IADD;AASA;;AAED,SAASS,cAAT,QAAiE;AAAA,MAAxC;AAAEC,IAAAA,YAAF;AAAgBT,IAAAA;AAAhB,GAAwC;AAChE,QAAMU,mBAAmB,GAAGf,4BAA4B,CACvDE,MAAM,CAACc,cADgD,EAEvDd,MAAM,CAACe,kBAFgD,CAAxD;AAIA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGF;AAAd,KACGD,YAAY,CAACI,GAAb,CAAkB,CAAEZ,KAAF,EAASF,KAAT,KAAoB;AACvC,WACC,cAAC,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;;AAED,eAAeS,cAAf","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":["View","usePreferredColorSchemeStyle","useConvertUnitToMobile","styles","ColumnPreviewItem","index","selectedColumnIndex","width","columnIndicatorStyle","columnIndicator","columnIndicatorDark","isSelectedColumn","convertedWidth","flex","ColumnsPreview","columnWidths","columnsPreviewStyle","columnsPreview","columnsPreviewDark","map"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,4BAAT,QAA6C,oBAA7C;AACA,SAASC,sBAAT,QAAuC,uBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,SAASC,iBAAT,CAA4B;AAAEC,EAAAA,KAAF;AAASC,EAAAA,mBAAT;AAA8BC,EAAAA;AAA9B,CAA5B,EAAoE;AACnE,QAAMC,oBAAoB,GAAGP,4BAA4B,CACxDE,MAAM,CAACM,eADiD,EAExDN,MAAM,CAACO,mBAFiD,CAAzD;AAKA,QAAMC,gBAAgB,GAAGN,KAAK,KAAKC,mBAAnC;AAEA,QAAMM,cAAc,GAAGV,sBAAsB,CAAEK,KAAF,CAA7C;AACA,SACC,cAAC,IAAD;AACC,IAAA,KAAK,EAAG,CACPI,gBAAgB,IAAIH,oBADb,EAEP;AAAEK,MAAAA,IAAI,EAAED;AAAR,KAFO,CADT;AAKC,IAAA,GAAG,EAAGP;AALP,IADD;AASA;;AAED,SAASS,cAAT,CAAyB;AAAEC,EAAAA,YAAF;AAAgBT,EAAAA;AAAhB,CAAzB,EAAiE;AAChE,QAAMU,mBAAmB,GAAGf,4BAA4B,CACvDE,MAAM,CAACc,cADgD,EAEvDd,MAAM,CAACe,kBAFgD,CAAxD;AAIA,SACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGF;AAAd,KACGD,YAAY,CAACI,GAAb,CAAkB,CAAEZ,KAAF,EAASF,KAAT,KAAoB;AACvC,WACC,cAAC,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;;AAED,eAAeS,cAAf","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-module/column/deprecated.js

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

package/build-module/column/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/deprecated.js"],"names":["classnames","InnerBlocks","deprecated","attributes","verticalAlignment","type","width","min","max","isEligible","isFinite","migrate","save","wrapperClasses","style","flexBasis"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,yBAA5B;AAEA,MAAMC,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,GAAGb,UAAU,CAAE;AAClC,OAAG,yBAAyBI,iBAAmB,EAA/C,GACCA;AAFiC,KAAF,CAAjC;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,cAAC,WAAD,CAAa,OAAb,OADD,CADD;AAKA;;AAnCF,CADkB,CAAnB;AAwCA,eAAeZ,UAAf","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":["classnames","InnerBlocks","deprecated","attributes","verticalAlignment","type","width","min","max","isEligible","isFinite","migrate","save","wrapperClasses","style","flexBasis"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,yBAA5B;AAEA,MAAMC,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,GAAGb,UAAU,CAAE;AAClC,OAAG,yBAAyBI,iBAAmB,EAA/C,GACCA;AAFiC,KAAF,CAAjC;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,cAAC,WAAD,CAAa,OAAb,OADD,CADD;AAKA;;AAnCF,CADkB,CAAnB;AAwCA,eAAeZ,UAAf","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-module/column/edit.js

@@ -13,17 +13,16 @@ import { __experimentalUseCustomUnits as useCustomUnits, PanelBody, __experiment
 import { useSelect, useDispatch } from '@wordpress/data';
 import { sprintf, __ } from '@wordpress/i18n';
 
-function ColumnEdit(_ref) {
-  let {
-    attributes: {
-      verticalAlignment,
-      width,
-      templateLock,
-      allowedBlocks
-    },
-    setAttributes,
-    clientId
-  } = _ref;
+function ColumnEdit({
+  attributes: {
+    verticalAlignment,
+    width,
+    templateLock,
+    allowedBlocks
+  },
+  setAttributes,
+  clientId
+}) {
   const classes = classnames('block-core-columns', {
     [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment
   });
@@ -97,7 +96,8 @@ function ColumnEdit(_ref) {
       });
     },
     units: units
-  }))), createElement("div", innerBlocksProps));
+  }))), createElement("div", { ...innerBlocksProps
+  }));
 }
 
 export default ColumnEdit;

package/build-module/column/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/edit.js"],"names":["classnames","InnerBlocks","BlockControls","BlockVerticalAlignmentToolbar","InspectorControls","useBlockProps","useSetting","useInnerBlocksProps","store","blockEditorStore","__experimentalUseCustomUnits","useCustomUnits","PanelBody","__experimentalUnitControl","UnitControl","useSelect","useDispatch","sprintf","__","ColumnEdit","attributes","verticalAlignment","width","templateLock","allowedBlocks","setAttributes","clientId","classes","units","availableUnits","columnsIds","hasChildBlocks","rootClientId","select","getBlockOrder","getBlockRootClientId","rootId","length","updateBlockAttributes","updateAlignment","value","widthWithUnit","Number","isFinite","blockProps","className","style","flexBasis","undefined","columnsCount","currentColumnPosition","indexOf","label","innerBlocksProps","renderAppender","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":["classnames","InnerBlocks","BlockControls","BlockVerticalAlignmentToolbar","InspectorControls","useBlockProps","useSetting","useInnerBlocksProps","store","blockEditorStore","__experimentalUseCustomUnits","useCustomUnits","PanelBody","__experimentalUnitControl","UnitControl","useSelect","useDispatch","sprintf","__","ColumnEdit","attributes","verticalAlignment","width","templateLock","allowedBlocks","setAttributes","clientId","classes","units","availableUnits","columnsIds","hasChildBlocks","rootClientId","select","getBlockOrder","getBlockRootClientId","rootId","length","updateBlockAttributes","updateAlignment","value","widthWithUnit","Number","isFinite","blockProps","className","style","flexBasis","undefined","columnsCount","currentColumnPosition","indexOf","label","innerBlocksProps","renderAppender","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-module/column/edit.native.js

@@ -22,22 +22,20 @@ import styles from './editor.scss';
 import ColumnsPreview from './column-preview';
 import { getWidths, getWidthWithUnit, isPercentageUnit } from '../columns/utils';
 
-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]: {}
@@ -161,15 +159,13 @@ function ColumnEditWrapper(props) {
 
   return createElement(View, {
     style: getVerticalAlignmentRemap(verticalAlignment)
-  }, createElement(ColumnEdit, props));
+  }, createElement(ColumnEdit, { ...props
+  }));
 }
 
-export default compose([withSelect((select, _ref2) => {
-  var _getBlockAttributes;
-
-  let {
-    clientId
-  } = _ref2;
+export default compose([withSelect((select, {
+  clientId
+}) => {
   const {
     getBlockCount,
     getBlockRootClientId,
@@ -186,7 +182,7 @@ export default compose([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-module/column/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/edit.native.js"],"names":["View","Dimensions","withSelect","compose","withPreferredColorScheme","useEffect","useState","useCallback","InnerBlocks","BlockControls","BlockVerticalAlignmentToolbar","InspectorControls","store","blockEditorStore","useSetting","PanelBody","FooterMessageControl","UnitControl","getValueAndUnit","__experimentalUseCustomUnits","useCustomUnits","__","styles","ColumnsPreview","getWidths","getWidthWithUnit","isPercentageUnit","ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","isParentSelected","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","screenWidth","Math","floor","get","widthUnit","setWidthUnit","units","availableUnits","updateAlignment","alignment","onChangeWidth","nextWidth","widthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","onChange","renderAppender","columnWidth","isFullWidth","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","columnPlaceholder","columnPlaceholderDark","columnPlaceholderNotSelected","parentWidth","undefined","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","selectedBlockClientId","parentId","blockOrder","indexOf"],"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":["View","Dimensions","withSelect","compose","withPreferredColorScheme","useEffect","useState","useCallback","InnerBlocks","BlockControls","BlockVerticalAlignmentToolbar","InspectorControls","store","blockEditorStore","useSetting","PanelBody","FooterMessageControl","UnitControl","getValueAndUnit","__experimentalUseCustomUnits","useCustomUnits","__","styles","ColumnsPreview","getWidths","getWidthWithUnit","isPercentageUnit","ColumnEdit","attributes","setAttributes","hasChildren","isSelected","getStylesFromColorScheme","isParentSelected","contentStyle","columns","selectedColumnIndex","parentAlignment","clientId","blockWidth","verticalAlignment","width","valueUnit","screenWidth","Math","floor","get","widthUnit","setWidthUnit","units","availableUnits","updateAlignment","alignment","onChangeWidth","nextWidth","widthWithUnit","onChangeUnit","nextUnit","widthWithoutUnit","parseFloat","onChange","renderAppender","columnWidth","isFullWidth","columnAppender","fullwidthColumnAppender","fullwidthHasInnerColumnAppender","hasInnerColumnAppender","columnPlaceholder","columnPlaceholderDark","columnPlaceholderNotSelected","parentWidth","undefined","innerBlocksBottomSpace","ColumnEditWrapper","props","getVerticalAlignmentRemap","flexBase","select","getBlockCount","getBlockRootClientId","getSelectedBlockClientId","getBlocks","getBlockOrder","getBlockAttributes","selectedBlockClientId","parentId","blockOrder","indexOf"],"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"]}

package/build-module/column/index.js

@@ -11,7 +11,7 @@ import deprecated from './deprecated';
 import edit from './edit';
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
-  apiVersion: 2,
+  apiVersion: 3,
   name: "core/column",
   title: "Column",
   category: "design",
@@ -76,7 +76,7 @@ const metadata = {
         fontSize: true
       }
     },
-    __experimentalLayout: true
+    layout: true
   }
 };
 import save from './save';

package/build-module/column/save.js

@@ -9,10 +9,9 @@ import classnames from 'classnames';
  */
 
 import { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
-export default function save(_ref) {
-  let {
-    attributes
-  } = _ref;
+export default function save({
+  attributes
+}) {
   const {
     verticalAlignment,
     width
@@ -26,7 +25,7 @@ export default 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 + '%';
@@ -42,6 +41,7 @@ export default function save(_ref) {
     style
   });
   const innerBlocksProps = useInnerBlocksProps.save(blockProps);
-  return createElement("div", innerBlocksProps);
+  return createElement("div", { ...innerBlocksProps
+  });
 }
 //# sourceMappingURL=save.js.map

package/build-module/column/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/column/save.js"],"names":["classnames","useInnerBlocksProps","useBlockProps","save","attributes","verticalAlignment","width","wrapperClasses","style","test","flexBasis","Number","isFinite","endsWith","multiplier","Math","round","parseFloat","blockProps","className","innerBlocksProps"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,EAA8BC,aAA9B,QAAmD,yBAAnD;AAEA,eAAe,SAASC,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAA+BF,UAArC;AAEA,QAAMG,cAAc,GAAGP,UAAU,CAAE;AAClC,KAAG,yBAAyBK,iBAAmB,EAA/C,GAAoDA;AADlB,GAAF,CAAjC;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,GAAGhB,aAAa,CAACC,IAAd,CAAoB;AACtCgB,IAAAA,SAAS,EAAEZ,cAD2B;AAEtCC,IAAAA;AAFsC,GAApB,CAAnB;AAIA,QAAMY,gBAAgB,GAAGnB,mBAAmB,CAACE,IAApB,CAA0Be,UAA1B,CAAzB;AAEA,SAAO,qBAAUE,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":["classnames","useInnerBlocksProps","useBlockProps","save","attributes","verticalAlignment","width","wrapperClasses","style","test","flexBasis","Number","isFinite","endsWith","multiplier","Math","round","parseFloat","blockProps","className","innerBlocksProps"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,EAA8BC,aAA9B,QAAmD,yBAAnD;AAEA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAA+BF,UAArC;AAEA,QAAMG,cAAc,GAAGP,UAAU,CAAE;AAClC,KAAG,yBAAyBK,iBAAmB,EAA/C,GAAoDA;AADlB,GAAF,CAAjC;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,GAAGhB,aAAa,CAACC,IAAd,CAAoB;AACtCgB,IAAAA,SAAS,EAAEZ,cAD2B;AAEtCC,IAAAA;AAFsC,GAApB,CAAnB;AAIA,QAAMY,gBAAgB,GAAGnB,mBAAmB,CAACE,IAApB,CAA0Be,UAA1B,CAAzB;AAEA,SAAO,0BAAUE;AAAV,IAAP;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-module/columns/columnCalculations.native.js

@@ -1,5 +1,3 @@
-var _styles$columnsContai, _styles$columnsContai2;
-
 /**
  * WordPress dependencies
  */
@@ -23,14 +21,14 @@ const MAX_COLUMNS_NUM_IN_ROW = 3;
  * @type {number}
  */
 
-const MIN_WIDTH = (_styles$columnsContai = styles.columnsContainer) === null || _styles$columnsContai === void 0 ? void 0 : _styles$columnsContai.minWidth;
+const MIN_WIDTH = styles.columnsContainer?.minWidth;
 /**
  * Container margin value
  *
  * @type {number}
  */
 
-const MARGIN = (_styles$columnsContai2 = styles.columnsContainer) === null || _styles$columnsContai2 === void 0 ? void 0 : _styles$columnsContai2.marginLeft;
+const MARGIN = styles.columnsContainer?.marginLeft;
 export const getColumnsInRow = (width, columnCount) => {
   if (width) {
     if (width < ALIGNMENT_BREAKPOINTS.mobile) {
@@ -79,11 +77,10 @@ export const getContentWidths = (columnsInRow, width, columnCount, innerColumns,
   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 = convertUnitToMobile({
       width
     }, globalStyles, innerColumnAttributes.width || columnWidths[clientId]);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/columns/columnCalculations.native.js"],"names":["ALIGNMENT_BREAKPOINTS","convertUnitToMobile","getColumnWidths","getWidths","styles","MAX_COLUMNS_NUM_IN_ROW","MIN_WIDTH","columnsContainer","minWidth","MARGIN","marginLeft","getColumnsInRow","width","columnCount","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":["ALIGNMENT_BREAKPOINTS","convertUnitToMobile","getColumnWidths","getWidths","styles","MAX_COLUMNS_NUM_IN_ROW","MIN_WIDTH","columnsContainer","minWidth","MARGIN","marginLeft","getColumnsInRow","width","columnCount","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":"AAAA;AACA;AACA;AACA,SACCA,qBADD,EAECC,mBAFD,QAGO,uBAHP;AAKA;AACA;AACA;;AACA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,SAA3C;AACA,OAAOC,MAAP,MAAmB,eAAnB;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,sBAAsB,GAAG,CAA/B;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,SAAS,GAAGF,MAAM,CAACG,gBAAP,EAAyBC,QAA3C;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,MAAM,GAAGL,MAAM,CAACG,gBAAP,EAAyBG,UAAxC;AAEA,OAAO,MAAMC,eAAe,GAAG,CAAEC,KAAF,EAASC,WAAT,KAA0B;AACxD,MAAKD,KAAL,EAAa;AACZ,QAAKA,KAAK,GAAGZ,qBAAqB,CAACc,MAAnC,EAA4C;AAC3C;AACA,aAAO,CAAP;AACA,KAHD,MAGO,IAAKF,KAAK,IAAIZ,qBAAqB,CAACe,MAApC,EAA6C;AACnD;AACA,aAAOC,IAAI,CAACC,GAAL,CACND,IAAI,CAACE,GAAL,CAAU,CAAV,EAAaL,WAAb,CADM,EAENR,sBAFM,CAAP;AAIA,KAVW,CAWZ;;;AACA,WAAOQ,WAAP;AACA;AACD,CAfM;AAiBP,OAAO,MAAMM,uBAAuB,GAAG,CAAEC,cAAF,EAAkBC,YAAlB,KACtC,IAAIZ,MAAJ,GAAaW,cAAb,GAA8BC,YAAY,GAAG,CAAf,GAAmBZ,MAD3C;AAGP,OAAO,MAAMa,gBAAgB,GAAG,CAC/BD,YAD+B,EAE/BT,KAF+B,EAG/BC,WAH+B,EAI/BU,YAJ+B,EAK/BC,YAL+B,KAM3B;AACJ,QAAMC,MAAM,GAAG,EAAf;AACA,QAAMC,qBAAqB,GAAGvB,SAAS,CAAEoB,YAAF,EAAgB,KAAhB,CAAvC;AACA,QAAMI,YAAY,GAAGzB,eAAe,CAAEqB,YAAF,EAAgBV,WAAhB,CAApC,CAHI,CAKJ;;AACA,QAAMe,kBAAkB,GAAGF,qBAAqB,CAACG,GAAtB,CAA6BC,CAAF,IACrD7B,mBAAmB,CAAE;AAAEW,IAAAA;AAAF,GAAF,EAAaY,YAAb,EAA2BM,CAA3B,CADO,CAA3B,CANI,CAUJ;;AACA,QAAMC,eAAe,GAAGH,kBAAkB,CAACI,MAAnB,CACvB,CAAEC,GAAF,EAAOC,IAAP,KAAiBD,GAAG,GAAGC,IADA,EAEvB,CAFuB,CAAxB,CAXI,CAgBJ;;AACA,QAAMC,YAAY,GAAGP,kBAAkB,CAACC,GAAnB,CAClBO,QAAF,IAAgBA,QAAQ,GAAGL,eADP,CAArB,CAjBI,CAqBJ;;AACA,QAAMM,oBAAoB,GAAGF,YAAY,CAACN,GAAb,CAC1BS,WAAF,IACCA,WAAW,GAAGnB,uBAAuB,CAAEP,KAAF,EAASS,YAAT,CAFV,CAA7B,CAtBI,CA2BJ;;AACA,QAAMkB,4BAA4B,GAAGF,oBAAoB,CAACG,MAArB,CAClCC,mBAAF,IAA2BA,mBAAmB,IAAInC,SADd,CAArC,CA5BI,CAgCJ;AACA;AACA;;AACA,QAAMoC,kBAAkB,GACvB9B,KAAK,GAAG2B,4BAA4B,CAACI,MAA7B,GAAsCrC,SAD/C,CAnCI,CAsCJ;;AACA,QAAMsC,kBAAkB,GACvBtC,SAAS,GAAGa,uBAAuB,CAAEP,KAAF,EAASS,YAAT,CADpC,CAvCI,CA0CJ;;AACA,QAAMwB,qBAAqB,GAAGV,YAAY,CACxCN,GAD4B,CACvB,CAAEiB,KAAF,EAASC,KAAT,KAAoB;AACzB,QAAKD,KAAK,GAAGF,kBAAb,EAAkC;AACjC,aAAOhB,kBAAkB,CAAEmB,KAAF,CAAzB;AACA;;AACD,WAAO,CAAP;AACA,GAN4B,EAO5Bf,MAP4B,CAOpB,CAAEC,GAAF,EAAOC,IAAP,KAAiBD,GAAG,GAAGC,IAPH,EAOS,CAPT,CAA9B;AASA,QAAMd,cAAc,GAAGD,uBAAuB,CAC7CuB,kBAD6C,EAE7CrB,YAF6C,CAA9C;AAKA,MAAI2B,WAAW,GACd7B,uBAAuB,CAAEP,KAAF,EAASS,YAAT,CAAvB,GAAiDA,YADlD;AAEA,MAAI4B,cAAc,GAAGD,WAArB;AAEAzB,EAAAA,YAAY,CAAC2B,OAAb,CACC,CAAE;AAAEC,IAAAA,UAAU,EAAEC,qBAAd;AAAqCC,IAAAA;AAArC,GAAF,KAAuD;AACtD,UAAMC,cAAc,GAAGrD,mBAAmB,CACzC;AAAEW,MAAAA;AAAF,KADyC,EAEzCY,YAFyC,EAGzC4B,qBAAqB,CAACxC,KAAtB,IAA+Be,YAAY,CAAE0B,QAAF,CAHF,CAA1C;AAKA,UAAME,iBAAiB,GAAGD,cAAc,GAAGvB,eAA3C;AACA,UAAMyB,eAAe,GAAGF,cAAc,GAAG1C,KAAzC;AACA,UAAM6C,kBAAkB,GAAGF,iBAAiB,GAAGnC,cAA/C;;AAEA,QAAKP,WAAW,KAAK,CAAhB,IAAqBD,KAAK,GAAGZ,qBAAqB,CAACe,MAAxD,EAAiE;AAChE;AACA;AACAiC,MAAAA,WAAW,GAAGQ,eAAe,GAAGpC,cAAhC;AACA,KAJD,MAIO,IAAKC,YAAY,GAAG,CAApB,EAAwB;AAC9B,UAAKT,KAAK,GAAGZ,qBAAqB,CAACe,MAAnC,EAA4C;AAC3C,YAAK0C,kBAAkB,IAAInD,SAA3B,EAAuC;AACtC;AACA0C,UAAAA,WAAW,GAAG1C,SAAd;AACA,SAHD,MAGO,IAAKmD,kBAAkB,GAAGnD,SAA1B,EAAsC;AAC5C;AACA;AACA0C,UAAAA,WAAW,GACRM,cAAc,GAAGT,qBAAnB,GACAzB,cAFD;AAGA;;AAED6B,QAAAA,cAAc,GAAGD,WAAjB;;AAEA,YAAKhC,IAAI,CAAC0C,KAAL,CAAY3B,eAAZ,IAAgCnB,KAArC,EAA6C;AAC5C;AACA;AACA,gBAAM+C,cAAc,GAAGH,eAAe,GAAGpC,cAAzC;;AACA,cAAKuC,cAAc,IAAIrD,SAAvB,EAAmC;AAClC0C,YAAAA,WAAW,GAAG1C,SAAd;AACA,WAFD,MAEO;AACN0C,YAAAA,WAAW,GAAGW,cAAd;AACA;AACD;AACD,OAxBD,MAwBO,IAAK/C,KAAK,GAAGZ,qBAAqB,CAACe,MAAnC,EAA4C;AAClD;AACA;AACAiC,QAAAA,WAAW,GACV7B,uBAAuB,CAAEP,KAAF,EAASS,YAAT,CAAvB,GACAA,YAFD;AAGA;AACD;;AACDI,IAAAA,MAAM,CAAE4B,QAAF,CAAN,GAAqB;AACpBzC,MAAAA,KAAK,EAAEI,IAAI,CAAC4C,KAAL,CAAYZ,WAAZ,CADa;AAEpBa,MAAAA,QAAQ,EAAE7C,IAAI,CAAC4C,KAAL,CAAYX,cAAZ;AAFU,KAArB;AAIA,GApDF;AAsDA,SAAOxB,MAAP;AACA,CA1HM","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-module/columns/deprecated.js

@@ -88,10 +88,9 @@ export default [{
   },
   migrate: migrateCustomColors,
 
-  save(_ref) {
-    let {
-      attributes
-    } = _ref;
+  save({
+    attributes
+  }) {
     const {
       verticalAlignment,
       backgroundColor,
@@ -170,10 +169,9 @@ export default [{
     }, migratedInnerBlocks];
   },
 
-  save(_ref2) {
-    let {
-      attributes
-    } = _ref2;
+  save({
+    attributes
+  }) {
     const {
       columns
     } = attributes;
@@ -201,10 +199,9 @@ export default [{
     return [attributes, innerBlocks];
   },
 
-  save(_ref3) {
-    let {
-      attributes
-    } = _ref3;
+  save({
+    attributes
+  }) {
     const {
       verticalAlignment,
       columns