@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/global-styles/background-panel.js

@@ -1,55 +1,25 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
-import { useCallback, Platform } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-import BackgroundImageControl from '../background-image-control';
-import { useToolsPanelDropdownMenuProps } from './utils';
-import { setImmutably } from '../../utils/object';
-import { __ } from '@wordpress/i18n';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import {
+  __experimentalToolsPanel as ToolsPanel,
+  __experimentalToolsPanelItem as ToolsPanelItem
+} from "@wordpress/components";
+import { useCallback, Platform } from "@wordpress/element";
+import BackgroundImageControl from "../background-image-control";
+import { useToolsPanelDropdownMenuProps } from "./utils";
+import { setImmutably } from "../../utils/object";
+import { __ } from "@wordpress/i18n";
 const DEFAULT_CONTROLS = {
   backgroundImage: true
 };
-
-/**
- * Checks site settings to see if the background panel may be used.
- * `settings.background.backgroundSize` exists also,
- * but can only be used if settings?.background?.backgroundImage is `true`.
- *
- * @param {Object} settings Site settings
- * @return {boolean}        Whether site settings has activated background panel.
- */
-export function useHasBackgroundPanel(settings) {
-  return Platform.OS === 'web' && settings?.background?.backgroundImage;
+function useHasBackgroundPanel(settings) {
+  return Platform.OS === "web" && settings?.background?.backgroundImage;
 }
-
-/**
- * Checks if there is a current value in the background size block support
- * attributes. Background size values include background size as well
- * as background position.
- *
- * @param {Object} style Style attribute.
- * @return {boolean}     Whether the block has a background size value set.
- */
-export function hasBackgroundSizeValue(style) {
-  return style?.background?.backgroundPosition !== undefined || style?.background?.backgroundSize !== undefined;
+function hasBackgroundSizeValue(style) {
+  return style?.background?.backgroundPosition !== void 0 || style?.background?.backgroundSize !== void 0;
 }
-
-/**
- * Checks if there is a current value in the background image block support
- * attributes.
- *
- * @param {Object} style Style attribute.
- * @return {boolean}     Whether the block has a background image value set.
- */
-export function hasBackgroundImageValue(style) {
-  return !!style?.background?.backgroundImage?.id ||
-  // Supports url() string values in theme.json.
-  'string' === typeof style?.background?.backgroundImage || !!style?.background?.backgroundImage?.url;
+function hasBackgroundImageValue(style) {
+  return !!style?.background?.backgroundImage?.id || // Supports url() string values in theme.json.
+  "string" === typeof style?.background?.backgroundImage || !!style?.background?.backgroundImage?.url;
 }
 function BackgroundToolsPanel({
   resetAllFilter,
@@ -64,15 +34,18 @@ function BackgroundToolsPanel({
     const updatedValue = resetAllFilter(value);
     onChange(updatedValue);
   };
-  return /*#__PURE__*/_jsx(ToolsPanel, {
-    label: headerLabel,
-    resetAll: resetAll,
-    panelId: panelId,
-    dropdownMenuProps: dropdownMenuProps,
-    children: children
-  });
+  return /* @__PURE__ */ jsx(
+    ToolsPanel,
+    {
+      label: headerLabel,
+      resetAll,
+      panelId,
+      dropdownMenuProps,
+      children
+    }
+  );
 }
-export default function BackgroundImagePanel({
+function BackgroundImagePanel({
   as: Wrapper = BackgroundToolsPanel,
   value,
   onChange,
@@ -81,37 +54,52 @@ export default function BackgroundImagePanel({
   panelId,
   defaultControls = DEFAULT_CONTROLS,
   defaultValues = {},
-  headerLabel = __('Background image')
+  headerLabel = __("Background image")
 }) {
   const showBackgroundImageControl = useHasBackgroundPanel(settings);
-  const resetBackground = () => onChange(setImmutably(value, ['background'], {}));
-  const resetAllFilter = useCallback(previousValue => {
+  const resetBackground = () => onChange(setImmutably(value, ["background"], {}));
+  const resetAllFilter = useCallback((previousValue) => {
     return {
       ...previousValue,
       background: {}
     };
   }, []);
-  return /*#__PURE__*/_jsx(Wrapper, {
-    resetAllFilter: resetAllFilter,
-    value: value,
-    onChange: onChange,
-    panelId: panelId,
-    headerLabel: headerLabel,
-    children: showBackgroundImageControl && /*#__PURE__*/_jsx(ToolsPanelItem, {
-      hasValue: () => !!value?.background,
-      label: __('Image'),
-      onDeselect: resetBackground,
-      isShownByDefault: defaultControls.backgroundImage,
-      panelId: panelId,
-      children: /*#__PURE__*/_jsx(BackgroundImageControl, {
-        value: value,
-        onChange: onChange,
-        settings: settings,
-        inheritedValue: inheritedValue,
-        defaultControls: defaultControls,
-        defaultValues: defaultValues
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      resetAllFilter,
+      value,
+      onChange,
+      panelId,
+      headerLabel,
+      children: showBackgroundImageControl && /* @__PURE__ */ jsx(
+        ToolsPanelItem,
+        {
+          hasValue: () => !!value?.background,
+          label: __("Image"),
+          onDeselect: resetBackground,
+          isShownByDefault: defaultControls.backgroundImage,
+          panelId,
+          children: /* @__PURE__ */ jsx(
+            BackgroundImageControl,
+            {
+              value,
+              onChange,
+              settings,
+              inheritedValue,
+              defaultControls,
+              defaultValues
+            }
+          )
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=background-panel.js.map
+export {
+  BackgroundImagePanel as default,
+  hasBackgroundImageValue,
+  hasBackgroundSizeValue,
+  useHasBackgroundPanel
+};
+//# sourceMappingURL=background-panel.js.map

package/build-module/components/global-styles/background-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","useCallback","Platform","BackgroundImageControl","useToolsPanelDropdownMenuProps","setImmutably","__","jsx","_jsx","DEFAULT_CONTROLS","backgroundImage","useHasBackgroundPanel","settings","OS","background","hasBackgroundSizeValue","style","backgroundPosition","undefined","backgroundSize","hasBackgroundImageValue","id","url","BackgroundToolsPanel","resetAllFilter","onChange","value","panelId","children","headerLabel","dropdownMenuProps","resetAll","updatedValue","label","BackgroundImagePanel","as","Wrapper","inheritedValue","defaultControls","defaultValues","showBackgroundImageControl","resetBackground","previousValue","hasValue","onDeselect","isShownByDefault"],"sources":["@wordpress/block-editor/src/components/global-styles/background-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useCallback, Platform } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport BackgroundImageControl from '../background-image-control';\nimport { useToolsPanelDropdownMenuProps } from './utils';\nimport { setImmutably } from '../../utils/object';\nimport { __ } from '@wordpress/i18n';\n\nconst DEFAULT_CONTROLS = {\n\tbackgroundImage: true,\n};\n\n/**\n * Checks site settings to see if the background panel may be used.\n * `settings.background.backgroundSize` exists also,\n * but can only be used if settings?.background?.backgroundImage is `true`.\n *\n * @param {Object} settings Site settings\n * @return {boolean}        Whether site settings has activated background panel.\n */\nexport function useHasBackgroundPanel( settings ) {\n\treturn Platform.OS === 'web' && settings?.background?.backgroundImage;\n}\n\n/**\n * Checks if there is a current value in the background size block support\n * attributes. Background size values include background size as well\n * as background position.\n *\n * @param {Object} style Style attribute.\n * @return {boolean}     Whether the block has a background size value set.\n */\nexport function hasBackgroundSizeValue( style ) {\n\treturn (\n\t\tstyle?.background?.backgroundPosition !== undefined ||\n\t\tstyle?.background?.backgroundSize !== undefined\n\t);\n}\n\n/**\n * Checks if there is a current value in the background image block support\n * attributes.\n *\n * @param {Object} style Style attribute.\n * @return {boolean}     Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style ) {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id ||\n\t\t// Supports url() string values in theme.json.\n\t\t'string' === typeof style?.background?.backgroundImage ||\n\t\t!! style?.background?.backgroundImage?.url\n\t);\n}\n\nfunction BackgroundToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n\theaderLabel,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\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={ headerLabel }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nexport default function BackgroundImagePanel( {\n\tas: Wrapper = BackgroundToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tdefaultValues = {},\n\theaderLabel = __( 'Background image' ),\n} ) {\n\tconst showBackgroundImageControl = useHasBackgroundPanel( settings );\n\tconst resetBackground = () =>\n\t\tonChange( setImmutably( value, [ 'background' ], {} ) );\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tbackground: {},\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\theaderLabel={ headerLabel }\n\t\t>\n\t\t\t{ showBackgroundImageControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! value?.background }\n\t\t\t\t\tlabel={ __( 'Image' ) }\n\t\t\t\t\tonDeselect={ resetBackground }\n\t\t\t\t\tisShownByDefault={ defaultControls.backgroundImage }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<BackgroundImageControl\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\tinheritedValue={ inheritedValue }\n\t\t\t\t\t\tdefaultControls={ defaultControls }\n\t\t\t\t\t\tdefaultValues={ defaultValues }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/background-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useCallback, Platform } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport BackgroundImageControl from '../background-image-control';\nimport { useToolsPanelDropdownMenuProps } from './utils';\nimport { setImmutably } from '../../utils/object';\nimport { __ } from '@wordpress/i18n';\n\nconst DEFAULT_CONTROLS = {\n\tbackgroundImage: true,\n};\n\n/**\n * Checks site settings to see if the background panel may be used.\n * `settings.background.backgroundSize` exists also,\n * but can only be used if settings?.background?.backgroundImage is `true`.\n *\n * @param {Object} settings Site settings\n * @return {boolean}        Whether site settings has activated background panel.\n */\nexport function useHasBackgroundPanel( settings ) {\n\treturn Platform.OS === 'web' && settings?.background?.backgroundImage;\n}\n\n/**\n * Checks if there is a current value in the background size block support\n * attributes. Background size values include background size as well\n * as background position.\n *\n * @param {Object} style Style attribute.\n * @return {boolean}     Whether the block has a background size value set.\n */\nexport function hasBackgroundSizeValue( style ) {\n\treturn (\n\t\tstyle?.background?.backgroundPosition !== undefined ||\n\t\tstyle?.background?.backgroundSize !== undefined\n\t);\n}\n\n/**\n * Checks if there is a current value in the background image block support\n * attributes.\n *\n * @param {Object} style Style attribute.\n * @return {boolean}     Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style ) {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id ||\n\t\t// Supports url() string values in theme.json.\n\t\t'string' === typeof style?.background?.backgroundImage ||\n\t\t!! style?.background?.backgroundImage?.url\n\t);\n}\n\nfunction BackgroundToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n\theaderLabel,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\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={ headerLabel }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nexport default function BackgroundImagePanel( {\n\tas: Wrapper = BackgroundToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tdefaultValues = {},\n\theaderLabel = __( 'Background image' ),\n} ) {\n\tconst showBackgroundImageControl = useHasBackgroundPanel( settings );\n\tconst resetBackground = () =>\n\t\tonChange( setImmutably( value, [ 'background' ], {} ) );\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tbackground: {},\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\theaderLabel={ headerLabel }\n\t\t>\n\t\t\t{ showBackgroundImageControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! value?.background }\n\t\t\t\t\tlabel={ __( 'Image' ) }\n\t\t\t\t\tonDeselect={ resetBackground }\n\t\t\t\t\tisShownByDefault={ defaultControls.backgroundImage }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<BackgroundImageControl\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\tinheritedValue={ inheritedValue }\n\t\t\t\t\t\tdefaultControls={ defaultControls }\n\t\t\t\t\t\tdefaultValues={ defaultValues }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],
+  "mappings": "AA8EE;AA3EF;AAAA,EACC,4BAA4B;AAAA,EAC5B,gCAAgC;AAAA,OAC1B;AACP,SAAS,aAAa,gBAAgB;AAItC,OAAO,4BAA4B;AACnC,SAAS,sCAAsC;AAC/C,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AAEnB,MAAM,mBAAmB;AAAA,EACxB,iBAAiB;AAClB;AAUO,SAAS,sBAAuB,UAAW;AACjD,SAAO,SAAS,OAAO,SAAS,UAAU,YAAY;AACvD;AAUO,SAAS,uBAAwB,OAAQ;AAC/C,SACC,OAAO,YAAY,uBAAuB,UAC1C,OAAO,YAAY,mBAAmB;AAExC;AASO,SAAS,wBAAyB,OAAQ;AAChD,SACC,CAAC,CAAE,OAAO,YAAY,iBAAiB;AAAA,EAEvC,aAAa,OAAO,OAAO,YAAY,mBACvC,CAAC,CAAE,OAAO,YAAY,iBAAiB;AAEzC;AAEA,SAAS,qBAAsB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,oBAAoB,+BAA+B;AACzD,QAAM,WAAW,MAAM;AACtB,UAAM,eAAe,eAAgB,KAAM;AAC3C,aAAU,YAAa;AAAA,EACxB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MAEE;AAAA;AAAA,EACH;AAEF;AAEe,SAAR,qBAAuC;AAAA,EAC7C,IAAI,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,gBAAgB,CAAC;AAAA,EACjB,cAAc,GAAI,kBAAmB;AACtC,GAAI;AACH,QAAM,6BAA6B,sBAAuB,QAAS;AACnE,QAAM,kBAAkB,MACvB,SAAU,aAAc,OAAO,CAAE,YAAa,GAAG,CAAC,CAAE,CAAE;AACvD,QAAM,iBAAiB,YAAa,CAAE,kBAAmB;AACxD,WAAO;AAAA,MACN,GAAG;AAAA,MACH,YAAY,CAAC;AAAA,IACd;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEE,wCACD;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,MAAM,CAAC,CAAE,OAAO;AAAA,UAC3B,OAAQ,GAAI,OAAQ;AAAA,UACpB,YAAa;AAAA,UACb,kBAAmB,gBAAgB;AAAA,UACnC;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACD;AAAA;AAAA,MACD;AAAA;AAAA,EAEF;AAEF;",
+  "names": []
+}

package/build-module/components/global-styles/border-panel.js

@@ -1,25 +1,25 @@
-/**
- * WordPress dependencies
- */
-import { BorderBoxControl, __experimentalHasSplitBorders as hasSplitBorders, __experimentalIsDefinedBorder as isDefinedBorder, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, BaseControl } from '@wordpress/components';
-import { useCallback, useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import BorderRadiusControl from '../border-radius-control';
-import { useColorsPerOrigin } from './hooks';
-import { getValueFromVariable, useToolsPanelDropdownMenuProps } from './utils';
-import { setImmutably } from '../../utils/object';
-import { useBorderPanelLabel } from '../../hooks/border';
-import { ShadowPopover, useShadowPresets } from './shadow-panel-components';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function useHasBorderPanel(settings) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  BorderBoxControl,
+  __experimentalHasSplitBorders as hasSplitBorders,
+  __experimentalIsDefinedBorder as isDefinedBorder,
+  __experimentalToolsPanel as ToolsPanel,
+  __experimentalToolsPanelItem as ToolsPanelItem,
+  BaseControl
+} from "@wordpress/components";
+import { useCallback, useMemo } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import BorderRadiusControl from "../border-radius-control";
+import { useColorsPerOrigin } from "./hooks";
+import { getValueFromVariable, useToolsPanelDropdownMenuProps } from "./utils";
+import { setImmutably } from "../../utils/object";
+import { useBorderPanelLabel } from "../../hooks/border";
+import { ShadowPopover, useShadowPresets } from "./shadow-panel-components";
+function useHasBorderPanel(settings) {
   const controls = Object.values(useHasBorderPanelControls(settings));
   return controls.some(Boolean);
 }
-export function useHasBorderPanelControls(settings) {
+function useHasBorderPanelControls(settings) {
   const controls = {
     hasBorderColor: useHasBorderColorControl(settings),
     hasBorderRadius: useHasBorderRadiusControl(settings),
@@ -58,13 +58,16 @@ function BorderToolsPanel({
     const updatedValue = resetAllFilter(value);
     onChange(updatedValue);
   };
-  return /*#__PURE__*/_jsx(ToolsPanel, {
-    label: label,
-    resetAll: resetAll,
-    panelId: panelId,
-    dropdownMenuProps: dropdownMenuProps,
-    children: children
-  });
+  return /* @__PURE__ */ jsx(
+    ToolsPanel,
+    {
+      label,
+      resetAll,
+      panelId,
+      dropdownMenuProps,
+      children
+    }
+  );
 }
 const DEFAULT_CONTROLS = {
   radius: true,
@@ -72,7 +75,7 @@ const DEFAULT_CONTROLS = {
   width: true,
   shadow: true
 };
-export default function BorderPanel({
+function BorderPanel({
   as: Wrapper = BorderToolsPanel,
   value,
   onChange,
@@ -82,26 +85,24 @@ export default function BorderPanel({
   name,
   defaultControls = DEFAULT_CONTROLS
 }) {
-  var _settings$shadow$pres, _ref, _ref2, _shadowPresets$custom;
   const colors = useColorsPerOrigin(settings);
-  const decodeValue = useCallback(rawValue => getValueFromVariable({
-    settings
-  }, '', rawValue), [settings]);
-  const encodeColorValue = colorValue => {
-    const allColors = colors.flatMap(({
-      colors: originColors
-    }) => originColors);
-    const colorObject = allColors.find(({
-      color
-    }) => color === colorValue);
-    return colorObject ? 'var:preset|color|' + colorObject.slug : colorValue;
+  const decodeValue = useCallback(
+    (rawValue) => getValueFromVariable({ settings }, "", rawValue),
+    [settings]
+  );
+  const encodeColorValue = (colorValue) => {
+    const allColors = colors.flatMap(
+      ({ colors: originColors }) => originColors
+    );
+    const colorObject = allColors.find(
+      ({ color }) => color === colorValue
+    );
+    return colorObject ? "var:preset|color|" + colorObject.slug : colorValue;
   };
   const border = useMemo(() => {
     if (hasSplitBorders(inheritedValue?.border)) {
-      const borderValue = {
-        ...inheritedValue?.border
-      };
-      ['top', 'right', 'bottom', 'left'].forEach(side => {
+      const borderValue = { ...inheritedValue?.border };
+      ["top", "right", "bottom", "left"].forEach((side) => {
         borderValue[side] = {
           ...borderValue[side],
           color: decodeValue(borderValue[side]?.color)
@@ -111,21 +112,16 @@ export default function BorderPanel({
     }
     return {
       ...inheritedValue?.border,
-      color: inheritedValue?.border?.color ? decodeValue(inheritedValue?.border?.color) : undefined
+      color: inheritedValue?.border?.color ? decodeValue(inheritedValue?.border?.color) : void 0
     };
   }, [inheritedValue?.border, decodeValue]);
-  const setBorder = newBorder => onChange({
-    ...value,
-    border: newBorder
-  });
+  const setBorder = (newBorder) => onChange({ ...value, border: newBorder });
   const showBorderColor = useHasBorderColorControl(settings);
   const showBorderStyle = useHasBorderStyleControl(settings);
   const showBorderWidth = useHasBorderWidthControl(settings);
-
-  // Border radius.
   const showBorderRadius = useHasBorderRadiusControl(settings);
   const borderRadiusValues = useMemo(() => {
-    if (typeof border?.radius !== 'object') {
+    if (typeof border?.radius !== "object") {
       return border?.radius;
     }
     return {
@@ -135,47 +131,42 @@ export default function BorderPanel({
       bottomRight: border?.radius?.bottomRight
     };
   }, [border?.radius]);
-  const setBorderRadius = newBorderRadius => setBorder({
-    ...border,
-    radius: newBorderRadius
-  });
+  const setBorderRadius = (newBorderRadius) => setBorder({ ...border, radius: newBorderRadius });
   const hasBorderRadius = () => {
     const borderValues = value?.border?.radius;
-    if (typeof borderValues === 'object') {
+    if (typeof borderValues === "object") {
       return Object.entries(borderValues).some(Boolean);
     }
     return !!borderValues;
   };
   const hasShadowControl = useHasShadowControl(settings);
-
-  // Shadow
   const shadow = decodeValue(inheritedValue?.shadow);
-  const shadowPresets = (_settings$shadow$pres = settings?.shadow?.presets) !== null && _settings$shadow$pres !== void 0 ? _settings$shadow$pres : {};
-  const mergedShadowPresets = (_ref = (_ref2 = (_shadowPresets$custom = shadowPresets.custom) !== null && _shadowPresets$custom !== void 0 ? _shadowPresets$custom : shadowPresets.theme) !== null && _ref2 !== void 0 ? _ref2 : shadowPresets.default) !== null && _ref !== void 0 ? _ref : [];
-  const setShadow = newValue => {
-    const slug = mergedShadowPresets?.find(({
-      shadow: shadowName
-    }) => shadowName === newValue)?.slug;
-    onChange(setImmutably(value, ['shadow'], slug ? `var:preset|shadow|${slug}` : newValue || undefined));
+  const shadowPresets = settings?.shadow?.presets ?? {};
+  const mergedShadowPresets = shadowPresets.custom ?? shadowPresets.theme ?? shadowPresets.default ?? [];
+  const setShadow = (newValue) => {
+    const slug = mergedShadowPresets?.find(
+      ({ shadow: shadowName }) => shadowName === newValue
+    )?.slug;
+    onChange(
+      setImmutably(
+        value,
+        ["shadow"],
+        slug ? `var:preset|shadow|${slug}` : newValue || void 0
+      )
+    );
   };
   const hasShadow = () => !!value?.shadow;
-  const resetShadow = () => setShadow(undefined);
+  const resetShadow = () => setShadow(void 0);
   const resetBorder = () => {
     if (hasBorderRadius()) {
-      return setBorder({
-        radius: value?.border?.radius
-      });
+      return setBorder({ radius: value?.border?.radius });
     }
-    setBorder(undefined);
+    setBorder(void 0);
   };
-  const onBorderChange = newBorder => {
-    // Ensure we have a visible border style when a border width or
-    // color is being selected.
-    const updatedBorder = {
-      ...newBorder
-    };
+  const onBorderChange = (newBorder) => {
+    const updatedBorder = { ...newBorder };
     if (hasSplitBorders(updatedBorder)) {
-      ['top', 'right', 'bottom', 'left'].forEach(side => {
+      ["top", "right", "bottom", "left"].forEach((side) => {
         if (updatedBorder[side]) {
           updatedBorder[side] = {
             ...updatedBorder[side],
@@ -186,20 +177,13 @@ export default function BorderPanel({
     } else if (updatedBorder) {
       updatedBorder.color = encodeColorValue(updatedBorder.color);
     }
-
-    // As radius is maintained separately to color, style, and width
-    // maintain its value. Undefined values here will be cleaned when
-    // global styles are saved.
-    setBorder({
-      radius: border?.radius,
-      ...updatedBorder
-    });
+    setBorder({ radius: border?.radius, ...updatedBorder });
   };
-  const resetAllFilter = useCallback(previousValue => {
+  const resetAllFilter = useCallback((previousValue) => {
     return {
       ...previousValue,
-      border: undefined,
-      shadow: undefined
+      border: void 0,
+      shadow: void 0
     };
   }, []);
   const showBorderByDefault = defaultControls?.color || defaultControls?.width;
@@ -209,59 +193,89 @@ export default function BorderPanel({
     hasShadowControl,
     hasBorderControl
   });
-  return /*#__PURE__*/_jsxs(Wrapper, {
-    resetAllFilter: resetAllFilter,
-    value: value,
-    onChange: onChange,
-    panelId: panelId,
-    label: label,
-    children: [(showBorderWidth || showBorderColor) && /*#__PURE__*/_jsx(ToolsPanelItem, {
-      hasValue: () => isDefinedBorder(value?.border),
-      label: __('Border'),
-      onDeselect: () => resetBorder(),
-      isShownByDefault: showBorderByDefault,
-      panelId: panelId,
-      children: /*#__PURE__*/_jsx(BorderBoxControl, {
-        colors: colors,
-        enableAlpha: true,
-        enableStyle: showBorderStyle,
-        onChange: onBorderChange,
-        popoverOffset: 40,
-        popoverPlacement: "left-start",
-        value: border,
-        __experimentalIsRenderedInSidebar: true,
-        size: "__unstable-large",
-        hideLabelFromVision: !hasShadowControl,
-        label: __('Border')
-      })
-    }), showBorderRadius && /*#__PURE__*/_jsx(ToolsPanelItem, {
-      hasValue: hasBorderRadius,
-      label: __('Radius'),
-      onDeselect: () => setBorderRadius(undefined),
-      isShownByDefault: defaultControls.radius,
-      panelId: panelId,
-      children: /*#__PURE__*/_jsx(BorderRadiusControl, {
-        presets: settings?.border?.radiusSizes,
-        values: borderRadiusValues,
-        onChange: newValue => {
-          setBorderRadius(newValue || undefined);
-        }
-      })
-    }), hasShadowControl && /*#__PURE__*/_jsxs(ToolsPanelItem, {
-      label: __('Shadow'),
-      hasValue: hasShadow,
-      onDeselect: resetShadow,
-      isShownByDefault: defaultControls.shadow,
-      panelId: panelId,
-      children: [hasBorderControl ? /*#__PURE__*/_jsx(BaseControl.VisualLabel, {
-        as: "legend",
-        children: __('Shadow')
-      }) : null, /*#__PURE__*/_jsx(ShadowPopover, {
-        shadow: shadow,
-        onShadowChange: setShadow,
-        settings: settings
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs(
+    Wrapper,
+    {
+      resetAllFilter,
+      value,
+      onChange,
+      panelId,
+      label,
+      children: [
+        (showBorderWidth || showBorderColor) && /* @__PURE__ */ jsx(
+          ToolsPanelItem,
+          {
+            hasValue: () => isDefinedBorder(value?.border),
+            label: __("Border"),
+            onDeselect: () => resetBorder(),
+            isShownByDefault: showBorderByDefault,
+            panelId,
+            children: /* @__PURE__ */ jsx(
+              BorderBoxControl,
+              {
+                colors,
+                enableAlpha: true,
+                enableStyle: showBorderStyle,
+                onChange: onBorderChange,
+                popoverOffset: 40,
+                popoverPlacement: "left-start",
+                value: border,
+                __experimentalIsRenderedInSidebar: true,
+                size: "__unstable-large",
+                hideLabelFromVision: !hasShadowControl,
+                label: __("Border")
+              }
+            )
+          }
+        ),
+        showBorderRadius && /* @__PURE__ */ jsx(
+          ToolsPanelItem,
+          {
+            hasValue: hasBorderRadius,
+            label: __("Radius"),
+            onDeselect: () => setBorderRadius(void 0),
+            isShownByDefault: defaultControls.radius,
+            panelId,
+            children: /* @__PURE__ */ jsx(
+              BorderRadiusControl,
+              {
+                presets: settings?.border?.radiusSizes,
+                values: borderRadiusValues,
+                onChange: (newValue) => {
+                  setBorderRadius(newValue || void 0);
+                }
+              }
+            )
+          }
+        ),
+        hasShadowControl && /* @__PURE__ */ jsxs(
+          ToolsPanelItem,
+          {
+            label: __("Shadow"),
+            hasValue: hasShadow,
+            onDeselect: resetShadow,
+            isShownByDefault: defaultControls.shadow,
+            panelId,
+            children: [
+              hasBorderControl ? /* @__PURE__ */ jsx(BaseControl.VisualLabel, { as: "legend", children: __("Shadow") }) : null,
+              /* @__PURE__ */ jsx(
+                ShadowPopover,
+                {
+                  shadow,
+                  onShadowChange: setShadow,
+                  settings
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
-//# sourceMappingURL=border-panel.js.map
+export {
+  BorderPanel as default,
+  useHasBorderPanel,
+  useHasBorderPanelControls
+};
+//# sourceMappingURL=border-panel.js.map