@wordpress/block-editor 12.25.0 → 13.0.0

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -10,7 +9,7 @@ import { shadow as shadowIcon, Icon, check } from '@wordpress/icons';
 /**
  * External dependencies
  */
-import classNames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * Internal dependencies
@@ -23,57 +22,65 @@ import { unlock } from '../../lock-unlock';
  *
  * @type {Array}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const EMPTY_ARRAY = [];
+const {
+  CompositeItemV2: CompositeItem,
+  CompositeV2: Composite,
+  useCompositeStoreV2: useCompositeStore
+} = unlock(componentsPrivateApis);
 export function ShadowPopoverContainer({
   shadow,
   onShadowChange,
   settings
 }) {
   const shadows = useShadowPresets(settings);
-  return createElement("div", {
-    className: "block-editor-global-styles__shadow-popover-container"
-  }, createElement(VStack, {
-    spacing: 4
-  }, createElement(Heading, {
-    level: 5
-  }, __('Drop shadow')), createElement(ShadowPresets, {
-    presets: shadows,
-    activeShadow: shadow,
-    onSelect: onShadowChange
-  }), createElement("div", {
-    className: "block-editor-global-styles__clear-shadow"
-  }, createElement(Button, {
-    variant: "tertiary",
-    onClick: () => onShadowChange(undefined)
-  }, __('Clear')))));
+  return /*#__PURE__*/_jsx("div", {
+    className: "block-editor-global-styles__shadow-popover-container",
+    children: /*#__PURE__*/_jsxs(VStack, {
+      spacing: 4,
+      children: [/*#__PURE__*/_jsx(Heading, {
+        level: 5,
+        children: __('Drop shadow')
+      }), /*#__PURE__*/_jsx(ShadowPresets, {
+        presets: shadows,
+        activeShadow: shadow,
+        onSelect: onShadowChange
+      }), /*#__PURE__*/_jsx("div", {
+        className: "block-editor-global-styles__clear-shadow",
+        children: /*#__PURE__*/_jsx(Button, {
+          variant: "tertiary",
+          onClick: () => onShadowChange(undefined),
+          children: __('Clear')
+        })
+      })]
+    })
+  });
 }
 export function ShadowPresets({
   presets,
   activeShadow,
   onSelect
 }) {
-  const {
-    CompositeV2: Composite,
-    useCompositeStoreV2: useCompositeStore
-  } = unlock(componentsPrivateApis);
   const compositeStore = useCompositeStore();
-  return !presets ? null : createElement(Composite, {
+  return !presets ? null : /*#__PURE__*/_jsx(Composite, {
     store: compositeStore,
     role: "listbox",
     className: "block-editor-global-styles__shadow__list",
-    "aria-label": __('Drop shadows')
-  }, presets.map(({
-    name,
-    slug,
-    shadow
-  }) => createElement(ShadowIndicator, {
-    key: slug,
-    label: name,
-    isActive: shadow === activeShadow,
-    type: slug === 'unset' ? 'unset' : 'preset',
-    onSelect: () => onSelect(shadow === activeShadow ? undefined : shadow),
-    shadow: shadow
-  })));
+    "aria-label": __('Drop shadows'),
+    children: presets.map(({
+      name,
+      slug,
+      shadow
+    }) => /*#__PURE__*/_jsx(ShadowIndicator, {
+      label: name,
+      isActive: shadow === activeShadow,
+      type: slug === 'unset' ? 'unset' : 'preset',
+      onSelect: () => onSelect(shadow === activeShadow ? undefined : shadow),
+      shadow: shadow
+    }, slug))
+  });
 }
 export function ShadowIndicator({
   type,
@@ -82,18 +89,15 @@ export function ShadowIndicator({
   onSelect,
   shadow
 }) {
-  const {
-    CompositeItemV2: CompositeItem
-  } = unlock(componentsPrivateApis);
-  return createElement(CompositeItem, {
+  return /*#__PURE__*/_jsx(CompositeItem, {
     role: "option",
     "aria-label": label,
     "aria-selected": isActive,
-    className: classNames('block-editor-global-styles__shadow__item', {
+    className: clsx('block-editor-global-styles__shadow__item', {
       'is-active': isActive
     }),
-    render: createElement(Button, {
-      className: classNames('block-editor-global-styles__shadow-indicator', {
+    render: /*#__PURE__*/_jsx(Button, {
+      className: clsx('block-editor-global-styles__shadow-indicator', {
         unset: type === 'unset'
       }),
       onClick: onSelect,
@@ -101,10 +105,11 @@ export function ShadowIndicator({
       style: {
         boxShadow: shadow
       },
-      showTooltip: true
-    }, isActive && createElement(Icon, {
-      icon: check
-    }))
+      showTooltip: true,
+      children: isActive && /*#__PURE__*/_jsx(Icon, {
+        icon: check
+      })
+    })
   });
 }
 export function ShadowPopover({
@@ -117,17 +122,18 @@ export function ShadowPopover({
     offset: 36,
     shift: true
   };
-  return createElement(Dropdown, {
+  return /*#__PURE__*/_jsx(Dropdown, {
     popoverProps: popoverProps,
     className: "block-editor-global-styles__shadow-dropdown",
     renderToggle: renderShadowToggle(),
-    renderContent: () => createElement(DropdownContentWrapper, {
-      paddingSize: "medium"
-    }, createElement(ShadowPopoverContainer, {
-      shadow: shadow,
-      onShadowChange: onShadowChange,
-      settings: settings
-    }))
+    renderContent: () => /*#__PURE__*/_jsx(DropdownContentWrapper, {
+      paddingSize: "medium",
+      children: /*#__PURE__*/_jsx(ShadowPopoverContainer, {
+        shadow: shadow,
+        onShadowChange: onShadowChange,
+        settings: settings
+      })
+    })
   });
 }
 function renderShadowToggle() {
@@ -137,20 +143,24 @@ function renderShadowToggle() {
   }) => {
     const toggleProps = {
       onClick: onToggle,
-      className: classNames({
+      className: clsx({
         'is-open': isOpen
       }),
       'aria-expanded': isOpen
     };
-    return createElement(Button, {
-      ...toggleProps
-    }, createElement(HStack, {
-      justify: "flex-start"
-    }, createElement(Icon, {
-      className: "block-editor-global-styles__toggle-icon",
-      icon: shadowIcon,
-      size: 24
-    }), createElement(FlexItem, null, __('Drop shadow'))));
+    return /*#__PURE__*/_jsx(Button, {
+      ...toggleProps,
+      children: /*#__PURE__*/_jsxs(HStack, {
+        justify: "flex-start",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          className: "block-editor-global-styles__toggle-icon",
+          icon: shadowIcon,
+          size: 24
+        }), /*#__PURE__*/_jsx(FlexItem, {
+          children: __('Drop shadow')
+        })]
+      })
+    });
   };
 }
 export function useShadowPresets(settings) {
@@ -162,14 +172,15 @@ export function useShadowPresets(settings) {
     const defaultPresetsEnabled = settings?.shadow?.defaultPresets;
     const {
       default: defaultShadows,
-      theme: themeShadows
+      theme: themeShadows,
+      custom: customShadows
     } = (_settings$shadow$pres = settings?.shadow?.presets) !== null && _settings$shadow$pres !== void 0 ? _settings$shadow$pres : {};
     const unsetShadow = {
       name: __('Unset'),
       slug: 'unset',
       shadow: 'none'
     };
-    const shadowPresets = [...(defaultPresetsEnabled && defaultShadows || EMPTY_ARRAY), ...(themeShadows || EMPTY_ARRAY)];
+    const shadowPresets = [...(defaultPresetsEnabled && defaultShadows || EMPTY_ARRAY), ...(themeShadows || EMPTY_ARRAY), ...(customShadows || EMPTY_ARRAY)];
     if (shadowPresets.length) {
       shadowPresets.unshift(unsetShadow);
     }

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

@@ -1 +1 @@
-{"version":3,"names":["__","__experimentalVStack","VStack","__experimentalHeading","Heading","__experimentalHStack","HStack","__experimentalDropdownContentWrapper","DropdownContentWrapper","Button","FlexItem","Dropdown","privateApis","componentsPrivateApis","useMemo","shadow","shadowIcon","Icon","check","classNames","unlock","EMPTY_ARRAY","ShadowPopoverContainer","onShadowChange","settings","shadows","useShadowPresets","createElement","className","spacing","level","ShadowPresets","presets","activeShadow","onSelect","variant","onClick","undefined","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","compositeStore","store","role","map","name","slug","ShadowIndicator","key","label","isActive","type","CompositeItemV2","CompositeItem","render","unset","style","boxShadow","showTooltip","icon","ShadowPopover","popoverProps","placement","offset","shift","renderToggle","renderShadowToggle","renderContent","paddingSize","onToggle","isOpen","toggleProps","justify","size","_settings$shadow$pres","defaultPresetsEnabled","defaultPresets","default","defaultShadows","theme","themeShadows","unsetShadow","shadowPresets","length","unshift"],"sources":["@wordpress/block-editor/src/components/global-styles/shadow-panel-components.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tButton,\n\tFlexItem,\n\tDropdown,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { shadow as shadowIcon, Icon, check } from '@wordpress/icons';\n\n/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nexport function ShadowPopoverContainer( { shadow, onShadowChange, settings } ) {\n\tconst shadows = useShadowPresets( settings );\n\n\treturn (\n\t\t<div className=\"block-editor-global-styles__shadow-popover-container\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Drop shadow' ) }</Heading>\n\t\t\t\t<ShadowPresets\n\t\t\t\t\tpresets={ shadows }\n\t\t\t\t\tactiveShadow={ shadow }\n\t\t\t\t\tonSelect={ onShadowChange }\n\t\t\t\t/>\n\t\t\t\t<div className=\"block-editor-global-styles__clear-shadow\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onShadowChange( undefined ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport function ShadowPresets( { presets, activeShadow, onSelect } ) {\n\tconst { CompositeV2: Composite, useCompositeStoreV2: useCompositeStore } =\n\t\tunlock( componentsPrivateApis );\n\tconst compositeStore = useCompositeStore();\n\treturn ! presets ? null : (\n\t\t<Composite\n\t\t\tstore={ compositeStore }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-global-styles__shadow__list\"\n\t\t\taria-label={ __( 'Drop shadows' ) }\n\t\t>\n\t\t\t{ presets.map( ( { name, slug, shadow } ) => (\n\t\t\t\t<ShadowIndicator\n\t\t\t\t\tkey={ slug }\n\t\t\t\t\tlabel={ name }\n\t\t\t\t\tisActive={ shadow === activeShadow }\n\t\t\t\t\ttype={ slug === 'unset' ? 'unset' : 'preset' }\n\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\tonSelect( shadow === activeShadow ? undefined : shadow )\n\t\t\t\t\t}\n\t\t\t\t\tshadow={ shadow }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nexport function ShadowIndicator( { type, label, isActive, onSelect, shadow } ) {\n\tconst { CompositeItemV2: CompositeItem } = unlock( componentsPrivateApis );\n\treturn (\n\t\t<CompositeItem\n\t\t\trole=\"option\"\n\t\t\taria-label={ label }\n\t\t\taria-selected={ isActive }\n\t\t\tclassName={ classNames(\n\t\t\t\t'block-editor-global-styles__shadow__item',\n\t\t\t\t{\n\t\t\t\t\t'is-active': isActive,\n\t\t\t\t}\n\t\t\t) }\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\tclassName={ classNames(\n\t\t\t\t\t\t'block-editor-global-styles__shadow-indicator',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tunset: type === 'unset',\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tonClick={ onSelect }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tstyle={ { boxShadow: shadow } }\n\t\t\t\t\tshowTooltip\n\t\t\t\t>\n\t\t\t\t\t{ isActive && <Icon icon={ check } /> }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t/>\n\t);\n}\n\nexport function ShadowPopover( { shadow, onShadowChange, settings } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"block-editor-global-styles__shadow-dropdown\"\n\t\t\trenderToggle={ renderShadowToggle() }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t<ShadowPopoverContainer\n\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\tonShadowChange={ onShadowChange }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction renderShadowToggle() {\n\treturn ( { onToggle, isOpen } ) => {\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: classNames( { 'is-open': isOpen } ),\n\t\t\t'aria-expanded': isOpen,\n\t\t};\n\n\t\treturn (\n\t\t\t<Button { ...toggleProps }>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"block-editor-global-styles__toggle-icon\"\n\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t\t<FlexItem>{ __( 'Drop shadow' ) }</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</Button>\n\t\t);\n\t};\n}\n\nexport function useShadowPresets( settings ) {\n\treturn useMemo( () => {\n\t\tif ( ! settings?.shadow ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\n\t\tconst defaultPresetsEnabled = settings?.shadow?.defaultPresets;\n\t\tconst { default: defaultShadows, theme: themeShadows } =\n\t\t\tsettings?.shadow?.presets ?? {};\n\t\tconst unsetShadow = {\n\t\t\tname: __( 'Unset' ),\n\t\t\tslug: 'unset',\n\t\t\tshadow: 'none',\n\t\t};\n\n\t\tconst shadowPresets = [\n\t\t\t...( ( defaultPresetsEnabled && defaultShadows ) || EMPTY_ARRAY ),\n\t\t\t...( themeShadows || EMPTY_ARRAY ),\n\t\t];\n\t\tif ( shadowPresets.length ) {\n\t\t\tshadowPresets.unshift( unsetShadow );\n\t\t}\n\n\t\treturn shadowPresets;\n\t}, [ settings ] );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","__experimentalVStack","VStack","__experimentalHeading","Heading","__experimentalHStack","HStack","__experimentalDropdownContentWrapper","DropdownContentWrapper","Button","FlexItem","Dropdown","privateApis","componentsPrivateApis","useMemo","shadow","shadowIcon","Icon","check","clsx","unlock","jsx","_jsx","jsxs","_jsxs","EMPTY_ARRAY","CompositeItemV2","CompositeItem","CompositeV2","Composite","useCompositeStoreV2","useCompositeStore","ShadowPopoverContainer","onShadowChange","settings","shadows","useShadowPresets","className","children","spacing","level","ShadowPresets","presets","activeShadow","onSelect","variant","onClick","undefined","compositeStore","store","role","map","name","slug","ShadowIndicator","label","isActive","type","render","unset","style","boxShadow","showTooltip","icon","ShadowPopover","popoverProps","placement","offset","shift","renderToggle","renderShadowToggle","renderContent","paddingSize","onToggle","isOpen","toggleProps","justify","size","_settings$shadow$pres","defaultPresetsEnabled","defaultPresets","default","defaultShadows","theme","themeShadows","custom","customShadows","unsetShadow","shadowPresets","length","unshift"],"sources":["@wordpress/block-editor/src/components/global-styles/shadow-panel-components.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tButton,\n\tFlexItem,\n\tDropdown,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { shadow as shadowIcon, Icon, check } from '@wordpress/icons';\n\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\nconst {\n\tCompositeItemV2: CompositeItem,\n\tCompositeV2: Composite,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\n\nexport function ShadowPopoverContainer( { shadow, onShadowChange, settings } ) {\n\tconst shadows = useShadowPresets( settings );\n\n\treturn (\n\t\t<div className=\"block-editor-global-styles__shadow-popover-container\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Drop shadow' ) }</Heading>\n\t\t\t\t<ShadowPresets\n\t\t\t\t\tpresets={ shadows }\n\t\t\t\t\tactiveShadow={ shadow }\n\t\t\t\t\tonSelect={ onShadowChange }\n\t\t\t\t/>\n\t\t\t\t<div className=\"block-editor-global-styles__clear-shadow\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onShadowChange( undefined ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport function ShadowPresets( { presets, activeShadow, onSelect } ) {\n\tconst compositeStore = useCompositeStore();\n\treturn ! presets ? null : (\n\t\t<Composite\n\t\t\tstore={ compositeStore }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-global-styles__shadow__list\"\n\t\t\taria-label={ __( 'Drop shadows' ) }\n\t\t>\n\t\t\t{ presets.map( ( { name, slug, shadow } ) => (\n\t\t\t\t<ShadowIndicator\n\t\t\t\t\tkey={ slug }\n\t\t\t\t\tlabel={ name }\n\t\t\t\t\tisActive={ shadow === activeShadow }\n\t\t\t\t\ttype={ slug === 'unset' ? 'unset' : 'preset' }\n\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\tonSelect( shadow === activeShadow ? undefined : shadow )\n\t\t\t\t\t}\n\t\t\t\t\tshadow={ shadow }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nexport function ShadowIndicator( { type, label, isActive, onSelect, shadow } ) {\n\treturn (\n\t\t<CompositeItem\n\t\t\trole=\"option\"\n\t\t\taria-label={ label }\n\t\t\taria-selected={ isActive }\n\t\t\tclassName={ clsx( 'block-editor-global-styles__shadow__item', {\n\t\t\t\t'is-active': isActive,\n\t\t\t} ) }\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-global-styles__shadow-indicator',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tunset: type === 'unset',\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tonClick={ onSelect }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tstyle={ { boxShadow: shadow } }\n\t\t\t\t\tshowTooltip\n\t\t\t\t>\n\t\t\t\t\t{ isActive && <Icon icon={ check } /> }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t/>\n\t);\n}\n\nexport function ShadowPopover( { shadow, onShadowChange, settings } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"block-editor-global-styles__shadow-dropdown\"\n\t\t\trenderToggle={ renderShadowToggle() }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t<ShadowPopoverContainer\n\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\tonShadowChange={ onShadowChange }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction renderShadowToggle() {\n\treturn ( { onToggle, isOpen } ) => {\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: clsx( { 'is-open': isOpen } ),\n\t\t\t'aria-expanded': isOpen,\n\t\t};\n\n\t\treturn (\n\t\t\t<Button { ...toggleProps }>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"block-editor-global-styles__toggle-icon\"\n\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t\t<FlexItem>{ __( 'Drop shadow' ) }</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</Button>\n\t\t);\n\t};\n}\n\nexport function useShadowPresets( settings ) {\n\treturn useMemo( () => {\n\t\tif ( ! settings?.shadow ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\n\t\tconst defaultPresetsEnabled = settings?.shadow?.defaultPresets;\n\t\tconst {\n\t\t\tdefault: defaultShadows,\n\t\t\ttheme: themeShadows,\n\t\t\tcustom: customShadows,\n\t\t} = settings?.shadow?.presets ?? {};\n\t\tconst unsetShadow = {\n\t\t\tname: __( 'Unset' ),\n\t\t\tslug: 'unset',\n\t\t\tshadow: 'none',\n\t\t};\n\n\t\tconst shadowPresets = [\n\t\t\t...( ( defaultPresetsEnabled && defaultShadows ) || EMPTY_ARRAY ),\n\t\t\t...( themeShadows || EMPTY_ARRAY ),\n\t\t\t...( customShadows || EMPTY_ARRAY ),\n\t\t];\n\t\tif ( shadowPresets.length ) {\n\t\t\tshadowPresets.unshift( unsetShadow );\n\t\t}\n\n\t\treturn shadowPresets;\n\t}, [ settings ] );\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/theme-file-uri-utils.js

@@ -0,0 +1,73 @@
+/**
+ * Internal dependencies
+ */
+import { getValueFromObjectPath } from '../../utils/object';
+
+/**
+ * Looks up a theme file URI based on a relative path.
+ *
+ * @param {string}        file          A relative path.
+ * @param {Array<Object>} themeFileURIs A collection of absolute theme file URIs and their corresponding file paths.
+ * @return {string?} A resolved theme file URI, if one is found in the themeFileURIs collection.
+ */
+export function getResolvedThemeFilePath(file, themeFileURIs = []) {
+  const uri = themeFileURIs.find(themeFileUri => themeFileUri.name === file);
+  if (!uri?.href) {
+    return file;
+  }
+  return uri?.href;
+}
+
+/**
+ * Mutates an object by settings a value at the provided path.
+ *
+ * @param {Object}              object Object to set a value in.
+ * @param {number|string|Array} path   Path in the object to modify.
+ * @param {*}                   value  New value to set.
+ * @return {Object} Object with the new value set.
+ */
+function setMutably(object, path, value) {
+  path = path.split('.');
+  const finalValueKey = path.pop();
+  let prev = object;
+  for (const key of path) {
+    const current = prev[key];
+    prev = current;
+  }
+  prev[finalValueKey] = value;
+  return object;
+}
+
+/**
+ * Resolves any relative paths if a corresponding theme file URI is available.
+ * Note: this function mutates the object and is specifically to be used in
+ * an async styles build context in useGlobalStylesOutput
+ *
+ * @param {Object}        themeJson     Theme.json/Global styles tree.
+ * @param {Array<Object>} themeFileURIs A collection of absolute theme file URIs and their corresponding file paths.
+ * @return {Object} Returns mutated object.
+ */
+export function setThemeFileUris(themeJson, themeFileURIs) {
+  if (!themeJson?.styles || !themeFileURIs) {
+    return themeJson;
+  }
+  themeFileURIs.forEach(({
+    name,
+    href,
+    target
+  }) => {
+    const value = getValueFromObjectPath(themeJson, target);
+    if (value === name) {
+      /*
+       * The object must not be updated immutably here because the
+       * themeJson is a reference to the global styles tree used as a dependency in the
+       * useGlobalStylesOutputWithConfig() hook. If we don't mutate the object,
+       * the hook will detect the change and re-render the component, resulting
+       * in a maximum depth exceeded error.
+       */
+      themeJson = setMutably(themeJson, target, href);
+    }
+  });
+  return themeJson;
+}
+//# sourceMappingURL=theme-file-uri-utils.js.map

package/build-module/components/global-styles/theme-file-uri-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getValueFromObjectPath","getResolvedThemeFilePath","file","themeFileURIs","uri","find","themeFileUri","name","href","setMutably","object","path","value","split","finalValueKey","pop","prev","key","current","setThemeFileUris","themeJson","styles","forEach","target"],"sources":["@wordpress/block-editor/src/components/global-styles/theme-file-uri-utils.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { getValueFromObjectPath } from '../../utils/object';\n\n/**\n * Looks up a theme file URI based on a relative path.\n *\n * @param {string}        file          A relative path.\n * @param {Array<Object>} themeFileURIs A collection of absolute theme file URIs and their corresponding file paths.\n * @return {string?} A resolved theme file URI, if one is found in the themeFileURIs collection.\n */\nexport function getResolvedThemeFilePath( file, themeFileURIs = [] ) {\n\tconst uri = themeFileURIs.find(\n\t\t( themeFileUri ) => themeFileUri.name === file\n\t);\n\n\tif ( ! uri?.href ) {\n\t\treturn file;\n\t}\n\n\treturn uri?.href;\n}\n\n/**\n * Mutates an object by settings a value at the provided path.\n *\n * @param {Object}              object Object to set a value in.\n * @param {number|string|Array} path   Path in the object to modify.\n * @param {*}                   value  New value to set.\n * @return {Object} Object with the new value set.\n */\nfunction setMutably( object, path, value ) {\n\tpath = path.split( '.' );\n\tconst finalValueKey = path.pop();\n\tlet prev = object;\n\n\tfor ( const key of path ) {\n\t\tconst current = prev[ key ];\n\t\tprev = current;\n\t}\n\n\tprev[ finalValueKey ] = value;\n\n\treturn object;\n}\n\n/**\n * Resolves any relative paths if a corresponding theme file URI is available.\n * Note: this function mutates the object and is specifically to be used in\n * an async styles build context in useGlobalStylesOutput\n *\n * @param {Object}        themeJson     Theme.json/Global styles tree.\n * @param {Array<Object>} themeFileURIs A collection of absolute theme file URIs and their corresponding file paths.\n * @return {Object} Returns mutated object.\n */\nexport function setThemeFileUris( themeJson, themeFileURIs ) {\n\tif ( ! themeJson?.styles || ! themeFileURIs ) {\n\t\treturn themeJson;\n\t}\n\n\tthemeFileURIs.forEach( ( { name, href, target } ) => {\n\t\tconst value = getValueFromObjectPath( themeJson, target );\n\t\tif ( value === name ) {\n\t\t\t/*\n\t\t\t * The object must not be updated immutably here because the\n\t\t\t * themeJson is a reference to the global styles tree used as a dependency in the\n\t\t\t * useGlobalStylesOutputWithConfig() hook. If we don't mutate the object,\n\t\t\t * the hook will detect the change and re-render the component, resulting\n\t\t\t * in a maximum depth exceeded error.\n\t\t\t */\n\t\t\tthemeJson = setMutably( themeJson, target, href );\n\t\t}\n\t} );\n\n\treturn themeJson;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,QAAQ,oBAAoB;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAAEC,IAAI,EAAEC,aAAa,GAAG,EAAE,EAAG;EACpE,MAAMC,GAAG,GAAGD,aAAa,CAACE,IAAI,CAC3BC,YAAY,IAAMA,YAAY,CAACC,IAAI,KAAKL,IAC3C,CAAC;EAED,IAAK,CAAEE,GAAG,EAAEI,IAAI,EAAG;IAClB,OAAON,IAAI;EACZ;EAEA,OAAOE,GAAG,EAAEI,IAAI;AACjB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAG;EAC1CD,IAAI,GAAGA,IAAI,CAACE,KAAK,CAAE,GAAI,CAAC;EACxB,MAAMC,aAAa,GAAGH,IAAI,CAACI,GAAG,CAAC,CAAC;EAChC,IAAIC,IAAI,GAAGN,MAAM;EAEjB,KAAM,MAAMO,GAAG,IAAIN,IAAI,EAAG;IACzB,MAAMO,OAAO,GAAGF,IAAI,CAAEC,GAAG,CAAE;IAC3BD,IAAI,GAAGE,OAAO;EACf;EAEAF,IAAI,CAAEF,aAAa,CAAE,GAAGF,KAAK;EAE7B,OAAOF,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,gBAAgBA,CAAEC,SAAS,EAAEjB,aAAa,EAAG;EAC5D,IAAK,CAAEiB,SAAS,EAAEC,MAAM,IAAI,CAAElB,aAAa,EAAG;IAC7C,OAAOiB,SAAS;EACjB;EAEAjB,aAAa,CAACmB,OAAO,CAAE,CAAE;IAAEf,IAAI;IAAEC,IAAI;IAAEe;EAAO,CAAC,KAAM;IACpD,MAAMX,KAAK,GAAGZ,sBAAsB,CAAEoB,SAAS,EAAEG,MAAO,CAAC;IACzD,IAAKX,KAAK,KAAKL,IAAI,EAAG;MACrB;AACH;AACA;AACA;AACA;AACA;AACA;MACGa,SAAS,GAAGX,UAAU,CAAEW,SAAS,EAAEG,MAAM,EAAEf,IAAK,CAAC;IAClD;EACD,CAAE,CAAC;EAEH,OAAOY,SAAS;AACjB","ignoreList":[]}