@wordpress/block-editor 12.10.3 → 12.11.0

package/build/components/global-styles/color-panel.js

@@ -12,9 +12,10 @@ exports.useHasColorPanel = useHasColorPanel;
 exports.useHasHeadingPanel = useHasHeadingPanel;
 exports.useHasLinkPanel = useHasLinkPanel;
 exports.useHasTextPanel = useHasTextPanel;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _control = _interopRequireDefault(require("../colors-gradients/control"));
 var _hooks = require("./hooks");
@@ -79,7 +80,7 @@ function ColorToolsPanel({
     const updatedValue = resetAllFilter(value);
     onChange(updatedValue);
   };
-  return (0, _element.createElement)(_components.__experimentalToolsPanel, {
+  return (0, _react.createElement)(_components.__experimentalToolsPanel, {
     label: (0, _i18n.__)('Color'),
     resetAll: resetAll,
     panelId: panelId,
@@ -87,7 +88,7 @@ function ColorToolsPanel({
     className: "color-block-support-panel",
     __experimentalFirstVisibleItemClass: "first",
     __experimentalLastVisibleItemClass: "last"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "color-block-support-panel__inner-wrapper"
   }, children));
 }
@@ -107,17 +108,17 @@ const popoverProps = {
 const LabeledColorIndicators = ({
   indicators,
   label
-}) => (0, _element.createElement)(_components.__experimentalHStack, {
+}) => (0, _react.createElement)(_components.__experimentalHStack, {
   justify: "flex-start"
-}, (0, _element.createElement)(_components.__experimentalZStack, {
+}, (0, _react.createElement)(_components.__experimentalZStack, {
   isLayered: false,
   offset: -8
-}, indicators.map((indicator, index) => (0, _element.createElement)(_components.Flex, {
+}, indicators.map((indicator, index) => (0, _react.createElement)(_components.Flex, {
   key: index,
   expanded: false
-}, (0, _element.createElement)(_components.ColorIndicator, {
+}, (0, _react.createElement)(_components.ColorIndicator, {
   colorValue: indicator
-})))), (0, _element.createElement)(_components.FlexItem, {
+})))), (0, _react.createElement)(_components.FlexItem, {
   className: "block-editor-panel-color-gradient-settings__color-name",
   title: label
 }, label));
@@ -128,7 +129,7 @@ function ColorPanelTab({
   setValue,
   colorGradientControlSettings
 }) {
-  return (0, _element.createElement)(_control.default, {
+  return (0, _react.createElement)(_control.default, {
     ...colorGradientControlSettings,
     showTitle: false,
     enableAlpha: true,
@@ -160,14 +161,14 @@ function ColorPanelDropdown({
       title: tabLabel
     };
   });
-  return (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  return (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     className: "block-editor-tools-panel-color-gradient-settings__item",
     hasValue: hasValue,
     label: label,
     onDeselect: resetValue,
     isShownByDefault: isShownByDefault,
     panelId: panelId
-  }, (0, _element.createElement)(_components.Dropdown, {
+  }, (0, _react.createElement)(_components.Dropdown, {
     popoverProps: popoverProps,
     className: "block-editor-tools-panel-color-gradient-settings__dropdown",
     renderToggle: ({
@@ -183,28 +184,28 @@ function ColorPanelDropdown({
         'aria-label': (0, _i18n.sprintf)( /* translators: %s is the type of color property, e.g., "background" */
         (0, _i18n.__)('Color %s styles'), label)
       };
-      return (0, _element.createElement)(_components.Button, {
+      return (0, _react.createElement)(_components.Button, {
         ...toggleProps
-      }, (0, _element.createElement)(LabeledColorIndicators, {
+      }, (0, _react.createElement)(LabeledColorIndicators, {
         indicators: indicators,
         label: label
       }));
     },
-    renderContent: () => (0, _element.createElement)(_components.__experimentalDropdownContentWrapper, {
+    renderContent: () => (0, _react.createElement)(_components.__experimentalDropdownContentWrapper, {
       paddingSize: "none"
-    }, (0, _element.createElement)("div", {
+    }, (0, _react.createElement)("div", {
       className: "block-editor-panel-color-gradient-settings__dropdown-content"
-    }, tabs.length === 1 && (0, _element.createElement)(ColorPanelTab, {
+    }, tabs.length === 1 && (0, _react.createElement)(ColorPanelTab, {
       ...tabs[0],
       colorGradientControlSettings: colorGradientControlSettings
-    }), tabs.length > 1 && (0, _element.createElement)(_components.TabPanel, {
+    }), tabs.length > 1 && (0, _react.createElement)(_components.TabPanel, {
       tabs: tabConfigs
     }, tab => {
       const selectedTab = tabs.find(t => t.key === tab.name);
       if (!selectedTab) {
         return null;
       }
-      return (0, _element.createElement)(ColorPanelTab, {
+      return (0, _react.createElement)(ColorPanelTab, {
         ...selectedTab,
         colorGradientControlSettings: colorGradientControlSettings
       });
@@ -489,12 +490,12 @@ function ColorPanel({
       }].filter(Boolean)
     });
   });
-  return (0, _element.createElement)(Wrapper, {
+  return (0, _react.createElement)(Wrapper, {
     resetAllFilter: resetAllFilter,
     value: value,
     onChange: onChange,
     panelId: panelId
-  }, items.map(item => (0, _element.createElement)(ColorPanelDropdown, {
+  }, items.map(item => (0, _react.createElement)(ColorPanelDropdown, {
     key: item.key,
     ...item,
     colorGradientControlSettings: {

package/build/components/global-styles/color-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_i18n","_control","_hooks","_utils","_object","useHasColorPanel","settings","hasTextPanel","useHasTextPanel","hasBackgroundPanel","useHasBackgroundPanel","hasLinkPanel","useHasLinkPanel","hasHeadingPanel","useHasHeadingPanel","hasButtonPanel","useHasButtonPanel","hasCaptionPanel","useHasCaptionPanel","colors","useColorsPerOrigin","color","text","length","custom","link","caption","gradients","useGradientsPerOrigin","heading","customGradient","button","background","ColorToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","createElement","__experimentalToolsPanel","label","__","hasInnerWrapper","className","__experimentalFirstVisibleItemClass","__experimentalLastVisibleItemClass","DEFAULT_CONTROLS","popoverProps","placement","offset","shift","LabeledColorIndicators","indicators","__experimentalHStack","justify","__experimentalZStack","isLayered","map","indicator","index","Flex","key","expanded","ColorIndicator","colorValue","FlexItem","title","ColorPanelTab","isGradient","inheritedValue","userValue","setValue","colorGradientControlSettings","default","showTitle","enableAlpha","__experimentalIsRenderedInSidebar","undefined","gradientValue","onColorChange","onGradientChange","clearable","headingLevel","ColorPanelDropdown","hasValue","resetValue","isShownByDefault","tabs","tabConfigs","tabLabel","name","__experimentalToolsPanelItem","onDeselect","Dropdown","renderToggle","onToggle","isOpen","toggleProps","onClick","classnames","sprintf","Button","renderContent","__experimentalDropdownContentWrapper","paddingSize","TabPanel","tab","selectedTab","find","t","ColorPanel","as","Wrapper","defaultControls","areCustomSolidsEnabled","areCustomGradientsEnabled","hasSolidColors","hasGradientColors","decodeValue","rawValue","getValueFromVariable","encodeColorValue","allColors","flatMap","originColors","colorObject","slug","encodeGradientValue","allGradients","originGradients","gradientObject","gradient","showBackgroundPanel","backgroundColor","userBackgroundColor","userGradient","hasBackground","setBackgroundColor","newColor","newValue","setImmutably","setGradient","newGradient","resetBackground","showLinkPanel","linkColor","elements","userLinkColor","setLinkColor","hoverLinkColor","userHoverLinkColor","setHoverLinkColor","hasLink","resetLink","showTextPanel","textColor","userTextColor","hasTextColor","setTextColor","changedObject","resetTextColor","showPanel","useCallback","previousValue","reduce","acc","element","items","filter","Boolean","forEach","elementBackgroundColor","elementGradient","elementTextColor","elementBackgroundUserColor","elementGradientUserColor","elementTextUserColor","hasElement","resetElement","setElementTextColor","newTextColor","setElementBackgroundColor","newBackgroundColor","setElementGradient","supportsTextColor","supportsBackground","push","item","disableCustomColors","disableCustomGradients"],"sources":["@wordpress/block-editor/src/components/global-styles/color-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tTabPanel,\n\tColorIndicator,\n\tFlex,\n\tFlexItem,\n\tDropdown,\n\tButton,\n} from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ColorGradientControl from '../colors-gradients/control';\nimport { useColorsPerOrigin, useGradientsPerOrigin } from './hooks';\nimport { getValueFromVariable } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nexport function useHasColorPanel( settings ) {\n\tconst hasTextPanel = useHasTextPanel( settings );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasLinkPanel = useHasLinkPanel( settings );\n\tconst hasHeadingPanel = useHasHeadingPanel( settings );\n\tconst hasButtonPanel = useHasButtonPanel( settings );\n\tconst hasCaptionPanel = useHasCaptionPanel( settings );\n\n\treturn (\n\t\thasTextPanel ||\n\t\thasBackgroundPanel ||\n\t\thasLinkPanel ||\n\t\thasHeadingPanel ||\n\t\thasButtonPanel ||\n\t\thasCaptionPanel\n\t);\n}\n\nexport function useHasTextPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.text &&\n\t\t( colors?.length > 0 || settings?.color?.custom )\n\t);\n}\n\nexport function useHasLinkPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.link &&\n\t\t( colors?.length > 0 || settings?.color?.custom )\n\t);\n}\n\nexport function useHasCaptionPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.caption &&\n\t\t( colors?.length > 0 || settings?.color?.custom )\n\t);\n}\n\nexport function useHasHeadingPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.heading &&\n\t\t( colors?.length > 0 ||\n\t\t\tsettings?.color?.custom ||\n\t\t\tgradients?.length > 0 ||\n\t\t\tsettings?.color?.customGradient )\n\t);\n}\n\nexport function useHasButtonPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.button &&\n\t\t( colors?.length > 0 ||\n\t\t\tsettings?.color?.custom ||\n\t\t\tgradients?.length > 0 ||\n\t\t\tsettings?.color?.customGradient )\n\t);\n}\n\nexport function useHasBackgroundPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.background &&\n\t\t( colors?.length > 0 ||\n\t\t\tsettings?.color?.custom ||\n\t\t\tgradients?.length > 0 ||\n\t\t\tsettings?.color?.customGradient )\n\t);\n}\n\nfunction ColorToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\n\tconst resetAll = () => {\n\t\tconst updatedValue = resetAllFilter( value );\n\t\tonChange( updatedValue );\n\t};\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Color' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\thasInnerWrapper\n\t\t\tclassName=\"color-block-support-panel\"\n\t\t\t__experimentalFirstVisibleItemClass=\"first\"\n\t\t\t__experimentalLastVisibleItemClass=\"last\"\n\t\t>\n\t\t\t<div className=\"color-block-support-panel__inner-wrapper\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\ttext: true,\n\tbackground: true,\n\tlink: true,\n\theading: true,\n\tbutton: true,\n\tcaption: true,\n};\n\nconst popoverProps = {\n\tplacement: 'left-start',\n\toffset: 36,\n\tshift: true,\n};\n\nconst LabeledColorIndicators = ( { indicators, label } ) => (\n\t<HStack justify=\"flex-start\">\n\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t{ indicators.map( ( indicator, index ) => (\n\t\t\t\t<Flex key={ index } expanded={ false }>\n\t\t\t\t\t<ColorIndicator colorValue={ indicator } />\n\t\t\t\t</Flex>\n\t\t\t) ) }\n\t\t</ZStack>\n\t\t<FlexItem\n\t\t\tclassName=\"block-editor-panel-color-gradient-settings__color-name\"\n\t\t\ttitle={ label }\n\t\t>\n\t\t\t{ label }\n\t\t</FlexItem>\n\t</HStack>\n);\n\nfunction ColorPanelTab( {\n\tisGradient,\n\tinheritedValue,\n\tuserValue,\n\tsetValue,\n\tcolorGradientControlSettings,\n} ) {\n\treturn (\n\t\t<ColorGradientControl\n\t\t\t{ ...colorGradientControlSettings }\n\t\t\tshowTitle={ false }\n\t\t\tenableAlpha\n\t\t\t__experimentalIsRenderedInSidebar\n\t\t\tcolorValue={ isGradient ? undefined : inheritedValue }\n\t\t\tgradientValue={ isGradient ? inheritedValue : undefined }\n\t\t\tonColorChange={ isGradient ? undefined : setValue }\n\t\t\tonGradientChange={ isGradient ? setValue : undefined }\n\t\t\tclearable={ inheritedValue === userValue }\n\t\t\theadingLevel={ 3 }\n\t\t/>\n\t);\n}\n\nfunction ColorPanelDropdown( {\n\tlabel,\n\thasValue,\n\tresetValue,\n\tisShownByDefault,\n\tindicators,\n\ttabs,\n\tcolorGradientControlSettings,\n\tpanelId,\n} ) {\n\tconst tabConfigs = tabs.map( ( { key, label: tabLabel } ) => {\n\t\treturn {\n\t\t\tname: key,\n\t\t\ttitle: tabLabel,\n\t\t};\n\t} );\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tclassName=\"block-editor-tools-panel-color-gradient-settings__item\"\n\t\t\thasValue={ hasValue }\n\t\t\tlabel={ label }\n\t\t\tonDeselect={ resetValue }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tclassName=\"block-editor-tools-panel-color-gradient-settings__dropdown\"\n\t\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\t\tconst toggleProps = {\n\t\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t'block-editor-panel-color-gradient-settings__dropdown',\n\t\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t\t),\n\t\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t\t\t'aria-label': sprintf(\n\t\t\t\t\t\t\t/* translators: %s is the type of color property, e.g., \"background\" */\n\t\t\t\t\t\t\t__( 'Color %s styles' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button { ...toggleProps }>\n\t\t\t\t\t\t\t<LabeledColorIndicators\n\t\t\t\t\t\t\t\tindicators={ indicators }\n\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<DropdownContentWrapper paddingSize=\"none\">\n\t\t\t\t\t\t<div className=\"block-editor-panel-color-gradient-settings__dropdown-content\">\n\t\t\t\t\t\t\t{ tabs.length === 1 && (\n\t\t\t\t\t\t\t\t<ColorPanelTab\n\t\t\t\t\t\t\t\t\t{ ...tabs[ 0 ] }\n\t\t\t\t\t\t\t\t\tcolorGradientControlSettings={\n\t\t\t\t\t\t\t\t\t\tcolorGradientControlSettings\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ tabs.length > 1 && (\n\t\t\t\t\t\t\t\t<TabPanel tabs={ tabConfigs }>\n\t\t\t\t\t\t\t\t\t{ ( tab ) => {\n\t\t\t\t\t\t\t\t\t\tconst selectedTab = tabs.find(\n\t\t\t\t\t\t\t\t\t\t\t( t ) => t.key === tab.name\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\tif ( ! selectedTab ) {\n\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<ColorPanelTab\n\t\t\t\t\t\t\t\t\t\t\t\t{ ...selectedTab }\n\t\t\t\t\t\t\t\t\t\t\t\tcolorGradientControlSettings={\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolorGradientControlSettings\n\t\t\t\t\t\t\t\t\t\t\t\t}\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} }\n\t\t\t\t\t\t\t\t</TabPanel>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</DropdownContentWrapper>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n\nexport default function ColorPanel( {\n\tas: Wrapper = ColorToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tchildren,\n} ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\tconst areCustomSolidsEnabled = settings?.color?.custom;\n\tconst areCustomGradientsEnabled = settings?.color?.customGradient;\n\tconst hasSolidColors = colors.length > 0 || areCustomSolidsEnabled;\n\tconst hasGradientColors = gradients.length > 0 || areCustomGradientsEnabled;\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\tconst encodeColorValue = ( colorValue ) => {\n\t\tconst allColors = colors.flatMap(\n\t\t\t( { colors: originColors } ) => originColors\n\t\t);\n\t\tconst colorObject = allColors.find(\n\t\t\t( { color } ) => color === colorValue\n\t\t);\n\t\treturn colorObject\n\t\t\t? 'var:preset|color|' + colorObject.slug\n\t\t\t: colorValue;\n\t};\n\tconst encodeGradientValue = ( gradientValue ) => {\n\t\tconst allGradients = gradients.flatMap(\n\t\t\t( { gradients: originGradients } ) => originGradients\n\t\t);\n\t\tconst gradientObject = allGradients.find(\n\t\t\t( { gradient } ) => gradient === gradientValue\n\t\t);\n\t\treturn gradientObject\n\t\t\t? 'var:preset|gradient|' + gradientObject.slug\n\t\t\t: gradientValue;\n\t};\n\n\t// BackgroundColor\n\tconst showBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst backgroundColor = decodeValue( inheritedValue?.color?.background );\n\tconst userBackgroundColor = decodeValue( value?.color?.background );\n\tconst gradient = decodeValue( inheritedValue?.color?.gradient );\n\tconst userGradient = decodeValue( value?.color?.gradient );\n\tconst hasBackground = () => !! userBackgroundColor || !! userGradient;\n\tconst setBackgroundColor = ( newColor ) => {\n\t\tconst newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'background' ],\n\t\t\tencodeColorValue( newColor )\n\t\t);\n\t\tnewValue.color.gradient = undefined;\n\t\tonChange( newValue );\n\t};\n\tconst setGradient = ( newGradient ) => {\n\t\tconst newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'gradient' ],\n\t\t\tencodeGradientValue( newGradient )\n\t\t);\n\t\tnewValue.color.background = undefined;\n\t\tonChange( newValue );\n\t};\n\tconst resetBackground = () => {\n\t\tconst newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'background' ],\n\t\t\tundefined\n\t\t);\n\t\tnewValue.color.gradient = undefined;\n\t\tonChange( newValue );\n\t};\n\n\t// Links\n\tconst showLinkPanel = useHasLinkPanel( settings );\n\tconst linkColor = decodeValue(\n\t\tinheritedValue?.elements?.link?.color?.text\n\t);\n\tconst userLinkColor = decodeValue( value?.elements?.link?.color?.text );\n\tconst setLinkColor = ( newColor ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', 'link', 'color', 'text' ],\n\t\t\t\tencodeColorValue( newColor )\n\t\t\t)\n\t\t);\n\t};\n\tconst hoverLinkColor = decodeValue(\n\t\tinheritedValue?.elements?.link?.[ ':hover' ]?.color?.text\n\t);\n\tconst userHoverLinkColor = decodeValue(\n\t\tvalue?.elements?.link?.[ ':hover' ]?.color?.text\n\t);\n\tconst setHoverLinkColor = ( newColor ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', 'link', ':hover', 'color', 'text' ],\n\t\t\t\tencodeColorValue( newColor )\n\t\t\t)\n\t\t);\n\t};\n\tconst hasLink = () => !! userLinkColor || !! userHoverLinkColor;\n\tconst resetLink = () => {\n\t\tlet newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'elements', 'link', ':hover', 'color', 'text' ],\n\t\t\tundefined\n\t\t);\n\t\tnewValue = setImmutably(\n\t\t\tnewValue,\n\t\t\t[ 'elements', 'link', 'color', 'text' ],\n\t\t\tundefined\n\t\t);\n\t\tonChange( newValue );\n\t};\n\n\t// Text Color\n\tconst showTextPanel = useHasTextPanel( settings );\n\tconst textColor = decodeValue( inheritedValue?.color?.text );\n\tconst userTextColor = decodeValue( value?.color?.text );\n\tconst hasTextColor = () => !! userTextColor;\n\tconst setTextColor = ( newColor ) => {\n\t\tlet changedObject = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'text' ],\n\t\t\tencodeColorValue( newColor )\n\t\t);\n\t\tif ( textColor === linkColor ) {\n\t\t\tchangedObject = setImmutably(\n\t\t\t\tchangedObject,\n\t\t\t\t[ 'elements', 'link', 'color', 'text' ],\n\t\t\t\tencodeColorValue( newColor )\n\t\t\t);\n\t\t}\n\n\t\tonChange( changedObject );\n\t};\n\tconst resetTextColor = () => setTextColor( undefined );\n\n\t// Elements\n\tconst elements = [\n\t\t{\n\t\t\tname: 'caption',\n\t\t\tlabel: __( 'Captions' ),\n\t\t\tshowPanel: useHasCaptionPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'button',\n\t\t\tlabel: __( 'Button' ),\n\t\t\tshowPanel: useHasButtonPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'heading',\n\t\t\tlabel: __( 'Heading' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h1',\n\t\t\tlabel: __( 'H1' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h2',\n\t\t\tlabel: __( 'H2' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h3',\n\t\t\tlabel: __( 'H3' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h4',\n\t\t\tlabel: __( 'H4' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h5',\n\t\t\tlabel: __( 'H5' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h6',\n\t\t\tlabel: __( 'H6' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t];\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tcolor: undefined,\n\t\t\telements: {\n\t\t\t\t...previousValue?.elements,\n\t\t\t\tlink: {\n\t\t\t\t\t...previousValue?.elements?.link,\n\t\t\t\t\tcolor: undefined,\n\t\t\t\t\t':hover': {\n\t\t\t\t\t\tcolor: undefined,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t...elements.reduce( ( acc, element ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...acc,\n\t\t\t\t\t\t[ element.name ]: {\n\t\t\t\t\t\t\t...previousValue?.elements?.[ element.name ],\n\t\t\t\t\t\t\tcolor: undefined,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t}, {} ),\n\t\t\t},\n\t\t};\n\t}, [] );\n\n\tconst items = [\n\t\tshowTextPanel && {\n\t\t\tkey: 'text',\n\t\t\tlabel: __( 'Text' ),\n\t\t\thasValue: hasTextColor,\n\t\t\tresetValue: resetTextColor,\n\t\t\tisShownByDefault: defaultControls.text,\n\t\t\tindicators: [ textColor ],\n\t\t\ttabs: [\n\t\t\t\t{\n\t\t\t\t\tkey: 'text',\n\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\tinheritedValue: textColor,\n\t\t\t\t\tsetValue: setTextColor,\n\t\t\t\t\tuserValue: userTextColor,\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t\tshowBackgroundPanel && {\n\t\t\tkey: 'background',\n\t\t\tlabel: __( 'Background' ),\n\t\t\thasValue: hasBackground,\n\t\t\tresetValue: resetBackground,\n\t\t\tisShownByDefault: defaultControls.background,\n\t\t\tindicators: [ gradient ?? backgroundColor ],\n\t\t\ttabs: [\n\t\t\t\thasSolidColors && {\n\t\t\t\t\tkey: 'background',\n\t\t\t\t\tlabel: __( 'Solid' ),\n\t\t\t\t\tinheritedValue: backgroundColor,\n\t\t\t\t\tsetValue: setBackgroundColor,\n\t\t\t\t\tuserValue: userBackgroundColor,\n\t\t\t\t},\n\t\t\t\thasGradientColors && {\n\t\t\t\t\tkey: 'gradient',\n\t\t\t\t\tlabel: __( 'Gradient' ),\n\t\t\t\t\tinheritedValue: gradient,\n\t\t\t\t\tsetValue: setGradient,\n\t\t\t\t\tuserValue: userGradient,\n\t\t\t\t\tisGradient: true,\n\t\t\t\t},\n\t\t\t].filter( Boolean ),\n\t\t},\n\t\tshowLinkPanel && {\n\t\t\tkey: 'link',\n\t\t\tlabel: __( 'Link' ),\n\t\t\thasValue: hasLink,\n\t\t\tresetValue: resetLink,\n\t\t\tisShownByDefault: defaultControls.link,\n\t\t\tindicators: [ linkColor, hoverLinkColor ],\n\t\t\ttabs: [\n\t\t\t\t{\n\t\t\t\t\tkey: 'link',\n\t\t\t\t\tlabel: __( 'Default' ),\n\t\t\t\t\tinheritedValue: linkColor,\n\t\t\t\t\tsetValue: setLinkColor,\n\t\t\t\t\tuserValue: userLinkColor,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'hover',\n\t\t\t\t\tlabel: __( 'Hover' ),\n\t\t\t\t\tinheritedValue: hoverLinkColor,\n\t\t\t\t\tsetValue: setHoverLinkColor,\n\t\t\t\t\tuserValue: userHoverLinkColor,\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t].filter( Boolean );\n\n\telements.forEach( ( { name, label, showPanel } ) => {\n\t\tif ( ! showPanel ) return;\n\n\t\tconst elementBackgroundColor = decodeValue(\n\t\t\tinheritedValue?.elements?.[ name ]?.color?.background\n\t\t);\n\t\tconst elementGradient = decodeValue(\n\t\t\tinheritedValue?.elements?.[ name ]?.color?.gradient\n\t\t);\n\t\tconst elementTextColor = decodeValue(\n\t\t\tinheritedValue?.elements?.[ name ]?.color?.text\n\t\t);\n\t\tconst elementBackgroundUserColor = decodeValue(\n\t\t\tvalue?.elements?.[ name ]?.color?.background\n\t\t);\n\t\tconst elementGradientUserColor = decodeValue(\n\t\t\tvalue?.elements?.[ name ]?.color?.gradient\n\t\t);\n\t\tconst elementTextUserColor = decodeValue(\n\t\t\tvalue?.elements?.[ name ]?.color?.text\n\t\t);\n\t\tconst hasElement = () =>\n\t\t\t!! (\n\t\t\t\telementTextUserColor ||\n\t\t\t\telementBackgroundUserColor ||\n\t\t\t\telementGradientUserColor\n\t\t\t);\n\t\tconst resetElement = () => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', name, 'color', 'background' ],\n\t\t\t\tundefined\n\t\t\t);\n\t\t\tnewValue.elements[ name ].color.gradient = undefined;\n\t\t\tnewValue.elements[ name ].color.text = undefined;\n\t\t\tonChange( newValue );\n\t\t};\n\n\t\tconst setElementTextColor = ( newTextColor ) => {\n\t\t\tonChange(\n\t\t\t\tsetImmutably(\n\t\t\t\t\tvalue,\n\t\t\t\t\t[ 'elements', name, 'color', 'text' ],\n\t\t\t\t\tencodeColorValue( newTextColor )\n\t\t\t\t)\n\t\t\t);\n\t\t};\n\t\tconst setElementBackgroundColor = ( newBackgroundColor ) => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', name, 'color', 'background' ],\n\t\t\t\tencodeColorValue( newBackgroundColor )\n\t\t\t);\n\t\t\tnewValue.elements[ name ].color.gradient = undefined;\n\t\t\tonChange( newValue );\n\t\t};\n\t\tconst setElementGradient = ( newGradient ) => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', name, 'color', 'gradient' ],\n\t\t\t\tencodeGradientValue( newGradient )\n\t\t\t);\n\t\t\tnewValue.elements[ name ].color.background = undefined;\n\t\t\tonChange( newValue );\n\t\t};\n\t\tconst supportsTextColor = true;\n\t\t// Background color is not supported for `caption`\n\t\t// as there isn't yet a way to set padding for the element.\n\t\tconst supportsBackground = name !== 'caption';\n\n\t\titems.push( {\n\t\t\tkey: name,\n\t\t\tlabel,\n\t\t\thasValue: hasElement,\n\t\t\tresetValue: resetElement,\n\t\t\tisShownByDefault: defaultControls[ name ],\n\t\t\tindicators:\n\t\t\t\tsupportsTextColor && supportsBackground\n\t\t\t\t\t? [\n\t\t\t\t\t\t\telementTextColor,\n\t\t\t\t\t\t\telementGradient ?? elementBackgroundColor,\n\t\t\t\t\t  ]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\tsupportsTextColor\n\t\t\t\t\t\t\t\t? elementTextColor\n\t\t\t\t\t\t\t\t: elementGradient ?? elementBackgroundColor,\n\t\t\t\t\t  ],\n\t\t\ttabs: [\n\t\t\t\thasSolidColors &&\n\t\t\t\t\tsupportsTextColor && {\n\t\t\t\t\t\tkey: 'text',\n\t\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\t\tinheritedValue: elementTextColor,\n\t\t\t\t\t\tsetValue: setElementTextColor,\n\t\t\t\t\t\tuserValue: elementTextUserColor,\n\t\t\t\t\t},\n\t\t\t\thasSolidColors &&\n\t\t\t\t\tsupportsBackground && {\n\t\t\t\t\t\tkey: 'background',\n\t\t\t\t\t\tlabel: __( 'Background' ),\n\t\t\t\t\t\tinheritedValue: elementBackgroundColor,\n\t\t\t\t\t\tsetValue: setElementBackgroundColor,\n\t\t\t\t\t\tuserValue: elementBackgroundUserColor,\n\t\t\t\t\t},\n\t\t\t\thasGradientColors &&\n\t\t\t\t\tsupportsBackground && {\n\t\t\t\t\t\tkey: 'gradient',\n\t\t\t\t\t\tlabel: __( 'Gradient' ),\n\t\t\t\t\t\tinheritedValue: elementGradient,\n\t\t\t\t\t\tsetValue: setElementGradient,\n\t\t\t\t\t\tuserValue: elementGradientUserColor,\n\t\t\t\t\t\tisGradient: true,\n\t\t\t\t\t},\n\t\t\t].filter( Boolean ),\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<Wrapper\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ items.map( ( item ) => (\n\t\t\t\t<ColorPanelDropdown\n\t\t\t\t\tkey={ item.key }\n\t\t\t\t\t{ ...item }\n\t\t\t\t\tcolorGradientControlSettings={ {\n\t\t\t\t\t\tcolors,\n\t\t\t\t\t\tdisableCustomColors: ! areCustomSolidsEnabled,\n\t\t\t\t\t\tgradients,\n\t\t\t\t\t\tdisableCustomGradients: ! areCustomGradientsEnabled,\n\t\t\t\t\t} }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t{ children }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_element","_i18n","_control","_hooks","_utils","_object","useHasColorPanel","settings","hasTextPanel","useHasTextPanel","hasBackgroundPanel","useHasBackgroundPanel","hasLinkPanel","useHasLinkPanel","hasHeadingPanel","useHasHeadingPanel","hasButtonPanel","useHasButtonPanel","hasCaptionPanel","useHasCaptionPanel","colors","useColorsPerOrigin","color","text","length","custom","link","caption","gradients","useGradientsPerOrigin","heading","customGradient","button","background","ColorToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","_react","createElement","__experimentalToolsPanel","label","__","hasInnerWrapper","className","__experimentalFirstVisibleItemClass","__experimentalLastVisibleItemClass","DEFAULT_CONTROLS","popoverProps","placement","offset","shift","LabeledColorIndicators","indicators","__experimentalHStack","justify","__experimentalZStack","isLayered","map","indicator","index","Flex","key","expanded","ColorIndicator","colorValue","FlexItem","title","ColorPanelTab","isGradient","inheritedValue","userValue","setValue","colorGradientControlSettings","default","showTitle","enableAlpha","__experimentalIsRenderedInSidebar","undefined","gradientValue","onColorChange","onGradientChange","clearable","headingLevel","ColorPanelDropdown","hasValue","resetValue","isShownByDefault","tabs","tabConfigs","tabLabel","name","__experimentalToolsPanelItem","onDeselect","Dropdown","renderToggle","onToggle","isOpen","toggleProps","onClick","classnames","sprintf","Button","renderContent","__experimentalDropdownContentWrapper","paddingSize","TabPanel","tab","selectedTab","find","t","ColorPanel","as","Wrapper","defaultControls","areCustomSolidsEnabled","areCustomGradientsEnabled","hasSolidColors","hasGradientColors","decodeValue","rawValue","getValueFromVariable","encodeColorValue","allColors","flatMap","originColors","colorObject","slug","encodeGradientValue","allGradients","originGradients","gradientObject","gradient","showBackgroundPanel","backgroundColor","userBackgroundColor","userGradient","hasBackground","setBackgroundColor","newColor","newValue","setImmutably","setGradient","newGradient","resetBackground","showLinkPanel","linkColor","elements","userLinkColor","setLinkColor","hoverLinkColor","userHoverLinkColor","setHoverLinkColor","hasLink","resetLink","showTextPanel","textColor","userTextColor","hasTextColor","setTextColor","changedObject","resetTextColor","showPanel","useCallback","previousValue","reduce","acc","element","items","filter","Boolean","forEach","elementBackgroundColor","elementGradient","elementTextColor","elementBackgroundUserColor","elementGradientUserColor","elementTextUserColor","hasElement","resetElement","setElementTextColor","newTextColor","setElementBackgroundColor","newBackgroundColor","setElementGradient","supportsTextColor","supportsBackground","push","item","disableCustomColors","disableCustomGradients"],"sources":["@wordpress/block-editor/src/components/global-styles/color-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tTabPanel,\n\tColorIndicator,\n\tFlex,\n\tFlexItem,\n\tDropdown,\n\tButton,\n} from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ColorGradientControl from '../colors-gradients/control';\nimport { useColorsPerOrigin, useGradientsPerOrigin } from './hooks';\nimport { getValueFromVariable } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nexport function useHasColorPanel( settings ) {\n\tconst hasTextPanel = useHasTextPanel( settings );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasLinkPanel = useHasLinkPanel( settings );\n\tconst hasHeadingPanel = useHasHeadingPanel( settings );\n\tconst hasButtonPanel = useHasButtonPanel( settings );\n\tconst hasCaptionPanel = useHasCaptionPanel( settings );\n\n\treturn (\n\t\thasTextPanel ||\n\t\thasBackgroundPanel ||\n\t\thasLinkPanel ||\n\t\thasHeadingPanel ||\n\t\thasButtonPanel ||\n\t\thasCaptionPanel\n\t);\n}\n\nexport function useHasTextPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.text &&\n\t\t( colors?.length > 0 || settings?.color?.custom )\n\t);\n}\n\nexport function useHasLinkPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.link &&\n\t\t( colors?.length > 0 || settings?.color?.custom )\n\t);\n}\n\nexport function useHasCaptionPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.caption &&\n\t\t( colors?.length > 0 || settings?.color?.custom )\n\t);\n}\n\nexport function useHasHeadingPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.heading &&\n\t\t( colors?.length > 0 ||\n\t\t\tsettings?.color?.custom ||\n\t\t\tgradients?.length > 0 ||\n\t\t\tsettings?.color?.customGradient )\n\t);\n}\n\nexport function useHasButtonPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.button &&\n\t\t( colors?.length > 0 ||\n\t\t\tsettings?.color?.custom ||\n\t\t\tgradients?.length > 0 ||\n\t\t\tsettings?.color?.customGradient )\n\t);\n}\n\nexport function useHasBackgroundPanel( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\treturn (\n\t\tsettings?.color?.background &&\n\t\t( colors?.length > 0 ||\n\t\t\tsettings?.color?.custom ||\n\t\t\tgradients?.length > 0 ||\n\t\t\tsettings?.color?.customGradient )\n\t);\n}\n\nfunction ColorToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\n\tconst resetAll = () => {\n\t\tconst updatedValue = resetAllFilter( value );\n\t\tonChange( updatedValue );\n\t};\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Color' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\thasInnerWrapper\n\t\t\tclassName=\"color-block-support-panel\"\n\t\t\t__experimentalFirstVisibleItemClass=\"first\"\n\t\t\t__experimentalLastVisibleItemClass=\"last\"\n\t\t>\n\t\t\t<div className=\"color-block-support-panel__inner-wrapper\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\ttext: true,\n\tbackground: true,\n\tlink: true,\n\theading: true,\n\tbutton: true,\n\tcaption: true,\n};\n\nconst popoverProps = {\n\tplacement: 'left-start',\n\toffset: 36,\n\tshift: true,\n};\n\nconst LabeledColorIndicators = ( { indicators, label } ) => (\n\t<HStack justify=\"flex-start\">\n\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t{ indicators.map( ( indicator, index ) => (\n\t\t\t\t<Flex key={ index } expanded={ false }>\n\t\t\t\t\t<ColorIndicator colorValue={ indicator } />\n\t\t\t\t</Flex>\n\t\t\t) ) }\n\t\t</ZStack>\n\t\t<FlexItem\n\t\t\tclassName=\"block-editor-panel-color-gradient-settings__color-name\"\n\t\t\ttitle={ label }\n\t\t>\n\t\t\t{ label }\n\t\t</FlexItem>\n\t</HStack>\n);\n\nfunction ColorPanelTab( {\n\tisGradient,\n\tinheritedValue,\n\tuserValue,\n\tsetValue,\n\tcolorGradientControlSettings,\n} ) {\n\treturn (\n\t\t<ColorGradientControl\n\t\t\t{ ...colorGradientControlSettings }\n\t\t\tshowTitle={ false }\n\t\t\tenableAlpha\n\t\t\t__experimentalIsRenderedInSidebar\n\t\t\tcolorValue={ isGradient ? undefined : inheritedValue }\n\t\t\tgradientValue={ isGradient ? inheritedValue : undefined }\n\t\t\tonColorChange={ isGradient ? undefined : setValue }\n\t\t\tonGradientChange={ isGradient ? setValue : undefined }\n\t\t\tclearable={ inheritedValue === userValue }\n\t\t\theadingLevel={ 3 }\n\t\t/>\n\t);\n}\n\nfunction ColorPanelDropdown( {\n\tlabel,\n\thasValue,\n\tresetValue,\n\tisShownByDefault,\n\tindicators,\n\ttabs,\n\tcolorGradientControlSettings,\n\tpanelId,\n} ) {\n\tconst tabConfigs = tabs.map( ( { key, label: tabLabel } ) => {\n\t\treturn {\n\t\t\tname: key,\n\t\t\ttitle: tabLabel,\n\t\t};\n\t} );\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tclassName=\"block-editor-tools-panel-color-gradient-settings__item\"\n\t\t\thasValue={ hasValue }\n\t\t\tlabel={ label }\n\t\t\tonDeselect={ resetValue }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tclassName=\"block-editor-tools-panel-color-gradient-settings__dropdown\"\n\t\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\t\tconst toggleProps = {\n\t\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t'block-editor-panel-color-gradient-settings__dropdown',\n\t\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t\t),\n\t\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t\t\t'aria-label': sprintf(\n\t\t\t\t\t\t\t/* translators: %s is the type of color property, e.g., \"background\" */\n\t\t\t\t\t\t\t__( 'Color %s styles' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button { ...toggleProps }>\n\t\t\t\t\t\t\t<LabeledColorIndicators\n\t\t\t\t\t\t\t\tindicators={ indicators }\n\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<DropdownContentWrapper paddingSize=\"none\">\n\t\t\t\t\t\t<div className=\"block-editor-panel-color-gradient-settings__dropdown-content\">\n\t\t\t\t\t\t\t{ tabs.length === 1 && (\n\t\t\t\t\t\t\t\t<ColorPanelTab\n\t\t\t\t\t\t\t\t\t{ ...tabs[ 0 ] }\n\t\t\t\t\t\t\t\t\tcolorGradientControlSettings={\n\t\t\t\t\t\t\t\t\t\tcolorGradientControlSettings\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ tabs.length > 1 && (\n\t\t\t\t\t\t\t\t<TabPanel tabs={ tabConfigs }>\n\t\t\t\t\t\t\t\t\t{ ( tab ) => {\n\t\t\t\t\t\t\t\t\t\tconst selectedTab = tabs.find(\n\t\t\t\t\t\t\t\t\t\t\t( t ) => t.key === tab.name\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\tif ( ! selectedTab ) {\n\t\t\t\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<ColorPanelTab\n\t\t\t\t\t\t\t\t\t\t\t\t{ ...selectedTab }\n\t\t\t\t\t\t\t\t\t\t\t\tcolorGradientControlSettings={\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolorGradientControlSettings\n\t\t\t\t\t\t\t\t\t\t\t\t}\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} }\n\t\t\t\t\t\t\t\t</TabPanel>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</DropdownContentWrapper>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n\nexport default function ColorPanel( {\n\tas: Wrapper = ColorToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tchildren,\n} ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\tconst areCustomSolidsEnabled = settings?.color?.custom;\n\tconst areCustomGradientsEnabled = settings?.color?.customGradient;\n\tconst hasSolidColors = colors.length > 0 || areCustomSolidsEnabled;\n\tconst hasGradientColors = gradients.length > 0 || areCustomGradientsEnabled;\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\tconst encodeColorValue = ( colorValue ) => {\n\t\tconst allColors = colors.flatMap(\n\t\t\t( { colors: originColors } ) => originColors\n\t\t);\n\t\tconst colorObject = allColors.find(\n\t\t\t( { color } ) => color === colorValue\n\t\t);\n\t\treturn colorObject\n\t\t\t? 'var:preset|color|' + colorObject.slug\n\t\t\t: colorValue;\n\t};\n\tconst encodeGradientValue = ( gradientValue ) => {\n\t\tconst allGradients = gradients.flatMap(\n\t\t\t( { gradients: originGradients } ) => originGradients\n\t\t);\n\t\tconst gradientObject = allGradients.find(\n\t\t\t( { gradient } ) => gradient === gradientValue\n\t\t);\n\t\treturn gradientObject\n\t\t\t? 'var:preset|gradient|' + gradientObject.slug\n\t\t\t: gradientValue;\n\t};\n\n\t// BackgroundColor\n\tconst showBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst backgroundColor = decodeValue( inheritedValue?.color?.background );\n\tconst userBackgroundColor = decodeValue( value?.color?.background );\n\tconst gradient = decodeValue( inheritedValue?.color?.gradient );\n\tconst userGradient = decodeValue( value?.color?.gradient );\n\tconst hasBackground = () => !! userBackgroundColor || !! userGradient;\n\tconst setBackgroundColor = ( newColor ) => {\n\t\tconst newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'background' ],\n\t\t\tencodeColorValue( newColor )\n\t\t);\n\t\tnewValue.color.gradient = undefined;\n\t\tonChange( newValue );\n\t};\n\tconst setGradient = ( newGradient ) => {\n\t\tconst newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'gradient' ],\n\t\t\tencodeGradientValue( newGradient )\n\t\t);\n\t\tnewValue.color.background = undefined;\n\t\tonChange( newValue );\n\t};\n\tconst resetBackground = () => {\n\t\tconst newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'background' ],\n\t\t\tundefined\n\t\t);\n\t\tnewValue.color.gradient = undefined;\n\t\tonChange( newValue );\n\t};\n\n\t// Links\n\tconst showLinkPanel = useHasLinkPanel( settings );\n\tconst linkColor = decodeValue(\n\t\tinheritedValue?.elements?.link?.color?.text\n\t);\n\tconst userLinkColor = decodeValue( value?.elements?.link?.color?.text );\n\tconst setLinkColor = ( newColor ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', 'link', 'color', 'text' ],\n\t\t\t\tencodeColorValue( newColor )\n\t\t\t)\n\t\t);\n\t};\n\tconst hoverLinkColor = decodeValue(\n\t\tinheritedValue?.elements?.link?.[ ':hover' ]?.color?.text\n\t);\n\tconst userHoverLinkColor = decodeValue(\n\t\tvalue?.elements?.link?.[ ':hover' ]?.color?.text\n\t);\n\tconst setHoverLinkColor = ( newColor ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', 'link', ':hover', 'color', 'text' ],\n\t\t\t\tencodeColorValue( newColor )\n\t\t\t)\n\t\t);\n\t};\n\tconst hasLink = () => !! userLinkColor || !! userHoverLinkColor;\n\tconst resetLink = () => {\n\t\tlet newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'elements', 'link', ':hover', 'color', 'text' ],\n\t\t\tundefined\n\t\t);\n\t\tnewValue = setImmutably(\n\t\t\tnewValue,\n\t\t\t[ 'elements', 'link', 'color', 'text' ],\n\t\t\tundefined\n\t\t);\n\t\tonChange( newValue );\n\t};\n\n\t// Text Color\n\tconst showTextPanel = useHasTextPanel( settings );\n\tconst textColor = decodeValue( inheritedValue?.color?.text );\n\tconst userTextColor = decodeValue( value?.color?.text );\n\tconst hasTextColor = () => !! userTextColor;\n\tconst setTextColor = ( newColor ) => {\n\t\tlet changedObject = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'text' ],\n\t\t\tencodeColorValue( newColor )\n\t\t);\n\t\tif ( textColor === linkColor ) {\n\t\t\tchangedObject = setImmutably(\n\t\t\t\tchangedObject,\n\t\t\t\t[ 'elements', 'link', 'color', 'text' ],\n\t\t\t\tencodeColorValue( newColor )\n\t\t\t);\n\t\t}\n\n\t\tonChange( changedObject );\n\t};\n\tconst resetTextColor = () => setTextColor( undefined );\n\n\t// Elements\n\tconst elements = [\n\t\t{\n\t\t\tname: 'caption',\n\t\t\tlabel: __( 'Captions' ),\n\t\t\tshowPanel: useHasCaptionPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'button',\n\t\t\tlabel: __( 'Button' ),\n\t\t\tshowPanel: useHasButtonPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'heading',\n\t\t\tlabel: __( 'Heading' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h1',\n\t\t\tlabel: __( 'H1' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h2',\n\t\t\tlabel: __( 'H2' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h3',\n\t\t\tlabel: __( 'H3' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h4',\n\t\t\tlabel: __( 'H4' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h5',\n\t\t\tlabel: __( 'H5' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t\t{\n\t\t\tname: 'h6',\n\t\t\tlabel: __( 'H6' ),\n\t\t\tshowPanel: useHasHeadingPanel( settings ),\n\t\t},\n\t];\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tcolor: undefined,\n\t\t\telements: {\n\t\t\t\t...previousValue?.elements,\n\t\t\t\tlink: {\n\t\t\t\t\t...previousValue?.elements?.link,\n\t\t\t\t\tcolor: undefined,\n\t\t\t\t\t':hover': {\n\t\t\t\t\t\tcolor: undefined,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t...elements.reduce( ( acc, element ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...acc,\n\t\t\t\t\t\t[ element.name ]: {\n\t\t\t\t\t\t\t...previousValue?.elements?.[ element.name ],\n\t\t\t\t\t\t\tcolor: undefined,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t}, {} ),\n\t\t\t},\n\t\t};\n\t}, [] );\n\n\tconst items = [\n\t\tshowTextPanel && {\n\t\t\tkey: 'text',\n\t\t\tlabel: __( 'Text' ),\n\t\t\thasValue: hasTextColor,\n\t\t\tresetValue: resetTextColor,\n\t\t\tisShownByDefault: defaultControls.text,\n\t\t\tindicators: [ textColor ],\n\t\t\ttabs: [\n\t\t\t\t{\n\t\t\t\t\tkey: 'text',\n\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\tinheritedValue: textColor,\n\t\t\t\t\tsetValue: setTextColor,\n\t\t\t\t\tuserValue: userTextColor,\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t\tshowBackgroundPanel && {\n\t\t\tkey: 'background',\n\t\t\tlabel: __( 'Background' ),\n\t\t\thasValue: hasBackground,\n\t\t\tresetValue: resetBackground,\n\t\t\tisShownByDefault: defaultControls.background,\n\t\t\tindicators: [ gradient ?? backgroundColor ],\n\t\t\ttabs: [\n\t\t\t\thasSolidColors && {\n\t\t\t\t\tkey: 'background',\n\t\t\t\t\tlabel: __( 'Solid' ),\n\t\t\t\t\tinheritedValue: backgroundColor,\n\t\t\t\t\tsetValue: setBackgroundColor,\n\t\t\t\t\tuserValue: userBackgroundColor,\n\t\t\t\t},\n\t\t\t\thasGradientColors && {\n\t\t\t\t\tkey: 'gradient',\n\t\t\t\t\tlabel: __( 'Gradient' ),\n\t\t\t\t\tinheritedValue: gradient,\n\t\t\t\t\tsetValue: setGradient,\n\t\t\t\t\tuserValue: userGradient,\n\t\t\t\t\tisGradient: true,\n\t\t\t\t},\n\t\t\t].filter( Boolean ),\n\t\t},\n\t\tshowLinkPanel && {\n\t\t\tkey: 'link',\n\t\t\tlabel: __( 'Link' ),\n\t\t\thasValue: hasLink,\n\t\t\tresetValue: resetLink,\n\t\t\tisShownByDefault: defaultControls.link,\n\t\t\tindicators: [ linkColor, hoverLinkColor ],\n\t\t\ttabs: [\n\t\t\t\t{\n\t\t\t\t\tkey: 'link',\n\t\t\t\t\tlabel: __( 'Default' ),\n\t\t\t\t\tinheritedValue: linkColor,\n\t\t\t\t\tsetValue: setLinkColor,\n\t\t\t\t\tuserValue: userLinkColor,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'hover',\n\t\t\t\t\tlabel: __( 'Hover' ),\n\t\t\t\t\tinheritedValue: hoverLinkColor,\n\t\t\t\t\tsetValue: setHoverLinkColor,\n\t\t\t\t\tuserValue: userHoverLinkColor,\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t].filter( Boolean );\n\n\telements.forEach( ( { name, label, showPanel } ) => {\n\t\tif ( ! showPanel ) return;\n\n\t\tconst elementBackgroundColor = decodeValue(\n\t\t\tinheritedValue?.elements?.[ name ]?.color?.background\n\t\t);\n\t\tconst elementGradient = decodeValue(\n\t\t\tinheritedValue?.elements?.[ name ]?.color?.gradient\n\t\t);\n\t\tconst elementTextColor = decodeValue(\n\t\t\tinheritedValue?.elements?.[ name ]?.color?.text\n\t\t);\n\t\tconst elementBackgroundUserColor = decodeValue(\n\t\t\tvalue?.elements?.[ name ]?.color?.background\n\t\t);\n\t\tconst elementGradientUserColor = decodeValue(\n\t\t\tvalue?.elements?.[ name ]?.color?.gradient\n\t\t);\n\t\tconst elementTextUserColor = decodeValue(\n\t\t\tvalue?.elements?.[ name ]?.color?.text\n\t\t);\n\t\tconst hasElement = () =>\n\t\t\t!! (\n\t\t\t\telementTextUserColor ||\n\t\t\t\telementBackgroundUserColor ||\n\t\t\t\telementGradientUserColor\n\t\t\t);\n\t\tconst resetElement = () => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', name, 'color', 'background' ],\n\t\t\t\tundefined\n\t\t\t);\n\t\t\tnewValue.elements[ name ].color.gradient = undefined;\n\t\t\tnewValue.elements[ name ].color.text = undefined;\n\t\t\tonChange( newValue );\n\t\t};\n\n\t\tconst setElementTextColor = ( newTextColor ) => {\n\t\t\tonChange(\n\t\t\t\tsetImmutably(\n\t\t\t\t\tvalue,\n\t\t\t\t\t[ 'elements', name, 'color', 'text' ],\n\t\t\t\t\tencodeColorValue( newTextColor )\n\t\t\t\t)\n\t\t\t);\n\t\t};\n\t\tconst setElementBackgroundColor = ( newBackgroundColor ) => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', name, 'color', 'background' ],\n\t\t\t\tencodeColorValue( newBackgroundColor )\n\t\t\t);\n\t\t\tnewValue.elements[ name ].color.gradient = undefined;\n\t\t\tonChange( newValue );\n\t\t};\n\t\tconst setElementGradient = ( newGradient ) => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'elements', name, 'color', 'gradient' ],\n\t\t\t\tencodeGradientValue( newGradient )\n\t\t\t);\n\t\t\tnewValue.elements[ name ].color.background = undefined;\n\t\t\tonChange( newValue );\n\t\t};\n\t\tconst supportsTextColor = true;\n\t\t// Background color is not supported for `caption`\n\t\t// as there isn't yet a way to set padding for the element.\n\t\tconst supportsBackground = name !== 'caption';\n\n\t\titems.push( {\n\t\t\tkey: name,\n\t\t\tlabel,\n\t\t\thasValue: hasElement,\n\t\t\tresetValue: resetElement,\n\t\t\tisShownByDefault: defaultControls[ name ],\n\t\t\tindicators:\n\t\t\t\tsupportsTextColor && supportsBackground\n\t\t\t\t\t? [\n\t\t\t\t\t\t\telementTextColor,\n\t\t\t\t\t\t\telementGradient ?? elementBackgroundColor,\n\t\t\t\t\t  ]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\tsupportsTextColor\n\t\t\t\t\t\t\t\t? elementTextColor\n\t\t\t\t\t\t\t\t: elementGradient ?? elementBackgroundColor,\n\t\t\t\t\t  ],\n\t\t\ttabs: [\n\t\t\t\thasSolidColors &&\n\t\t\t\t\tsupportsTextColor && {\n\t\t\t\t\t\tkey: 'text',\n\t\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\t\tinheritedValue: elementTextColor,\n\t\t\t\t\t\tsetValue: setElementTextColor,\n\t\t\t\t\t\tuserValue: elementTextUserColor,\n\t\t\t\t\t},\n\t\t\t\thasSolidColors &&\n\t\t\t\t\tsupportsBackground && {\n\t\t\t\t\t\tkey: 'background',\n\t\t\t\t\t\tlabel: __( 'Background' ),\n\t\t\t\t\t\tinheritedValue: elementBackgroundColor,\n\t\t\t\t\t\tsetValue: setElementBackgroundColor,\n\t\t\t\t\t\tuserValue: elementBackgroundUserColor,\n\t\t\t\t\t},\n\t\t\t\thasGradientColors &&\n\t\t\t\t\tsupportsBackground && {\n\t\t\t\t\t\tkey: 'gradient',\n\t\t\t\t\t\tlabel: __( 'Gradient' ),\n\t\t\t\t\t\tinheritedValue: elementGradient,\n\t\t\t\t\t\tsetValue: setElementGradient,\n\t\t\t\t\t\tuserValue: elementGradientUserColor,\n\t\t\t\t\t\tisGradient: true,\n\t\t\t\t\t},\n\t\t\t].filter( Boolean ),\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<Wrapper\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ items.map( ( item ) => (\n\t\t\t\t<ColorPanelDropdown\n\t\t\t\t\tkey={ item.key }\n\t\t\t\t\t{ ...item }\n\t\t\t\t\tcolorGradientControlSettings={ {\n\t\t\t\t\t\tcolors,\n\t\t\t\t\t\tdisableCustomColors: ! areCustomSolidsEnabled,\n\t\t\t\t\t\tgradients,\n\t\t\t\t\t\tdisableCustomGradients: ! areCustomGradientsEnabled,\n\t\t\t\t\t} }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t{ children }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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"}

package/build/components/global-styles/color-panel.native.js

@@ -11,8 +11,9 @@ Object.defineProperty(exports, "useHasColorPanel", {
     return _colorPanel.useHasColorPanel;
   }
 });
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -129,11 +130,11 @@ const ColorPanel = ({
     setDetectedTextColor(currentDetectedTextColor);
     setDetectedBackgroundColor(currentDetectedBackgroundColor);
   }, [globalStyles, baseGlobalStyles]);
-  return (0, _element.createElement)(_inspectorControls.default, null, (0, _element.createElement)(_panelColorGradientSettings.default, {
+  return (0, _react.createElement)(_inspectorControls.default, null, (0, _react.createElement)(_panelColorGradientSettings.default, {
     title: (0, _i18n.__)('Color'),
     initialOpen: false,
     settings: items
-  }, (0, _element.createElement)(_contrastChecker.default, {
+  }, (0, _react.createElement)(_contrastChecker.default, {
     backgroundColor: detectedBackgroundColor,
     textColor: detectedTextColor
   })));

package/build/components/global-styles/color-panel.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_i18n","_components","_blockEditor","_panelColorGradientSettings","_interopRequireDefault","_hooks","_utils","_object","_contrastChecker","_inspectorControls","_colorPanel","ColorPanel","value","inheritedValue","onChange","settings","colors","useColorsPerOrigin","gradients","useGradientsPerOrigin","globalStyles","useGlobalStyles","detectedBackgroundColor","setDetectedBackgroundColor","useState","detectedTextColor","setDetectedTextColor","baseGlobalStyles","useSelect","select","getSettings","blockEditorStore","__experimentalGlobalStylesBaseStyles","color","decodeValue","rawValue","getValueFromVariable","encodeColorValue","useCallback","colorValue","allColors","flatMap","originColors","colorObject","find","slug","encodeGradientValue","gradientValue","allGradients","originGradients","gradientObject","gradient","showTextPanel","useHasTextPanel","textColor","text","setTextColor","newColor","setImmutably","resetTextColor","undefined","showBackgroundPanel","useHasBackgroundPanel","backgroundColor","background","setBackgroundColor","newValue","setGradient","newGradient","resetBackground","currentGradients","withoutGradientsSupport","Array","isArray","length","items","useMemo","label","__","onColorChange","onColorCleared","onGradientChange","filter","Boolean","useEffect","currentDetectedTextColor","currentDetectedBackgroundColor","createElement","default","title","initialOpen","_default","exports"],"sources":["@wordpress/block-editor/src/components/global-styles/color-panel.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useState, useMemo, useCallback } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useGlobalStyles } from '@wordpress/components';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PanelColorGradientSettings from '../colors-gradients/panel-color-gradient-settings';\nimport { useColorsPerOrigin, useGradientsPerOrigin } from './hooks';\nimport { getValueFromVariable } from './utils';\nimport { setImmutably } from '../../utils/object';\nimport ContrastChecker from '../contrast-checker';\nimport InspectorControls from '../inspector-controls';\nimport {\n\tuseHasColorPanel,\n\tuseHasTextPanel,\n\tuseHasBackgroundPanel,\n} from './color-panel.js';\n\nconst ColorPanel = ( {\n\tvalue,\n\tinheritedValue = value,\n\tonChange,\n\tsettings,\n} ) => {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\tconst globalStyles = useGlobalStyles();\n\n\tconst [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();\n\tconst [ detectedTextColor, setDetectedTextColor ] = useState();\n\n\tconst { baseGlobalStyles } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tbaseGlobalStyles:\n\t\t\t\tgetSettings()?.__experimentalGlobalStylesBaseStyles?.color,\n\t\t};\n\t} );\n\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\tconst encodeColorValue = useCallback(\n\t\t( colorValue ) => {\n\t\t\tconst allColors = colors.flatMap(\n\t\t\t\t( { colors: originColors } ) => originColors\n\t\t\t);\n\t\t\tconst colorObject = allColors.find(\n\t\t\t\t( { color } ) => color === colorValue\n\t\t\t);\n\t\t\treturn colorObject\n\t\t\t\t? 'var:preset|color|' + colorObject.slug\n\t\t\t\t: colorValue;\n\t\t},\n\t\t[ colors ]\n\t);\n\tconst encodeGradientValue = useCallback(\n\t\t( gradientValue ) => {\n\t\t\tconst allGradients = gradients.flatMap(\n\t\t\t\t( { gradients: originGradients } ) => originGradients\n\t\t\t);\n\t\t\tconst gradientObject = allGradients.find(\n\t\t\t\t( { gradient } ) => gradient === gradientValue\n\t\t\t);\n\t\t\treturn gradientObject\n\t\t\t\t? 'var:preset|gradient|' + gradientObject.slug\n\t\t\t\t: gradientValue;\n\t\t},\n\t\t[ gradients ]\n\t);\n\n\t// Text Color\n\tconst showTextPanel = useHasTextPanel( settings );\n\tconst textColor = decodeValue( inheritedValue?.color?.text );\n\tconst setTextColor = useCallback(\n\t\t( newColor ) => {\n\t\t\tonChange(\n\t\t\t\tsetImmutably(\n\t\t\t\t\tvalue,\n\t\t\t\t\t[ 'color', 'text' ],\n\t\t\t\t\tencodeColorValue( newColor )\n\t\t\t\t)\n\t\t\t);\n\t\t},\n\t\t[ encodeColorValue, onChange, value ]\n\t);\n\tconst resetTextColor = useCallback(\n\t\t() => setTextColor( undefined ),\n\t\t[ setTextColor ]\n\t);\n\n\t// BackgroundColor\n\tconst showBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst backgroundColor = decodeValue( inheritedValue?.color?.background );\n\tconst gradient = decodeValue( inheritedValue?.color?.gradient );\n\tconst setBackgroundColor = useCallback(\n\t\t( newColor ) => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'color', 'background' ],\n\t\t\t\tencodeColorValue( newColor )\n\t\t\t);\n\t\t\tnewValue.color.gradient = undefined;\n\t\t\tonChange( newValue );\n\t\t},\n\t\t[ encodeColorValue, onChange, value ]\n\t);\n\tconst setGradient = useCallback(\n\t\t( newGradient ) => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'color', 'gradient' ],\n\t\t\t\tencodeGradientValue( newGradient )\n\t\t\t);\n\t\t\tnewValue.color.background = undefined;\n\t\t\tonChange( newValue );\n\t\t},\n\t\t[ encodeGradientValue, onChange, value ]\n\t);\n\tconst resetBackground = useCallback( () => {\n\t\tconst newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'background' ],\n\t\t\tundefined\n\t\t);\n\t\tnewValue.color.gradient = undefined;\n\t\tonChange( newValue );\n\t}, [ onChange, value ] );\n\tconst currentGradients = settings?.color?.gradients;\n\tconst withoutGradientsSupport =\n\t\tArray.isArray( currentGradients ) && currentGradients.length === 0;\n\n\tconst items = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\tshowTextPanel && {\n\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\tcolorValue: textColor,\n\t\t\t\t\tonColorChange: setTextColor,\n\t\t\t\t\tonColorCleared: resetTextColor,\n\t\t\t\t},\n\t\t\t\tshowBackgroundPanel && {\n\t\t\t\t\tlabel: __( 'Background' ),\n\t\t\t\t\tcolorValue: backgroundColor,\n\t\t\t\t\tonColorChange: setBackgroundColor,\n\t\t\t\t\tonColorCleared: resetBackground,\n\t\t\t\t\tonGradientChange: ! withoutGradientsSupport\n\t\t\t\t\t\t? setGradient\n\t\t\t\t\t\t: undefined,\n\t\t\t\t\tgradientValue: gradient,\n\t\t\t\t},\n\t\t\t].filter( Boolean ),\n\t\t[\n\t\t\tbackgroundColor,\n\t\t\tgradient,\n\t\t\tresetBackground,\n\t\t\tresetTextColor,\n\t\t\tsetBackgroundColor,\n\t\t\tsetGradient,\n\t\t\tsetTextColor,\n\t\t\tshowBackgroundPanel,\n\t\t\tshowTextPanel,\n\t\t\ttextColor,\n\t\t\twithoutGradientsSupport,\n\t\t]\n\t);\n\n\tuseEffect( () => {\n\t\t// The following logic is used to determine current text/background colors:\n\t\t// 1. The globalStyles object is queried to determine whether a color has been\n\t\t// set via a block's settings.\n\t\t// 2. If a block-based theme is in use and no globalStyles exist, the theme's\n\t\t// default/base colors are used.\n\t\t// 3. If no globalStyles exist and a theme isn't block-based, there is no way\n\t\t// to determine the default text/background color and the checker won't run.\n\t\tconst currentDetectedTextColor =\n\t\t\tglobalStyles?.color || baseGlobalStyles?.text;\n\t\tconst currentDetectedBackgroundColor =\n\t\t\tglobalStyles?.backgroundColor || baseGlobalStyles?.background;\n\n\t\tsetDetectedTextColor( currentDetectedTextColor );\n\t\tsetDetectedBackgroundColor( currentDetectedBackgroundColor );\n\t}, [ globalStyles, baseGlobalStyles ] );\n\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelColorGradientSettings\n\t\t\t\ttitle={ __( 'Color' ) }\n\t\t\t\tinitialOpen={ false }\n\t\t\t\tsettings={ items }\n\t\t\t>\n\t\t\t\t<ContrastChecker\n\t\t\t\t\tbackgroundColor={ detectedBackgroundColor }\n\t\t\t\t\ttextColor={ detectedTextColor }\n\t\t\t\t/>\n\t\t\t</PanelColorGradientSettings>\n\t\t</InspectorControls>\n\t);\n};\n\nexport { useHasColorPanel };\nexport default ColorPanel;\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_element","_i18n","_components","_blockEditor","_panelColorGradientSettings","_interopRequireDefault","_hooks","_utils","_object","_contrastChecker","_inspectorControls","_colorPanel","ColorPanel","value","inheritedValue","onChange","settings","colors","useColorsPerOrigin","gradients","useGradientsPerOrigin","globalStyles","useGlobalStyles","detectedBackgroundColor","setDetectedBackgroundColor","useState","detectedTextColor","setDetectedTextColor","baseGlobalStyles","useSelect","select","getSettings","blockEditorStore","__experimentalGlobalStylesBaseStyles","color","decodeValue","rawValue","getValueFromVariable","encodeColorValue","useCallback","colorValue","allColors","flatMap","originColors","colorObject","find","slug","encodeGradientValue","gradientValue","allGradients","originGradients","gradientObject","gradient","showTextPanel","useHasTextPanel","textColor","text","setTextColor","newColor","setImmutably","resetTextColor","undefined","showBackgroundPanel","useHasBackgroundPanel","backgroundColor","background","setBackgroundColor","newValue","setGradient","newGradient","resetBackground","currentGradients","withoutGradientsSupport","Array","isArray","length","items","useMemo","label","__","onColorChange","onColorCleared","onGradientChange","filter","Boolean","useEffect","currentDetectedTextColor","currentDetectedBackgroundColor","_react","createElement","default","title","initialOpen","_default","exports"],"sources":["@wordpress/block-editor/src/components/global-styles/color-panel.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useEffect, useState, useMemo, useCallback } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useGlobalStyles } from '@wordpress/components';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PanelColorGradientSettings from '../colors-gradients/panel-color-gradient-settings';\nimport { useColorsPerOrigin, useGradientsPerOrigin } from './hooks';\nimport { getValueFromVariable } from './utils';\nimport { setImmutably } from '../../utils/object';\nimport ContrastChecker from '../contrast-checker';\nimport InspectorControls from '../inspector-controls';\nimport {\n\tuseHasColorPanel,\n\tuseHasTextPanel,\n\tuseHasBackgroundPanel,\n} from './color-panel.js';\n\nconst ColorPanel = ( {\n\tvalue,\n\tinheritedValue = value,\n\tonChange,\n\tsettings,\n} ) => {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\tconst globalStyles = useGlobalStyles();\n\n\tconst [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();\n\tconst [ detectedTextColor, setDetectedTextColor ] = useState();\n\n\tconst { baseGlobalStyles } = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tbaseGlobalStyles:\n\t\t\t\tgetSettings()?.__experimentalGlobalStylesBaseStyles?.color,\n\t\t};\n\t} );\n\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\tconst encodeColorValue = useCallback(\n\t\t( colorValue ) => {\n\t\t\tconst allColors = colors.flatMap(\n\t\t\t\t( { colors: originColors } ) => originColors\n\t\t\t);\n\t\t\tconst colorObject = allColors.find(\n\t\t\t\t( { color } ) => color === colorValue\n\t\t\t);\n\t\t\treturn colorObject\n\t\t\t\t? 'var:preset|color|' + colorObject.slug\n\t\t\t\t: colorValue;\n\t\t},\n\t\t[ colors ]\n\t);\n\tconst encodeGradientValue = useCallback(\n\t\t( gradientValue ) => {\n\t\t\tconst allGradients = gradients.flatMap(\n\t\t\t\t( { gradients: originGradients } ) => originGradients\n\t\t\t);\n\t\t\tconst gradientObject = allGradients.find(\n\t\t\t\t( { gradient } ) => gradient === gradientValue\n\t\t\t);\n\t\t\treturn gradientObject\n\t\t\t\t? 'var:preset|gradient|' + gradientObject.slug\n\t\t\t\t: gradientValue;\n\t\t},\n\t\t[ gradients ]\n\t);\n\n\t// Text Color\n\tconst showTextPanel = useHasTextPanel( settings );\n\tconst textColor = decodeValue( inheritedValue?.color?.text );\n\tconst setTextColor = useCallback(\n\t\t( newColor ) => {\n\t\t\tonChange(\n\t\t\t\tsetImmutably(\n\t\t\t\t\tvalue,\n\t\t\t\t\t[ 'color', 'text' ],\n\t\t\t\t\tencodeColorValue( newColor )\n\t\t\t\t)\n\t\t\t);\n\t\t},\n\t\t[ encodeColorValue, onChange, value ]\n\t);\n\tconst resetTextColor = useCallback(\n\t\t() => setTextColor( undefined ),\n\t\t[ setTextColor ]\n\t);\n\n\t// BackgroundColor\n\tconst showBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst backgroundColor = decodeValue( inheritedValue?.color?.background );\n\tconst gradient = decodeValue( inheritedValue?.color?.gradient );\n\tconst setBackgroundColor = useCallback(\n\t\t( newColor ) => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'color', 'background' ],\n\t\t\t\tencodeColorValue( newColor )\n\t\t\t);\n\t\t\tnewValue.color.gradient = undefined;\n\t\t\tonChange( newValue );\n\t\t},\n\t\t[ encodeColorValue, onChange, value ]\n\t);\n\tconst setGradient = useCallback(\n\t\t( newGradient ) => {\n\t\t\tconst newValue = setImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'color', 'gradient' ],\n\t\t\t\tencodeGradientValue( newGradient )\n\t\t\t);\n\t\t\tnewValue.color.background = undefined;\n\t\t\tonChange( newValue );\n\t\t},\n\t\t[ encodeGradientValue, onChange, value ]\n\t);\n\tconst resetBackground = useCallback( () => {\n\t\tconst newValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'color', 'background' ],\n\t\t\tundefined\n\t\t);\n\t\tnewValue.color.gradient = undefined;\n\t\tonChange( newValue );\n\t}, [ onChange, value ] );\n\tconst currentGradients = settings?.color?.gradients;\n\tconst withoutGradientsSupport =\n\t\tArray.isArray( currentGradients ) && currentGradients.length === 0;\n\n\tconst items = useMemo(\n\t\t() =>\n\t\t\t[\n\t\t\t\tshowTextPanel && {\n\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\tcolorValue: textColor,\n\t\t\t\t\tonColorChange: setTextColor,\n\t\t\t\t\tonColorCleared: resetTextColor,\n\t\t\t\t},\n\t\t\t\tshowBackgroundPanel && {\n\t\t\t\t\tlabel: __( 'Background' ),\n\t\t\t\t\tcolorValue: backgroundColor,\n\t\t\t\t\tonColorChange: setBackgroundColor,\n\t\t\t\t\tonColorCleared: resetBackground,\n\t\t\t\t\tonGradientChange: ! withoutGradientsSupport\n\t\t\t\t\t\t? setGradient\n\t\t\t\t\t\t: undefined,\n\t\t\t\t\tgradientValue: gradient,\n\t\t\t\t},\n\t\t\t].filter( Boolean ),\n\t\t[\n\t\t\tbackgroundColor,\n\t\t\tgradient,\n\t\t\tresetBackground,\n\t\t\tresetTextColor,\n\t\t\tsetBackgroundColor,\n\t\t\tsetGradient,\n\t\t\tsetTextColor,\n\t\t\tshowBackgroundPanel,\n\t\t\tshowTextPanel,\n\t\t\ttextColor,\n\t\t\twithoutGradientsSupport,\n\t\t]\n\t);\n\n\tuseEffect( () => {\n\t\t// The following logic is used to determine current text/background colors:\n\t\t// 1. The globalStyles object is queried to determine whether a color has been\n\t\t// set via a block's settings.\n\t\t// 2. If a block-based theme is in use and no globalStyles exist, the theme's\n\t\t// default/base colors are used.\n\t\t// 3. If no globalStyles exist and a theme isn't block-based, there is no way\n\t\t// to determine the default text/background color and the checker won't run.\n\t\tconst currentDetectedTextColor =\n\t\t\tglobalStyles?.color || baseGlobalStyles?.text;\n\t\tconst currentDetectedBackgroundColor =\n\t\t\tglobalStyles?.backgroundColor || baseGlobalStyles?.background;\n\n\t\tsetDetectedTextColor( currentDetectedTextColor );\n\t\tsetDetectedBackgroundColor( currentDetectedBackgroundColor );\n\t}, [ globalStyles, baseGlobalStyles ] );\n\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelColorGradientSettings\n\t\t\t\ttitle={ __( 'Color' ) }\n\t\t\t\tinitialOpen={ false }\n\t\t\t\tsettings={ items }\n\t\t\t>\n\t\t\t\t<ContrastChecker\n\t\t\t\t\tbackgroundColor={ detectedBackgroundColor }\n\t\t\t\t\ttextColor={ detectedTextColor }\n\t\t\t\t/>\n\t\t\t</PanelColorGradientSettings>\n\t\t</InspectorControls>\n\t);\n};\n\nexport { useHasColorPanel };\nexport default ColorPanel;\n"],"mappings":"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"}

package/build/components/global-styles/dimensions-panel.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = DimensionsPanel;
 exports.useHasDimensionsPanel = useHasDimensionsPanel;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
+var _element = require("@wordpress/element");
 var _utils = require("./utils");
 var _spacingSizesControl = _interopRequireDefault(require("../spacing-sizes-control"));
 var _heightControl = _interopRequireDefault(require("../height-control"));
@@ -143,7 +144,7 @@ function DimensionsToolsPanel({
     const updatedValue = resetAllFilter(value);
     onChange(updatedValue);
   };
-  return (0, _element.createElement)(_components.__experimentalToolsPanel, {
+  return (0, _react.createElement)(_components.__experimentalToolsPanel, {
     label: (0, _i18n.__)('Dimensions'),
     resetAll: resetAll,
     panelId: panelId
@@ -329,24 +330,24 @@ function DimensionsPanel({
     };
   }, []);
   const onMouseLeaveControls = () => onVisualize(false);
-  return (0, _element.createElement)(Wrapper, {
+  return (0, _react.createElement)(Wrapper, {
     resetAllFilter: resetAllFilter,
     value: value,
     onChange: onChange,
     panelId: panelId
-  }, (showContentSizeControl || showWideSizeControl) && (0, _element.createElement)("span", {
+  }, (showContentSizeControl || showWideSizeControl) && (0, _react.createElement)("span", {
     className: "span-columns"
-  }, (0, _i18n.__)('Set the width of the main content area.')), showContentSizeControl && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  }, (0, _i18n.__)('Set the width of the main content area.')), showContentSizeControl && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     className: "single-column",
     label: (0, _i18n.__)('Content size'),
     hasValue: hasUserSetContentSizeValue,
     onDeselect: resetContentSizeValue,
     isShownByDefault: (_defaultControls$cont = defaultControls.contentSize) !== null && _defaultControls$cont !== void 0 ? _defaultControls$cont : DEFAULT_CONTROLS.contentSize,
     panelId: panelId
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     alignment: "flex-end",
     justify: "flex-start"
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Content'),
     labelPosition: "top",
     __unstableInputWidth: "80px",
@@ -355,19 +356,19 @@ function DimensionsPanel({
       setContentSizeValue(nextContentSize);
     },
     units: units
-  }), (0, _element.createElement)(_components.__experimentalView, null, (0, _element.createElement)(_icons.Icon, {
+  }), (0, _react.createElement)(_components.__experimentalView, null, (0, _react.createElement)(_icons.Icon, {
     icon: _icons.positionCenter
-  })))), showWideSizeControl && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  })))), showWideSizeControl && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     className: "single-column",
     label: (0, _i18n.__)('Wide size'),
     hasValue: hasUserSetWideSizeValue,
     onDeselect: resetWideSizeValue,
     isShownByDefault: (_defaultControls$wide = defaultControls.wideSize) !== null && _defaultControls$wide !== void 0 ? _defaultControls$wide : DEFAULT_CONTROLS.wideSize,
     panelId: panelId
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     alignment: "flex-end",
     justify: "flex-start"
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Wide'),
     labelPosition: "top",
     __unstableInputWidth: "80px",
@@ -376,9 +377,9 @@ function DimensionsPanel({
       setWideSizeValue(nextWideSize);
     },
     units: units
-  }), (0, _element.createElement)(_components.__experimentalView, null, (0, _element.createElement)(_icons.Icon, {
+  }), (0, _react.createElement)(_components.__experimentalView, null, (0, _react.createElement)(_icons.Icon, {
     icon: _icons.stretchWide
-  })))), showPaddingControl && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  })))), showPaddingControl && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: hasPaddingValue,
     label: (0, _i18n.__)('Padding'),
     onDeselect: resetPaddingValue,
@@ -387,7 +388,7 @@ function DimensionsPanel({
       'tools-panel-item-spacing': showSpacingPresetsControl
     }),
     panelId: panelId
-  }, !showSpacingPresetsControl && (0, _element.createElement)(_components.__experimentalBoxControl, {
+  }, !showSpacingPresetsControl && (0, _react.createElement)(_components.__experimentalBoxControl, {
     values: paddingValues,
     onChange: setPaddingValues,
     label: (0, _i18n.__)('Padding'),
@@ -397,7 +398,7 @@ function DimensionsPanel({
     splitOnAxis: isAxialPadding,
     onMouseOver: onMouseOverPadding,
     onMouseOut: onMouseLeaveControls
-  }), showSpacingPresetsControl && (0, _element.createElement)(_spacingSizesControl.default, {
+  }), showSpacingPresetsControl && (0, _react.createElement)(_spacingSizesControl.default, {
     values: paddingValues,
     onChange: setPaddingValues,
     label: (0, _i18n.__)('Padding'),
@@ -406,7 +407,7 @@ function DimensionsPanel({
     allowReset: false,
     onMouseOver: onMouseOverPadding,
     onMouseOut: onMouseLeaveControls
-  })), showMarginControl && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  })), showMarginControl && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: hasMarginValue,
     label: (0, _i18n.__)('Margin'),
     onDeselect: resetMarginValue,
@@ -415,7 +416,7 @@ function DimensionsPanel({
       'tools-panel-item-spacing': showSpacingPresetsControl
     }),
     panelId: panelId
-  }, !showSpacingPresetsControl && (0, _element.createElement)(_components.__experimentalBoxControl, {
+  }, !showSpacingPresetsControl && (0, _react.createElement)(_components.__experimentalBoxControl, {
     values: marginValues,
     onChange: setMarginValues,
     label: (0, _i18n.__)('Margin'),
@@ -425,7 +426,7 @@ function DimensionsPanel({
     splitOnAxis: isAxialMargin,
     onMouseOver: onMouseOverMargin,
     onMouseOut: onMouseLeaveControls
-  }), showSpacingPresetsControl && (0, _element.createElement)(_spacingSizesControl.default, {
+  }), showSpacingPresetsControl && (0, _react.createElement)(_spacingSizesControl.default, {
     values: marginValues,
     onChange: setMarginValues,
     label: (0, _i18n.__)('Margin'),
@@ -434,7 +435,7 @@ function DimensionsPanel({
     allowReset: false,
     onMouseOver: onMouseOverMargin,
     onMouseOut: onMouseLeaveControls
-  })), showGapControl && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  })), showGapControl && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: hasGapValue,
     label: (0, _i18n.__)('Block spacing'),
     onDeselect: resetGapValue,
@@ -443,7 +444,7 @@ function DimensionsPanel({
       'tools-panel-item-spacing': showSpacingPresetsControl
     }),
     panelId: panelId
-  }, !showSpacingPresetsControl && (isAxialGap ? (0, _element.createElement)(_components.__experimentalBoxControl, {
+  }, !showSpacingPresetsControl && (isAxialGap ? (0, _react.createElement)(_components.__experimentalBoxControl, {
     label: (0, _i18n.__)('Block spacing'),
     min: 0,
     onChange: setGapValues,
@@ -452,14 +453,14 @@ function DimensionsPanel({
     values: gapValues,
     allowReset: false,
     splitOnAxis: isAxialGap
-  }) : (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }) : (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Block spacing'),
     __unstableInputWidth: "80px",
     min: 0,
     onChange: setGapValue,
     units: units,
     value: gapValue
-  })), showSpacingPresetsControl && (0, _element.createElement)(_spacingSizesControl.default, {
+  })), showSpacingPresetsControl && (0, _react.createElement)(_spacingSizesControl.default, {
     label: (0, _i18n.__)('Block spacing'),
     min: 0,
     onChange: setGapValues,
@@ -468,17 +469,17 @@ function DimensionsPanel({
     ,
     values: gapValues,
     allowReset: false
-  })), showMinHeightControl && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  })), showMinHeightControl && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: hasMinHeightValue,
     label: (0, _i18n.__)('Min. height'),
     onDeselect: resetMinHeightValue,
     isShownByDefault: (_defaultControls$minH = defaultControls.minHeight) !== null && _defaultControls$minH !== void 0 ? _defaultControls$minH : DEFAULT_CONTROLS.minHeight,
     panelId: panelId
-  }, (0, _element.createElement)(_heightControl.default, {
+  }, (0, _react.createElement)(_heightControl.default, {
     label: (0, _i18n.__)('Min. height'),
     value: minHeightValue,
     onChange: setMinHeightValue
-  })), showChildLayoutControl && (0, _element.createElement)(_components.__experimentalVStack, {
+  })), showChildLayoutControl && (0, _react.createElement)(_components.__experimentalVStack, {
     as: _components.__experimentalToolsPanelItem,
     spacing: 2,
     hasValue: hasChildLayoutValue,
@@ -486,7 +487,7 @@ function DimensionsPanel({
     onDeselect: resetChildLayoutValue,
     isShownByDefault: (_defaultControls$chil = defaultControls.childLayout) !== null && _defaultControls$chil !== void 0 ? _defaultControls$chil : DEFAULT_CONTROLS.childLayout,
     panelId: panelId
-  }, (0, _element.createElement)(_childLayoutControl.default, {
+  }, (0, _react.createElement)(_childLayoutControl.default, {
     value: childLayout,
     onChange: setChildLayout,
     parentLayout: settings?.parentLayout