@wordpress/block-library 8.19.3 → 8.20.0

package/build/social-links/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_blockEditor","_data","_compose","_editor","_interopRequireDefault","_variations","ALLOWED_BLOCKS","variations","map","v","name","TEMPLATE","service","url","SocialLinksEdit","shouldDelete","onDelete","isSelected","isInnerIconSelected","innerBlocks","attributes","activeInnerBlocks","getBlock","blockWidth","initialCreation","setInitialCreation","useState","shouldRenderFooterAppender","align","marginLeft","spacing","styles","useEffect","renderFooterAppender","useRef","createElement","View","style","footerAppenderContainer","InnerBlocks","ButtonBlockAppender","isFloating","placeholderStyle","usePreferredColorSchemeStyle","placeholder","placeholderDark","renderPlaceholder","Array","length","_","index","testID","key","filterInnerBlocks","blockIds","filter","blockId","placeholderWrapper","allowedBlocks","templateLock","template","current","orientation","onDeleteBlock","undefined","marginVertical","marginHorizontal","horizontalAlignment","_default","compose","withSelect","select","clientId","getBlockCount","getBlockParents","getSelectedBlockClientId","getBlocks","blockEditorStore","selectedBlockClientId","selectedBlockParents","block","withDispatch","dispatch","removeBlock","exports","default"],"sources":["@wordpress/block-library/src/social-links/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport {\n\tInnerBlocks,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { withDispatch, withSelect } from '@wordpress/data';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport variations from '../social-link/variations';\n\nconst ALLOWED_BLOCKS = variations.map(\n\t( v ) => `core/social-link-${ v.name }`\n);\n\n// Template contains the links that show when start.\nconst TEMPLATE = [\n\t[\n\t\t'core/social-link-wordpress',\n\t\t{ service: 'wordpress', url: 'https://wordpress.org' },\n\t],\n\t[ 'core/social-link-facebook', { service: 'facebook' } ],\n\t[ 'core/social-link-twitter', { service: 'twitter' } ],\n\t[ 'core/social-link-instagram', { service: 'instagram' } ],\n];\n\nfunction SocialLinksEdit( {\n\tshouldDelete,\n\tonDelete,\n\tisSelected,\n\tisInnerIconSelected,\n\tinnerBlocks,\n\tattributes,\n\tactiveInnerBlocks,\n\tgetBlock,\n\tblockWidth,\n} ) {\n\tconst [ initialCreation, setInitialCreation ] = useState( true );\n\tconst shouldRenderFooterAppender = isSelected || isInnerIconSelected;\n\tconst { align } = attributes;\n\tconst { marginLeft: spacing } = styles.spacing;\n\n\tuseEffect( () => {\n\t\tif ( ! shouldRenderFooterAppender ) {\n\t\t\tsetInitialCreation( false );\n\t\t}\n\t}, [ shouldRenderFooterAppender ] );\n\n\tconst renderFooterAppender = useRef( () => (\n\t\t<View style={ styles.footerAppenderContainer }>\n\t\t\t<InnerBlocks.ButtonBlockAppender isFloating={ true } />\n\t\t</View>\n\t) );\n\n\tconst placeholderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\tfunction renderPlaceholder() {\n\t\treturn [ ...new Array( innerBlocks.length || 1 ) ].map(\n\t\t\t( _, index ) => (\n\t\t\t\t<View\n\t\t\t\t\ttestID=\"social-links-placeholder\"\n\t\t\t\t\tstyle={ placeholderStyle }\n\t\t\t\t\tkey={ index }\n\t\t\t\t/>\n\t\t\t)\n\t\t);\n\t}\n\n\tfunction filterInnerBlocks( blockIds ) {\n\t\treturn blockIds.filter(\n\t\t\t( blockId ) => getBlock( blockId ).attributes.url\n\t\t);\n\t}\n\n\tif ( ! shouldRenderFooterAppender && activeInnerBlocks.length === 0 ) {\n\t\treturn (\n\t\t\t<View style={ styles.placeholderWrapper }>\n\t\t\t\t{ renderPlaceholder() }\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InnerBlocks\n\t\t\tallowedBlocks={ ALLOWED_BLOCKS }\n\t\t\ttemplateLock={ false }\n\t\t\ttemplate={ initialCreation && TEMPLATE }\n\t\t\trenderFooterAppender={\n\t\t\t\tshouldRenderFooterAppender && renderFooterAppender.current\n\t\t\t}\n\t\t\torientation={ 'horizontal' }\n\t\t\tonDeleteBlock={ shouldDelete ? onDelete : undefined }\n\t\t\tmarginVertical={ spacing }\n\t\t\tmarginHorizontal={ spacing }\n\t\t\thorizontalAlignment={ align }\n\t\t\tfilterInnerBlocks={\n\t\t\t\t! shouldRenderFooterAppender && filterInnerBlocks\n\t\t\t}\n\t\t\tblockWidth={ blockWidth }\n\t\t/>\n\t);\n}\n\nexport default compose(\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockCount,\n\t\t\tgetBlockParents,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlocks,\n\t\t\tgetBlock,\n\t\t} = select( blockEditorStore );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst selectedBlockParents = getBlockParents(\n\t\t\tselectedBlockClientId,\n\t\t\ttrue\n\t\t);\n\t\tconst innerBlocks = getBlocks( clientId );\n\t\tconst activeInnerBlocks = innerBlocks.filter(\n\t\t\t( block ) => block.attributes?.url\n\t\t);\n\n\t\treturn {\n\t\t\tshouldDelete: getBlockCount( clientId ) === 1,\n\t\t\tisInnerIconSelected: selectedBlockParents[ 0 ] === clientId,\n\t\t\tinnerBlocks,\n\t\t\tactiveInnerBlocks,\n\t\t\tgetBlock,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { removeBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\tonDelete: () => {\n\t\t\t\tremoveBlock( clientId, false );\n\t\t\t},\n\t\t};\n\t} )\n)( SocialLinksEdit );\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_blockEditor","_data","_element","_compose","_editor","_interopRequireDefault","_variations","ALLOWED_BLOCKS","variations","map","v","name","TEMPLATE","service","url","SocialLinksEdit","shouldDelete","onDelete","isSelected","isInnerIconSelected","innerBlocks","attributes","activeInnerBlocks","getBlock","blockWidth","initialCreation","setInitialCreation","useState","shouldRenderFooterAppender","align","marginLeft","spacing","styles","useEffect","renderFooterAppender","useRef","_react","createElement","View","style","footerAppenderContainer","InnerBlocks","ButtonBlockAppender","isFloating","placeholderStyle","usePreferredColorSchemeStyle","placeholder","placeholderDark","renderPlaceholder","Array","length","_","index","testID","key","filterInnerBlocks","blockIds","filter","blockId","placeholderWrapper","allowedBlocks","templateLock","template","current","orientation","onDeleteBlock","undefined","marginVertical","marginHorizontal","horizontalAlignment","_default","compose","withSelect","select","clientId","getBlockCount","getBlockParents","getSelectedBlockClientId","getBlocks","blockEditorStore","selectedBlockClientId","selectedBlockParents","block","withDispatch","dispatch","removeBlock","exports","default"],"sources":["@wordpress/block-library/src/social-links/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport {\n\tInnerBlocks,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { withDispatch, withSelect } from '@wordpress/data';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport variations from '../social-link/variations';\n\nconst ALLOWED_BLOCKS = variations.map(\n\t( v ) => `core/social-link-${ v.name }`\n);\n\n// Template contains the links that show when start.\nconst TEMPLATE = [\n\t[\n\t\t'core/social-link-wordpress',\n\t\t{ service: 'wordpress', url: 'https://wordpress.org' },\n\t],\n\t[ 'core/social-link-facebook', { service: 'facebook' } ],\n\t[ 'core/social-link-twitter', { service: 'twitter' } ],\n\t[ 'core/social-link-instagram', { service: 'instagram' } ],\n];\n\nfunction SocialLinksEdit( {\n\tshouldDelete,\n\tonDelete,\n\tisSelected,\n\tisInnerIconSelected,\n\tinnerBlocks,\n\tattributes,\n\tactiveInnerBlocks,\n\tgetBlock,\n\tblockWidth,\n} ) {\n\tconst [ initialCreation, setInitialCreation ] = useState( true );\n\tconst shouldRenderFooterAppender = isSelected || isInnerIconSelected;\n\tconst { align } = attributes;\n\tconst { marginLeft: spacing } = styles.spacing;\n\n\tuseEffect( () => {\n\t\tif ( ! shouldRenderFooterAppender ) {\n\t\t\tsetInitialCreation( false );\n\t\t}\n\t}, [ shouldRenderFooterAppender ] );\n\n\tconst renderFooterAppender = useRef( () => (\n\t\t<View style={ styles.footerAppenderContainer }>\n\t\t\t<InnerBlocks.ButtonBlockAppender isFloating={ true } />\n\t\t</View>\n\t) );\n\n\tconst placeholderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\tfunction renderPlaceholder() {\n\t\treturn [ ...new Array( innerBlocks.length || 1 ) ].map(\n\t\t\t( _, index ) => (\n\t\t\t\t<View\n\t\t\t\t\ttestID=\"social-links-placeholder\"\n\t\t\t\t\tstyle={ placeholderStyle }\n\t\t\t\t\tkey={ index }\n\t\t\t\t/>\n\t\t\t)\n\t\t);\n\t}\n\n\tfunction filterInnerBlocks( blockIds ) {\n\t\treturn blockIds.filter(\n\t\t\t( blockId ) => getBlock( blockId ).attributes.url\n\t\t);\n\t}\n\n\tif ( ! shouldRenderFooterAppender && activeInnerBlocks.length === 0 ) {\n\t\treturn (\n\t\t\t<View style={ styles.placeholderWrapper }>\n\t\t\t\t{ renderPlaceholder() }\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InnerBlocks\n\t\t\tallowedBlocks={ ALLOWED_BLOCKS }\n\t\t\ttemplateLock={ false }\n\t\t\ttemplate={ initialCreation && TEMPLATE }\n\t\t\trenderFooterAppender={\n\t\t\t\tshouldRenderFooterAppender && renderFooterAppender.current\n\t\t\t}\n\t\t\torientation={ 'horizontal' }\n\t\t\tonDeleteBlock={ shouldDelete ? onDelete : undefined }\n\t\t\tmarginVertical={ spacing }\n\t\t\tmarginHorizontal={ spacing }\n\t\t\thorizontalAlignment={ align }\n\t\t\tfilterInnerBlocks={\n\t\t\t\t! shouldRenderFooterAppender && filterInnerBlocks\n\t\t\t}\n\t\t\tblockWidth={ blockWidth }\n\t\t/>\n\t);\n}\n\nexport default compose(\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockCount,\n\t\t\tgetBlockParents,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlocks,\n\t\t\tgetBlock,\n\t\t} = select( blockEditorStore );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst selectedBlockParents = getBlockParents(\n\t\t\tselectedBlockClientId,\n\t\t\ttrue\n\t\t);\n\t\tconst innerBlocks = getBlocks( clientId );\n\t\tconst activeInnerBlocks = innerBlocks.filter(\n\t\t\t( block ) => block.attributes?.url\n\t\t);\n\n\t\treturn {\n\t\t\tshouldDelete: getBlockCount( clientId ) === 1,\n\t\t\tisInnerIconSelected: selectedBlockParents[ 0 ] === clientId,\n\t\t\tinnerBlocks,\n\t\t\tactiveInnerBlocks,\n\t\t\tgetBlock,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { removeBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\tonDelete: () => {\n\t\t\t\tremoveBlock( clientId, false );\n\t\t\t},\n\t\t};\n\t} )\n)( SocialLinksEdit );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,WAAA,GAAAD,sBAAA,CAAAN,OAAA;AAnBA;AACA;AACA;;AAEA;AACA;AACA;;AASA;AACA;AACA;;AAIA,MAAMQ,cAAc,GAAGC,mBAAU,CAACC,GAAG,CAClCC,CAAC,IAAO,oBAAoBA,CAAC,CAACC,IAAM,EACvC,CAAC;;AAED;AACA,MAAMC,QAAQ,GAAG,CAChB,CACC,4BAA4B,EAC5B;EAAEC,OAAO,EAAE,WAAW;EAAEC,GAAG,EAAE;AAAwB,CAAC,CACtD,EACD,CAAE,2BAA2B,EAAE;EAAED,OAAO,EAAE;AAAW,CAAC,CAAE,EACxD,CAAE,0BAA0B,EAAE;EAAEA,OAAO,EAAE;AAAU,CAAC,CAAE,EACtD,CAAE,4BAA4B,EAAE;EAAEA,OAAO,EAAE;AAAY,CAAC,CAAE,CAC1D;AAED,SAASE,eAAeA,CAAE;EACzBC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,mBAAmB;EACnBC,WAAW;EACXC,UAAU;EACVC,iBAAiB;EACjBC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAChE,MAAMC,0BAA0B,GAAGV,UAAU,IAAIC,mBAAmB;EACpE,MAAM;IAAEU;EAAM,CAAC,GAAGR,UAAU;EAC5B,MAAM;IAAES,UAAU,EAAEC;EAAQ,CAAC,GAAGC,eAAM,CAACD,OAAO;EAE9C,IAAAE,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEL,0BAA0B,EAAG;MACnCF,kBAAkB,CAAE,KAAM,CAAC;IAC5B;EACD,CAAC,EAAE,CAAEE,0BAA0B,CAAG,CAAC;EAEnC,MAAMM,oBAAoB,GAAG,IAAAC,eAAM,EAAE,MACpC,IAAAC,MAAA,CAAAC,aAAA,EAACvC,YAAA,CAAAwC,IAAI;IAACC,KAAK,EAAGP,eAAM,CAACQ;EAAyB,GAC7C,IAAAJ,MAAA,CAAAC,aAAA,EAACrC,YAAA,CAAAyC,WAAW,CAACC,mBAAmB;IAACC,UAAU,EAAG;EAAM,CAAE,CACjD,CACL,CAAC;EAEH,MAAMC,gBAAgB,GAAG,IAAAC,qCAA4B,EACpDb,eAAM,CAACc,WAAW,EAClBd,eAAM,CAACe,eACR,CAAC;EAED,SAASC,iBAAiBA,CAAA,EAAG;IAC5B,OAAO,CAAE,GAAG,IAAIC,KAAK,CAAE7B,WAAW,CAAC8B,MAAM,IAAI,CAAE,CAAC,CAAE,CAACzC,GAAG,CACrD,CAAE0C,CAAC,EAAEC,KAAK,KACT,IAAAhB,MAAA,CAAAC,aAAA,EAACvC,YAAA,CAAAwC,IAAI;MACJe,MAAM,EAAC,0BAA0B;MACjCd,KAAK,EAAGK,gBAAkB;MAC1BU,GAAG,EAAGF;IAAO,CACb,CAEH,CAAC;EACF;EAEA,SAASG,iBAAiBA,CAAEC,QAAQ,EAAG;IACtC,OAAOA,QAAQ,CAACC,MAAM,CACnBC,OAAO,IAAMnC,QAAQ,CAAEmC,OAAQ,CAAC,CAACrC,UAAU,CAACP,GAC/C,CAAC;EACF;EAEA,IAAK,CAAEc,0BAA0B,IAAIN,iBAAiB,CAAC4B,MAAM,KAAK,CAAC,EAAG;IACrE,OACC,IAAAd,MAAA,CAAAC,aAAA,EAACvC,YAAA,CAAAwC,IAAI;MAACC,KAAK,EAAGP,eAAM,CAAC2B;IAAoB,GACtCX,iBAAiB,CAAC,CACf,CAAC;EAET;EAEA,OACC,IAAAZ,MAAA,CAAAC,aAAA,EAACrC,YAAA,CAAAyC,WAAW;IACXmB,aAAa,EAAGrD,cAAgB;IAChCsD,YAAY,EAAG,KAAO;IACtBC,QAAQ,EAAGrC,eAAe,IAAIb,QAAU;IACxCsB,oBAAoB,EACnBN,0BAA0B,IAAIM,oBAAoB,CAAC6B,OACnD;IACDC,WAAW,EAAG,YAAc;IAC5BC,aAAa,EAAGjD,YAAY,GAAGC,QAAQ,GAAGiD,SAAW;IACrDC,cAAc,EAAGpC,OAAS;IAC1BqC,gBAAgB,EAAGrC,OAAS;IAC5BsC,mBAAmB,EAAGxC,KAAO;IAC7B0B,iBAAiB,EAChB,CAAE3B,0BAA0B,IAAI2B,iBAChC;IACD/B,UAAU,EAAGA;EAAY,CACzB,CAAC;AAEJ;AAAC,IAAA8C,QAAA,GAEc,IAAAC,gBAAO,EACrB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IACLC,aAAa;IACbC,eAAe;IACfC,wBAAwB;IACxBC,SAAS;IACTvD;EACD,CAAC,GAAGkD,MAAM,CAAEM,kBAAiB,CAAC;EAC9B,MAAMC,qBAAqB,GAAGH,wBAAwB,CAAC,CAAC;EACxD,MAAMI,oBAAoB,GAAGL,eAAe,CAC3CI,qBAAqB,EACrB,IACD,CAAC;EACD,MAAM5D,WAAW,GAAG0D,SAAS,CAAEJ,QAAS,CAAC;EACzC,MAAMpD,iBAAiB,GAAGF,WAAW,CAACqC,MAAM,CACzCyB,KAAK,IAAMA,KAAK,CAAC7D,UAAU,EAAEP,GAChC,CAAC;EAED,OAAO;IACNE,YAAY,EAAE2D,aAAa,CAAED,QAAS,CAAC,KAAK,CAAC;IAC7CvD,mBAAmB,EAAE8D,oBAAoB,CAAE,CAAC,CAAE,KAAKP,QAAQ;IAC3DtD,WAAW;IACXE,iBAAiB;IACjBC;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAA4D,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEV;AAAS,CAAC,KAAM;EAC3C,MAAM;IAAEW;EAAY,CAAC,GAAGD,QAAQ,CAAEL,kBAAiB,CAAC;EAEpD,OAAO;IACN9D,QAAQ,EAAEA,CAAA,KAAM;MACfoE,WAAW,CAAEX,QAAQ,EAAE,KAAM,CAAC;IAC/B;EACD,CAAC;AACF,CAAE,CACH,CAAC,CAAE3D,eAAgB,CAAC;AAAAuE,OAAA,CAAAC,OAAA,GAAAjB,QAAA"}

package/build/social-links/save.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -34,7 +34,7 @@ function save(props) {
     className
   });
   const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
-  return (0, _element.createElement)("ul", {
+  return (0, _react.createElement)("ul", {
     ...innerBlocksProps
   });
 }

package/build/social-links/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","save","props","attributes","iconBackgroundColorValue","iconColorValue","showLabels","size","className","classNames","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","_element","createElement"],"sources":["@wordpress/block-library/src/social-links/save.js"],"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( props ) {\n\tconst {\n\t\tattributes: {\n\t\t\ticonBackgroundColorValue,\n\t\t\ticonColorValue,\n\t\t\tshowLabels,\n\t\t\tsize,\n\t\t},\n\t} = props;\n\n\tconst className = classNames( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColorValue,\n\t\t'has-icon-background-color': iconBackgroundColorValue,\n\t} );\n\tconst blockProps = useBlockProps.save( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <ul { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,IAAIA,CAAEC,KAAK,EAAG;EACrC,MAAM;IACLC,UAAU,EAAE;MACXC,wBAAwB;MACxBC,cAAc;MACdC,UAAU;MACVC;IACD;EACD,CAAC,GAAGL,KAAK;EAET,MAAMM,SAAS,GAAG,IAAAC,mBAAU,EAAEF,IAAI,EAAE;IACnC,oBAAoB,EAAED,UAAU;IAChC,gBAAgB,EAAED,cAAc;IAChC,2BAA2B,EAAED;EAC9B,CAAE,CAAC;EACH,MAAMM,UAAU,GAAGC,0BAAa,CAACV,IAAI,CAAE;IAAEO;EAAU,CAAE,CAAC;EACtD,MAAMI,gBAAgB,GAAGC,gCAAmB,CAACZ,IAAI,CAAES,UAAW,CAAC;EAE/D,OAAO,IAAAI,QAAA,CAAAC,aAAA;IAAA,GAASH;EAAgB,CAAI,CAAC;AACtC"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","save","props","attributes","iconBackgroundColorValue","iconColorValue","showLabels","size","className","classNames","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","_react","createElement"],"sources":["@wordpress/block-library/src/social-links/save.js"],"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( props ) {\n\tconst {\n\t\tattributes: {\n\t\t\ticonBackgroundColorValue,\n\t\t\ticonColorValue,\n\t\t\tshowLabels,\n\t\t\tsize,\n\t\t},\n\t} = props;\n\n\tconst className = classNames( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColorValue,\n\t\t'has-icon-background-color': iconBackgroundColorValue,\n\t} );\n\tconst blockProps = useBlockProps.save( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\n\treturn <ul { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,IAAIA,CAAEC,KAAK,EAAG;EACrC,MAAM;IACLC,UAAU,EAAE;MACXC,wBAAwB;MACxBC,cAAc;MACdC,UAAU;MACVC;IACD;EACD,CAAC,GAAGL,KAAK;EAET,MAAMM,SAAS,GAAG,IAAAC,mBAAU,EAAEF,IAAI,EAAE;IACnC,oBAAoB,EAAED,UAAU;IAChC,gBAAgB,EAAED,cAAc;IAChC,2BAA2B,EAAED;EAC9B,CAAE,CAAC;EACH,MAAMM,UAAU,GAAGC,0BAAa,CAACV,IAAI,CAAE;IAAEO;EAAU,CAAE,CAAC;EACtD,MAAMI,gBAAgB,GAAGC,gCAAmB,CAACZ,IAAI,CAAES,UAAW,CAAC;EAE/D,OAAO,IAAAI,MAAA,CAAAC,aAAA;IAAA,GAASH;EAAgB,CAAI,CAAC;AACtC"}

package/build/spacer/controls.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SpacerControls;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
@@ -48,10 +48,10 @@ function DimensionInput({
   // Force the unit to update to `px` when the Spacer is being resized.
   const [parsedQuantity, parsedUnit] = (0, _components.__experimentalParseQuantityAndUnitFromRawValue)(value);
   const computedValue = (0, _blockEditor.isValueSpacingPreset)(value) ? value : [parsedQuantity, isResizing ? 'px' : parsedUnit].join('');
-  return (0, _element.createElement)(_element.Fragment, null, (!spacingSizes || spacingSizes?.length === 0) && (0, _element.createElement)(_components.BaseControl, {
+  return (0, _react.createElement)(_react.Fragment, null, (!spacingSizes || spacingSizes?.length === 0) && (0, _react.createElement)(_components.BaseControl, {
     label: label,
     id: inputId
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     id: inputId,
     isResetValueOnUnitChange: true,
     min: _constants.MIN_SPACER_SIZE,
@@ -61,9 +61,9 @@ function DimensionInput({
     },
     value: computedValue,
     units: units
-  })), spacingSizes?.length > 0 && (0, _element.createElement)(_primitives.View, {
+  })), spacingSizes?.length > 0 && (0, _react.createElement)(_primitives.View, {
     className: "tools-panel-item-spacing"
-  }, (0, _element.createElement)(_blockEditor.__experimentalSpacingSizesControl, {
+  }, (0, _react.createElement)(_blockEditor.__experimentalSpacingSizesControl, {
     values: {
       all: computedValue
     },
@@ -83,16 +83,16 @@ function SpacerControls({
   width,
   isResizing
 }) {
-  return (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, orientation === 'horizontal' && (0, _element.createElement)(DimensionInput, {
+  }, orientation === 'horizontal' && (0, _react.createElement)(DimensionInput, {
     label: (0, _i18n.__)('Width'),
     value: width,
     onChange: nextWidth => setAttributes({
       width: nextWidth
     }),
     isResizing: isResizing
-  }), orientation !== 'horizontal' && (0, _element.createElement)(DimensionInput, {
+  }), orientation !== 'horizontal' && (0, _react.createElement)(DimensionInput, {
     label: (0, _i18n.__)('Height'),
     value: height,
     onChange: nextHeight => setAttributes({

package/build/spacer/controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_blockEditor","_components","_compose","_primitives","_constants","DimensionInput","label","onChange","isResizing","value","inputId","useInstanceId","UnitControl","spacingSizes","useSetting","availableUnitSettings","undefined","filter","availableUnit","units","useCustomUnits","availableUnits","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","all","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","computedValue","isValueSpacingPreset","join","_element","createElement","Fragment","length","BaseControl","id","__experimentalUnitControl","isResetValueOnUnitChange","min","MIN_SPACER_SIZE","style","maxWidth","View","className","__experimentalSpacingSizesControl","values","sides","allowReset","splitOnAxis","showSideInLabel","SpacerControls","setAttributes","orientation","height","width","InspectorControls","PanelBody","title","__","nextWidth","nextHeight"],"sources":["@wordpress/block-library/src/spacer/controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tuseSetting,\n\t__experimentalSpacingSizesControl as SpacingSizesControl,\n\tisValueSpacingPreset,\n} from '@wordpress/block-editor';\nimport {\n\tBaseControl,\n\tPanelBody,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { View } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport { MIN_SPACER_SIZE } from './constants';\n\nfunction DimensionInput( { label, onChange, isResizing, value = '' } ) {\n\tconst inputId = useInstanceId( UnitControl, 'block-spacer-height-input' );\n\tconst spacingSizes = useSetting( 'spacing.spacingSizes' );\n\t// In most contexts the spacer size cannot meaningfully be set to a\n\t// percentage, since this is relative to the parent container. This\n\t// unit is disabled from the UI.\n\tconst availableUnitSettings = (\n\t\tuseSetting( 'spacing.units' ) || undefined\n\t)?.filter( ( availableUnit ) => availableUnit !== '%' );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnitSettings || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 100, em: 10, rem: 10, vw: 10, vh: 25 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tonChange( unprocessedValue.all );\n\t};\n\n\t// Force the unit to update to `px` when the Spacer is being resized.\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( value );\n\tconst computedValue = isValueSpacingPreset( value )\n\t\t? value\n\t\t: [ parsedQuantity, isResizing ? 'px' : parsedUnit ].join( '' );\n\n\treturn (\n\t\t<>\n\t\t\t{ ( ! spacingSizes || spacingSizes?.length === 0 ) && (\n\t\t\t\t<BaseControl label={ label } id={ inputId }>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tid={ inputId }\n\t\t\t\t\t\tisResetValueOnUnitChange\n\t\t\t\t\t\tmin={ MIN_SPACER_SIZE }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tstyle={ { maxWidth: 80 } }\n\t\t\t\t\t\tvalue={ computedValue }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t/>\n\t\t\t\t</BaseControl>\n\t\t\t) }\n\n\t\t\t{ spacingSizes?.length > 0 && (\n\t\t\t\t<View className=\"tools-panel-item-spacing\">\n\t\t\t\t\t<SpacingSizesControl\n\t\t\t\t\t\tvalues={ { all: computedValue } }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tsides={ [ 'all' ] }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tallowReset={ false }\n\t\t\t\t\t\tsplitOnAxis={ false }\n\t\t\t\t\t\tshowSideInLabel={ false }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default function SpacerControls( {\n\tsetAttributes,\n\torientation,\n\theight,\n\twidth,\n\tisResizing,\n} ) {\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t{ orientation === 'horizontal' && (\n\t\t\t\t\t<DimensionInput\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tvalue={ width }\n\t\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\t\tsetAttributes( { width: nextWidth } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ orientation !== 'horizontal' && (\n\t\t\t\t\t<DimensionInput\n\t\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\t\tvalue={ height }\n\t\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( { height: nextHeight } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_blockEditor","_components","_compose","_primitives","_constants","DimensionInput","label","onChange","isResizing","value","inputId","useInstanceId","UnitControl","spacingSizes","useSetting","availableUnitSettings","undefined","filter","availableUnit","units","useCustomUnits","availableUnits","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","all","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","computedValue","isValueSpacingPreset","join","_react","createElement","Fragment","length","BaseControl","id","__experimentalUnitControl","isResetValueOnUnitChange","min","MIN_SPACER_SIZE","style","maxWidth","View","className","__experimentalSpacingSizesControl","values","sides","allowReset","splitOnAxis","showSideInLabel","SpacerControls","setAttributes","orientation","height","width","InspectorControls","PanelBody","title","__","nextWidth","nextHeight"],"sources":["@wordpress/block-library/src/spacer/controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tuseSetting,\n\t__experimentalSpacingSizesControl as SpacingSizesControl,\n\tisValueSpacingPreset,\n} from '@wordpress/block-editor';\nimport {\n\tBaseControl,\n\tPanelBody,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { View } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport { MIN_SPACER_SIZE } from './constants';\n\nfunction DimensionInput( { label, onChange, isResizing, value = '' } ) {\n\tconst inputId = useInstanceId( UnitControl, 'block-spacer-height-input' );\n\tconst spacingSizes = useSetting( 'spacing.spacingSizes' );\n\t// In most contexts the spacer size cannot meaningfully be set to a\n\t// percentage, since this is relative to the parent container. This\n\t// unit is disabled from the UI.\n\tconst availableUnitSettings = (\n\t\tuseSetting( 'spacing.units' ) || undefined\n\t)?.filter( ( availableUnit ) => availableUnit !== '%' );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnitSettings || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 100, em: 10, rem: 10, vw: 10, vh: 25 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tonChange( unprocessedValue.all );\n\t};\n\n\t// Force the unit to update to `px` when the Spacer is being resized.\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( value );\n\tconst computedValue = isValueSpacingPreset( value )\n\t\t? value\n\t\t: [ parsedQuantity, isResizing ? 'px' : parsedUnit ].join( '' );\n\n\treturn (\n\t\t<>\n\t\t\t{ ( ! spacingSizes || spacingSizes?.length === 0 ) && (\n\t\t\t\t<BaseControl label={ label } id={ inputId }>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tid={ inputId }\n\t\t\t\t\t\tisResetValueOnUnitChange\n\t\t\t\t\t\tmin={ MIN_SPACER_SIZE }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tstyle={ { maxWidth: 80 } }\n\t\t\t\t\t\tvalue={ computedValue }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t/>\n\t\t\t\t</BaseControl>\n\t\t\t) }\n\n\t\t\t{ spacingSizes?.length > 0 && (\n\t\t\t\t<View className=\"tools-panel-item-spacing\">\n\t\t\t\t\t<SpacingSizesControl\n\t\t\t\t\t\tvalues={ { all: computedValue } }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tsides={ [ 'all' ] }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tallowReset={ false }\n\t\t\t\t\t\tsplitOnAxis={ false }\n\t\t\t\t\t\tshowSideInLabel={ false }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default function SpacerControls( {\n\tsetAttributes,\n\torientation,\n\theight,\n\twidth,\n\tisResizing,\n} ) {\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t{ orientation === 'horizontal' && (\n\t\t\t\t\t<DimensionInput\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tvalue={ width }\n\t\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\t\tsetAttributes( { width: nextWidth } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ orientation !== 'horizontal' && (\n\t\t\t\t\t<DimensionInput\n\t\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\t\tvalue={ height }\n\t\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( { height: nextHeight } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":"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"}

package/build/spacer/controls.native.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DEFAULT_VALUES = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
 var _constants = require("./constants");
@@ -68,9 +69,9 @@ function Controls({
     availableUnits: (0, _blockEditor.useSetting)('spacing.units') || ['px', 'em', 'rem', 'vw', 'vh'],
     defaultValues: DEFAULT_VALUES
   });
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Dimensions')
-  }, (0, _element.createElement)(_components.UnitControl, {
+  }, (0, _react.createElement)(_components.UnitControl, {
     label: label,
     min: _constants.MIN_SPACER_SIZE,
     value: value,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_blockEditor","_i18n","_constants","_style","_interopRequireDefault","DEFAULT_VALUES","px","em","rem","vw","vh","exports","Controls","attributes","context","setAttributes","presetWidth","presetHeight","orientation","label","__","width","height","valueToConvert","valueUnit","unit","getValueAndUnit","value","Number","currentUnit","setNewDimensions","nextValue","nextUnit","valueWithUnit","handleChange","useCallback","handleUnitChange","units","useCustomUnits","availableUnits","useSetting","defaultValues","createElement","Fragment","PanelBody","title","UnitControl","min","MIN_SPACER_SIZE","onChange","onUnitChange","style","styles","rangeCellContainer","_default","default"],"sources":["@wordpress/block-library/src/spacer/controls.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\tUnitControl,\n\tgetValueAndUnit,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\nimport { useSetting } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { MIN_SPACER_SIZE } from './constants';\nimport styles from './style.scss';\n\nexport const DEFAULT_VALUES = { px: 100, em: 10, rem: 10, vw: 10, vh: 25 };\n\nfunction Controls( {\n\tattributes,\n\tcontext,\n\tsetAttributes,\n\tpresetWidth,\n\tpresetHeight,\n} ) {\n\tconst { orientation } = context;\n\tconst label = orientation !== 'horizontal' ? __( 'Height' ) : __( 'Width' );\n\n\tconst width = presetWidth || attributes.width;\n\tconst height = presetHeight || attributes.height;\n\tconst { valueToConvert, valueUnit: unit } =\n\t\tgetValueAndUnit( orientation !== 'horizontal' ? height : width ) || {};\n\tconst value = Number( valueToConvert );\n\tconst currentUnit = unit || 'px';\n\n\tconst setNewDimensions = ( nextValue, nextUnit ) => {\n\t\tconst valueWithUnit = `${ nextValue }${ nextUnit }`;\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tsetAttributes( { width: valueWithUnit } );\n\t\t} else {\n\t\t\tsetAttributes( { height: valueWithUnit } );\n\t\t}\n\t};\n\n\tconst handleChange = useCallback(\n\t\t( nextValue ) => {\n\t\t\tsetNewDimensions( nextValue, currentUnit );\n\t\t},\n\t\t[ height, width ]\n\t);\n\n\tconst handleUnitChange = useCallback(\n\t\t( nextUnit ) => {\n\t\t\tsetNewDimensions( value, nextUnit );\n\t\t},\n\t\t[ height, width ]\n\t);\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: DEFAULT_VALUES,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmin={ MIN_SPACER_SIZE }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tonUnitChange={ handleUnitChange }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tunit={ currentUnit }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_element","_blockEditor","_i18n","_constants","_style","_interopRequireDefault","DEFAULT_VALUES","px","em","rem","vw","vh","exports","Controls","attributes","context","setAttributes","presetWidth","presetHeight","orientation","label","__","width","height","valueToConvert","valueUnit","unit","getValueAndUnit","value","Number","currentUnit","setNewDimensions","nextValue","nextUnit","valueWithUnit","handleChange","useCallback","handleUnitChange","units","useCustomUnits","availableUnits","useSetting","defaultValues","_react","createElement","Fragment","PanelBody","title","UnitControl","min","MIN_SPACER_SIZE","onChange","onUnitChange","style","styles","rangeCellContainer","_default","default"],"sources":["@wordpress/block-library/src/spacer/controls.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPanelBody,\n\tUnitControl,\n\tgetValueAndUnit,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\nimport { useSetting } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { MIN_SPACER_SIZE } from './constants';\nimport styles from './style.scss';\n\nexport const DEFAULT_VALUES = { px: 100, em: 10, rem: 10, vw: 10, vh: 25 };\n\nfunction Controls( {\n\tattributes,\n\tcontext,\n\tsetAttributes,\n\tpresetWidth,\n\tpresetHeight,\n} ) {\n\tconst { orientation } = context;\n\tconst label = orientation !== 'horizontal' ? __( 'Height' ) : __( 'Width' );\n\n\tconst width = presetWidth || attributes.width;\n\tconst height = presetHeight || attributes.height;\n\tconst { valueToConvert, valueUnit: unit } =\n\t\tgetValueAndUnit( orientation !== 'horizontal' ? height : width ) || {};\n\tconst value = Number( valueToConvert );\n\tconst currentUnit = unit || 'px';\n\n\tconst setNewDimensions = ( nextValue, nextUnit ) => {\n\t\tconst valueWithUnit = `${ nextValue }${ nextUnit }`;\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tsetAttributes( { width: valueWithUnit } );\n\t\t} else {\n\t\t\tsetAttributes( { height: valueWithUnit } );\n\t\t}\n\t};\n\n\tconst handleChange = useCallback(\n\t\t( nextValue ) => {\n\t\t\tsetNewDimensions( nextValue, currentUnit );\n\t\t},\n\t\t[ height, width ]\n\t);\n\n\tconst handleUnitChange = useCallback(\n\t\t( nextUnit ) => {\n\t\t\tsetNewDimensions( value, nextUnit );\n\t\t},\n\t\t[ height, width ]\n\t);\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: DEFAULT_VALUES,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmin={ MIN_SPACER_SIZE }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t\tonUnitChange={ handleUnitChange }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tunit={ currentUnit }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"],"mappings":"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"}

package/build/spacer/deprecated.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
@@ -34,7 +34,7 @@ const deprecated = [{
   save({
     attributes
   }) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ..._blockEditor.useBlockProps.save({
         style: {
           height: attributes.height,

package/build/spacer/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","deprecated","attributes","height","type","default","width","migrate","undefined","save","_element","createElement","useBlockProps","style","_default","exports"],"sources":["@wordpress/block-library/src/spacer/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\nconst deprecated = [\n\t{\n\t\tattributes: {\n\t\t\theight: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefault: 100,\n\t\t\t},\n\t\t\twidth: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t},\n\t\tmigrate( attributes ) {\n\t\t\tconst { height, width } = attributes;\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\twidth: width !== undefined ? `${ width }px` : undefined,\n\t\t\t\theight: height !== undefined ? `${ height }px` : undefined,\n\t\t\t};\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\t{ ...useBlockProps.save( {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\theight: attributes.height,\n\t\t\t\t\t\t\twidth: attributes.width,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'aria-hidden': true,\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,UAAU,GAAG,CAClB;EACCC,UAAU,EAAE;IACXC,MAAM,EAAE;MACPC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACNF,IAAI,EAAE;IACP;EACD,CAAC;EACDG,OAAOA,CAAEL,UAAU,EAAG;IACrB,MAAM;MAAEC,MAAM;MAAEG;IAAM,CAAC,GAAGJ,UAAU;IACpC,OAAO;MACN,GAAGA,UAAU;MACbI,KAAK,EAAEA,KAAK,KAAKE,SAAS,GAAI,GAAGF,KAAO,IAAG,GAAGE,SAAS;MACvDL,MAAM,EAAEA,MAAM,KAAKK,SAAS,GAAI,GAAGL,MAAQ,IAAG,GAAGK;IAClD,CAAC;EACF,CAAC;EACDC,IAAIA,CAAE;IAAEP;EAAW,CAAC,EAAG;IACtB,OACC,IAAAQ,QAAA,CAAAC,aAAA;MAAA,GACMC,0BAAa,CAACH,IAAI,CAAE;QACxBI,KAAK,EAAE;UACNV,MAAM,EAAED,UAAU,CAACC,MAAM;UACzBG,KAAK,EAAEJ,UAAU,CAACI;QACnB,CAAC;QACD,aAAa,EAAE;MAChB,CAAE;IAAC,CACH,CAAC;EAEJ;AACD,CAAC,CACD;AAAC,IAAAQ,QAAA,GAEab,UAAU;AAAAc,OAAA,CAAAV,OAAA,GAAAS,QAAA"}
+{"version":3,"names":["_blockEditor","require","deprecated","attributes","height","type","default","width","migrate","undefined","save","_react","createElement","useBlockProps","style","_default","exports"],"sources":["@wordpress/block-library/src/spacer/deprecated.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\nconst deprecated = [\n\t{\n\t\tattributes: {\n\t\t\theight: {\n\t\t\t\ttype: 'number',\n\t\t\t\tdefault: 100,\n\t\t\t},\n\t\t\twidth: {\n\t\t\t\ttype: 'number',\n\t\t\t},\n\t\t},\n\t\tmigrate( attributes ) {\n\t\t\tconst { height, width } = attributes;\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\twidth: width !== undefined ? `${ width }px` : undefined,\n\t\t\t\theight: height !== undefined ? `${ height }px` : undefined,\n\t\t\t};\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\t{ ...useBlockProps.save( {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\theight: attributes.height,\n\t\t\t\t\t\t\twidth: attributes.width,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'aria-hidden': true,\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,UAAU,GAAG,CAClB;EACCC,UAAU,EAAE;IACXC,MAAM,EAAE;MACPC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACNF,IAAI,EAAE;IACP;EACD,CAAC;EACDG,OAAOA,CAAEL,UAAU,EAAG;IACrB,MAAM;MAAEC,MAAM;MAAEG;IAAM,CAAC,GAAGJ,UAAU;IACpC,OAAO;MACN,GAAGA,UAAU;MACbI,KAAK,EAAEA,KAAK,KAAKE,SAAS,GAAI,GAAGF,KAAO,IAAG,GAAGE,SAAS;MACvDL,MAAM,EAAEA,MAAM,KAAKK,SAAS,GAAI,GAAGL,MAAQ,IAAG,GAAGK;IAClD,CAAC;EACF,CAAC;EACDC,IAAIA,CAAE;IAAEP;EAAW,CAAC,EAAG;IACtB,OACC,IAAAQ,MAAA,CAAAC,aAAA;MAAA,GACMC,0BAAa,CAACH,IAAI,CAAE;QACxBI,KAAK,EAAE;UACNV,MAAM,EAAED,UAAU,CAACC,MAAM;UACzBG,KAAK,EAAEJ,UAAU,CAACI;QACnB,CAAC;QACD,aAAa,EAAE;MAChB,CAAE;IAAC,CACH,CAAC;EAEJ;AACD,CAAC,CACD;AAAC,IAAAQ,QAAA,GAEab,UAAU;AAAAc,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

package/build/spacer/edit.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _primitives = require("@wordpress/primitives");
 var _data = require("@wordpress/data");
 var _controls = _interopRequireDefault(require("./controls"));
@@ -41,7 +42,7 @@ const ResizableSpacer = ({
   const getNextVal = elt => {
     return `${getCurrentSize(elt)}px`;
   };
-  return (0, _element.createElement)(_components.ResizableBox, {
+  return (0, _react.createElement)(_components.ResizableBox, {
     className: (0, _classnames.default)('block-library-spacer__resize-container', {
       'resize-horizontal': orientation === 'horizontal',
       'is-resizing': isResizing,
@@ -179,7 +180,7 @@ const SpacerEdit = ({
   };
   const resizableBoxWithOrientation = blockOrientation => {
     if (blockOrientation === 'horizontal') {
-      return (0, _element.createElement)(ResizableSpacer, {
+      return (0, _react.createElement)(ResizableSpacer, {
         minWidth: _constants.MIN_SPACER_SIZE,
         enable: {
           top: false,
@@ -200,7 +201,7 @@ const SpacerEdit = ({
         setIsResizing: setIsResizing
       });
     }
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(ResizableSpacer, {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(ResizableSpacer, {
       minHeight: _constants.MIN_SPACER_SIZE,
       enable: {
         top: false,
@@ -284,14 +285,14 @@ const SpacerEdit = ({
       });
     }
   }, [blockStyle, flexSize, height, inheritedOrientation, isFlexLayout, layout, selfStretch, setAttributes, spacingSizes, width]);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_primitives.View, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_primitives.View, {
     ...(0, _blockEditor.useBlockProps)({
       style,
       className: (0, _classnames.default)(className, {
         'custom-sizes-disabled': disableCustomSpacingSizes
       })
     })
-  }, resizableBoxWithOrientation(inheritedOrientation)), !isFlexLayout && (0, _element.createElement)(_controls.default, {
+  }, resizableBoxWithOrientation(inheritedOrientation)), !isFlexLayout && (0, _react.createElement)(_controls.default, {
     setAttributes: setAttributes,
     height: temporaryHeight || height,
     width: temporaryWidth || width,

package/build/spacer/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_components","_primitives","_data","_controls","_constants","ResizableSpacer","orientation","onResizeStart","onResize","onResizeStop","isSelected","isResizing","setIsResizing","props","getCurrentSize","elt","clientWidth","clientHeight","getNextVal","createElement","ResizableBox","className","classnames","_event","_direction","nextVal","__experimentalShowTooltip","__experimentalTooltipProps","axis","position","isVisible","showHandle","SpacerEdit","attributes","setAttributes","toggleSelection","context","__unstableParentLayout","parentLayout","disableCustomSpacingSizes","useSelect","select","editorSettings","blockEditorStore","getSettings","parentOrientation","type","isFlexLayout","inheritedOrientation","height","width","style","blockStyle","layout","selfStretch","flexSize","spacingSizes","useSetting","useState","temporaryHeight","setTemporaryHeight","temporaryWidth","setTemporaryWidth","handleOnVerticalResizeStop","newHeight","handleOnHorizontalResizeStop","newWidth","getHeightForVerticalBlocks","undefined","getSpacingPresetCssVar","getWidthForHorizontalBlocks","sizeConditionalOnOrientation","minWidth","flexBasis","flexGrow","resizableBoxWithOrientation","blockOrientation","MIN_SPACER_SIZE","enable","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","Fragment","minHeight","useEffect","newSize","getCustomValueFromPreset","View","useBlockProps","default","_default","exports"],"sources":["@wordpress/block-library/src/spacer/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseSetting,\n\tgetCustomValueFromPreset,\n\tgetSpacingPresetCssVar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ResizableBox } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { View } from '@wordpress/primitives';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SpacerControls from './controls';\nimport { MIN_SPACER_SIZE } from './constants';\n\nconst ResizableSpacer = ( {\n\torientation,\n\tonResizeStart,\n\tonResize,\n\tonResizeStop,\n\tisSelected,\n\tisResizing,\n\tsetIsResizing,\n\t...props\n} ) => {\n\tconst getCurrentSize = ( elt ) => {\n\t\treturn orientation === 'horizontal'\n\t\t\t? elt.clientWidth\n\t\t\t: elt.clientHeight;\n\t};\n\n\tconst getNextVal = ( elt ) => {\n\t\treturn `${ getCurrentSize( elt ) }px`;\n\t};\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tclassName={ classnames( 'block-library-spacer__resize-container', {\n\t\t\t\t'resize-horizontal': orientation === 'horizontal',\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t} ) }\n\t\t\tonResizeStart={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getNextVal( elt );\n\t\t\t\tonResizeStart( nextVal );\n\t\t\t\tonResize( nextVal );\n\t\t\t} }\n\t\t\tonResize={ ( _event, _direction, elt ) => {\n\t\t\t\tonResize( getNextVal( elt ) );\n\t\t\t\tif ( ! isResizing ) {\n\t\t\t\t\tsetIsResizing( true );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonResizeStop={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getCurrentSize( elt );\n\t\t\t\tonResizeStop( `${ nextVal }px` );\n\t\t\t\tsetIsResizing( false );\n\t\t\t} }\n\t\t\t__experimentalShowTooltip={ true }\n\t\t\t__experimentalTooltipProps={ {\n\t\t\t\taxis: orientation === 'horizontal' ? 'x' : 'y',\n\t\t\t\tposition: 'corner',\n\t\t\t\tisVisible: isResizing,\n\t\t\t} }\n\t\t\tshowHandle={ isSelected }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\n\nconst SpacerEdit = ( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\ttoggleSelection,\n\tcontext,\n\t__unstableParentLayout: parentLayout,\n\tclassName,\n} ) => {\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\tconst { orientation } = context;\n\tconst { orientation: parentOrientation, type } = parentLayout || {};\n\t// Check if the spacer is inside a flex container.\n\tconst isFlexLayout = type === 'flex';\n\t// If the spacer is inside a flex container, it should either inherit the orientation\n\t// of the parent or use the flex default orientation.\n\tconst inheritedOrientation =\n\t\t! parentOrientation && isFlexLayout\n\t\t\t? 'horizontal'\n\t\t\t: parentOrientation || orientation;\n\tconst { height, width, style: blockStyle = {} } = attributes;\n\n\tconst { layout = {} } = blockStyle;\n\tconst { selfStretch, flexSize } = layout;\n\n\tconst spacingSizes = useSetting( 'spacing.spacingSizes' );\n\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ temporaryHeight, setTemporaryHeight ] = useState( null );\n\tconst [ temporaryWidth, setTemporaryWidth ] = useState( null );\n\n\tconst onResizeStart = () => toggleSelection( false );\n\tconst onResizeStop = () => toggleSelection( true );\n\n\tconst handleOnVerticalResizeStop = ( newHeight ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newHeight,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { height: newHeight } );\n\t\tsetTemporaryHeight( null );\n\t};\n\n\tconst handleOnHorizontalResizeStop = ( newWidth ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newWidth,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { width: newWidth } );\n\t\tsetTemporaryWidth( null );\n\t};\n\n\tconst getHeightForVerticalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryHeight || getSpacingPresetCssVar( height ) || undefined;\n\t};\n\n\tconst getWidthForHorizontalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryWidth || getSpacingPresetCssVar( width ) || undefined;\n\t};\n\n\tconst sizeConditionalOnOrientation =\n\t\tinheritedOrientation === 'horizontal'\n\t\t\t? temporaryWidth || flexSize\n\t\t\t: temporaryHeight || flexSize;\n\n\tconst style = {\n\t\theight:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? 24\n\t\t\t\t: getHeightForVerticalBlocks(),\n\t\twidth:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? getWidthForHorizontalBlocks()\n\t\t\t\t: undefined,\n\t\t// In vertical flex containers, the spacer shrinks to nothing without a minimum width.\n\t\tminWidth:\n\t\t\tinheritedOrientation === 'vertical' && isFlexLayout\n\t\t\t\t? 48\n\t\t\t\t: undefined,\n\t\t// Add flex-basis so temporary sizes are respected.\n\t\tflexBasis: isFlexLayout ? sizeConditionalOnOrientation : undefined,\n\t\t// Remove flex-grow when resizing.\n\t\tflexGrow: isFlexLayout && isResizing ? 0 : undefined,\n\t};\n\n\tconst resizableBoxWithOrientation = ( blockOrientation ) => {\n\t\tif ( blockOrientation === 'horizontal' ) {\n\t\t\treturn (\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminWidth={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: true,\n\t\t\t\t\t\tbottom: false,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryWidth }\n\t\t\t\t\tonResizeStop={ handleOnHorizontalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminHeight={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: false,\n\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryHeight }\n\t\t\t\t\tonResizeStop={ handleOnVerticalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tisFlexLayout &&\n\t\t\tselfStretch !== 'fill' &&\n\t\t\tselfStretch !== 'fit' &&\n\t\t\t! flexSize\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\t// If spacer is moving from a vertical container to a horizontal container,\n\t\t\t\t// it might not have width but have height instead.\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\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} else if (\n\t\t\tisFlexLayout &&\n\t\t\t( selfStretch === 'fill' || selfStretch === 'fit' )\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if ( ! isFlexLayout && ( selfStretch || flexSize ) ) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: flexSize,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: flexSize,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: undefined,\n\t\t\t\t\t\tselfStretch: undefined,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tblockStyle,\n\t\tflexSize,\n\t\theight,\n\t\tinheritedOrientation,\n\t\tisFlexLayout,\n\t\tlayout,\n\t\tselfStretch,\n\t\tsetAttributes,\n\t\tspacingSizes,\n\t\twidth,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<View\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tstyle,\n\t\t\t\t\tclassName: classnames( className, {\n\t\t\t\t\t\t'custom-sizes-disabled': disableCustomSpacingSizes,\n\t\t\t\t\t} ),\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ resizableBoxWithOrientation( inheritedOrientation ) }\n\t\t\t</View>\n\t\t\t{ ! isFlexLayout && (\n\t\t\t\t<SpacerControls\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\theight={ temporaryHeight || height }\n\t\t\t\t\twidth={ temporaryWidth || width }\n\t\t\t\t\torientation={ inheritedOrientation }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default SpacerEdit;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_components","_element","_primitives","_data","_controls","_constants","ResizableSpacer","orientation","onResizeStart","onResize","onResizeStop","isSelected","isResizing","setIsResizing","props","getCurrentSize","elt","clientWidth","clientHeight","getNextVal","_react","createElement","ResizableBox","className","classnames","_event","_direction","nextVal","__experimentalShowTooltip","__experimentalTooltipProps","axis","position","isVisible","showHandle","SpacerEdit","attributes","setAttributes","toggleSelection","context","__unstableParentLayout","parentLayout","disableCustomSpacingSizes","useSelect","select","editorSettings","blockEditorStore","getSettings","parentOrientation","type","isFlexLayout","inheritedOrientation","height","width","style","blockStyle","layout","selfStretch","flexSize","spacingSizes","useSetting","useState","temporaryHeight","setTemporaryHeight","temporaryWidth","setTemporaryWidth","handleOnVerticalResizeStop","newHeight","handleOnHorizontalResizeStop","newWidth","getHeightForVerticalBlocks","undefined","getSpacingPresetCssVar","getWidthForHorizontalBlocks","sizeConditionalOnOrientation","minWidth","flexBasis","flexGrow","resizableBoxWithOrientation","blockOrientation","MIN_SPACER_SIZE","enable","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","Fragment","minHeight","useEffect","newSize","getCustomValueFromPreset","View","useBlockProps","default","_default","exports"],"sources":["@wordpress/block-library/src/spacer/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tuseSetting,\n\tgetCustomValueFromPreset,\n\tgetSpacingPresetCssVar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ResizableBox } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { View } from '@wordpress/primitives';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SpacerControls from './controls';\nimport { MIN_SPACER_SIZE } from './constants';\n\nconst ResizableSpacer = ( {\n\torientation,\n\tonResizeStart,\n\tonResize,\n\tonResizeStop,\n\tisSelected,\n\tisResizing,\n\tsetIsResizing,\n\t...props\n} ) => {\n\tconst getCurrentSize = ( elt ) => {\n\t\treturn orientation === 'horizontal'\n\t\t\t? elt.clientWidth\n\t\t\t: elt.clientHeight;\n\t};\n\n\tconst getNextVal = ( elt ) => {\n\t\treturn `${ getCurrentSize( elt ) }px`;\n\t};\n\n\treturn (\n\t\t<ResizableBox\n\t\t\tclassName={ classnames( 'block-library-spacer__resize-container', {\n\t\t\t\t'resize-horizontal': orientation === 'horizontal',\n\t\t\t\t'is-resizing': isResizing,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t} ) }\n\t\t\tonResizeStart={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getNextVal( elt );\n\t\t\t\tonResizeStart( nextVal );\n\t\t\t\tonResize( nextVal );\n\t\t\t} }\n\t\t\tonResize={ ( _event, _direction, elt ) => {\n\t\t\t\tonResize( getNextVal( elt ) );\n\t\t\t\tif ( ! isResizing ) {\n\t\t\t\t\tsetIsResizing( true );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonResizeStop={ ( _event, _direction, elt ) => {\n\t\t\t\tconst nextVal = getCurrentSize( elt );\n\t\t\t\tonResizeStop( `${ nextVal }px` );\n\t\t\t\tsetIsResizing( false );\n\t\t\t} }\n\t\t\t__experimentalShowTooltip={ true }\n\t\t\t__experimentalTooltipProps={ {\n\t\t\t\taxis: orientation === 'horizontal' ? 'x' : 'y',\n\t\t\t\tposition: 'corner',\n\t\t\t\tisVisible: isResizing,\n\t\t\t} }\n\t\t\tshowHandle={ isSelected }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\n\nconst SpacerEdit = ( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\ttoggleSelection,\n\tcontext,\n\t__unstableParentLayout: parentLayout,\n\tclassName,\n} ) => {\n\tconst disableCustomSpacingSizes = useSelect( ( select ) => {\n\t\tconst editorSettings = select( blockEditorStore ).getSettings();\n\t\treturn editorSettings?.disableCustomSpacingSizes;\n\t} );\n\tconst { orientation } = context;\n\tconst { orientation: parentOrientation, type } = parentLayout || {};\n\t// Check if the spacer is inside a flex container.\n\tconst isFlexLayout = type === 'flex';\n\t// If the spacer is inside a flex container, it should either inherit the orientation\n\t// of the parent or use the flex default orientation.\n\tconst inheritedOrientation =\n\t\t! parentOrientation && isFlexLayout\n\t\t\t? 'horizontal'\n\t\t\t: parentOrientation || orientation;\n\tconst { height, width, style: blockStyle = {} } = attributes;\n\n\tconst { layout = {} } = blockStyle;\n\tconst { selfStretch, flexSize } = layout;\n\n\tconst spacingSizes = useSetting( 'spacing.spacingSizes' );\n\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst [ temporaryHeight, setTemporaryHeight ] = useState( null );\n\tconst [ temporaryWidth, setTemporaryWidth ] = useState( null );\n\n\tconst onResizeStart = () => toggleSelection( false );\n\tconst onResizeStop = () => toggleSelection( true );\n\n\tconst handleOnVerticalResizeStop = ( newHeight ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newHeight,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { height: newHeight } );\n\t\tsetTemporaryHeight( null );\n\t};\n\n\tconst handleOnHorizontalResizeStop = ( newWidth ) => {\n\t\tonResizeStop();\n\n\t\tif ( isFlexLayout ) {\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: newWidth,\n\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tsetAttributes( { width: newWidth } );\n\t\tsetTemporaryWidth( null );\n\t};\n\n\tconst getHeightForVerticalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryHeight || getSpacingPresetCssVar( height ) || undefined;\n\t};\n\n\tconst getWidthForHorizontalBlocks = () => {\n\t\tif ( isFlexLayout ) {\n\t\t\treturn undefined;\n\t\t}\n\t\treturn temporaryWidth || getSpacingPresetCssVar( width ) || undefined;\n\t};\n\n\tconst sizeConditionalOnOrientation =\n\t\tinheritedOrientation === 'horizontal'\n\t\t\t? temporaryWidth || flexSize\n\t\t\t: temporaryHeight || flexSize;\n\n\tconst style = {\n\t\theight:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? 24\n\t\t\t\t: getHeightForVerticalBlocks(),\n\t\twidth:\n\t\t\tinheritedOrientation === 'horizontal'\n\t\t\t\t? getWidthForHorizontalBlocks()\n\t\t\t\t: undefined,\n\t\t// In vertical flex containers, the spacer shrinks to nothing without a minimum width.\n\t\tminWidth:\n\t\t\tinheritedOrientation === 'vertical' && isFlexLayout\n\t\t\t\t? 48\n\t\t\t\t: undefined,\n\t\t// Add flex-basis so temporary sizes are respected.\n\t\tflexBasis: isFlexLayout ? sizeConditionalOnOrientation : undefined,\n\t\t// Remove flex-grow when resizing.\n\t\tflexGrow: isFlexLayout && isResizing ? 0 : undefined,\n\t};\n\n\tconst resizableBoxWithOrientation = ( blockOrientation ) => {\n\t\tif ( blockOrientation === 'horizontal' ) {\n\t\t\treturn (\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminWidth={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: true,\n\t\t\t\t\t\tbottom: false,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryWidth }\n\t\t\t\t\tonResizeStop={ handleOnHorizontalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<ResizableSpacer\n\t\t\t\t\tminHeight={ MIN_SPACER_SIZE }\n\t\t\t\t\tenable={ {\n\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\tright: false,\n\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t} }\n\t\t\t\t\torientation={ blockOrientation }\n\t\t\t\t\tonResizeStart={ onResizeStart }\n\t\t\t\t\tonResize={ setTemporaryHeight }\n\t\t\t\t\tonResizeStop={ handleOnVerticalResizeStop }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t\tsetIsResizing={ setIsResizing }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tisFlexLayout &&\n\t\t\tselfStretch !== 'fill' &&\n\t\t\tselfStretch !== 'fit' &&\n\t\t\t! flexSize\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\t// If spacer is moving from a vertical container to a horizontal container,\n\t\t\t\t// it might not have width but have height instead.\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tconst newSize =\n\t\t\t\t\tgetCustomValueFromPreset( height, spacingSizes ) ||\n\t\t\t\t\tgetCustomValueFromPreset( width, spacingSizes ) ||\n\t\t\t\t\t'100px';\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: '0px',\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...blockStyle,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\tflexSize: newSize,\n\t\t\t\t\t\t\tselfStretch: 'fixed',\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} else if (\n\t\t\tisFlexLayout &&\n\t\t\t( selfStretch === 'fill' || selfStretch === 'fit' )\n\t\t) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if ( ! isFlexLayout && ( selfStretch || flexSize ) ) {\n\t\t\tif ( inheritedOrientation === 'horizontal' ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\twidth: flexSize,\n\t\t\t\t} );\n\t\t\t} else {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\theight: flexSize,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tsetAttributes( {\n\t\t\t\tstyle: {\n\t\t\t\t\t...blockStyle,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...layout,\n\t\t\t\t\t\tflexSize: undefined,\n\t\t\t\t\t\tselfStretch: undefined,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [\n\t\tblockStyle,\n\t\tflexSize,\n\t\theight,\n\t\tinheritedOrientation,\n\t\tisFlexLayout,\n\t\tlayout,\n\t\tselfStretch,\n\t\tsetAttributes,\n\t\tspacingSizes,\n\t\twidth,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<View\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tstyle,\n\t\t\t\t\tclassName: classnames( className, {\n\t\t\t\t\t\t'custom-sizes-disabled': disableCustomSpacingSizes,\n\t\t\t\t\t} ),\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ resizableBoxWithOrientation( inheritedOrientation ) }\n\t\t\t</View>\n\t\t\t{ ! isFlexLayout && (\n\t\t\t\t<SpacerControls\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\theight={ temporaryHeight || height }\n\t\t\t\t\twidth={ temporaryWidth || width }\n\t\t\t\t\torientation={ inheritedOrientation }\n\t\t\t\t\tisResizing={ isResizing }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default SpacerEdit;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAxBA;AACA;AACA;;AAGA;AACA;AACA;;AAaA;AACA;AACA;;AAIA,MAAMQ,eAAe,GAAGA,CAAE;EACzBC,WAAW;EACXC,aAAa;EACbC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC,UAAU;EACVC,aAAa;EACb,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,cAAc,GAAKC,GAAG,IAAM;IACjC,OAAOT,WAAW,KAAK,YAAY,GAChCS,GAAG,CAACC,WAAW,GACfD,GAAG,CAACE,YAAY;EACpB,CAAC;EAED,MAAMC,UAAU,GAAKH,GAAG,IAAM;IAC7B,OAAQ,GAAGD,cAAc,CAAEC,GAAI,CAAG,IAAG;EACtC,CAAC;EAED,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAsB,YAAY;IACZC,SAAS,EAAG,IAAAC,mBAAU,EAAE,wCAAwC,EAAE;MACjE,mBAAmB,EAAEjB,WAAW,KAAK,YAAY;MACjD,aAAa,EAAEK,UAAU;MACzB,aAAa,EAAED;IAChB,CAAE,CAAG;IACLH,aAAa,EAAGA,CAAEiB,MAAM,EAAEC,UAAU,EAAEV,GAAG,KAAM;MAC9C,MAAMW,OAAO,GAAGR,UAAU,CAAEH,GAAI,CAAC;MACjCR,aAAa,CAAEmB,OAAQ,CAAC;MACxBlB,QAAQ,CAAEkB,OAAQ,CAAC;IACpB,CAAG;IACHlB,QAAQ,EAAGA,CAAEgB,MAAM,EAAEC,UAAU,EAAEV,GAAG,KAAM;MACzCP,QAAQ,CAAEU,UAAU,CAAEH,GAAI,CAAE,CAAC;MAC7B,IAAK,CAAEJ,UAAU,EAAG;QACnBC,aAAa,CAAE,IAAK,CAAC;MACtB;IACD,CAAG;IACHH,YAAY,EAAGA,CAAEe,MAAM,EAAEC,UAAU,EAAEV,GAAG,KAAM;MAC7C,MAAMW,OAAO,GAAGZ,cAAc,CAAEC,GAAI,CAAC;MACrCN,YAAY,CAAG,GAAGiB,OAAS,IAAI,CAAC;MAChCd,aAAa,CAAE,KAAM,CAAC;IACvB,CAAG;IACHe,yBAAyB,EAAG,IAAM;IAClCC,0BAA0B,EAAG;MAC5BC,IAAI,EAAEvB,WAAW,KAAK,YAAY,GAAG,GAAG,GAAG,GAAG;MAC9CwB,QAAQ,EAAE,QAAQ;MAClBC,SAAS,EAAEpB;IACZ,CAAG;IACHqB,UAAU,EAAGtB,UAAY;IAAA,GACpBG;EAAK,CACV,CAAC;AAEJ,CAAC;AAED,MAAMoB,UAAU,GAAGA,CAAE;EACpBC,UAAU;EACVxB,UAAU;EACVyB,aAAa;EACbC,eAAe;EACfC,OAAO;EACPC,sBAAsB,EAAEC,YAAY;EACpCjB;AACD,CAAC,KAAM;EACN,MAAMkB,yBAAyB,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC1D,MAAMC,cAAc,GAAGD,MAAM,CAAEE,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC;IAC/D,OAAOF,cAAc,EAAEH,yBAAyB;EACjD,CAAE,CAAC;EACH,MAAM;IAAElC;EAAY,CAAC,GAAG+B,OAAO;EAC/B,MAAM;IAAE/B,WAAW,EAAEwC,iBAAiB;IAAEC;EAAK,CAAC,GAAGR,YAAY,IAAI,CAAC,CAAC;EACnE;EACA,MAAMS,YAAY,GAAGD,IAAI,KAAK,MAAM;EACpC;EACA;EACA,MAAME,oBAAoB,GACzB,CAAEH,iBAAiB,IAAIE,YAAY,GAChC,YAAY,GACZF,iBAAiB,IAAIxC,WAAW;EACpC,MAAM;IAAE4C,MAAM;IAAEC,KAAK;IAAEC,KAAK,EAAEC,UAAU,GAAG,CAAC;EAAE,CAAC,GAAGnB,UAAU;EAE5D,MAAM;IAAEoB,MAAM,GAAG,CAAC;EAAE,CAAC,GAAGD,UAAU;EAClC,MAAM;IAAEE,WAAW;IAAEC;EAAS,CAAC,GAAGF,MAAM;EAExC,MAAMG,YAAY,GAAG,IAAAC,uBAAU,EAAE,sBAAuB,CAAC;EAEzD,MAAM,CAAE/C,UAAU,EAAEC,aAAa,CAAE,GAAG,IAAA+C,iBAAQ,EAAE,KAAM,CAAC;EACvD,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAF,iBAAQ,EAAE,IAAK,CAAC;EAChE,MAAM,CAAEG,cAAc,EAAEC,iBAAiB,CAAE,GAAG,IAAAJ,iBAAQ,EAAE,IAAK,CAAC;EAE9D,MAAMpD,aAAa,GAAGA,CAAA,KAAM6B,eAAe,CAAE,KAAM,CAAC;EACpD,MAAM3B,YAAY,GAAGA,CAAA,KAAM2B,eAAe,CAAE,IAAK,CAAC;EAElD,MAAM4B,0BAA0B,GAAKC,SAAS,IAAM;IACnDxD,YAAY,CAAC,CAAC;IAEd,IAAKuC,YAAY,EAAG;MACnBb,aAAa,CAAE;QACdiB,KAAK,EAAE;UACN,GAAGC,UAAU;UACbC,MAAM,EAAE;YACP,GAAGA,MAAM;YACTE,QAAQ,EAAES,SAAS;YACnBV,WAAW,EAAE;UACd;QACD;MACD,CAAE,CAAC;IACJ;IAEApB,aAAa,CAAE;MAAEe,MAAM,EAAEe;IAAU,CAAE,CAAC;IACtCJ,kBAAkB,CAAE,IAAK,CAAC;EAC3B,CAAC;EAED,MAAMK,4BAA4B,GAAKC,QAAQ,IAAM;IACpD1D,YAAY,CAAC,CAAC;IAEd,IAAKuC,YAAY,EAAG;MACnBb,aAAa,CAAE;QACdiB,KAAK,EAAE;UACN,GAAGC,UAAU;UACbC,MAAM,EAAE;YACP,GAAGA,MAAM;YACTE,QAAQ,EAAEW,QAAQ;YAClBZ,WAAW,EAAE;UACd;QACD;MACD,CAAE,CAAC;IACJ;IAEApB,aAAa,CAAE;MAAEgB,KAAK,EAAEgB;IAAS,CAAE,CAAC;IACpCJ,iBAAiB,CAAE,IAAK,CAAC;EAC1B,CAAC;EAED,MAAMK,0BAA0B,GAAGA,CAAA,KAAM;IACxC,IAAKpB,YAAY,EAAG;MACnB,OAAOqB,SAAS;IACjB;IACA,OAAOT,eAAe,IAAI,IAAAU,mCAAsB,EAAEpB,MAAO,CAAC,IAAImB,SAAS;EACxE,CAAC;EAED,MAAME,2BAA2B,GAAGA,CAAA,KAAM;IACzC,IAAKvB,YAAY,EAAG;MACnB,OAAOqB,SAAS;IACjB;IACA,OAAOP,cAAc,IAAI,IAAAQ,mCAAsB,EAAEnB,KAAM,CAAC,IAAIkB,SAAS;EACtE,CAAC;EAED,MAAMG,4BAA4B,GACjCvB,oBAAoB,KAAK,YAAY,GAClCa,cAAc,IAAIN,QAAQ,GAC1BI,eAAe,IAAIJ,QAAQ;EAE/B,MAAMJ,KAAK,GAAG;IACbF,MAAM,EACLD,oBAAoB,KAAK,YAAY,GAClC,EAAE,GACFmB,0BAA0B,CAAC,CAAC;IAChCjB,KAAK,EACJF,oBAAoB,KAAK,YAAY,GAClCsB,2BAA2B,CAAC,CAAC,GAC7BF,SAAS;IACb;IACAI,QAAQ,EACPxB,oBAAoB,KAAK,UAAU,IAAID,YAAY,GAChD,EAAE,GACFqB,SAAS;IACb;IACAK,SAAS,EAAE1B,YAAY,GAAGwB,4BAA4B,GAAGH,SAAS;IAClE;IACAM,QAAQ,EAAE3B,YAAY,IAAIrC,UAAU,GAAG,CAAC,GAAG0D;EAC5C,CAAC;EAED,MAAMO,2BAA2B,GAAKC,gBAAgB,IAAM;IAC3D,IAAKA,gBAAgB,KAAK,YAAY,EAAG;MACxC,OACC,IAAA1D,MAAA,CAAAC,aAAA,EAACf,eAAe;QACfoE,QAAQ,EAAGK,0BAAiB;QAC5BC,MAAM,EAAG;UACRC,GAAG,EAAE,KAAK;UACVC,KAAK,EAAE,IAAI;UACXC,MAAM,EAAE,KAAK;UACbC,IAAI,EAAE,KAAK;UACXC,QAAQ,EAAE,KAAK;UACfC,WAAW,EAAE,KAAK;UAClBC,UAAU,EAAE,KAAK;UACjBC,OAAO,EAAE;QACV,CAAG;QACHjF,WAAW,EAAGuE,gBAAkB;QAChCtE,aAAa,EAAGA,aAAe;QAC/BC,QAAQ,EAAGuD,iBAAmB;QAC9BtD,YAAY,EAAGyD,4BAA8B;QAC7CxD,UAAU,EAAGA,UAAY;QACzBC,UAAU,EAAGA,UAAY;QACzBC,aAAa,EAAGA;MAAe,CAC/B,CAAC;IAEJ;IAEA,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAqE,QAAA,QACC,IAAArE,MAAA,CAAAC,aAAA,EAACf,eAAe;MACfoF,SAAS,EAAGX,0BAAiB;MAC7BC,MAAM,EAAG;QACRC,GAAG,EAAE,KAAK;QACVC,KAAK,EAAE,KAAK;QACZC,MAAM,EAAE,IAAI;QACZC,IAAI,EAAE,KAAK;QACXC,QAAQ,EAAE,KAAK;QACfC,WAAW,EAAE,KAAK;QAClBC,UAAU,EAAE,KAAK;QACjBC,OAAO,EAAE;MACV,CAAG;MACHjF,WAAW,EAAGuE,gBAAkB;MAChCtE,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGqD,kBAAoB;MAC/BpD,YAAY,EAAGuD,0BAA4B;MAC3CtD,UAAU,EAAGA,UAAY;MACzBC,UAAU,EAAGA,UAAY;MACzBC,aAAa,EAAGA;IAAe,CAC/B,CACA,CAAC;EAEL,CAAC;EAED,IAAA8E,kBAAS,EAAE,MAAM;IAChB,IACC1C,YAAY,IACZO,WAAW,KAAK,MAAM,IACtBA,WAAW,KAAK,KAAK,IACrB,CAAEC,QAAQ,EACT;MACD,IAAKP,oBAAoB,KAAK,YAAY,EAAG;QAC5C;QACA;QACA,MAAM0C,OAAO,GACZ,IAAAC,qCAAwB,EAAEzC,KAAK,EAAEM,YAAa,CAAC,IAC/C,IAAAmC,qCAAwB,EAAE1C,MAAM,EAAEO,YAAa,CAAC,IAChD,OAAO;QACRtB,aAAa,CAAE;UACdgB,KAAK,EAAE,KAAK;UACZC,KAAK,EAAE;YACN,GAAGC,UAAU;YACbC,MAAM,EAAE;cACP,GAAGA,MAAM;cACTE,QAAQ,EAAEmC,OAAO;cACjBpC,WAAW,EAAE;YACd;UACD;QACD,CAAE,CAAC;MACJ,CAAC,MAAM;QACN,MAAMoC,OAAO,GACZ,IAAAC,qCAAwB,EAAE1C,MAAM,EAAEO,YAAa,CAAC,IAChD,IAAAmC,qCAAwB,EAAEzC,KAAK,EAAEM,YAAa,CAAC,IAC/C,OAAO;QACRtB,aAAa,CAAE;UACde,MAAM,EAAE,KAAK;UACbE,KAAK,EAAE;YACN,GAAGC,UAAU;YACbC,MAAM,EAAE;cACP,GAAGA,MAAM;cACTE,QAAQ,EAAEmC,OAAO;cACjBpC,WAAW,EAAE;YACd;UACD;QACD,CAAE,CAAC;MACJ;IACD,CAAC,MAAM,IACNP,YAAY,KACVO,WAAW,KAAK,MAAM,IAAIA,WAAW,KAAK,KAAK,CAAE,EAClD;MACD,IAAKN,oBAAoB,KAAK,YAAY,EAAG;QAC5Cd,aAAa,CAAE;UACdgB,KAAK,EAAEkB;QACR,CAAE,CAAC;MACJ,CAAC,MAAM;QACNlC,aAAa,CAAE;UACde,MAAM,EAAEmB;QACT,CAAE,CAAC;MACJ;IACD,CAAC,MAAM,IAAK,CAAErB,YAAY,KAAMO,WAAW,IAAIC,QAAQ,CAAE,EAAG;MAC3D,IAAKP,oBAAoB,KAAK,YAAY,EAAG;QAC5Cd,aAAa,CAAE;UACdgB,KAAK,EAAEK;QACR,CAAE,CAAC;MACJ,CAAC,MAAM;QACNrB,aAAa,CAAE;UACde,MAAM,EAAEM;QACT,CAAE,CAAC;MACJ;MACArB,aAAa,CAAE;QACdiB,KAAK,EAAE;UACN,GAAGC,UAAU;UACbC,MAAM,EAAE;YACP,GAAGA,MAAM;YACTE,QAAQ,EAAEa,SAAS;YACnBd,WAAW,EAAEc;UACd;QACD;MACD,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,CACFhB,UAAU,EACVG,QAAQ,EACRN,MAAM,EACND,oBAAoB,EACpBD,YAAY,EACZM,MAAM,EACNC,WAAW,EACXpB,aAAa,EACbsB,YAAY,EACZN,KAAK,CACJ,CAAC;EAEH,OACC,IAAAhC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAqE,QAAA,QACC,IAAArE,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAA4F,IAAI;IAAA,GACC,IAAAC,0BAAa,EAAE;MACnB1C,KAAK;MACL9B,SAAS,EAAE,IAAAC,mBAAU,EAAED,SAAS,EAAE;QACjC,uBAAuB,EAAEkB;MAC1B,CAAE;IACH,CAAE;EAAC,GAEDoC,2BAA2B,CAAE3B,oBAAqB,CAC/C,CAAC,EACL,CAAED,YAAY,IACf,IAAA7B,MAAA,CAAAC,aAAA,EAACjB,SAAA,CAAA4F,OAAc;IACd5D,aAAa,EAAGA,aAAe;IAC/Be,MAAM,EAAGU,eAAe,IAAIV,MAAQ;IACpCC,KAAK,EAAGW,cAAc,IAAIX,KAAO;IACjC7C,WAAW,EAAG2C,oBAAsB;IACpCtC,UAAU,EAAGA;EAAY,CACzB,CAED,CAAC;AAEL,CAAC;AAAC,IAAAqF,QAAA,GAEa/D,UAAU;AAAAgE,OAAA,CAAAF,OAAA,GAAAC,QAAA"}

package/build/spacer/edit.native.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _controls = _interopRequireWildcard(require("./controls"));
 var _editorNative = _interopRequireDefault(require("./editor.native.scss"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -79,12 +80,12 @@ const Spacer = ({
     convertedWidth = parsedPresetWidthValue || _controls.DEFAULT_VALUES.px;
     presetValues.presetWidth = convertedWidth;
   }
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: [defaultStyle, isSelected && _editorNative.default.selectedSpacer, {
       height: convertedHeight,
       width: convertedWidth
     }]
-  }, isSelected && (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_controls.default, {
+  }, isSelected && (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_controls.default, {
     attributes: attributes,
     context: context,
     setAttributes: setAttributes,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_components","_compose","_blockEditor","_controls","_interopRequireWildcard","_editorNative","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DEFAULT_FONT_SIZE","Spacer","attributes","context","setAttributes","isSelected","getStylesFromColorScheme","height","screenHeight","width","screenWidth","useWindowDimensions","cssUnitOptions","fontSize","spacingSizes","name","slug","size","useSetting","orientation","defaultStyle","styles","staticSpacer","staticDarkSpacer","useEffect","convertedHeight","useConvertUnitToMobile","convertedWidth","presetValues","isValueSpacingPreset","heightValue","getCustomValueFromPreset","parsedPresetHeightValue","parseFloat","getPxFromCssUnit","DEFAULT_VALUES","px","presetHeight","widthValue","parsedPresetWidthValue","presetWidth","createElement","View","style","selectedSpacer","InspectorControls","_default","withPreferredColorScheme","exports"],"sources":["@wordpress/block-library/src/spacer/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, useWindowDimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useConvertUnitToMobile } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tisValueSpacingPreset,\n\tuseSetting,\n\tgetCustomValueFromPreset,\n\tgetPxFromCssUnit,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Controls, { DEFAULT_VALUES } from './controls';\nimport styles from './editor.native.scss';\n\nconst DEFAULT_FONT_SIZE = 16;\n\nconst Spacer = ( {\n\tattributes,\n\tcontext,\n\tsetAttributes,\n\tisSelected,\n\tgetStylesFromColorScheme,\n} ) => {\n\tconst { height: screenHeight, width: screenWidth } = useWindowDimensions();\n\tconst cssUnitOptions = {\n\t\theight: screenHeight,\n\t\twidth: screenWidth,\n\t\tfontSize: DEFAULT_FONT_SIZE,\n\t};\n\tconst { height, width } = attributes;\n\tconst spacingSizes = [\n\t\t{ name: 0, slug: '0', size: 0 },\n\t\t...( useSetting( 'spacing.spacingSizes' ) || [] ),\n\t];\n\tconst { orientation } = context;\n\tconst defaultStyle = getStylesFromColorScheme(\n\t\tstyles.staticSpacer,\n\t\tstyles.staticDarkSpacer\n\t);\n\n\tuseEffect( () => {\n\t\tif ( orientation === 'horizontal' && ! width ) {\n\t\t\tsetAttributes( {\n\t\t\t\theight: '0px',\n\t\t\t\twidth: '72px',\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tlet convertedHeight = useConvertUnitToMobile( height );\n\tlet convertedWidth = useConvertUnitToMobile( width );\n\tconst presetValues = {};\n\n\tif ( isValueSpacingPreset( height ) ) {\n\t\tconst heightValue = getCustomValueFromPreset( height, spacingSizes );\n\t\tconst parsedPresetHeightValue = parseFloat(\n\t\t\tgetPxFromCssUnit( heightValue, cssUnitOptions )\n\t\t);\n\n\t\tconvertedHeight = parsedPresetHeightValue || DEFAULT_VALUES.px;\n\t\tpresetValues.presetHeight = convertedHeight;\n\t}\n\n\tif ( isValueSpacingPreset( width ) ) {\n\t\tconst widthValue = getCustomValueFromPreset( width, spacingSizes );\n\t\tconst parsedPresetWidthValue = parseFloat(\n\t\t\tgetPxFromCssUnit( widthValue, cssUnitOptions )\n\t\t);\n\n\t\tconvertedWidth = parsedPresetWidthValue || DEFAULT_VALUES.px;\n\t\tpresetValues.presetWidth = convertedWidth;\n\t}\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tdefaultStyle,\n\t\t\t\tisSelected && styles.selectedSpacer,\n\t\t\t\t{ height: convertedHeight, width: convertedWidth },\n\t\t\t] }\n\t\t>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tcontext={ context }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t{ ...presetValues }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default withPreferredColorScheme( Spacer );\n"],"mappings":";;;;;;;AAiBA,IAAAA,QAAA,GAAAC,OAAA;AAdA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAYA,IAAAK,SAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,aAAA,GAAAC,sBAAA,CAAAR,OAAA;AAA0C,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAvB1C;AACA;AACA;;AAGA;AACA;AACA;;AAYA;AACA;AACA;;AAIA,MAAMW,iBAAiB,GAAG,EAAE;AAE5B,MAAMC,MAAM,GAAGA,CAAE;EAChBC,UAAU;EACVC,OAAO;EACPC,aAAa;EACbC,UAAU;EACVC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC,MAAM,EAAEC,YAAY;IAAEC,KAAK,EAAEC;EAAY,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC1E,MAAMC,cAAc,GAAG;IACtBL,MAAM,EAAEC,YAAY;IACpBC,KAAK,EAAEC,WAAW;IAClBG,QAAQ,EAAEb;EACX,CAAC;EACD,MAAM;IAAEO,MAAM;IAAEE;EAAM,CAAC,GAAGP,UAAU;EACpC,MAAMY,YAAY,GAAG,CACpB;IAAEC,IAAI,EAAE,CAAC;IAAEC,IAAI,EAAE,GAAG;IAAEC,IAAI,EAAE;EAAE,CAAC,EAC/B,IAAK,IAAAC,uBAAU,EAAE,sBAAuB,CAAC,IAAI,EAAE,CAAE,CACjD;EACD,MAAM;IAAEC;EAAY,CAAC,GAAGhB,OAAO;EAC/B,MAAMiB,YAAY,GAAGd,wBAAwB,CAC5Ce,qBAAM,CAACC,YAAY,EACnBD,qBAAM,CAACE,gBACR,CAAC;EAED,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,WAAW,KAAK,YAAY,IAAI,CAAEV,KAAK,EAAG;MAC9CL,aAAa,CAAE;QACdG,MAAM,EAAE,KAAK;QACbE,KAAK,EAAE;MACR,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,IAAIgB,eAAe,GAAG,IAAAC,kCAAsB,EAAEnB,MAAO,CAAC;EACtD,IAAIoB,cAAc,GAAG,IAAAD,kCAAsB,EAAEjB,KAAM,CAAC;EACpD,MAAMmB,YAAY,GAAG,CAAC,CAAC;EAEvB,IAAK,IAAAC,iCAAoB,EAAEtB,MAAO,CAAC,EAAG;IACrC,MAAMuB,WAAW,GAAG,IAAAC,qCAAwB,EAAExB,MAAM,EAAEO,YAAa,CAAC;IACpE,MAAMkB,uBAAuB,GAAGC,UAAU,CACzC,IAAAC,6BAAgB,EAAEJ,WAAW,EAAElB,cAAe,CAC/C,CAAC;IAEDa,eAAe,GAAGO,uBAAuB,IAAIG,wBAAc,CAACC,EAAE;IAC9DR,YAAY,CAACS,YAAY,GAAGZ,eAAe;EAC5C;EAEA,IAAK,IAAAI,iCAAoB,EAAEpB,KAAM,CAAC,EAAG;IACpC,MAAM6B,UAAU,GAAG,IAAAP,qCAAwB,EAAEtB,KAAK,EAAEK,YAAa,CAAC;IAClE,MAAMyB,sBAAsB,GAAGN,UAAU,CACxC,IAAAC,6BAAgB,EAAEI,UAAU,EAAE1B,cAAe,CAC9C,CAAC;IAEDe,cAAc,GAAGY,sBAAsB,IAAIJ,wBAAc,CAACC,EAAE;IAC5DR,YAAY,CAACY,WAAW,GAAGb,cAAc;EAC1C;EAEA,OACC,IAAA3D,QAAA,CAAAyE,aAAA,EAACvE,YAAA,CAAAwE,IAAI;IACJC,KAAK,EAAG,CACPvB,YAAY,EACZf,UAAU,IAAIgB,qBAAM,CAACuB,cAAc,EACnC;MAAErC,MAAM,EAAEkB,eAAe;MAAEhB,KAAK,EAAEkB;IAAe,CAAC;EAChD,GAEDtB,UAAU,IACX,IAAArC,QAAA,CAAAyE,aAAA,EAACpE,YAAA,CAAAwE,iBAAiB,QACjB,IAAA7E,QAAA,CAAAyE,aAAA,EAACnE,SAAA,CAAAW,OAAQ;IACRiB,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAGA,OAAS;IACnBC,aAAa,EAAGA,aAAe;IAAA,GAC1BwB;EAAY,CACjB,CACiB,CAEf,CAAC;AAET,CAAC;AAAC,IAAAkB,QAAA,GAEa,IAAAC,iCAAwB,EAAE9C,MAAO,CAAC;AAAA+C,OAAA,CAAA/D,OAAA,GAAA6D,QAAA"}
+{"version":3,"names":["_reactNative","require","_components","_compose","_blockEditor","_element","_controls","_interopRequireWildcard","_editorNative","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DEFAULT_FONT_SIZE","Spacer","attributes","context","setAttributes","isSelected","getStylesFromColorScheme","height","screenHeight","width","screenWidth","useWindowDimensions","cssUnitOptions","fontSize","spacingSizes","name","slug","size","useSetting","orientation","defaultStyle","styles","staticSpacer","staticDarkSpacer","useEffect","convertedHeight","useConvertUnitToMobile","convertedWidth","presetValues","isValueSpacingPreset","heightValue","getCustomValueFromPreset","parsedPresetHeightValue","parseFloat","getPxFromCssUnit","DEFAULT_VALUES","px","presetHeight","widthValue","parsedPresetWidthValue","presetWidth","_react","createElement","View","style","selectedSpacer","InspectorControls","_default","withPreferredColorScheme","exports"],"sources":["@wordpress/block-library/src/spacer/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, useWindowDimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useConvertUnitToMobile } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tisValueSpacingPreset,\n\tuseSetting,\n\tgetCustomValueFromPreset,\n\tgetPxFromCssUnit,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Controls, { DEFAULT_VALUES } from './controls';\nimport styles from './editor.native.scss';\n\nconst DEFAULT_FONT_SIZE = 16;\n\nconst Spacer = ( {\n\tattributes,\n\tcontext,\n\tsetAttributes,\n\tisSelected,\n\tgetStylesFromColorScheme,\n} ) => {\n\tconst { height: screenHeight, width: screenWidth } = useWindowDimensions();\n\tconst cssUnitOptions = {\n\t\theight: screenHeight,\n\t\twidth: screenWidth,\n\t\tfontSize: DEFAULT_FONT_SIZE,\n\t};\n\tconst { height, width } = attributes;\n\tconst spacingSizes = [\n\t\t{ name: 0, slug: '0', size: 0 },\n\t\t...( useSetting( 'spacing.spacingSizes' ) || [] ),\n\t];\n\tconst { orientation } = context;\n\tconst defaultStyle = getStylesFromColorScheme(\n\t\tstyles.staticSpacer,\n\t\tstyles.staticDarkSpacer\n\t);\n\n\tuseEffect( () => {\n\t\tif ( orientation === 'horizontal' && ! width ) {\n\t\t\tsetAttributes( {\n\t\t\t\theight: '0px',\n\t\t\t\twidth: '72px',\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tlet convertedHeight = useConvertUnitToMobile( height );\n\tlet convertedWidth = useConvertUnitToMobile( width );\n\tconst presetValues = {};\n\n\tif ( isValueSpacingPreset( height ) ) {\n\t\tconst heightValue = getCustomValueFromPreset( height, spacingSizes );\n\t\tconst parsedPresetHeightValue = parseFloat(\n\t\t\tgetPxFromCssUnit( heightValue, cssUnitOptions )\n\t\t);\n\n\t\tconvertedHeight = parsedPresetHeightValue || DEFAULT_VALUES.px;\n\t\tpresetValues.presetHeight = convertedHeight;\n\t}\n\n\tif ( isValueSpacingPreset( width ) ) {\n\t\tconst widthValue = getCustomValueFromPreset( width, spacingSizes );\n\t\tconst parsedPresetWidthValue = parseFloat(\n\t\t\tgetPxFromCssUnit( widthValue, cssUnitOptions )\n\t\t);\n\n\t\tconvertedWidth = parsedPresetWidthValue || DEFAULT_VALUES.px;\n\t\tpresetValues.presetWidth = convertedWidth;\n\t}\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tdefaultStyle,\n\t\t\t\tisSelected && styles.selectedSpacer,\n\t\t\t\t{ height: convertedHeight, width: convertedWidth },\n\t\t\t] }\n\t\t>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tcontext={ context }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t{ ...presetValues }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default withPreferredColorScheme( Spacer );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAOA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,aAAA,GAAAC,sBAAA,CAAAR,OAAA;AAA0C,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAvB1C;AACA;AACA;;AAGA;AACA;AACA;;AAYA;AACA;AACA;;AAIA,MAAMW,iBAAiB,GAAG,EAAE;AAE5B,MAAMC,MAAM,GAAGA,CAAE;EAChBC,UAAU;EACVC,OAAO;EACPC,aAAa;EACbC,UAAU;EACVC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC,MAAM,EAAEC,YAAY;IAAEC,KAAK,EAAEC;EAAY,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAC1E,MAAMC,cAAc,GAAG;IACtBL,MAAM,EAAEC,YAAY;IACpBC,KAAK,EAAEC,WAAW;IAClBG,QAAQ,EAAEb;EACX,CAAC;EACD,MAAM;IAAEO,MAAM;IAAEE;EAAM,CAAC,GAAGP,UAAU;EACpC,MAAMY,YAAY,GAAG,CACpB;IAAEC,IAAI,EAAE,CAAC;IAAEC,IAAI,EAAE,GAAG;IAAEC,IAAI,EAAE;EAAE,CAAC,EAC/B,IAAK,IAAAC,uBAAU,EAAE,sBAAuB,CAAC,IAAI,EAAE,CAAE,CACjD;EACD,MAAM;IAAEC;EAAY,CAAC,GAAGhB,OAAO;EAC/B,MAAMiB,YAAY,GAAGd,wBAAwB,CAC5Ce,qBAAM,CAACC,YAAY,EACnBD,qBAAM,CAACE,gBACR,CAAC;EAED,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,WAAW,KAAK,YAAY,IAAI,CAAEV,KAAK,EAAG;MAC9CL,aAAa,CAAE;QACdG,MAAM,EAAE,KAAK;QACbE,KAAK,EAAE;MACR,CAAE,CAAC;IACJ;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,IAAIgB,eAAe,GAAG,IAAAC,kCAAsB,EAAEnB,MAAO,CAAC;EACtD,IAAIoB,cAAc,GAAG,IAAAD,kCAAsB,EAAEjB,KAAM,CAAC;EACpD,MAAMmB,YAAY,GAAG,CAAC,CAAC;EAEvB,IAAK,IAAAC,iCAAoB,EAAEtB,MAAO,CAAC,EAAG;IACrC,MAAMuB,WAAW,GAAG,IAAAC,qCAAwB,EAAExB,MAAM,EAAEO,YAAa,CAAC;IACpE,MAAMkB,uBAAuB,GAAGC,UAAU,CACzC,IAAAC,6BAAgB,EAAEJ,WAAW,EAAElB,cAAe,CAC/C,CAAC;IAEDa,eAAe,GAAGO,uBAAuB,IAAIG,wBAAc,CAACC,EAAE;IAC9DR,YAAY,CAACS,YAAY,GAAGZ,eAAe;EAC5C;EAEA,IAAK,IAAAI,iCAAoB,EAAEpB,KAAM,CAAC,EAAG;IACpC,MAAM6B,UAAU,GAAG,IAAAP,qCAAwB,EAAEtB,KAAK,EAAEK,YAAa,CAAC;IAClE,MAAMyB,sBAAsB,GAAGN,UAAU,CACxC,IAAAC,6BAAgB,EAAEI,UAAU,EAAE1B,cAAe,CAC9C,CAAC;IAEDe,cAAc,GAAGY,sBAAsB,IAAIJ,wBAAc,CAACC,EAAE;IAC5DR,YAAY,CAACY,WAAW,GAAGb,cAAc;EAC1C;EAEA,OACC,IAAAc,MAAA,CAAAC,aAAA,EAAC1E,YAAA,CAAA2E,IAAI;IACJC,KAAK,EAAG,CACPxB,YAAY,EACZf,UAAU,IAAIgB,qBAAM,CAACwB,cAAc,EACnC;MAAEtC,MAAM,EAAEkB,eAAe;MAAEhB,KAAK,EAAEkB;IAAe,CAAC;EAChD,GAEDtB,UAAU,IACX,IAAAoC,MAAA,CAAAC,aAAA,EAACtE,YAAA,CAAA0E,iBAAiB,QACjB,IAAAL,MAAA,CAAAC,aAAA,EAACpE,SAAA,CAAAW,OAAQ;IACRiB,UAAU,EAAGA,UAAY;IACzBC,OAAO,EAAGA,OAAS;IACnBC,aAAa,EAAGA,aAAe;IAAA,GAC1BwB;EAAY,CACjB,CACiB,CAEf,CAAC;AAET,CAAC;AAAC,IAAAmB,QAAA,GAEa,IAAAC,iCAAwB,EAAE/C,MAAO,CAAC;AAAAgD,OAAA,CAAAhE,OAAA,GAAA8D,QAAA"}

package/build/spacer/save.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
@@ -25,7 +25,7 @@ function save({
   } = style || {};
   // If selfStretch is set to 'fill' or 'fit', don't set default height.
   const finalHeight = selfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ..._blockEditor.useBlockProps.save({
       style: {
         height: (0, _blockEditor.getSpacingPresetCssVar)(finalHeight),

package/build/spacer/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","save","attributes","height","width","style","layout","selfStretch","finalHeight","undefined","_element","createElement","useBlockProps","getSpacingPresetCssVar"],"sources":["@wordpress/block-library/src/spacer/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { height, width, style } = attributes;\n\tconst { layout: { selfStretch } = {} } = style || {};\n\t// If selfStretch is set to 'fill' or 'fit', don't set default height.\n\tconst finalHeight =\n\t\tselfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( finalHeight ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGH,UAAU;EAC3C,MAAM;IAAEI,MAAM,EAAE;MAAEC;IAAY,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGF,KAAK,IAAI,CAAC,CAAC;EACpD;EACA,MAAMG,WAAW,GAChBD,WAAW,KAAK,MAAM,IAAIA,WAAW,KAAK,KAAK,GAAGE,SAAS,GAAGN,MAAM;EACrE,OACC,IAAAO,QAAA,CAAAC,aAAA;IAAA,GACMC,0BAAa,CAACX,IAAI,CAAE;MACxBI,KAAK,EAAE;QACNF,MAAM,EAAE,IAAAU,mCAAsB,EAAEL,WAAY,CAAC;QAC7CJ,KAAK,EAAE,IAAAS,mCAAsB,EAAET,KAAM;MACtC,CAAC;MACD,aAAa,EAAE;IAChB,CAAE;EAAC,CACH,CAAC;AAEJ"}
+{"version":3,"names":["_blockEditor","require","save","attributes","height","width","style","layout","selfStretch","finalHeight","undefined","_react","createElement","useBlockProps","getSpacingPresetCssVar"],"sources":["@wordpress/block-library/src/spacer/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { height, width, style } = attributes;\n\tconst { layout: { selfStretch } = {} } = style || {};\n\t// If selfStretch is set to 'fill' or 'fit', don't set default height.\n\tconst finalHeight =\n\t\tselfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( finalHeight ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGH,UAAU;EAC3C,MAAM;IAAEI,MAAM,EAAE;MAAEC;IAAY,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGF,KAAK,IAAI,CAAC,CAAC;EACpD;EACA,MAAMG,WAAW,GAChBD,WAAW,KAAK,MAAM,IAAIA,WAAW,KAAK,KAAK,GAAGE,SAAS,GAAGN,MAAM;EACrE,OACC,IAAAO,MAAA,CAAAC,aAAA;IAAA,GACMC,0BAAa,CAACX,IAAI,CAAE;MACxBI,KAAK,EAAE;QACNF,MAAM,EAAE,IAAAU,mCAAsB,EAAEL,WAAY,CAAC;QAC7CJ,KAAK,EAAE,IAAAS,mCAAsB,EAAET,KAAM;MACtC,CAAC;MACD,aAAa,EAAE;IAChB,CAAE;EAAC,CACH,CAAC;AAEJ"}

package/build/spacer/save.native.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
@@ -16,7 +16,7 @@ function save({
     width
   }
 }) {
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ..._blockEditor.useBlockProps.save({
       style: {
         height: (0, _blockEditor.getSpacingPresetCssVar)(height),

package/build/spacer/save.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","save","attributes","height","width","_element","createElement","useBlockProps","style","getSpacingPresetCssVar"],"sources":["@wordpress/block-library/src/spacer/save.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes: { height, width } } ) {\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( height ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC,UAAU,EAAE;IAAEC,MAAM;IAAEC;EAAM;AAAE,CAAC,EAAG;EACjE,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAA,GACMC,0BAAa,CAACN,IAAI,CAAE;MACxBO,KAAK,EAAE;QACNL,MAAM,EAAE,IAAAM,mCAAsB,EAAEN,MAAO,CAAC;QACxCC,KAAK,EAAE,IAAAK,mCAAsB,EAAEL,KAAM;MACtC,CAAC;MACD,aAAa,EAAE;IAChB,CAAE;EAAC,CACH,CAAC;AAEJ"}
+{"version":3,"names":["_blockEditor","require","save","attributes","height","width","_react","createElement","useBlockProps","style","getSpacingPresetCssVar"],"sources":["@wordpress/block-library/src/spacer/save.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes: { height, width } } ) {\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( height ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC,UAAU,EAAE;IAAEC,MAAM;IAAEC;EAAM;AAAE,CAAC,EAAG;EACjE,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAA,GACMC,0BAAa,CAACN,IAAI,CAAE;MACxBO,KAAK,EAAE;QACNL,MAAM,EAAE,IAAAM,mCAAsB,EAAEN,MAAO,CAAC;QACxCC,KAAK,EAAE,IAAAK,mCAAsB,EAAEL,KAAM;MACtC,CAAC;MACD,aAAa,EAAE;IAChB,CAAE;EAAC,CACH,CAAC;AAEJ"}