@wordpress/block-library 8.35.0 → 9.0.0

package/build/social-links/edit.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SocialLinksEdit = SocialLinksEdit;
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -77,20 +77,23 @@ function SocialLinksEdit(props) {
       });
     }
   }, [logosOnly]);
-  const SocialPlaceholder = (0, _react.createElement)("li", {
-    className: "wp-block-social-links__social-placeholder"
-  }, (0, _react.createElement)("div", {
-    className: "wp-block-social-links__social-placeholder-icons"
-  }, (0, _react.createElement)("div", {
-    className: "wp-social-link wp-social-link-twitter"
-  }), (0, _react.createElement)("div", {
-    className: "wp-social-link wp-social-link-facebook"
-  }), (0, _react.createElement)("div", {
-    className: "wp-social-link wp-social-link-instagram"
-  })));
-  const SelectedSocialPlaceholder = (0, _react.createElement)("li", {
-    className: "wp-block-social-links__social-prompt"
-  }, (0, _i18n.__)('Click plus to add'));
+  const SocialPlaceholder = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    className: "wp-block-social-links__social-placeholder",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "wp-block-social-links__social-placeholder-icons",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-social-link wp-social-link-twitter"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-social-link wp-social-link-facebook"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-social-link wp-social-link-instagram"
+      })]
+    })
+  });
+  const SelectedSocialPlaceholder = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    className: "wp-block-social-links__social-prompt",
+    children: (0, _i18n.__)('Click plus to add')
+  });
 
   // Fallback color values are used maintain selections in case switching
   // themes and named colors in palette do not match.
@@ -150,71 +153,80 @@ function SocialLinksEdit(props) {
     });
   }
   const colorGradientSettings = (0, _blockEditor.__experimentalUseMultipleOriginColorsAndGradients)();
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockControls, {
-    group: "other"
-  }, (0, _react.createElement)(_components.ToolbarDropdownMenu, {
-    label: (0, _i18n.__)('Size'),
-    text: (0, _i18n.__)('Size'),
-    icon: null,
-    popoverProps: POPOVER_PROPS
-  }, ({
-    onClose
-  }) => (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,
-      onClick: () => {
-        setAttributes({
-          size: entry.value
-        });
-      },
-      onClose: onClose,
-      role: "menuitemradio"
-    }, entry.name);
-  })))), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Open links in new tab'),
-    checked: openInNewTab,
-    onChange: () => setAttributes({
-      openInNewTab: !openInNewTab
-    })
-  }), (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Show text'),
-    checked: showLabels,
-    onChange: () => setAttributes({
-      showLabels: !showLabels
-    })
-  }))), colorGradientSettings.hasColorsOrGradients && (0, _react.createElement)(_blockEditor.InspectorControls, {
-    group: "color"
-  }, colorSettings.map(({
-    onChange,
-    label,
-    value,
-    resetAllFilter
-  }) => (0, _react.createElement)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
-    key: `social-links-color-${label}`,
-    __experimentalIsRenderedInSidebar: true,
-    settings: [{
-      colorValue: value,
-      label,
-      onColorChange: onChange,
-      isShownByDefault: true,
-      resetAllFilter,
-      enableAlpha: true
-    }],
-    panelId: clientId,
-    ...colorGradientSettings
-  })), !logosOnly && (0, _react.createElement)(_blockEditor.ContrastChecker, {
-    textColor: iconColorValue,
-    backgroundColor: iconBackgroundColorValue,
-    isLargeText: false
-  })), (0, _react.createElement)("ul", {
-    ...innerBlocksProps
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      group: "other",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarDropdownMenu, {
+        label: (0, _i18n.__)('Size'),
+        text: (0, _i18n.__)('Size'),
+        icon: null,
+        popoverProps: POPOVER_PROPS,
+        children: ({
+          onClose
+        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuGroup, {
+          children: sizeOptions.map(entry => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+              icon: (size === entry.value || !size && entry.value === 'has-normal-icon-size') && _icons.check,
+              isSelected: size === entry.value,
+              onClick: () => {
+                setAttributes({
+                  size: entry.value
+                });
+              },
+              onClose: onClose,
+              role: "menuitemradio",
+              children: entry.name
+            }, entry.value);
+          })
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+        title: (0, _i18n.__)('Settings'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Open links in new tab'),
+          checked: openInNewTab,
+          onChange: () => setAttributes({
+            openInNewTab: !openInNewTab
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Show text'),
+          checked: showLabels,
+          onChange: () => setAttributes({
+            showLabels: !showLabels
+          })
+        })]
+      })
+    }), colorGradientSettings.hasColorsOrGradients && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.InspectorControls, {
+      group: "color",
+      children: [colorSettings.map(({
+        onChange,
+        label,
+        value,
+        resetAllFilter
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
+        __experimentalIsRenderedInSidebar: true,
+        settings: [{
+          colorValue: value,
+          label,
+          onColorChange: onChange,
+          isShownByDefault: true,
+          resetAllFilter,
+          enableAlpha: true
+        }],
+        panelId: clientId,
+        ...colorGradientSettings
+      }, `social-links-color-${label}`)), !logosOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.ContrastChecker, {
+        textColor: iconColorValue,
+        backgroundColor: iconBackgroundColorValue,
+        isLargeText: false
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      ...innerBlocksProps
+    })]
+  });
 }
 const iconColorAttributes = {
   iconColor: 'icon-color',

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_blockEditor","_components","_i18n","_icons","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","clsx","color","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","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","exports","default","withColors"],"sources":["@wordpress/block-library/src/social-links/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 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 = clsx( 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\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 text' ) }\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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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_blockEditor","_components","_i18n","_icons","_jsxRuntime","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","jsx","children","jsxs","SelectedSocialPlaceholder","clsx","color","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","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","onClick","role","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","checked","hasColorsOrGradients","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","onColorChange","isShownByDefault","enableAlpha","panelId","ContrastChecker","textColor","backgroundColor","isLargeText","iconColorAttributes","_default","exports","default","withColors"],"sources":["@wordpress/block-library/src/social-links/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 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 = clsx( 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\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 text' ) }\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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","ignoreList":[]}

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -59,32 +59,33 @@ function SocialLinksEdit({
       setInitialCreation(false);
     }
   }, [shouldRenderFooterAppender]);
-  const renderFooterAppender = (0, _element.useRef)(() => (0, _react.createElement)(_reactNative.View, {
-    style: _editor.default.footerAppenderContainer
-  }, (0, _react.createElement)(_blockEditor.InnerBlocks.ButtonBlockAppender, {
-    isFloating: true
-  })));
+  const renderFooterAppender = (0, _element.useRef)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: _editor.default.footerAppenderContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_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, _react.createElement)(_reactNative.View, {
+    return [...new Array(innerBlocks.length || 1)].map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       testID: "social-links-placeholder",
-      style: placeholderStyle,
-      key: index
-    }));
+      style: placeholderStyle
+    }, index));
   }
   function filterInnerBlocks(blockIds) {
     return blockIds.filter(blockId => getBlock(blockId).attributes.url);
   }
   if (!shouldRenderFooterAppender && activeInnerBlocks.length === 0) {
-    return (0, _react.createElement)(_reactNative.View, {
-      style: _editor.default.placeholderWrapper
-    }, renderPlaceholder());
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _editor.default.placeholderWrapper,
+      children: renderPlaceholder()
+    });
   }
-  return (0, _react.createElement)(_blockEditor.InnerBlocks, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks, {
     templateLock: false,
     template: initialCreation && TEMPLATE,
     renderFooterAppender: shouldRenderFooterAppender && renderFooterAppender.current,
-    orientation: 'horizontal',
+    orientation: "horizontal",
     onDeleteBlock: shouldDelete ? onDelete : undefined,
     marginVertical: spacing,
     marginHorizontal: spacing,

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_blockEditor","_data","_element","_compose","_editor","_interopRequireDefault","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","map","_","index","testID","key","filterInnerBlocks","blockIds","filter","blockId","placeholderWrapper","templateLock","template","current","orientation","onDeleteBlock","undefined","marginVertical","marginHorizontal","horizontalAlignment","_default","exports","default","compose","withSelect","select","clientId","getBlockCount","getBlockParents","getSelectedBlockClientId","getBlocks","blockEditorStore","selectedBlockClientId","selectedBlockParents","block","withDispatch","dispatch","removeBlock"],"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';\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 />\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\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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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_blockEditor","_data","_element","_compose","_editor","_interopRequireDefault","_jsxRuntime","TEMPLATE","service","url","SocialLinksEdit","shouldDelete","onDelete","isSelected","isInnerIconSelected","innerBlocks","attributes","activeInnerBlocks","getBlock","blockWidth","initialCreation","setInitialCreation","useState","shouldRenderFooterAppender","align","marginLeft","spacing","styles","useEffect","renderFooterAppender","useRef","jsx","View","style","footerAppenderContainer","children","InnerBlocks","ButtonBlockAppender","isFloating","placeholderStyle","usePreferredColorSchemeStyle","placeholder","placeholderDark","renderPlaceholder","Array","length","map","_","index","testID","filterInnerBlocks","blockIds","filter","blockId","placeholderWrapper","templateLock","template","current","orientation","onDeleteBlock","undefined","marginVertical","marginHorizontal","horizontalAlignment","_default","exports","default","compose","withSelect","select","clientId","getBlockCount","getBlockParents","getSelectedBlockClientId","getBlocks","blockEditorStore","selectedBlockClientId","selectedBlockParents","block","withDispatch","dispatch","removeBlock"],"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';\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 />\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\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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","ignoreList":[]}

package/build/social-links/save.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -34,7 +34,7 @@ function save(props) {
     className
   });
   const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
-  return (0, _react.createElement)("ul", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
     ...innerBlocksProps
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","save","props","attributes","iconBackgroundColorValue","iconColorValue","showLabels","size","className","clsx","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","_react","createElement"],"sources":["@wordpress/block-library/src/social-links/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 = clsx( 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,KAAA,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,aAAI,EAAEF,IAAI,EAAE;IAC7B,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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_jsxRuntime","save","props","attributes","iconBackgroundColorValue","iconColorValue","showLabels","size","className","clsx","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","jsx"],"sources":["@wordpress/block-library/src/social-links/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 = clsx( 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,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAA6E,IAAAE,WAAA,GAAAF,OAAA;AAR7E;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,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,aAAI,EAAEF,IAAI,EAAE;IAC7B,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,oBAAO,IAAAV,WAAA,CAAAc,GAAA;IAAA,GAASF;EAAgB,CAAI,CAAC;AACtC","ignoreList":[]}

package/build/spacer/controls.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SpacerControls;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _primitives = require("@wordpress/primitives");
+var _lockUnlock = require("../lock-unlock");
 var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -19,6 +20,9 @@ var _constants = require("./constants");
  * Internal dependencies
  */
 
+const {
+  useSpacingSizes
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function DimensionInput({
   label,
   onChange,
@@ -26,7 +30,8 @@ function DimensionInput({
   value = ''
 }) {
   const inputId = (0, _compose.useInstanceId)(_components.__experimentalUnitControl, 'block-spacer-height-input');
-  const [spacingSizes, spacingUnits] = (0, _blockEditor.useSettings)('spacing.spacingSizes', 'spacing.units');
+  const spacingSizes = useSpacingSizes();
+  const [spacingUnits] = (0, _blockEditor.useSettings)('spacing.units');
   // In most contexts the spacer size cannot meaningfully be set to a
   // percentage, since this is relative to the parent container. This
   // unit is disabled from the UI.
@@ -48,33 +53,37 @@ 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, _react.createElement)(_react.Fragment, null, (!spacingSizes || spacingSizes?.length === 0) && (0, _react.createElement)(_components.BaseControl, {
-    label: label,
-    id: inputId
-  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
-    id: inputId,
-    isResetValueOnUnitChange: true,
-    min: _constants.MIN_SPACER_SIZE,
-    onChange: handleOnChange,
-    style: {
-      maxWidth: 80
-    },
-    value: computedValue,
-    units: units
-  })), spacingSizes?.length > 0 && (0, _react.createElement)(_primitives.View, {
-    className: "tools-panel-item-spacing"
-  }, (0, _react.createElement)(_blockEditor.__experimentalSpacingSizesControl, {
-    values: {
-      all: computedValue
-    },
-    onChange: handleOnChange,
-    label: label,
-    sides: ['all'],
-    units: units,
-    allowReset: false,
-    splitOnAxis: false,
-    showSideInLabel: false
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(!spacingSizes || spacingSizes?.length === 0) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
+      label: label,
+      id: inputId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
+        id: inputId,
+        isResetValueOnUnitChange: true,
+        min: _constants.MIN_SPACER_SIZE,
+        onChange: handleOnChange,
+        style: {
+          maxWidth: 80
+        },
+        value: computedValue,
+        units: units
+      })
+    }), spacingSizes?.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.View, {
+      className: "tools-panel-item-spacing",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalSpacingSizesControl, {
+        values: {
+          all: computedValue
+        },
+        onChange: handleOnChange,
+        label: label,
+        sides: ['all'],
+        units: units,
+        allowReset: false,
+        splitOnAxis: false,
+        showSideInLabel: false
+      })
+    })]
+  });
 }
 function SpacerControls({
   setAttributes,
@@ -83,22 +92,25 @@ function SpacerControls({
   width,
   isResizing
 }) {
-  return (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, orientation === 'horizontal' && (0, _react.createElement)(DimensionInput, {
-    label: (0, _i18n.__)('Width'),
-    value: width,
-    onChange: nextWidth => setAttributes({
-      width: nextWidth
-    }),
-    isResizing: isResizing
-  }), orientation !== 'horizontal' && (0, _react.createElement)(DimensionInput, {
-    label: (0, _i18n.__)('Height'),
-    value: height,
-    onChange: nextHeight => setAttributes({
-      height: nextHeight
-    }),
-    isResizing: isResizing
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+      title: (0, _i18n.__)('Settings'),
+      children: [orientation === 'horizontal' && /*#__PURE__*/(0, _jsxRuntime.jsx)(DimensionInput, {
+        label: (0, _i18n.__)('Width'),
+        value: width,
+        onChange: nextWidth => setAttributes({
+          width: nextWidth
+        }),
+        isResizing: isResizing
+      }), orientation !== 'horizontal' && /*#__PURE__*/(0, _jsxRuntime.jsx)(DimensionInput, {
+        label: (0, _i18n.__)('Height'),
+        value: height,
+        onChange: nextHeight => setAttributes({
+          height: nextHeight
+        }),
+        isResizing: isResizing
+      })]
+    })
+  });
 }
 //# sourceMappingURL=controls.js.map

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","spacingUnits","useSettings","availableUnits","filter","unit","units","useCustomUnits","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\tuseSettings,\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, spacingUnits ] = useSettings(\n\t\t'spacing.spacingSizes',\n\t\t'spacing.units'\n\t);\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 availableUnits = spacingUnits\n\t\t? spacingUnits.filter( ( unit ) => unit !== '%' )\n\t\t: [ 'px', 'em', 'rem', 'vw', 'vh' ];\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits,\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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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_blockEditor","_components","_compose","_primitives","_lockUnlock","_constants","_jsxRuntime","useSpacingSizes","unlock","blockEditorPrivateApis","DimensionInput","label","onChange","isResizing","value","inputId","useInstanceId","UnitControl","spacingSizes","spacingUnits","useSettings","availableUnits","filter","unit","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","all","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","computedValue","isValueSpacingPreset","join","jsxs","Fragment","children","length","jsx","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\tuseSettings,\n\t__experimentalSpacingSizesControl as SpacingSizesControl,\n\tisValueSpacingPreset,\n\tprivateApis as blockEditorPrivateApis,\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 { unlock } from '../lock-unlock';\nimport { MIN_SPACER_SIZE } from './constants';\n\nconst { useSpacingSizes } = unlock( blockEditorPrivateApis );\n\nfunction DimensionInput( { label, onChange, isResizing, value = '' } ) {\n\tconst inputId = useInstanceId( UnitControl, 'block-spacer-height-input' );\n\tconst spacingSizes = useSpacingSizes();\n\tconst [ spacingUnits ] = useSettings( 'spacing.units' );\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 availableUnits = spacingUnits\n\t\t? spacingUnits.filter( ( unit ) => unit !== '%' )\n\t\t: [ 'px', 'em', 'rem', 'vw', 'vh' ];\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits,\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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","ignoreList":[]}