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

package/build-module/hooks/use-cached-truthy.js

@@ -1,15 +1,5 @@
-/**
- * WordPress dependencies
- */
-import { useState, useEffect } from '@wordpress/element';
-
-/**
- * Keeps an up-to-date copy of the passed value and returns it. If value becomes falsy, it will return the last truthy copy.
- *
- * @param {any} value
- * @return {any} value
- */
-export function useCachedTruthy(value) {
+import { useState, useEffect } from "@wordpress/element";
+function useCachedTruthy(value) {
   const [cachedValue, setCachedValue] = useState(value);
   useEffect(() => {
     if (value) {
@@ -18,4 +8,7 @@ export function useCachedTruthy(value) {
   }, [value]);
   return cachedValue;
 }
-//# sourceMappingURL=use-cached-truthy.js.map
+export {
+  useCachedTruthy
+};
+//# sourceMappingURL=use-cached-truthy.js.map

package/build-module/hooks/use-cached-truthy.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useState","useEffect","useCachedTruthy","value","cachedValue","setCachedValue"],"sources":["@wordpress/block-editor/src/hooks/use-cached-truthy.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Keeps an up-to-date copy of the passed value and returns it. If value becomes falsy, it will return the last truthy copy.\n *\n * @param {any} value\n * @return {any} value\n */\nexport function useCachedTruthy( value ) {\n\tconst [ cachedValue, setCachedValue ] = useState( value );\n\tuseEffect( () => {\n\t\tif ( value ) {\n\t\t\tsetCachedValue( value );\n\t\t}\n\t}, [ value ] );\n\treturn cachedValue;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAEC,KAAK,EAAG;EACxC,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGL,QAAQ,CAAEG,KAAM,CAAC;EACzDF,SAAS,CAAE,MAAM;IAChB,IAAKE,KAAK,EAAG;MACZE,cAAc,CAAEF,KAAM,CAAC;IACxB;EACD,CAAC,EAAE,CAAEA,KAAK,CAAG,CAAC;EACd,OAAOC,WAAW;AACnB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-cached-truthy.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Keeps an up-to-date copy of the passed value and returns it. If value becomes falsy, it will return the last truthy copy.\n *\n * @param {any} value\n * @return {any} value\n */\nexport function useCachedTruthy( value ) {\n\tconst [ cachedValue, setCachedValue ] = useState( value );\n\tuseEffect( () => {\n\t\tif ( value ) {\n\t\t\tsetCachedValue( value );\n\t\t}\n\t}, [ value ] );\n\treturn cachedValue;\n}\n"],
+  "mappings": "AAGA,SAAS,UAAU,iBAAiB;AAQ7B,SAAS,gBAAiB,OAAQ;AACxC,QAAM,CAAE,aAAa,cAAe,IAAI,SAAU,KAAM;AACxD,YAAW,MAAM;AAChB,QAAK,OAAQ;AACZ,qBAAgB,KAAM;AAAA,IACvB;AAAA,EACD,GAAG,CAAE,KAAM,CAAE;AACb,SAAO;AACR;",
+  "names": []
+}

package/build-module/hooks/use-color-props.js

@@ -1,105 +1,96 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { getInlineStyles } from './style';
-import { getColorClassName, getColorObjectByAttributeValues } from '../components/colors';
-import { __experimentalGetGradientClass, getGradientValueBySlug } from '../components/gradients';
-import { useSettings } from '../components/use-settings';
-
-// The code in this file has largely been lifted from the color block support
-// hook.
-//
-// This utility is intended to assist where the serialization of the colors
-// block support is being skipped for a block but the color related CSS classes
-// & styles still need to be generated so they can be applied to inner elements.
-
-/**
- * Provides the CSS class names and inline styles for a block's color support
- * attributes.
- *
- * @param {Object} attributes Block attributes.
- *
- * @return {Object} Color block support derived CSS classes & styles.
- */
-export function getColorClassesAndStyles(attributes) {
-  const {
-    backgroundColor,
-    textColor,
-    gradient,
-    style
-  } = attributes;
-
-  // Collect color CSS classes.
-  const backgroundClass = getColorClassName('background-color', backgroundColor);
-  const textClass = getColorClassName('color', textColor);
+import clsx from "clsx";
+import { useMemo } from "@wordpress/element";
+import { getInlineStyles } from "./style";
+import {
+  getColorClassName,
+  getColorObjectByAttributeValues
+} from "../components/colors";
+import {
+  __experimentalGetGradientClass,
+  getGradientValueBySlug
+} from "../components/gradients";
+import { useSettings } from "../components/use-settings";
+function getColorClassesAndStyles(attributes) {
+  const { backgroundColor, textColor, gradient, style } = attributes;
+  const backgroundClass = getColorClassName(
+    "background-color",
+    backgroundColor
+  );
+  const textClass = getColorClassName("color", textColor);
   const gradientClass = __experimentalGetGradientClass(gradient);
   const hasGradient = gradientClass || style?.color?.gradient;
-
-  // Determine color CSS class name list.
   const className = clsx(textClass, gradientClass, {
     // Don't apply the background class if there's a gradient.
     [backgroundClass]: !hasGradient && !!backgroundClass,
-    'has-text-color': textColor || style?.color?.text,
-    'has-background': backgroundColor || style?.color?.background || gradient || style?.color?.gradient,
-    'has-link-color': style?.elements?.link?.color
+    "has-text-color": textColor || style?.color?.text,
+    "has-background": backgroundColor || style?.color?.background || gradient || style?.color?.gradient,
+    "has-link-color": style?.elements?.link?.color
   });
-
-  // Collect inline styles for colors.
   const colorStyles = style?.color || {};
-  const styleProp = getInlineStyles({
-    color: colorStyles
-  });
+  const styleProp = getInlineStyles({ color: colorStyles });
   return {
-    className: className || undefined,
+    className: className || void 0,
     style: styleProp
   };
 }
-
-/**
- * Determines the color related props for a block derived from its color block
- * support attributes.
- *
- * Inline styles are forced for named colors to ensure these selections are
- * reflected when themes do not load their color stylesheets in the editor.
- *
- * @param {Object} attributes Block attributes.
- *
- * @return {Object} ClassName & style props from colors block support.
- */
-export function useColorProps(attributes) {
-  const {
-    backgroundColor,
-    textColor,
-    gradient
-  } = attributes;
-  const [userPalette, themePalette, defaultPalette, userGradients, themeGradients, defaultGradients] = useSettings('color.palette.custom', 'color.palette.theme', 'color.palette.default', 'color.gradients.custom', 'color.gradients.theme', 'color.gradients.default');
-  const colors = useMemo(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]);
-  const gradients = useMemo(() => [...(userGradients || []), ...(themeGradients || []), ...(defaultGradients || [])], [userGradients, themeGradients, defaultGradients]);
+function useColorProps(attributes) {
+  const { backgroundColor, textColor, gradient } = attributes;
+  const [
+    userPalette,
+    themePalette,
+    defaultPalette,
+    userGradients,
+    themeGradients,
+    defaultGradients
+  ] = useSettings(
+    "color.palette.custom",
+    "color.palette.theme",
+    "color.palette.default",
+    "color.gradients.custom",
+    "color.gradients.theme",
+    "color.gradients.default"
+  );
+  const colors = useMemo(
+    () => [
+      ...userPalette || [],
+      ...themePalette || [],
+      ...defaultPalette || []
+    ],
+    [userPalette, themePalette, defaultPalette]
+  );
+  const gradients = useMemo(
+    () => [
+      ...userGradients || [],
+      ...themeGradients || [],
+      ...defaultGradients || []
+    ],
+    [userGradients, themeGradients, defaultGradients]
+  );
   const colorProps = getColorClassesAndStyles(attributes);
-
-  // Force inline styles to apply colors when themes do not load their color
-  // stylesheets in the editor.
   if (backgroundColor) {
-    const backgroundColorObject = getColorObjectByAttributeValues(colors, backgroundColor);
+    const backgroundColorObject = getColorObjectByAttributeValues(
+      colors,
+      backgroundColor
+    );
     colorProps.style.backgroundColor = backgroundColorObject.color;
   }
   if (gradient) {
-    colorProps.style.background = getGradientValueBySlug(gradients, gradient);
+    colorProps.style.background = getGradientValueBySlug(
+      gradients,
+      gradient
+    );
   }
   if (textColor) {
-    const textColorObject = getColorObjectByAttributeValues(colors, textColor);
+    const textColorObject = getColorObjectByAttributeValues(
+      colors,
+      textColor
+    );
     colorProps.style.color = textColorObject.color;
   }
   return colorProps;
 }
-//# sourceMappingURL=use-color-props.js.map
+export {
+  getColorClassesAndStyles,
+  useColorProps
+};
+//# sourceMappingURL=use-color-props.js.map

package/build-module/hooks/use-color-props.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useMemo","getInlineStyles","getColorClassName","getColorObjectByAttributeValues","__experimentalGetGradientClass","getGradientValueBySlug","useSettings","getColorClassesAndStyles","attributes","backgroundColor","textColor","gradient","style","backgroundClass","textClass","gradientClass","hasGradient","color","className","text","background","elements","link","colorStyles","styleProp","undefined","useColorProps","userPalette","themePalette","defaultPalette","userGradients","themeGradients","defaultGradients","colors","gradients","colorProps","backgroundColorObject","textColorObject"],"sources":["@wordpress/block-editor/src/hooks/use-color-props.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\nimport {\n\tgetColorClassName,\n\tgetColorObjectByAttributeValues,\n} from '../components/colors';\nimport {\n\t__experimentalGetGradientClass,\n\tgetGradientValueBySlug,\n} from '../components/gradients';\nimport { useSettings } from '../components/use-settings';\n\n// The code in this file has largely been lifted from the color block support\n// hook.\n//\n// This utility is intended to assist where the serialization of the colors\n// block support is being skipped for a block but the color related CSS classes\n// & styles still need to be generated so they can be applied to inner elements.\n\n/**\n * Provides the CSS class names and inline styles for a block's color support\n * attributes.\n *\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Color block support derived CSS classes & styles.\n */\nexport function getColorClassesAndStyles( attributes ) {\n\tconst { backgroundColor, textColor, gradient, style } = attributes;\n\n\t// Collect color CSS classes.\n\tconst backgroundClass = getColorClassName(\n\t\t'background-color',\n\t\tbackgroundColor\n\t);\n\tconst textClass = getColorClassName( 'color', textColor );\n\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst hasGradient = gradientClass || style?.color?.gradient;\n\n\t// Determine color CSS class name list.\n\tconst className = clsx( textClass, gradientClass, {\n\t\t// Don't apply the background class if there's a gradient.\n\t\t[ backgroundClass ]: ! hasGradient && !! backgroundClass,\n\t\t'has-text-color': textColor || style?.color?.text,\n\t\t'has-background':\n\t\t\tbackgroundColor ||\n\t\t\tstyle?.color?.background ||\n\t\t\tgradient ||\n\t\t\tstyle?.color?.gradient,\n\t\t'has-link-color': style?.elements?.link?.color,\n\t} );\n\n\t// Collect inline styles for colors.\n\tconst colorStyles = style?.color || {};\n\tconst styleProp = getInlineStyles( { color: colorStyles } );\n\n\treturn {\n\t\tclassName: className || undefined,\n\t\tstyle: styleProp,\n\t};\n}\n\n/**\n * Determines the color related props for a block derived from its color block\n * support attributes.\n *\n * Inline styles are forced for named colors to ensure these selections are\n * reflected when themes do not load their color stylesheets in the editor.\n *\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} ClassName & style props from colors block support.\n */\nexport function useColorProps( attributes ) {\n\tconst { backgroundColor, textColor, gradient } = attributes;\n\n\tconst [\n\t\tuserPalette,\n\t\tthemePalette,\n\t\tdefaultPalette,\n\t\tuserGradients,\n\t\tthemeGradients,\n\t\tdefaultGradients,\n\t] = useSettings(\n\t\t'color.palette.custom',\n\t\t'color.palette.theme',\n\t\t'color.palette.default',\n\t\t'color.gradients.custom',\n\t\t'color.gradients.theme',\n\t\t'color.gradients.default'\n\t);\n\n\tconst colors = useMemo(\n\t\t() => [\n\t\t\t...( userPalette || [] ),\n\t\t\t...( themePalette || [] ),\n\t\t\t...( defaultPalette || [] ),\n\t\t],\n\t\t[ userPalette, themePalette, defaultPalette ]\n\t);\n\tconst gradients = useMemo(\n\t\t() => [\n\t\t\t...( userGradients || [] ),\n\t\t\t...( themeGradients || [] ),\n\t\t\t...( defaultGradients || [] ),\n\t\t],\n\t\t[ userGradients, themeGradients, defaultGradients ]\n\t);\n\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\t// Force inline styles to apply colors when themes do not load their color\n\t// stylesheets in the editor.\n\tif ( backgroundColor ) {\n\t\tconst backgroundColorObject = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\tbackgroundColor\n\t\t);\n\n\t\tcolorProps.style.backgroundColor = backgroundColorObject.color;\n\t}\n\n\tif ( gradient ) {\n\t\tcolorProps.style.background = getGradientValueBySlug(\n\t\t\tgradients,\n\t\t\tgradient\n\t\t);\n\t}\n\n\tif ( textColor ) {\n\t\tconst textColorObject = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\ttextColor\n\t\t);\n\n\t\tcolorProps.style.color = textColorObject.color;\n\t}\n\n\treturn colorProps;\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-color-props.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\nimport {\n\tgetColorClassName,\n\tgetColorObjectByAttributeValues,\n} from '../components/colors';\nimport {\n\t__experimentalGetGradientClass,\n\tgetGradientValueBySlug,\n} from '../components/gradients';\nimport { useSettings } from '../components/use-settings';\n\n// The code in this file has largely been lifted from the color block support\n// hook.\n//\n// This utility is intended to assist where the serialization of the colors\n// block support is being skipped for a block but the color related CSS classes\n// & styles still need to be generated so they can be applied to inner elements.\n\n/**\n * Provides the CSS class names and inline styles for a block's color support\n * attributes.\n *\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Color block support derived CSS classes & styles.\n */\nexport function getColorClassesAndStyles( attributes ) {\n\tconst { backgroundColor, textColor, gradient, style } = attributes;\n\n\t// Collect color CSS classes.\n\tconst backgroundClass = getColorClassName(\n\t\t'background-color',\n\t\tbackgroundColor\n\t);\n\tconst textClass = getColorClassName( 'color', textColor );\n\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst hasGradient = gradientClass || style?.color?.gradient;\n\n\t// Determine color CSS class name list.\n\tconst className = clsx( textClass, gradientClass, {\n\t\t// Don't apply the background class if there's a gradient.\n\t\t[ backgroundClass ]: ! hasGradient && !! backgroundClass,\n\t\t'has-text-color': textColor || style?.color?.text,\n\t\t'has-background':\n\t\t\tbackgroundColor ||\n\t\t\tstyle?.color?.background ||\n\t\t\tgradient ||\n\t\t\tstyle?.color?.gradient,\n\t\t'has-link-color': style?.elements?.link?.color,\n\t} );\n\n\t// Collect inline styles for colors.\n\tconst colorStyles = style?.color || {};\n\tconst styleProp = getInlineStyles( { color: colorStyles } );\n\n\treturn {\n\t\tclassName: className || undefined,\n\t\tstyle: styleProp,\n\t};\n}\n\n/**\n * Determines the color related props for a block derived from its color block\n * support attributes.\n *\n * Inline styles are forced for named colors to ensure these selections are\n * reflected when themes do not load their color stylesheets in the editor.\n *\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} ClassName & style props from colors block support.\n */\nexport function useColorProps( attributes ) {\n\tconst { backgroundColor, textColor, gradient } = attributes;\n\n\tconst [\n\t\tuserPalette,\n\t\tthemePalette,\n\t\tdefaultPalette,\n\t\tuserGradients,\n\t\tthemeGradients,\n\t\tdefaultGradients,\n\t] = useSettings(\n\t\t'color.palette.custom',\n\t\t'color.palette.theme',\n\t\t'color.palette.default',\n\t\t'color.gradients.custom',\n\t\t'color.gradients.theme',\n\t\t'color.gradients.default'\n\t);\n\n\tconst colors = useMemo(\n\t\t() => [\n\t\t\t...( userPalette || [] ),\n\t\t\t...( themePalette || [] ),\n\t\t\t...( defaultPalette || [] ),\n\t\t],\n\t\t[ userPalette, themePalette, defaultPalette ]\n\t);\n\tconst gradients = useMemo(\n\t\t() => [\n\t\t\t...( userGradients || [] ),\n\t\t\t...( themeGradients || [] ),\n\t\t\t...( defaultGradients || [] ),\n\t\t],\n\t\t[ userGradients, themeGradients, defaultGradients ]\n\t);\n\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\n\t// Force inline styles to apply colors when themes do not load their color\n\t// stylesheets in the editor.\n\tif ( backgroundColor ) {\n\t\tconst backgroundColorObject = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\tbackgroundColor\n\t\t);\n\n\t\tcolorProps.style.backgroundColor = backgroundColorObject.color;\n\t}\n\n\tif ( gradient ) {\n\t\tcolorProps.style.background = getGradientValueBySlug(\n\t\t\tgradients,\n\t\t\tgradient\n\t\t);\n\t}\n\n\tif ( textColor ) {\n\t\tconst textColorObject = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\ttextColor\n\t\t);\n\n\t\tcolorProps.style.color = textColorObject.color;\n\t}\n\n\treturn colorProps;\n}\n"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,eAAe;AAKxB,SAAS,uBAAuB;AAChC;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,SAAS,mBAAmB;AAiBrB,SAAS,yBAA0B,YAAa;AACtD,QAAM,EAAE,iBAAiB,WAAW,UAAU,MAAM,IAAI;AAGxD,QAAM,kBAAkB;AAAA,IACvB;AAAA,IACA;AAAA,EACD;AACA,QAAM,YAAY,kBAAmB,SAAS,SAAU;AAExD,QAAM,gBAAgB,+BAAgC,QAAS;AAC/D,QAAM,cAAc,iBAAiB,OAAO,OAAO;AAGnD,QAAM,YAAY,KAAM,WAAW,eAAe;AAAA;AAAA,IAEjD,CAAE,eAAgB,GAAG,CAAE,eAAe,CAAC,CAAE;AAAA,IACzC,kBAAkB,aAAa,OAAO,OAAO;AAAA,IAC7C,kBACC,mBACA,OAAO,OAAO,cACd,YACA,OAAO,OAAO;AAAA,IACf,kBAAkB,OAAO,UAAU,MAAM;AAAA,EAC1C,CAAE;AAGF,QAAM,cAAc,OAAO,SAAS,CAAC;AACrC,QAAM,YAAY,gBAAiB,EAAE,OAAO,YAAY,CAAE;AAE1D,SAAO;AAAA,IACN,WAAW,aAAa;AAAA,IACxB,OAAO;AAAA,EACR;AACD;AAaO,SAAS,cAAe,YAAa;AAC3C,QAAM,EAAE,iBAAiB,WAAW,SAAS,IAAI;AAEjD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,QAAM,SAAS;AAAA,IACd,MAAM;AAAA,MACL,GAAK,eAAe,CAAC;AAAA,MACrB,GAAK,gBAAgB,CAAC;AAAA,MACtB,GAAK,kBAAkB,CAAC;AAAA,IACzB;AAAA,IACA,CAAE,aAAa,cAAc,cAAe;AAAA,EAC7C;AACA,QAAM,YAAY;AAAA,IACjB,MAAM;AAAA,MACL,GAAK,iBAAiB,CAAC;AAAA,MACvB,GAAK,kBAAkB,CAAC;AAAA,MACxB,GAAK,oBAAoB,CAAC;AAAA,IAC3B;AAAA,IACA,CAAE,eAAe,gBAAgB,gBAAiB;AAAA,EACnD;AAEA,QAAM,aAAa,yBAA0B,UAAW;AAIxD,MAAK,iBAAkB;AACtB,UAAM,wBAAwB;AAAA,MAC7B;AAAA,MACA;AAAA,IACD;AAEA,eAAW,MAAM,kBAAkB,sBAAsB;AAAA,EAC1D;AAEA,MAAK,UAAW;AACf,eAAW,MAAM,aAAa;AAAA,MAC7B;AAAA,MACA;AAAA,IACD;AAAA,EACD;AAEA,MAAK,WAAY;AAChB,UAAM,kBAAkB;AAAA,MACvB;AAAA,MACA;AAAA,IACD;AAEA,eAAW,MAAM,QAAQ,gBAAgB;AAAA,EAC1C;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-module/hooks/use-shadow-props.js

@@ -1,25 +1,11 @@
-/**
- * Internal dependencies
- */
-import { getInlineStyles } from './style';
-
-// This utility is intended to assist where the serialization of the shadow
-// block support is being skipped for a block but the shadow related CSS classes
-// & styles still need to be generated so they can be applied to inner elements.
-
-/**
- * Provides the CSS class names and inline styles for a block's shadow support
- * attributes.
- *
- * @param {Object} attributes Block attributes.
- * @return {Object} Shadow block support derived CSS classes & styles.
- */
-export function getShadowClassesAndStyles(attributes) {
-  const shadow = attributes.style?.shadow || '';
+import { getInlineStyles } from "./style";
+function getShadowClassesAndStyles(attributes) {
+  const shadow = attributes.style?.shadow || "";
   return {
-    style: getInlineStyles({
-      shadow
-    })
+    style: getInlineStyles({ shadow })
   };
 }
-//# sourceMappingURL=use-shadow-props.js.map
+export {
+  getShadowClassesAndStyles
+};
+//# sourceMappingURL=use-shadow-props.js.map

package/build-module/hooks/use-shadow-props.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getInlineStyles","getShadowClassesAndStyles","attributes","shadow","style"],"sources":["@wordpress/block-editor/src/hooks/use-shadow-props.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\n\n// This utility is intended to assist where the serialization of the shadow\n// block support is being skipped for a block but the shadow related CSS classes\n// & styles still need to be generated so they can be applied to inner elements.\n\n/**\n * Provides the CSS class names and inline styles for a block's shadow support\n * attributes.\n *\n * @param {Object} attributes Block attributes.\n * @return {Object} Shadow block support derived CSS classes & styles.\n */\nexport function getShadowClassesAndStyles( attributes ) {\n\tconst shadow = attributes.style?.shadow || '';\n\n\treturn {\n\t\tstyle: getInlineStyles( { shadow } ),\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,SAAS;;AAEzC;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAEC,UAAU,EAAG;EACvD,MAAMC,MAAM,GAAGD,UAAU,CAACE,KAAK,EAAED,MAAM,IAAI,EAAE;EAE7C,OAAO;IACNC,KAAK,EAAEJ,eAAe,CAAE;MAAEG;IAAO,CAAE;EACpC,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-shadow-props.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\n\n// This utility is intended to assist where the serialization of the shadow\n// block support is being skipped for a block but the shadow related CSS classes\n// & styles still need to be generated so they can be applied to inner elements.\n\n/**\n * Provides the CSS class names and inline styles for a block's shadow support\n * attributes.\n *\n * @param {Object} attributes Block attributes.\n * @return {Object} Shadow block support derived CSS classes & styles.\n */\nexport function getShadowClassesAndStyles( attributes ) {\n\tconst shadow = attributes.style?.shadow || '';\n\n\treturn {\n\t\tstyle: getInlineStyles( { shadow } ),\n\t};\n}\n"],
+  "mappings": "AAGA,SAAS,uBAAuB;AAazB,SAAS,0BAA2B,YAAa;AACvD,QAAM,SAAS,WAAW,OAAO,UAAU;AAE3C,SAAO;AAAA,IACN,OAAO,gBAAiB,EAAE,OAAO,CAAE;AAAA,EACpC;AACD;",
+  "names": []
+}

package/build-module/hooks/use-spacing-props.js

@@ -1,32 +1,13 @@
-/**
- * Internal dependencies
- */
-import { getInlineStyles } from './style';
-
-// This utility is intended to assist where the serialization of the spacing
-// block support is being skipped for a block but the spacing related CSS
-// styles still need to be generated so they can be applied to inner elements.
-
-/**
- * Provides the CSS class names and inline styles for a block's spacing support
- * attributes.
- *
- * @param {Object} attributes Block attributes.
- *
- * @return {Object} Spacing block support derived CSS classes & styles.
- */
-export function getSpacingClassesAndStyles(attributes) {
-  const {
-    style
-  } = attributes;
-
-  // Collect inline styles for spacing.
+import { getInlineStyles } from "./style";
+function getSpacingClassesAndStyles(attributes) {
+  const { style } = attributes;
   const spacingStyles = style?.spacing || {};
-  const styleProp = getInlineStyles({
-    spacing: spacingStyles
-  });
+  const styleProp = getInlineStyles({ spacing: spacingStyles });
   return {
     style: styleProp
   };
 }
-//# sourceMappingURL=use-spacing-props.js.map
+export {
+  getSpacingClassesAndStyles
+};
+//# sourceMappingURL=use-spacing-props.js.map

package/build-module/hooks/use-spacing-props.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["getInlineStyles","getSpacingClassesAndStyles","attributes","style","spacingStyles","spacing","styleProp"],"sources":["@wordpress/block-editor/src/hooks/use-spacing-props.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\n\n// This utility is intended to assist where the serialization of the spacing\n// block support is being skipped for a block but the spacing related CSS\n// styles still need to be generated so they can be applied to inner elements.\n\n/**\n * Provides the CSS class names and inline styles for a block's spacing support\n * attributes.\n *\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Spacing block support derived CSS classes & styles.\n */\nexport function getSpacingClassesAndStyles( attributes ) {\n\tconst { style } = attributes;\n\n\t// Collect inline styles for spacing.\n\tconst spacingStyles = style?.spacing || {};\n\tconst styleProp = getInlineStyles( { spacing: spacingStyles } );\n\n\treturn {\n\t\tstyle: styleProp,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,SAAS;;AAEzC;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CAAEC,UAAU,EAAG;EACxD,MAAM;IAAEC;EAAM,CAAC,GAAGD,UAAU;;EAE5B;EACA,MAAME,aAAa,GAAGD,KAAK,EAAEE,OAAO,IAAI,CAAC,CAAC;EAC1C,MAAMC,SAAS,GAAGN,eAAe,CAAE;IAAEK,OAAO,EAAED;EAAc,CAAE,CAAC;EAE/D,OAAO;IACND,KAAK,EAAEG;EACR,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-spacing-props.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\n\n// This utility is intended to assist where the serialization of the spacing\n// block support is being skipped for a block but the spacing related CSS\n// styles still need to be generated so they can be applied to inner elements.\n\n/**\n * Provides the CSS class names and inline styles for a block's spacing support\n * attributes.\n *\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Spacing block support derived CSS classes & styles.\n */\nexport function getSpacingClassesAndStyles( attributes ) {\n\tconst { style } = attributes;\n\n\t// Collect inline styles for spacing.\n\tconst spacingStyles = style?.spacing || {};\n\tconst styleProp = getInlineStyles( { spacing: spacingStyles } );\n\n\treturn {\n\t\tstyle: styleProp,\n\t};\n}\n"],
+  "mappings": "AAGA,SAAS,uBAAuB;AAczB,SAAS,2BAA4B,YAAa;AACxD,QAAM,EAAE,MAAM,IAAI;AAGlB,QAAM,gBAAgB,OAAO,WAAW,CAAC;AACzC,QAAM,YAAY,gBAAiB,EAAE,SAAS,cAAc,CAAE;AAE9D,SAAO;AAAA,IACN,OAAO;AAAA,EACR;AACD;",
+  "names": []
+}

package/build-module/hooks/use-typography-props.js

@@ -1,55 +1,33 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { privateApis as componentsPrivateApis } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { getInlineStyles } from './style';
-import { getFontSizeClass } from '../components/font-sizes';
-import { getTypographyFontSizeValue } from '../components/global-styles/typography-utils';
-import { unlock } from '../lock-unlock';
-const {
-  kebabCase
-} = unlock(componentsPrivateApis);
-
-/*
- * This utility is intended to assist where the serialization of the typography
- * block support is being skipped for a block but the typography related CSS
- * styles still need to be generated so they can be applied to inner elements.
- */
-/**
- * Provides the CSS class names and inline styles for a block's typography support
- * attributes.
- *
- * @param {Object}         attributes Block attributes.
- * @param {Object|boolean} settings   Merged theme.json settings
- *
- * @return {Object} Typography block support derived CSS classes & styles.
- */
-export function getTypographyClassesAndStyles(attributes, settings) {
+import clsx from "clsx";
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import { getInlineStyles } from "./style";
+import { getFontSizeClass } from "../components/font-sizes";
+import { getTypographyFontSizeValue } from "../components/global-styles/typography-utils";
+import { unlock } from "../lock-unlock";
+const { kebabCase } = unlock(componentsPrivateApis);
+function getTypographyClassesAndStyles(attributes, settings) {
   let typographyStyles = attributes?.style?.typography || {};
   typographyStyles = {
     ...typographyStyles,
-    fontSize: getTypographyFontSizeValue({
-      size: attributes?.style?.typography?.fontSize
-    }, settings)
+    fontSize: getTypographyFontSizeValue(
+      { size: attributes?.style?.typography?.fontSize },
+      settings
+    )
   };
-  const style = getInlineStyles({
-    typography: typographyStyles
-  });
-  const fontFamilyClassName = !!attributes?.fontFamily ? `has-${kebabCase(attributes.fontFamily)}-font-family` : '';
-  const textAlignClassName = !!attributes?.style?.typography?.textAlign ? `has-text-align-${attributes?.style?.typography?.textAlign}` : '';
-  const className = clsx(fontFamilyClassName, textAlignClassName, getFontSizeClass(attributes?.fontSize));
+  const style = getInlineStyles({ typography: typographyStyles });
+  const fontFamilyClassName = !!attributes?.fontFamily ? `has-${kebabCase(attributes.fontFamily)}-font-family` : "";
+  const textAlignClassName = !!attributes?.style?.typography?.textAlign ? `has-text-align-${attributes?.style?.typography?.textAlign}` : "";
+  const className = clsx(
+    fontFamilyClassName,
+    textAlignClassName,
+    getFontSizeClass(attributes?.fontSize)
+  );
   return {
     className,
     style
   };
 }
-//# sourceMappingURL=use-typography-props.js.map
+export {
+  getTypographyClassesAndStyles
+};
+//# sourceMappingURL=use-typography-props.js.map

package/build-module/hooks/use-typography-props.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","privateApis","componentsPrivateApis","getInlineStyles","getFontSizeClass","getTypographyFontSizeValue","unlock","kebabCase","getTypographyClassesAndStyles","attributes","settings","typographyStyles","style","typography","fontSize","size","fontFamilyClassName","fontFamily","textAlignClassName","textAlign","className"],"sources":["@wordpress/block-editor/src/hooks/use-typography-props.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\nimport { getFontSizeClass } from '../components/font-sizes';\nimport { getTypographyFontSizeValue } from '../components/global-styles/typography-utils';\nimport { unlock } from '../lock-unlock';\n\nconst { kebabCase } = unlock( componentsPrivateApis );\n\n/*\n * This utility is intended to assist where the serialization of the typography\n * block support is being skipped for a block but the typography related CSS\n * styles still need to be generated so they can be applied to inner elements.\n */\n/**\n * Provides the CSS class names and inline styles for a block's typography support\n * attributes.\n *\n * @param {Object}         attributes Block attributes.\n * @param {Object|boolean} settings   Merged theme.json settings\n *\n * @return {Object} Typography block support derived CSS classes & styles.\n */\nexport function getTypographyClassesAndStyles( attributes, settings ) {\n\tlet typographyStyles = attributes?.style?.typography || {};\n\ttypographyStyles = {\n\t\t...typographyStyles,\n\t\tfontSize: getTypographyFontSizeValue(\n\t\t\t{ size: attributes?.style?.typography?.fontSize },\n\t\t\tsettings\n\t\t),\n\t};\n\n\tconst style = getInlineStyles( { typography: typographyStyles } );\n\tconst fontFamilyClassName = !! attributes?.fontFamily\n\t\t? `has-${ kebabCase( attributes.fontFamily ) }-font-family`\n\t\t: '';\n\tconst textAlignClassName = !! attributes?.style?.typography?.textAlign\n\t\t? `has-text-align-${ attributes?.style?.typography?.textAlign }`\n\t\t: '';\n\tconst className = clsx(\n\t\tfontFamilyClassName,\n\t\ttextAlignClassName,\n\t\tgetFontSizeClass( attributes?.fontSize )\n\t);\n\n\treturn {\n\t\tclassName,\n\t\tstyle,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,SAASC,eAAe,QAAQ,SAAS;AACzC,SAASC,gBAAgB,QAAQ,0BAA0B;AAC3D,SAASC,0BAA0B,QAAQ,8CAA8C;AACzF,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,MAAM;EAAEC;AAAU,CAAC,GAAGD,MAAM,CAAEJ,qBAAsB,CAAC;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,6BAA6BA,CAAEC,UAAU,EAAEC,QAAQ,EAAG;EACrE,IAAIC,gBAAgB,GAAGF,UAAU,EAAEG,KAAK,EAAEC,UAAU,IAAI,CAAC,CAAC;EAC1DF,gBAAgB,GAAG;IAClB,GAAGA,gBAAgB;IACnBG,QAAQ,EAAET,0BAA0B,CACnC;MAAEU,IAAI,EAAEN,UAAU,EAAEG,KAAK,EAAEC,UAAU,EAAEC;IAAS,CAAC,EACjDJ,QACD;EACD,CAAC;EAED,MAAME,KAAK,GAAGT,eAAe,CAAE;IAAEU,UAAU,EAAEF;EAAiB,CAAE,CAAC;EACjE,MAAMK,mBAAmB,GAAG,CAAC,CAAEP,UAAU,EAAEQ,UAAU,GAClD,OAAQV,SAAS,CAAEE,UAAU,CAACQ,UAAW,CAAC,cAAe,GACzD,EAAE;EACL,MAAMC,kBAAkB,GAAG,CAAC,CAAET,UAAU,EAAEG,KAAK,EAAEC,UAAU,EAAEM,SAAS,GACnE,kBAAmBV,UAAU,EAAEG,KAAK,EAAEC,UAAU,EAAEM,SAAS,EAAG,GAC9D,EAAE;EACL,MAAMC,SAAS,GAAGpB,IAAI,CACrBgB,mBAAmB,EACnBE,kBAAkB,EAClBd,gBAAgB,CAAEK,UAAU,EAAEK,QAAS,CACxC,CAAC;EAED,OAAO;IACNM,SAAS;IACTR;EACD,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-typography-props.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getInlineStyles } from './style';\nimport { getFontSizeClass } from '../components/font-sizes';\nimport { getTypographyFontSizeValue } from '../components/global-styles/typography-utils';\nimport { unlock } from '../lock-unlock';\n\nconst { kebabCase } = unlock( componentsPrivateApis );\n\n/*\n * This utility is intended to assist where the serialization of the typography\n * block support is being skipped for a block but the typography related CSS\n * styles still need to be generated so they can be applied to inner elements.\n */\n/**\n * Provides the CSS class names and inline styles for a block's typography support\n * attributes.\n *\n * @param {Object}         attributes Block attributes.\n * @param {Object|boolean} settings   Merged theme.json settings\n *\n * @return {Object} Typography block support derived CSS classes & styles.\n */\nexport function getTypographyClassesAndStyles( attributes, settings ) {\n\tlet typographyStyles = attributes?.style?.typography || {};\n\ttypographyStyles = {\n\t\t...typographyStyles,\n\t\tfontSize: getTypographyFontSizeValue(\n\t\t\t{ size: attributes?.style?.typography?.fontSize },\n\t\t\tsettings\n\t\t),\n\t};\n\n\tconst style = getInlineStyles( { typography: typographyStyles } );\n\tconst fontFamilyClassName = !! attributes?.fontFamily\n\t\t? `has-${ kebabCase( attributes.fontFamily ) }-font-family`\n\t\t: '';\n\tconst textAlignClassName = !! attributes?.style?.typography?.textAlign\n\t\t? `has-text-align-${ attributes?.style?.typography?.textAlign }`\n\t\t: '';\n\tconst className = clsx(\n\t\tfontFamilyClassName,\n\t\ttextAlignClassName,\n\t\tgetFontSizeClass( attributes?.fontSize )\n\t);\n\n\treturn {\n\t\tclassName,\n\t\tstyle,\n\t};\n}\n"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,eAAe,6BAA6B;AAKrD,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,cAAc;AAEvB,MAAM,EAAE,UAAU,IAAI,OAAQ,qBAAsB;AAgB7C,SAAS,8BAA+B,YAAY,UAAW;AACrE,MAAI,mBAAmB,YAAY,OAAO,cAAc,CAAC;AACzD,qBAAmB;AAAA,IAClB,GAAG;AAAA,IACH,UAAU;AAAA,MACT,EAAE,MAAM,YAAY,OAAO,YAAY,SAAS;AAAA,MAChD;AAAA,IACD;AAAA,EACD;AAEA,QAAM,QAAQ,gBAAiB,EAAE,YAAY,iBAAiB,CAAE;AAChE,QAAM,sBAAsB,CAAC,CAAE,YAAY,aACxC,OAAQ,UAAW,WAAW,UAAW,CAAE,iBAC3C;AACH,QAAM,qBAAqB,CAAC,CAAE,YAAY,OAAO,YAAY,YAC1D,kBAAmB,YAAY,OAAO,YAAY,SAAU,KAC5D;AACH,QAAM,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,IACA,iBAAkB,YAAY,QAAS;AAAA,EACxC;AAEA,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EACD;AACD;",
+  "names": []
+}

package/build-module/hooks/use-zoom-out.js

@@ -1,40 +1,13 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useEffect, useRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../store';
-import { unlock } from '../lock-unlock';
-
-/**
- * A hook used to set the editor mode to zoomed out mode, invoking the hook sets the mode.
- * Concepts:
- * - If we most recently changed the zoom level for them (in or out), we always resetZoomLevel() level when unmounting.
- * - If the user most recently changed the zoom level (manually toggling), we do nothing when unmounting.
- *
- * @param {boolean} enabled If we should enter into zoomOut mode or not
- */
-export function useZoomOut(enabled = true) {
-  const {
-    setZoomLevel,
-    resetZoomLevel
-  } = unlock(useDispatch(blockEditorStore));
-
-  /**
-   * We need access to both the value and the function. The value is to trigger a useEffect hook
-   * and the function is to check zoom out within another hook without triggering a re-render.
-   */
-  const {
-    isZoomedOut,
-    isZoomOut
-  } = useSelect(select => {
-    const {
-      isZoomOut: _isZoomOut
-    } = unlock(select(blockEditorStore));
+import { useSelect, useDispatch } from "@wordpress/data";
+import { useEffect, useRef } from "@wordpress/element";
+import { store as blockEditorStore } from "../store";
+import { unlock } from "../lock-unlock";
+function useZoomOut(enabled = true) {
+  const { setZoomLevel, resetZoomLevel } = unlock(
+    useDispatch(blockEditorStore)
+  );
+  const { isZoomedOut, isZoomOut } = useSelect((select) => {
+    const { isZoomOut: _isZoomOut } = unlock(select(blockEditorStore));
     return {
       isZoomedOut: _isZoomOut(),
       isZoomOut: _isZoomOut
@@ -42,16 +15,7 @@ export function useZoomOut(enabled = true) {
   }, []);
   const controlZoomLevelRef = useRef(false);
   const isEnabledRef = useRef(enabled);
-
-  /**
-   * This hook tracks if the zoom state was changed manually by the user via clicking
-   * the zoom out button. We only want this to run when isZoomedOut changes, so we use
-   * a ref to track the enabled state.
-   */
   useEffect(() => {
-    // If the zoom state changed (isZoomOut) and it does not match the requested zoom
-    // state (zoomOut), then it means the user manually changed the zoom state while
-    // this hook was mounted, and we should no longer control the zoom state.
     if (isZoomedOut !== isEnabledRef.current) {
       controlZoomLevelRef.current = false;
     }
@@ -61,17 +25,19 @@ export function useZoomOut(enabled = true) {
     if (enabled !== isZoomOut()) {
       controlZoomLevelRef.current = true;
       if (enabled) {
-        setZoomLevel('auto-scaled');
+        setZoomLevel("auto-scaled");
       } else {
         resetZoomLevel();
       }
     }
     return () => {
-      // If we are controlling zoom level and are zoomed out, reset the zoom level.
       if (controlZoomLevelRef.current && isZoomOut()) {
         resetZoomLevel();
       }
     };
   }, [enabled, isZoomOut, resetZoomLevel, setZoomLevel]);
 }
-//# sourceMappingURL=use-zoom-out.js.map
+export {
+  useZoomOut
+};
+//# sourceMappingURL=use-zoom-out.js.map

package/build-module/hooks/use-zoom-out.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","useDispatch","useEffect","useRef","store","blockEditorStore","unlock","useZoomOut","enabled","setZoomLevel","resetZoomLevel","isZoomedOut","isZoomOut","select","_isZoomOut","controlZoomLevelRef","isEnabledRef","current"],"sources":["@wordpress/block-editor/src/hooks/use-zoom-out.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\nimport { unlock } from '../lock-unlock';\n\n/**\n * A hook used to set the editor mode to zoomed out mode, invoking the hook sets the mode.\n * Concepts:\n * - If we most recently changed the zoom level for them (in or out), we always resetZoomLevel() level when unmounting.\n * - If the user most recently changed the zoom level (manually toggling), we do nothing when unmounting.\n *\n * @param {boolean} enabled If we should enter into zoomOut mode or not\n */\nexport function useZoomOut( enabled = true ) {\n\tconst { setZoomLevel, resetZoomLevel } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\t/**\n\t * We need access to both the value and the function. The value is to trigger a useEffect hook\n\t * and the function is to check zoom out within another hook without triggering a re-render.\n\t */\n\tconst { isZoomedOut, isZoomOut } = useSelect( ( select ) => {\n\t\tconst { isZoomOut: _isZoomOut } = unlock( select( blockEditorStore ) );\n\t\treturn {\n\t\t\tisZoomedOut: _isZoomOut(),\n\t\t\tisZoomOut: _isZoomOut,\n\t\t};\n\t}, [] );\n\n\tconst controlZoomLevelRef = useRef( false );\n\tconst isEnabledRef = useRef( enabled );\n\n\t/**\n\t * This hook tracks if the zoom state was changed manually by the user via clicking\n\t * the zoom out button. We only want this to run when isZoomedOut changes, so we use\n\t * a ref to track the enabled state.\n\t */\n\tuseEffect( () => {\n\t\t// If the zoom state changed (isZoomOut) and it does not match the requested zoom\n\t\t// state (zoomOut), then it means the user manually changed the zoom state while\n\t\t// this hook was mounted, and we should no longer control the zoom state.\n\t\tif ( isZoomedOut !== isEnabledRef.current ) {\n\t\t\tcontrolZoomLevelRef.current = false;\n\t\t}\n\t}, [ isZoomedOut ] );\n\n\tuseEffect( () => {\n\t\tisEnabledRef.current = enabled;\n\n\t\tif ( enabled !== isZoomOut() ) {\n\t\t\tcontrolZoomLevelRef.current = true;\n\n\t\t\tif ( enabled ) {\n\t\t\t\tsetZoomLevel( 'auto-scaled' );\n\t\t\t} else {\n\t\t\t\tresetZoomLevel();\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\t// If we are controlling zoom level and are zoomed out, reset the zoom level.\n\t\t\tif ( controlZoomLevelRef.current && isZoomOut() ) {\n\t\t\t\tresetZoomLevel();\n\t\t\t}\n\t\t};\n\t}, [ enabled, isZoomOut, resetZoomLevel, setZoomLevel ] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;;AAEtD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,UAAU;AACpD,SAASC,MAAM,QAAQ,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAEC,OAAO,GAAG,IAAI,EAAG;EAC5C,MAAM;IAAEC,YAAY;IAAEC;EAAe,CAAC,GAAGJ,MAAM,CAC9CL,WAAW,CAAEI,gBAAiB,CAC/B,CAAC;;EAED;AACD;AACA;AACA;EACC,MAAM;IAAEM,WAAW;IAAEC;EAAU,CAAC,GAAGZ,SAAS,CAAIa,MAAM,IAAM;IAC3D,MAAM;MAAED,SAAS,EAAEE;IAAW,CAAC,GAAGR,MAAM,CAAEO,MAAM,CAAER,gBAAiB,CAAE,CAAC;IACtE,OAAO;MACNM,WAAW,EAAEG,UAAU,CAAC,CAAC;MACzBF,SAAS,EAAEE;IACZ,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,mBAAmB,GAAGZ,MAAM,CAAE,KAAM,CAAC;EAC3C,MAAMa,YAAY,GAAGb,MAAM,CAAEK,OAAQ,CAAC;;EAEtC;AACD;AACA;AACA;AACA;EACCN,SAAS,CAAE,MAAM;IAChB;IACA;IACA;IACA,IAAKS,WAAW,KAAKK,YAAY,CAACC,OAAO,EAAG;MAC3CF,mBAAmB,CAACE,OAAO,GAAG,KAAK;IACpC;EACD,CAAC,EAAE,CAAEN,WAAW,CAAG,CAAC;EAEpBT,SAAS,CAAE,MAAM;IAChBc,YAAY,CAACC,OAAO,GAAGT,OAAO;IAE9B,IAAKA,OAAO,KAAKI,SAAS,CAAC,CAAC,EAAG;MAC9BG,mBAAmB,CAACE,OAAO,GAAG,IAAI;MAElC,IAAKT,OAAO,EAAG;QACdC,YAAY,CAAE,aAAc,CAAC;MAC9B,CAAC,MAAM;QACNC,cAAc,CAAC,CAAC;MACjB;IACD;IAEA,OAAO,MAAM;MACZ;MACA,IAAKK,mBAAmB,CAACE,OAAO,IAAIL,SAAS,CAAC,CAAC,EAAG;QACjDF,cAAc,CAAC,CAAC;MACjB;IACD,CAAC;EACF,CAAC,EAAE,CAAEF,OAAO,EAAEI,SAAS,EAAEF,cAAc,EAAED,YAAY,CAAG,CAAC;AAC1D","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-zoom-out.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\nimport { unlock } from '../lock-unlock';\n\n/**\n * A hook used to set the editor mode to zoomed out mode, invoking the hook sets the mode.\n * Concepts:\n * - If we most recently changed the zoom level for them (in or out), we always resetZoomLevel() level when unmounting.\n * - If the user most recently changed the zoom level (manually toggling), we do nothing when unmounting.\n *\n * @param {boolean} enabled If we should enter into zoomOut mode or not\n */\nexport function useZoomOut( enabled = true ) {\n\tconst { setZoomLevel, resetZoomLevel } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\t/**\n\t * We need access to both the value and the function. The value is to trigger a useEffect hook\n\t * and the function is to check zoom out within another hook without triggering a re-render.\n\t */\n\tconst { isZoomedOut, isZoomOut } = useSelect( ( select ) => {\n\t\tconst { isZoomOut: _isZoomOut } = unlock( select( blockEditorStore ) );\n\t\treturn {\n\t\t\tisZoomedOut: _isZoomOut(),\n\t\t\tisZoomOut: _isZoomOut,\n\t\t};\n\t}, [] );\n\n\tconst controlZoomLevelRef = useRef( false );\n\tconst isEnabledRef = useRef( enabled );\n\n\t/**\n\t * This hook tracks if the zoom state was changed manually by the user via clicking\n\t * the zoom out button. We only want this to run when isZoomedOut changes, so we use\n\t * a ref to track the enabled state.\n\t */\n\tuseEffect( () => {\n\t\t// If the zoom state changed (isZoomOut) and it does not match the requested zoom\n\t\t// state (zoomOut), then it means the user manually changed the zoom state while\n\t\t// this hook was mounted, and we should no longer control the zoom state.\n\t\tif ( isZoomedOut !== isEnabledRef.current ) {\n\t\t\tcontrolZoomLevelRef.current = false;\n\t\t}\n\t}, [ isZoomedOut ] );\n\n\tuseEffect( () => {\n\t\tisEnabledRef.current = enabled;\n\n\t\tif ( enabled !== isZoomOut() ) {\n\t\t\tcontrolZoomLevelRef.current = true;\n\n\t\t\tif ( enabled ) {\n\t\t\t\tsetZoomLevel( 'auto-scaled' );\n\t\t\t} else {\n\t\t\t\tresetZoomLevel();\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\t// If we are controlling zoom level and are zoomed out, reset the zoom level.\n\t\t\tif ( controlZoomLevelRef.current && isZoomOut() ) {\n\t\t\t\tresetZoomLevel();\n\t\t\t}\n\t\t};\n\t}, [ enabled, isZoomOut, resetZoomLevel, setZoomLevel ] );\n}\n"],
+  "mappings": "AAGA,SAAS,WAAW,mBAAmB;AACvC,SAAS,WAAW,cAAc;AAKlC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AAUhB,SAAS,WAAY,UAAU,MAAO;AAC5C,QAAM,EAAE,cAAc,eAAe,IAAI;AAAA,IACxC,YAAa,gBAAiB;AAAA,EAC/B;AAMA,QAAM,EAAE,aAAa,UAAU,IAAI,UAAW,CAAE,WAAY;AAC3D,UAAM,EAAE,WAAW,WAAW,IAAI,OAAQ,OAAQ,gBAAiB,CAAE;AACrE,WAAO;AAAA,MACN,aAAa,WAAW;AAAA,MACxB,WAAW;AAAA,IACZ;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,sBAAsB,OAAQ,KAAM;AAC1C,QAAM,eAAe,OAAQ,OAAQ;AAOrC,YAAW,MAAM;AAIhB,QAAK,gBAAgB,aAAa,SAAU;AAC3C,0BAAoB,UAAU;AAAA,IAC/B;AAAA,EACD,GAAG,CAAE,WAAY,CAAE;AAEnB,YAAW,MAAM;AAChB,iBAAa,UAAU;AAEvB,QAAK,YAAY,UAAU,GAAI;AAC9B,0BAAoB,UAAU;AAE9B,UAAK,SAAU;AACd,qBAAc,aAAc;AAAA,MAC7B,OAAO;AACN,uBAAe;AAAA,MAChB;AAAA,IACD;AAEA,WAAO,MAAM;AAEZ,UAAK,oBAAoB,WAAW,UAAU,GAAI;AACjD,uBAAe;AAAA,MAChB;AAAA,IACD;AAAA,EACD,GAAG,CAAE,SAAS,WAAW,gBAAgB,YAAa,CAAE;AACzD;",
+  "names": []
+}