@wordpress/block-library 8.19.6 → 8.20.1

package/build/social-link/icons/yelp.js.map

@@ -1 +1 @@
-{"version":3,"names":["_primitives","require","YelpIcon","_element","createElement","SVG","width","height","viewBox","version","Path","d","exports"],"sources":["@wordpress/block-library/src/social-link/icons/yelp.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/primitives';\n\nexport const YelpIcon = () => (\n\t<SVG width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\">\n\t\t<Path d=\"M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,QAAQ,GAAGA,CAAA,KACvB,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC,IAAI;EAACC,OAAO,EAAC,WAAW;EAACC,OAAO,EAAC;AAAK,GAC5D,IAAAN,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAU,IAAI;EAACC,CAAC,EAAC;AAAk4C,CAAE,CACx4C,CACL;AAACC,OAAA,CAAAV,QAAA,GAAAA,QAAA"}
+{"version":3,"names":["_primitives","require","YelpIcon","_react","createElement","SVG","width","height","viewBox","version","Path","d","exports"],"sources":["@wordpress/block-library/src/social-link/icons/yelp.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/primitives';\n\nexport const YelpIcon = () => (\n\t<SVG width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\">\n\t\t<Path d=\"M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,QAAQ,GAAGA,CAAA,KACvB,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC,IAAI;EAACC,OAAO,EAAC,WAAW;EAACC,OAAO,EAAC;AAAK,GAC5D,IAAAN,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAU,IAAI;EAACC,CAAC,EAAC;AAAk4C,CAAE,CACx4C,CACL;AAACC,OAAA,CAAAV,QAAA,GAAAA,QAAA"}

package/build/social-link/icons/youtube.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.YouTubeIcon = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _primitives = require("@wordpress/primitives");
 /**
  * WordPress dependencies
  */
 
-const YouTubeIcon = () => (0, _element.createElement)(_primitives.SVG, {
+const YouTubeIcon = () => (0, _react.createElement)(_primitives.SVG, {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   version: "1.1"
-}, (0, _element.createElement)(_primitives.Path, {
+}, (0, _react.createElement)(_primitives.Path, {
   d: "M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"
 }));
 exports.YouTubeIcon = YouTubeIcon;

package/build/social-link/icons/youtube.js.map

@@ -1 +1 @@
-{"version":3,"names":["_primitives","require","YouTubeIcon","_element","createElement","SVG","width","height","viewBox","version","Path","d","exports"],"sources":["@wordpress/block-library/src/social-link/icons/youtube.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/primitives';\n\nexport const YouTubeIcon = () => (\n\t<SVG width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\">\n\t\t<Path d=\"M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,WAAW,GAAGA,CAAA,KAC1B,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC,IAAI;EAACC,OAAO,EAAC,WAAW;EAACC,OAAO,EAAC;AAAK,GAC5D,IAAAN,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAU,IAAI;EAACC,CAAC,EAAC;AAA8iB,CAAE,CACpjB,CACL;AAACC,OAAA,CAAAV,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["_primitives","require","YouTubeIcon","_react","createElement","SVG","width","height","viewBox","version","Path","d","exports"],"sources":["@wordpress/block-library/src/social-link/icons/youtube.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/primitives';\n\nexport const YouTubeIcon = () => (\n\t<SVG width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\">\n\t\t<Path d=\"M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,WAAW,GAAGA,CAAA,KAC1B,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC,IAAI;EAACC,OAAO,EAAC,WAAW;EAACC,OAAO,EAAC;AAAK,GAC5D,IAAAN,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAU,IAAI;EAACC,CAAC,EAAC;AAA8iB,CAAE,CACpjB,CACL;AAACC,OAAA,CAAAV,WAAA,GAAAA,WAAA"}

package/build/social-link/social-list.js

@@ -21,7 +21,7 @@ var _icons = require("./icons");
  *
  * @param {string} name key for a social service (lowercase slug)
  *
- * @return {WPComponent} Icon component for social service.
+ * @return {Component} Icon component for social service.
  */
 const getIconBySite = name => {
   const variation = _variations.default.find(v => v.name === name);

package/build/social-link/social-list.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_variations","_interopRequireDefault","_icons","getIconBySite","name","variation","variations","find","v","icon","ChainIcon","exports","getNameBySite","title","__"],"sources":["@wordpress/block-library/src/social-link/social-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport variations from './variations';\nimport { ChainIcon } from './icons';\n\n/**\n * Retrieves the social service's icon component.\n *\n * @param {string} name key for a social service (lowercase slug)\n *\n * @return {WPComponent} Icon component for social service.\n */\nexport const getIconBySite = ( name ) => {\n\tconst variation = variations.find( ( v ) => v.name === name );\n\treturn variation ? variation.icon : ChainIcon;\n};\n\n/**\n * Retrieves the display name for the social service.\n *\n * @param {string} name key for a social service (lowercase slug)\n *\n * @return {string} Display name for social service\n */\nexport const getNameBySite = ( name ) => {\n\tconst variation = variations.find( ( v ) => v.name === name );\n\treturn variation ? variation.title : __( 'Social Icon' );\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,aAAa,GAAKC,IAAI,IAAM;EACxC,MAAMC,SAAS,GAAGC,mBAAU,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACJ,IAAI,KAAKA,IAAK,CAAC;EAC7D,OAAOC,SAAS,GAAGA,SAAS,CAACI,IAAI,GAAGC,gBAAS;AAC9C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANAC,OAAA,CAAAR,aAAA,GAAAA,aAAA;AAOO,MAAMS,aAAa,GAAKR,IAAI,IAAM;EACxC,MAAMC,SAAS,GAAGC,mBAAU,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACJ,IAAI,KAAKA,IAAK,CAAC;EAC7D,OAAOC,SAAS,GAAGA,SAAS,CAACQ,KAAK,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;AACzD,CAAC;AAACH,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
+{"version":3,"names":["_i18n","require","_variations","_interopRequireDefault","_icons","getIconBySite","name","variation","variations","find","v","icon","ChainIcon","exports","getNameBySite","title","__"],"sources":["@wordpress/block-library/src/social-link/social-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport variations from './variations';\nimport { ChainIcon } from './icons';\n\n/**\n * Retrieves the social service's icon component.\n *\n * @param {string} name key for a social service (lowercase slug)\n *\n * @return {Component} Icon component for social service.\n */\nexport const getIconBySite = ( name ) => {\n\tconst variation = variations.find( ( v ) => v.name === name );\n\treturn variation ? variation.icon : ChainIcon;\n};\n\n/**\n * Retrieves the display name for the social service.\n *\n * @param {string} name key for a social service (lowercase slug)\n *\n * @return {string} Display name for social service\n */\nexport const getNameBySite = ( name ) => {\n\tconst variation = variations.find( ( v ) => v.name === name );\n\treturn variation ? variation.title : __( 'Social Icon' );\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,aAAa,GAAKC,IAAI,IAAM;EACxC,MAAMC,SAAS,GAAGC,mBAAU,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACJ,IAAI,KAAKA,IAAK,CAAC;EAC7D,OAAOC,SAAS,GAAGA,SAAS,CAACI,IAAI,GAAGC,gBAAS;AAC9C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANAC,OAAA,CAAAR,aAAA,GAAAA,aAAA;AAOO,MAAMS,aAAa,GAAKR,IAAI,IAAM;EACxC,MAAMC,SAAS,GAAGC,mBAAU,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACJ,IAAI,KAAKA,IAAK,CAAC;EAC7D,OAAOC,SAAS,GAAGA,SAAS,CAACQ,KAAK,GAAG,IAAAC,QAAE,EAAE,aAAc,CAAC;AACzD,CAAC;AAACH,OAAA,CAAAC,aAAA,GAAAA,aAAA"}

package/build/social-links/deprecated.js

@@ -5,7 +5,7 @@ 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");
 /**
@@ -112,12 +112,12 @@ const deprecated = [
       '--wp--social-links--icon-color': iconColorValue,
       '--wp--social-links--icon-background-color': iconBackgroundColorValue
     };
-    return (0, _element.createElement)("ul", {
+    return (0, _react.createElement)("ul", {
       ..._blockEditor.useBlockProps.save({
         className,
         style
       })
-    }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null));
   }
 }];
 var _default = deprecated;

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","migrateWithLayout","attributes","layout","className","prefix","justifiedItemsRegex","RegExp","newAttributes","replace","trim","justifyContent","match","Object","assign","type","slice","length","deprecated","iconColor","customIconColor","iconColorValue","iconBackgroundColor","customIconBackgroundColor","iconBackgroundColorValue","openInNewTab","default","size","providesContext","supports","align","anchor","migrate","save","props","itemsJustification","classNames","style","_element","createElement","useBlockProps","InnerBlocks","Content","_default","exports"],"sources":["@wordpress/block-library/src/social-links/deprecated.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * The specific handling by `className` below is needed because `itemsJustification`\n * was introduced in https://github.com/WordPress/gutenberg/pull/28980/files and wasn't\n * declared in block.json.\n *\n * @param {Object} attributes Block's attributes.\n */\nconst migrateWithLayout = ( attributes ) => {\n\tif ( !! attributes.layout ) {\n\t\treturn attributes;\n\t}\n\tconst { className } = attributes;\n\t// Matches classes with `items-justified-` prefix.\n\tconst prefix = `items-justified-`;\n\tconst justifiedItemsRegex = new RegExp( `\\\\b${ prefix }[^ ]*[ ]?\\\\b`, 'g' );\n\tconst newAttributes = {\n\t\t...attributes,\n\t\tclassName: className?.replace( justifiedItemsRegex, '' ).trim(),\n\t};\n\t/**\n\t * Add `layout` prop only if `justifyContent` is defined, for backwards\n\t * compatibility. In other cases the block's default layout will be used.\n\t * Also noting that due to the missing attribute, it's possible for a block\n\t * to have more than one of `justified` classes.\n\t */\n\tconst justifyContent = className\n\t\t?.match( justifiedItemsRegex )?.[ 0 ]\n\t\t?.trim();\n\tif ( justifyContent ) {\n\t\tObject.assign( newAttributes, {\n\t\t\tlayout: {\n\t\t\t\ttype: 'flex',\n\t\t\t\tjustifyContent: justifyContent.slice( prefix.length ),\n\t\t\t},\n\t\t} );\n\t}\n\treturn newAttributes;\n};\n\n// Social Links block deprecations.\nconst deprecated = [\n\t// V1. Remove CSS variable use for colors.\n\t{\n\t\tattributes: {\n\t\t\ticonColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tcustomIconColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ticonColorValue: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ticonBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tcustomIconBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ticonBackgroundColorValue: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\topenInNewTab: {\n\t\t\t\ttype: 'boolean',\n\t\t\t\tdefault: false,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t},\n\t\tprovidesContext: {\n\t\t\topenInNewTab: 'openInNewTab',\n\t\t},\n\t\tsupports: {\n\t\t\talign: [ 'left', 'center', 'right' ],\n\t\t\tanchor: true,\n\t\t},\n\t\tmigrate: migrateWithLayout,\n\t\tsave: ( props ) => {\n\t\t\tconst {\n\t\t\t\tattributes: {\n\t\t\t\t\ticonBackgroundColorValue,\n\t\t\t\t\ticonColorValue,\n\t\t\t\t\titemsJustification,\n\t\t\t\t\tsize,\n\t\t\t\t},\n\t\t\t} = props;\n\n\t\t\tconst className = classNames( size, {\n\t\t\t\t'has-icon-color': iconColorValue,\n\t\t\t\t'has-icon-background-color': iconBackgroundColorValue,\n\t\t\t\t[ `items-justified-${ itemsJustification }` ]:\n\t\t\t\t\titemsJustification,\n\t\t\t} );\n\n\t\t\tconst style = {\n\t\t\t\t'--wp--social-links--icon-color': iconColorValue,\n\t\t\t\t'--wp--social-links--icon-background-color':\n\t\t\t\t\ticonBackgroundColorValue,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<ul { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</ul>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","migrateWithLayout","attributes","layout","className","prefix","justifiedItemsRegex","RegExp","newAttributes","replace","trim","justifyContent","match","Object","assign","type","slice","length","deprecated","iconColor","customIconColor","iconColorValue","iconBackgroundColor","customIconBackgroundColor","iconBackgroundColorValue","openInNewTab","default","size","providesContext","supports","align","anchor","migrate","save","props","itemsJustification","classNames","style","_react","createElement","useBlockProps","InnerBlocks","Content","_default","exports"],"sources":["@wordpress/block-library/src/social-links/deprecated.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * The specific handling by `className` below is needed because `itemsJustification`\n * was introduced in https://github.com/WordPress/gutenberg/pull/28980/files and wasn't\n * declared in block.json.\n *\n * @param {Object} attributes Block's attributes.\n */\nconst migrateWithLayout = ( attributes ) => {\n\tif ( !! attributes.layout ) {\n\t\treturn attributes;\n\t}\n\tconst { className } = attributes;\n\t// Matches classes with `items-justified-` prefix.\n\tconst prefix = `items-justified-`;\n\tconst justifiedItemsRegex = new RegExp( `\\\\b${ prefix }[^ ]*[ ]?\\\\b`, 'g' );\n\tconst newAttributes = {\n\t\t...attributes,\n\t\tclassName: className?.replace( justifiedItemsRegex, '' ).trim(),\n\t};\n\t/**\n\t * Add `layout` prop only if `justifyContent` is defined, for backwards\n\t * compatibility. In other cases the block's default layout will be used.\n\t * Also noting that due to the missing attribute, it's possible for a block\n\t * to have more than one of `justified` classes.\n\t */\n\tconst justifyContent = className\n\t\t?.match( justifiedItemsRegex )?.[ 0 ]\n\t\t?.trim();\n\tif ( justifyContent ) {\n\t\tObject.assign( newAttributes, {\n\t\t\tlayout: {\n\t\t\t\ttype: 'flex',\n\t\t\t\tjustifyContent: justifyContent.slice( prefix.length ),\n\t\t\t},\n\t\t} );\n\t}\n\treturn newAttributes;\n};\n\n// Social Links block deprecations.\nconst deprecated = [\n\t// V1. Remove CSS variable use for colors.\n\t{\n\t\tattributes: {\n\t\t\ticonColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tcustomIconColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ticonColorValue: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ticonBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tcustomIconBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\ticonBackgroundColorValue: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\topenInNewTab: {\n\t\t\t\ttype: 'boolean',\n\t\t\t\tdefault: false,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t},\n\t\tprovidesContext: {\n\t\t\topenInNewTab: 'openInNewTab',\n\t\t},\n\t\tsupports: {\n\t\t\talign: [ 'left', 'center', 'right' ],\n\t\t\tanchor: true,\n\t\t},\n\t\tmigrate: migrateWithLayout,\n\t\tsave: ( props ) => {\n\t\t\tconst {\n\t\t\t\tattributes: {\n\t\t\t\t\ticonBackgroundColorValue,\n\t\t\t\t\ticonColorValue,\n\t\t\t\t\titemsJustification,\n\t\t\t\t\tsize,\n\t\t\t\t},\n\t\t\t} = props;\n\n\t\t\tconst className = classNames( size, {\n\t\t\t\t'has-icon-color': iconColorValue,\n\t\t\t\t'has-icon-background-color': iconBackgroundColorValue,\n\t\t\t\t[ `items-justified-${ itemsJustification }` ]:\n\t\t\t\t\titemsJustification,\n\t\t\t} );\n\n\t\t\tconst style = {\n\t\t\t\t'--wp--social-links--icon-color': iconColorValue,\n\t\t\t\t'--wp--social-links--icon-background-color':\n\t\t\t\t\ticonBackgroundColorValue,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<ul { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</ul>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"],"mappings":"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"}

package/build/social-links/edit.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SocialLinksEdit = SocialLinksEdit;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -77,18 +78,18 @@ function SocialLinksEdit(props) {
       });
     }
   }, [logosOnly]);
-  const SocialPlaceholder = (0, _element.createElement)("li", {
+  const SocialPlaceholder = (0, _react.createElement)("li", {
     className: "wp-block-social-links__social-placeholder"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "wp-block-social-links__social-placeholder-icons"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "wp-social-link wp-social-link-twitter"
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     className: "wp-social-link wp-social-link-facebook"
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     className: "wp-social-link wp-social-link-instagram"
   })));
-  const SelectedSocialPlaceholder = (0, _element.createElement)("li", {
+  const SelectedSocialPlaceholder = (0, _react.createElement)("li", {
     className: "wp-block-social-links__social-prompt"
   }, (0, _i18n.__)('Click plus to add'));
 
@@ -151,17 +152,17 @@ function SocialLinksEdit(props) {
     });
   }
   const colorGradientSettings = (0, _blockEditor.__experimentalUseMultipleOriginColorsAndGradients)();
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.BlockControls, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "other"
-  }, (0, _element.createElement)(_components.ToolbarDropdownMenu, {
+  }, (0, _react.createElement)(_components.ToolbarDropdownMenu, {
     label: (0, _i18n.__)('Size'),
     text: (0, _i18n.__)('Size'),
     icon: null,
     popoverProps: POPOVER_PROPS
   }, ({
     onClose
-  }) => (0, _element.createElement)(_components.MenuGroup, null, sizeOptions.map(entry => {
-    return (0, _element.createElement)(_components.MenuItem, {
+  }) => (0, _react.createElement)(_components.MenuGroup, null, sizeOptions.map(entry => {
+    return (0, _react.createElement)(_components.MenuItem, {
       icon: (size === entry.value || !size && entry.value === 'has-normal-icon-size') && _icons.check,
       isSelected: size === entry.value,
       key: entry.value,
@@ -173,30 +174,30 @@ function SocialLinksEdit(props) {
       onClose: onClose,
       role: "menuitemradio"
     }, entry.name);
-  })))), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  })))), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Open links in new tab'),
     checked: openInNewTab,
     onChange: () => setAttributes({
       openInNewTab: !openInNewTab
     })
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Show labels'),
     checked: showLabels,
     onChange: () => setAttributes({
       showLabels: !showLabels
     })
-  }))), colorGradientSettings.hasColorsOrGradients && (0, _element.createElement)(_blockEditor.InspectorControls, {
+  }))), colorGradientSettings.hasColorsOrGradients && (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "color"
   }, colorSettings.map(({
     onChange,
     label,
     value,
     resetAllFilter
-  }) => (0, _element.createElement)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
+  }) => (0, _react.createElement)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
     key: `social-links-color-${label}`,
     __experimentalIsRenderedInSidebar: true,
     settings: [{
@@ -209,11 +210,11 @@ function SocialLinksEdit(props) {
     }],
     panelId: clientId,
     ...colorGradientSettings
-  })), !logosOnly && (0, _element.createElement)(_blockEditor.ContrastChecker, {
+  })), !logosOnly && (0, _react.createElement)(_blockEditor.ContrastChecker, {
     textColor: iconColorValue,
     backgroundColor: iconBackgroundColorValue,
     isLargeText: false
-  })), (0, _element.createElement)("ul", {
+  })), (0, _react.createElement)("ul", {
     ...innerBlocksProps
   }));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_components","_i18n","_icons","ALLOWED_BLOCKS","sizeOptions","name","__","value","SocialLinksEdit","props","_attributes$layout$or","clientId","attributes","iconBackgroundColor","iconColor","isSelected","setAttributes","setIconBackgroundColor","setIconColor","iconBackgroundColorValue","customIconBackgroundColor","iconColorValue","openInNewTab","showLabels","size","logosOnly","className","includes","backgroundBackup","useRef","useEffect","current","undefined","SocialPlaceholder","createElement","SelectedSocialPlaceholder","classNames","color","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","allowedBlocks","placeholder","templateLock","orientation","layout","__experimentalAppenderTagName","POPOVER_PROPS","position","colorSettings","onChange","colorValue","label","resetAllFilter","push","colorGradientSettings","useMultipleOriginColorsAndGradients","Fragment","BlockControls","group","ToolbarDropdownMenu","text","icon","popoverProps","onClose","MenuGroup","map","entry","MenuItem","check","key","onClick","role","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","checked","hasColorsOrGradients","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","onColorChange","isShownByDefault","enableAlpha","panelId","ContrastChecker","textColor","backgroundColor","isLargeText","iconColorAttributes","_default","withColors","exports","default"],"sources":["@wordpress/block-library/src/social-links/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tuseInnerBlocksProps,\n\tuseBlockProps,\n\tInspectorControls,\n\tContrastChecker,\n\twithColors,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPanelBody,\n\tToggleControl,\n\tToolbarDropdownMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\n\nconst ALLOWED_BLOCKS = [ 'core/social-link' ];\n\nconst sizeOptions = [\n\t{ name: __( 'Small' ), value: 'has-small-icon-size' },\n\t{ name: __( 'Normal' ), value: 'has-normal-icon-size' },\n\t{ name: __( 'Large' ), value: 'has-large-icon-size' },\n\t{ name: __( 'Huge' ), value: 'has-huge-icon-size' },\n];\n\nexport function SocialLinksEdit( props ) {\n\tconst {\n\t\tclientId,\n\t\tattributes,\n\t\ticonBackgroundColor,\n\t\ticonColor,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tsetIconBackgroundColor,\n\t\tsetIconColor,\n\t} = props;\n\n\tconst {\n\t\ticonBackgroundColorValue,\n\t\tcustomIconBackgroundColor,\n\t\ticonColorValue,\n\t\topenInNewTab,\n\t\tshowLabels,\n\t\tsize,\n\t} = attributes;\n\n\tconst logosOnly = attributes.className?.includes( 'is-style-logos-only' );\n\n\t// Remove icon background color when logos only style is selected or\n\t// restore it when any other style is selected.\n\tconst backgroundBackup = useRef( {} );\n\tuseEffect( () => {\n\t\tif ( logosOnly ) {\n\t\t\tbackgroundBackup.current = {\n\t\t\t\ticonBackgroundColor,\n\t\t\t\ticonBackgroundColorValue,\n\t\t\t\tcustomIconBackgroundColor,\n\t\t\t};\n\t\t\tsetAttributes( {\n\t\t\t\ticonBackgroundColor: undefined,\n\t\t\t\tcustomIconBackgroundColor: undefined,\n\t\t\t\ticonBackgroundColorValue: undefined,\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAttributes( { ...backgroundBackup.current } );\n\t\t}\n\t}, [ logosOnly ] );\n\n\tconst SocialPlaceholder = (\n\t\t<li className=\"wp-block-social-links__social-placeholder\">\n\t\t\t<div className=\"wp-block-social-links__social-placeholder-icons\">\n\t\t\t\t<div className=\"wp-social-link wp-social-link-twitter\"></div>\n\t\t\t\t<div className=\"wp-social-link wp-social-link-facebook\"></div>\n\t\t\t\t<div className=\"wp-social-link wp-social-link-instagram\"></div>\n\t\t\t</div>\n\t\t</li>\n\t);\n\n\tconst SelectedSocialPlaceholder = (\n\t\t<li className=\"wp-block-social-links__social-prompt\">\n\t\t\t{ __( 'Click plus to add' ) }\n\t\t</li>\n\t);\n\n\t// Fallback color values are used maintain selections in case switching\n\t// themes and named colors in palette do not match.\n\tconst className = classNames( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColor.color || iconColorValue,\n\t\t'has-icon-background-color':\n\t\t\ticonBackgroundColor.color || iconBackgroundColorValue,\n\t} );\n\n\tconst blockProps = useBlockProps( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\tplaceholder: isSelected ? SelectedSocialPlaceholder : SocialPlaceholder,\n\t\ttemplateLock: false,\n\t\torientation: attributes.layout?.orientation ?? 'horizontal',\n\t\t__experimentalAppenderTagName: 'li',\n\t} );\n\n\tconst POPOVER_PROPS = {\n\t\tposition: 'bottom right',\n\t};\n\n\tconst colorSettings = [\n\t\t{\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconColor.color || iconColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconColor( colorValue );\n\t\t\t\tsetAttributes( { iconColorValue: colorValue } );\n\t\t\t},\n\t\t\tlabel: __( 'Icon color' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconColor( undefined );\n\t\t\t\tsetAttributes( { iconColorValue: undefined } );\n\t\t\t},\n\t\t},\n\t];\n\n\tif ( ! logosOnly ) {\n\t\tcolorSettings.push( {\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconBackgroundColor.color || iconBackgroundColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconBackgroundColor( colorValue );\n\t\t\t\tsetAttributes( {\n\t\t\t\t\ticonBackgroundColorValue: colorValue,\n\t\t\t\t} );\n\t\t\t},\n\t\t\tlabel: __( 'Icon background' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconBackgroundColor( undefined );\n\t\t\t\tsetAttributes( { iconBackgroundColorValue: undefined } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\ttext={ __( 'Size' ) }\n\t\t\t\t\ticon={ null }\n\t\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ sizeOptions.map( ( entry ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t( size === entry.value ||\n\t\t\t\t\t\t\t\t\t\t\t\t( ! size &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tentry.value ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'has-normal-icon-size' ) ) &&\n\t\t\t\t\t\t\t\t\t\t\tcheck\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisSelected={ size === entry.value }\n\t\t\t\t\t\t\t\t\t\tkey={ entry.value }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\t\tsize: entry.value,\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ entry.name }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarDropdownMenu>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: ! openInNewTab } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show labels' ) }\n\t\t\t\t\t\tchecked={ showLabels }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { showLabels: ! showLabels } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t{ colorSettings.map(\n\t\t\t\t\t\t( { onChange, label, value, resetAllFilter } ) => (\n\t\t\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t\t\tkey={ `social-links-color-${ label }` }\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tcolorValue: value,\n\t\t\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\t\t\tonColorChange: onChange,\n\t\t\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\t\t\tresetAllFilter,\n\t\t\t\t\t\t\t\t\t\tenableAlpha: true,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! logosOnly && (\n\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t{ ...{\n\t\t\t\t\t\t\t\ttextColor: iconColorValue,\n\t\t\t\t\t\t\t\tbackgroundColor: iconBackgroundColorValue,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisLargeText={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<ul { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nconst iconColorAttributes = {\n\ticonColor: 'icon-color',\n\ticonBackgroundColor: 'icon-background-color',\n};\n\nexport default withColors( iconColorAttributes )( SocialLinksEdit );\n"],"mappings":";;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAMA,IAAAG,YAAA,GAAAH,OAAA;AAUA,IAAAI,WAAA,GAAAJ,OAAA;AAOA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AA3BA;AACA;AACA;;AAGA;AACA;AACA;;AAsBA,MAAMO,cAAc,GAAG,CAAE,kBAAkB,CAAE;AAE7C,MAAMC,WAAW,GAAG,CACnB;EAAEC,IAAI,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACrD;EAAEF,IAAI,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EAAEC,KAAK,EAAE;AAAuB,CAAC,EACvD;EAAEF,IAAI,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EAAEC,KAAK,EAAE;AAAsB,CAAC,EACrD;EAAEF,IAAI,EAAE,IAAAC,QAAE,EAAE,MAAO,CAAC;EAAEC,KAAK,EAAE;AAAqB,CAAC,CACnD;AAEM,SAASC,eAAeA,CAAEC,KAAK,EAAG;EAAA,IAAAC,qBAAA;EACxC,MAAM;IACLC,QAAQ;IACRC,UAAU;IACVC,mBAAmB;IACnBC,SAAS;IACTC,UAAU;IACVC,aAAa;IACbC,sBAAsB;IACtBC;EACD,CAAC,GAAGT,KAAK;EAET,MAAM;IACLU,wBAAwB;IACxBC,yBAAyB;IACzBC,cAAc;IACdC,YAAY;IACZC,UAAU;IACVC;EACD,CAAC,GAAGZ,UAAU;EAEd,MAAMa,SAAS,GAAGb,UAAU,CAACc,SAAS,EAAEC,QAAQ,CAAE,qBAAsB,CAAC;;EAEzE;EACA;EACA,MAAMC,gBAAgB,GAAG,IAAAC,eAAM,EAAE,CAAC,CAAE,CAAC;EACrC,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,SAAS,EAAG;MAChBG,gBAAgB,CAACG,OAAO,GAAG;QAC1BlB,mBAAmB;QACnBM,wBAAwB;QACxBC;MACD,CAAC;MACDJ,aAAa,CAAE;QACdH,mBAAmB,EAAEmB,SAAS;QAC9BZ,yBAAyB,EAAEY,SAAS;QACpCb,wBAAwB,EAAEa;MAC3B,CAAE,CAAC;IACJ,CAAC,MAAM;MACNhB,aAAa,CAAE;QAAE,GAAGY,gBAAgB,CAACG;MAAQ,CAAE,CAAC;IACjD;EACD,CAAC,EAAE,CAAEN,SAAS,CAAG,CAAC;EAElB,MAAMQ,iBAAiB,GACtB,IAAAtC,QAAA,CAAAuC,aAAA;IAAIR,SAAS,EAAC;EAA2C,GACxD,IAAA/B,QAAA,CAAAuC,aAAA;IAAKR,SAAS,EAAC;EAAiD,GAC/D,IAAA/B,QAAA,CAAAuC,aAAA;IAAKR,SAAS,EAAC;EAAuC,CAAM,CAAC,EAC7D,IAAA/B,QAAA,CAAAuC,aAAA;IAAKR,SAAS,EAAC;EAAwC,CAAM,CAAC,EAC9D,IAAA/B,QAAA,CAAAuC,aAAA;IAAKR,SAAS,EAAC;EAAyC,CAAM,CAC1D,CACF,CACJ;EAED,MAAMS,yBAAyB,GAC9B,IAAAxC,QAAA,CAAAuC,aAAA;IAAIR,SAAS,EAAC;EAAsC,GACjD,IAAApB,QAAE,EAAE,mBAAoB,CACvB,CACJ;;EAED;EACA;EACA,MAAMoB,SAAS,GAAG,IAAAU,mBAAU,EAAEZ,IAAI,EAAE;IACnC,oBAAoB,EAAED,UAAU;IAChC,gBAAgB,EAAET,SAAS,CAACuB,KAAK,IAAIhB,cAAc;IACnD,2BAA2B,EAC1BR,mBAAmB,CAACwB,KAAK,IAAIlB;EAC/B,CAAE,CAAC;EAEH,MAAMmB,UAAU,GAAG,IAAAC,0BAAa,EAAE;IAAEb;EAAU,CAAE,CAAC;EACjD,MAAMc,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,aAAa,EAAEvC,cAAc;IAC7BwC,WAAW,EAAE5B,UAAU,GAAGoB,yBAAyB,GAAGF,iBAAiB;IACvEW,YAAY,EAAE,KAAK;IACnBC,WAAW,GAAAnC,qBAAA,GAAEE,UAAU,CAACkC,MAAM,EAAED,WAAW,cAAAnC,qBAAA,cAAAA,qBAAA,GAAI,YAAY;IAC3DqC,6BAA6B,EAAE;EAChC,CAAE,CAAC;EAEH,MAAMC,aAAa,GAAG;IACrBC,QAAQ,EAAE;EACX,CAAC;EAED,MAAMC,aAAa,GAAG,CACrB;IACC;IACA;IACA3C,KAAK,EAAEO,SAAS,CAACuB,KAAK,IAAIhB,cAAc;IACxC8B,QAAQ,EAAIC,UAAU,IAAM;MAC3BlC,YAAY,CAAEkC,UAAW,CAAC;MAC1BpC,aAAa,CAAE;QAAEK,cAAc,EAAE+B;MAAW,CAAE,CAAC;IAChD,CAAC;IACDC,KAAK,EAAE,IAAA/C,QAAE,EAAE,YAAa,CAAC;IACzBgD,cAAc,EAAEA,CAAA,KAAM;MACrBpC,YAAY,CAAEc,SAAU,CAAC;MACzBhB,aAAa,CAAE;QAAEK,cAAc,EAAEW;MAAU,CAAE,CAAC;IAC/C;EACD,CAAC,CACD;EAED,IAAK,CAAEP,SAAS,EAAG;IAClByB,aAAa,CAACK,IAAI,CAAE;MACnB;MACA;MACAhD,KAAK,EAAEM,mBAAmB,CAACwB,KAAK,IAAIlB,wBAAwB;MAC5DgC,QAAQ,EAAIC,UAAU,IAAM;QAC3BnC,sBAAsB,CAAEmC,UAAW,CAAC;QACpCpC,aAAa,CAAE;UACdG,wBAAwB,EAAEiC;QAC3B,CAAE,CAAC;MACJ,CAAC;MACDC,KAAK,EAAE,IAAA/C,QAAE,EAAE,iBAAkB,CAAC;MAC9BgD,cAAc,EAAEA,CAAA,KAAM;QACrBrC,sBAAsB,CAAEe,SAAU,CAAC;QACnChB,aAAa,CAAE;UAAEG,wBAAwB,EAAEa;QAAU,CAAE,CAAC;MACzD;IACD,CAAE,CAAC;EACJ;EAEA,MAAMwB,qBAAqB,GAAG,IAAAC,8DAAmC,EAAC,CAAC;EAEnE,OACC,IAAA9D,QAAA,CAAAuC,aAAA,EAAAvC,QAAA,CAAA+D,QAAA,QACC,IAAA/D,QAAA,CAAAuC,aAAA,EAACnC,YAAA,CAAA4D,aAAa;IAACC,KAAK,EAAC;EAAO,GAC3B,IAAAjE,QAAA,CAAAuC,aAAA,EAAClC,WAAA,CAAA6D,mBAAmB;IACnBR,KAAK,EAAG,IAAA/C,QAAE,EAAE,MAAO,CAAG;IACtBwD,IAAI,EAAG,IAAAxD,QAAE,EAAE,MAAO,CAAG;IACrByD,IAAI,EAAG,IAAM;IACbC,YAAY,EAAGhB;EAAe,GAE5B,CAAE;IAAEiB;EAAQ,CAAC,KACd,IAAAtE,QAAA,CAAAuC,aAAA,EAAClC,WAAA,CAAAkE,SAAS,QACP9D,WAAW,CAAC+D,GAAG,CAAIC,KAAK,IAAM;IAC/B,OACC,IAAAzE,QAAA,CAAAuC,aAAA,EAAClC,WAAA,CAAAqE,QAAQ;MACRN,IAAI,EACH,CAAEvC,IAAI,KAAK4C,KAAK,CAAC7D,KAAK,IACnB,CAAEiB,IAAI,IACP4C,KAAK,CAAC7D,KAAK,KACV,sBAAwB,KAC3B+D,YACA;MACDvD,UAAU,EAAGS,IAAI,KAAK4C,KAAK,CAAC7D,KAAO;MACnCgE,GAAG,EAAGH,KAAK,CAAC7D,KAAO;MACnBiE,OAAO,EAAGA,CAAA,KAAM;QACfxD,aAAa,CAAE;UACdQ,IAAI,EAAE4C,KAAK,CAAC7D;QACb,CAAE,CAAC;MACJ,CAAG;MACH0D,OAAO,EAAGA,OAAS;MACnBQ,IAAI,EAAC;IAAe,GAElBL,KAAK,CAAC/D,IACC,CAAC;EAEb,CAAE,CACQ,CAEQ,CACP,CAAC,EAChB,IAAAV,QAAA,CAAAuC,aAAA,EAACnC,YAAA,CAAA2E,iBAAiB,QACjB,IAAA/E,QAAA,CAAAuC,aAAA,EAAClC,WAAA,CAAA2E,SAAS;IAACC,KAAK,EAAG,IAAAtE,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAX,QAAA,CAAAuC,aAAA,EAAClC,WAAA,CAAA6E,aAAa;IACbC,uBAAuB;IACvBzB,KAAK,EAAG,IAAA/C,QAAE,EAAE,uBAAwB,CAAG;IACvCyE,OAAO,EAAGzD,YAAc;IACxB6B,QAAQ,EAAGA,CAAA,KACVnC,aAAa,CAAE;MAAEM,YAAY,EAAE,CAAEA;IAAa,CAAE;EAChD,CACD,CAAC,EACF,IAAA3B,QAAA,CAAAuC,aAAA,EAAClC,WAAA,CAAA6E,aAAa;IACbC,uBAAuB;IACvBzB,KAAK,EAAG,IAAA/C,QAAE,EAAE,aAAc,CAAG;IAC7ByE,OAAO,EAAGxD,UAAY;IACtB4B,QAAQ,EAAGA,CAAA,KACVnC,aAAa,CAAE;MAAEO,UAAU,EAAE,CAAEA;IAAW,CAAE;EAC5C,CACD,CACS,CACO,CAAC,EAClBiC,qBAAqB,CAACwB,oBAAoB,IAC3C,IAAArF,QAAA,CAAAuC,aAAA,EAACnC,YAAA,CAAA2E,iBAAiB;IAACd,KAAK,EAAC;EAAO,GAC7BV,aAAa,CAACiB,GAAG,CAClB,CAAE;IAAEhB,QAAQ;IAAEE,KAAK;IAAE9C,KAAK;IAAE+C;EAAe,CAAC,KAC3C,IAAA3D,QAAA,CAAAuC,aAAA,EAACnC,YAAA,CAAAkF,2CAA6B;IAC7BV,GAAG,EAAI,sBAAsBlB,KAAO,EAAG;IACvC6B,iCAAiC;IACjCC,QAAQ,EAAG,CACV;MACC/B,UAAU,EAAE7C,KAAK;MACjB8C,KAAK;MACL+B,aAAa,EAAEjC,QAAQ;MACvBkC,gBAAgB,EAAE,IAAI;MACtB/B,cAAc;MACdgC,WAAW,EAAE;IACd,CAAC,CACC;IACHC,OAAO,EAAG5E,QAAU;IAAA,GACf6C;EAAqB,CAC1B,CAEH,CAAC,EACC,CAAE/B,SAAS,IACZ,IAAA9B,QAAA,CAAAuC,aAAA,EAACnC,YAAA,CAAAyF,eAAe;IAEdC,SAAS,EAAEpE,cAAc;IACzBqE,eAAe,EAAEvE,wBAAwB;IAE1CwE,WAAW,EAAG;EAAO,CACrB,CAEgB,CACnB,EACD,IAAAhG,QAAA,CAAAuC,aAAA;IAAA,GAASM;EAAgB,CAAI,CAC5B,CAAC;AAEL;AAEA,MAAMoD,mBAAmB,GAAG;EAC3B9E,SAAS,EAAE,YAAY;EACvBD,mBAAmB,EAAE;AACtB,CAAC;AAAC,IAAAgF,QAAA,GAEa,IAAAC,uBAAU,EAAEF,mBAAoB,CAAC,CAAEpF,eAAgB,CAAC;AAAAuF,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_blockEditor","_components","_i18n","_icons","ALLOWED_BLOCKS","sizeOptions","name","__","value","SocialLinksEdit","props","_attributes$layout$or","clientId","attributes","iconBackgroundColor","iconColor","isSelected","setAttributes","setIconBackgroundColor","setIconColor","iconBackgroundColorValue","customIconBackgroundColor","iconColorValue","openInNewTab","showLabels","size","logosOnly","className","includes","backgroundBackup","useRef","useEffect","current","undefined","SocialPlaceholder","_react","createElement","SelectedSocialPlaceholder","classNames","color","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","allowedBlocks","placeholder","templateLock","orientation","layout","__experimentalAppenderTagName","POPOVER_PROPS","position","colorSettings","onChange","colorValue","label","resetAllFilter","push","colorGradientSettings","useMultipleOriginColorsAndGradients","Fragment","BlockControls","group","ToolbarDropdownMenu","text","icon","popoverProps","onClose","MenuGroup","map","entry","MenuItem","check","key","onClick","role","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","checked","hasColorsOrGradients","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","onColorChange","isShownByDefault","enableAlpha","panelId","ContrastChecker","textColor","backgroundColor","isLargeText","iconColorAttributes","_default","withColors","exports","default"],"sources":["@wordpress/block-library/src/social-links/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tuseInnerBlocksProps,\n\tuseBlockProps,\n\tInspectorControls,\n\tContrastChecker,\n\twithColors,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tPanelBody,\n\tToggleControl,\n\tToolbarDropdownMenu,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\n\nconst ALLOWED_BLOCKS = [ 'core/social-link' ];\n\nconst sizeOptions = [\n\t{ name: __( 'Small' ), value: 'has-small-icon-size' },\n\t{ name: __( 'Normal' ), value: 'has-normal-icon-size' },\n\t{ name: __( 'Large' ), value: 'has-large-icon-size' },\n\t{ name: __( 'Huge' ), value: 'has-huge-icon-size' },\n];\n\nexport function SocialLinksEdit( props ) {\n\tconst {\n\t\tclientId,\n\t\tattributes,\n\t\ticonBackgroundColor,\n\t\ticonColor,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tsetIconBackgroundColor,\n\t\tsetIconColor,\n\t} = props;\n\n\tconst {\n\t\ticonBackgroundColorValue,\n\t\tcustomIconBackgroundColor,\n\t\ticonColorValue,\n\t\topenInNewTab,\n\t\tshowLabels,\n\t\tsize,\n\t} = attributes;\n\n\tconst logosOnly = attributes.className?.includes( 'is-style-logos-only' );\n\n\t// Remove icon background color when logos only style is selected or\n\t// restore it when any other style is selected.\n\tconst backgroundBackup = useRef( {} );\n\tuseEffect( () => {\n\t\tif ( logosOnly ) {\n\t\t\tbackgroundBackup.current = {\n\t\t\t\ticonBackgroundColor,\n\t\t\t\ticonBackgroundColorValue,\n\t\t\t\tcustomIconBackgroundColor,\n\t\t\t};\n\t\t\tsetAttributes( {\n\t\t\t\ticonBackgroundColor: undefined,\n\t\t\t\tcustomIconBackgroundColor: undefined,\n\t\t\t\ticonBackgroundColorValue: undefined,\n\t\t\t} );\n\t\t} else {\n\t\t\tsetAttributes( { ...backgroundBackup.current } );\n\t\t}\n\t}, [ logosOnly ] );\n\n\tconst SocialPlaceholder = (\n\t\t<li className=\"wp-block-social-links__social-placeholder\">\n\t\t\t<div className=\"wp-block-social-links__social-placeholder-icons\">\n\t\t\t\t<div className=\"wp-social-link wp-social-link-twitter\"></div>\n\t\t\t\t<div className=\"wp-social-link wp-social-link-facebook\"></div>\n\t\t\t\t<div className=\"wp-social-link wp-social-link-instagram\"></div>\n\t\t\t</div>\n\t\t</li>\n\t);\n\n\tconst SelectedSocialPlaceholder = (\n\t\t<li className=\"wp-block-social-links__social-prompt\">\n\t\t\t{ __( 'Click plus to add' ) }\n\t\t</li>\n\t);\n\n\t// Fallback color values are used maintain selections in case switching\n\t// themes and named colors in palette do not match.\n\tconst className = classNames( size, {\n\t\t'has-visible-labels': showLabels,\n\t\t'has-icon-color': iconColor.color || iconColorValue,\n\t\t'has-icon-background-color':\n\t\t\ticonBackgroundColor.color || iconBackgroundColorValue,\n\t} );\n\n\tconst blockProps = useBlockProps( { className } );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\tplaceholder: isSelected ? SelectedSocialPlaceholder : SocialPlaceholder,\n\t\ttemplateLock: false,\n\t\torientation: attributes.layout?.orientation ?? 'horizontal',\n\t\t__experimentalAppenderTagName: 'li',\n\t} );\n\n\tconst POPOVER_PROPS = {\n\t\tposition: 'bottom right',\n\t};\n\n\tconst colorSettings = [\n\t\t{\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconColor.color || iconColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconColor( colorValue );\n\t\t\t\tsetAttributes( { iconColorValue: colorValue } );\n\t\t\t},\n\t\t\tlabel: __( 'Icon color' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconColor( undefined );\n\t\t\t\tsetAttributes( { iconColorValue: undefined } );\n\t\t\t},\n\t\t},\n\t];\n\n\tif ( ! logosOnly ) {\n\t\tcolorSettings.push( {\n\t\t\t// Use custom attribute as fallback to prevent loss of named color selection when\n\t\t\t// switching themes to a new theme that does not have a matching named color.\n\t\t\tvalue: iconBackgroundColor.color || iconBackgroundColorValue,\n\t\t\tonChange: ( colorValue ) => {\n\t\t\t\tsetIconBackgroundColor( colorValue );\n\t\t\t\tsetAttributes( {\n\t\t\t\t\ticonBackgroundColorValue: colorValue,\n\t\t\t\t} );\n\t\t\t},\n\t\t\tlabel: __( 'Icon background' ),\n\t\t\tresetAllFilter: () => {\n\t\t\t\tsetIconBackgroundColor( undefined );\n\t\t\t\tsetAttributes( { iconBackgroundColorValue: undefined } );\n\t\t\t},\n\t\t} );\n\t}\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\ttext={ __( 'Size' ) }\n\t\t\t\t\ticon={ null }\n\t\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ sizeOptions.map( ( entry ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t( size === entry.value ||\n\t\t\t\t\t\t\t\t\t\t\t\t( ! size &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tentry.value ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'has-normal-icon-size' ) ) &&\n\t\t\t\t\t\t\t\t\t\t\tcheck\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisSelected={ size === entry.value }\n\t\t\t\t\t\t\t\t\t\tkey={ entry.value }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\t\tsize: entry.value,\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ entry.name }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarDropdownMenu>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Open links in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewTab }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { openInNewTab: ! openInNewTab } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show labels' ) }\n\t\t\t\t\t\tchecked={ showLabels }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { showLabels: ! showLabels } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t{ colorSettings.map(\n\t\t\t\t\t\t( { onChange, label, value, resetAllFilter } ) => (\n\t\t\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t\t\tkey={ `social-links-color-${ label }` }\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tcolorValue: value,\n\t\t\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\t\t\tonColorChange: onChange,\n\t\t\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\t\t\tresetAllFilter,\n\t\t\t\t\t\t\t\t\t\tenableAlpha: true,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! logosOnly && (\n\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t{ ...{\n\t\t\t\t\t\t\t\ttextColor: iconColorValue,\n\t\t\t\t\t\t\t\tbackgroundColor: iconBackgroundColorValue,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tisLargeText={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<ul { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nconst iconColorAttributes = {\n\ticonColor: 'icon-color',\n\ticonBackgroundColor: 'icon-background-color',\n};\n\nexport default withColors( iconColorAttributes )( SocialLinksEdit );\n"],"mappings":"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"}

package/build/social-links/edit.native.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 _reactNative = require("react-native");
 var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _editor = _interopRequireDefault(require("./editor.scss"));
 var _variations = _interopRequireDefault(require("../social-link/variations"));
@@ -61,14 +62,14 @@ function SocialLinksEdit({
       setInitialCreation(false);
     }
   }, [shouldRenderFooterAppender]);
-  const renderFooterAppender = (0, _element.useRef)(() => (0, _element.createElement)(_reactNative.View, {
+  const renderFooterAppender = (0, _element.useRef)(() => (0, _react.createElement)(_reactNative.View, {
     style: _editor.default.footerAppenderContainer
-  }, (0, _element.createElement)(_blockEditor.InnerBlocks.ButtonBlockAppender, {
+  }, (0, _react.createElement)(_blockEditor.InnerBlocks.ButtonBlockAppender, {
     isFloating: true
   })));
   const placeholderStyle = (0, _compose.usePreferredColorSchemeStyle)(_editor.default.placeholder, _editor.default.placeholderDark);
   function renderPlaceholder() {
-    return [...new Array(innerBlocks.length || 1)].map((_, index) => (0, _element.createElement)(_reactNative.View, {
+    return [...new Array(innerBlocks.length || 1)].map((_, index) => (0, _react.createElement)(_reactNative.View, {
       testID: "social-links-placeholder",
       style: placeholderStyle,
       key: index
@@ -78,11 +79,11 @@ function SocialLinksEdit({
     return blockIds.filter(blockId => getBlock(blockId).attributes.url);
   }
   if (!shouldRenderFooterAppender && activeInnerBlocks.length === 0) {
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: _editor.default.placeholderWrapper
     }, renderPlaceholder());
   }
-  return (0, _element.createElement)(_blockEditor.InnerBlocks, {
+  return (0, _react.createElement)(_blockEditor.InnerBlocks, {
     allowedBlocks: ALLOWED_BLOCKS,
     templateLock: false,
     template: initialCreation && TEMPLATE,

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":"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"}

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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"}