@wordpress/block-editor 15.9.0 → 15.9.1-next.738bb1424.0

package/build/components/font-sizes/index.js

@@ -1,54 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/components/font-sizes/index.js
-var font_sizes_exports = {};
-__export(font_sizes_exports, {
-  FontSizePicker: () => import_font_size_picker.default,
-  getComputedFluidTypographyValue: () => import_fluid_utils.getComputedFluidTypographyValue,
-  getFontSize: () => import_utils.getFontSize,
-  getFontSizeClass: () => import_utils.getFontSizeClass,
-  getFontSizeObjectByValue: () => import_utils.getFontSizeObjectByValue,
-  withFontSizes: () => import_with_font_sizes.default
-});
-module.exports = __toCommonJS(font_sizes_exports);
-var import_utils = require("./utils");
-var import_fluid_utils = require("./fluid-utils");
-var import_font_size_picker = __toESM(require("./font-size-picker"));
-var import_with_font_sizes = __toESM(require("./with-font-sizes"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FontSizePicker,
-  getComputedFluidTypographyValue,
-  getFontSize,
-  getFontSizeClass,
-  getFontSizeObjectByValue,
-  withFontSizes
-});
-//# sourceMappingURL=index.js.map

package/build/components/font-sizes/utils.js

@@ -1,65 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/components/font-sizes/utils.js
-var utils_exports = {};
-__export(utils_exports, {
-  getFontSize: () => getFontSize,
-  getFontSizeClass: () => getFontSizeClass,
-  getFontSizeObjectByValue: () => getFontSizeObjectByValue
-});
-module.exports = __toCommonJS(utils_exports);
-var import_components = require("@wordpress/components");
-var import_lock_unlock = require("../../lock-unlock");
-var { kebabCase } = (0, import_lock_unlock.unlock)(import_components.privateApis);
-var getFontSize = (fontSizes, fontSizeAttribute, customFontSizeAttribute) => {
-  if (fontSizeAttribute) {
-    const fontSizeObject = fontSizes?.find(
-      ({ slug }) => slug === fontSizeAttribute
-    );
-    if (fontSizeObject) {
-      return fontSizeObject;
-    }
-  }
-  return {
-    size: customFontSizeAttribute
-  };
-};
-function getFontSizeObjectByValue(fontSizes, value) {
-  const fontSizeObject = fontSizes?.find(({ size }) => size === value);
-  if (fontSizeObject) {
-    return fontSizeObject;
-  }
-  return {
-    size: value
-  };
-}
-function getFontSizeClass(fontSizeSlug) {
-  if (!fontSizeSlug) {
-    return;
-  }
-  return `has-${kebabCase(fontSizeSlug)}-font-size`;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getFontSize,
-  getFontSizeClass,
-  getFontSizeObjectByValue
-});
-//# sourceMappingURL=utils.js.map

package/build/components/font-sizes/with-font-sizes.js

@@ -1,154 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/components/font-sizes/with-font-sizes.js
-var with_font_sizes_exports = {};
-__export(with_font_sizes_exports, {
-  default: () => with_font_sizes_default
-});
-module.exports = __toCommonJS(with_font_sizes_exports);
-var import_compose = require("@wordpress/compose");
-var import_element = require("@wordpress/element");
-var import_utils = require("./utils");
-var import_use_settings = require("../use-settings");
-var import_jsx_runtime = require("react/jsx-runtime");
-var DEFAULT_FONT_SIZES = [];
-var upperFirst = ([firstLetter, ...rest]) => firstLetter.toUpperCase() + rest.join("");
-var with_font_sizes_default = (...fontSizeNames) => {
-  const fontSizeAttributeNames = fontSizeNames.reduce(
-    (fontSizeAttributeNamesAccumulator, fontSizeAttributeName) => {
-      fontSizeAttributeNamesAccumulator[fontSizeAttributeName] = `custom${upperFirst(fontSizeAttributeName)}`;
-      return fontSizeAttributeNamesAccumulator;
-    },
-    {}
-  );
-  return (0, import_compose.createHigherOrderComponent)(
-    (0, import_compose.compose)([
-      (0, import_compose.createHigherOrderComponent)(
-        (WrappedComponent) => (props) => {
-          const [fontSizes] = (0, import_use_settings.useSettings)("typography.fontSizes");
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            WrappedComponent,
-            {
-              ...props,
-              fontSizes: fontSizes || DEFAULT_FONT_SIZES
-            }
-          );
-        },
-        "withFontSizes"
-      ),
-      (WrappedComponent) => {
-        return class extends import_element.Component {
-          constructor(props) {
-            super(props);
-            this.setters = this.createSetters();
-            this.state = {};
-          }
-          createSetters() {
-            return Object.entries(fontSizeAttributeNames).reduce(
-              (settersAccumulator, [
-                fontSizeAttributeName,
-                customFontSizeAttributeName
-              ]) => {
-                const upperFirstFontSizeAttributeName = upperFirst(fontSizeAttributeName);
-                settersAccumulator[`set${upperFirstFontSizeAttributeName}`] = this.createSetFontSize(
-                  fontSizeAttributeName,
-                  customFontSizeAttributeName
-                );
-                return settersAccumulator;
-              },
-              {}
-            );
-          }
-          createSetFontSize(fontSizeAttributeName, customFontSizeAttributeName) {
-            return (fontSizeValue) => {
-              const fontSizeObject = this.props.fontSizes?.find(
-                ({ size }) => size === Number(fontSizeValue)
-              );
-              this.props.setAttributes({
-                [fontSizeAttributeName]: fontSizeObject && fontSizeObject.slug ? fontSizeObject.slug : void 0,
-                [customFontSizeAttributeName]: fontSizeObject && fontSizeObject.slug ? void 0 : fontSizeValue
-              });
-            };
-          }
-          static getDerivedStateFromProps({ attributes, fontSizes }, previousState) {
-            const didAttributesChange = (customFontSizeAttributeName, fontSizeAttributeName) => {
-              if (previousState[fontSizeAttributeName]) {
-                if (attributes[fontSizeAttributeName]) {
-                  return attributes[fontSizeAttributeName] !== previousState[fontSizeAttributeName].slug;
-                }
-                return previousState[fontSizeAttributeName].size !== attributes[customFontSizeAttributeName];
-              }
-              return true;
-            };
-            if (!Object.values(fontSizeAttributeNames).some(
-              didAttributesChange
-            )) {
-              return null;
-            }
-            const newState = Object.entries(
-              fontSizeAttributeNames
-            ).filter(
-              ([key, value]) => didAttributesChange(value, key)
-            ).reduce(
-              (newStateAccumulator, [
-                fontSizeAttributeName,
-                customFontSizeAttributeName
-              ]) => {
-                const fontSizeAttributeValue = attributes[fontSizeAttributeName];
-                const fontSizeObject = (0, import_utils.getFontSize)(
-                  fontSizes,
-                  fontSizeAttributeValue,
-                  attributes[customFontSizeAttributeName]
-                );
-                newStateAccumulator[fontSizeAttributeName] = {
-                  ...fontSizeObject,
-                  class: (0, import_utils.getFontSizeClass)(
-                    fontSizeAttributeValue
-                  )
-                };
-                return newStateAccumulator;
-              },
-              {}
-            );
-            return {
-              ...previousState,
-              ...newState
-            };
-          }
-          render() {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              WrappedComponent,
-              {
-                ...{
-                  ...this.props,
-                  fontSizes: void 0,
-                  ...this.state,
-                  ...this.setters
-                }
-              }
-            );
-          }
-        };
-      }
-    ]),
-    "withFontSizes"
-  );
-};
-//# sourceMappingURL=with-font-sizes.js.map

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

@@ -1,92 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/components/global-styles/advanced-panel.js
-var advanced_panel_exports = {};
-__export(advanced_panel_exports, {
-  default: () => AdvancedPanel
-});
-module.exports = __toCommonJS(advanced_panel_exports);
-var import_components = require("@wordpress/components");
-var import_element = require("@wordpress/element");
-var import_i18n = require("@wordpress/i18n");
-var import_transform_styles = __toESM(require("../../utils/transform-styles"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function AdvancedPanel({
-  value,
-  onChange,
-  inheritedValue = value
-}) {
-  const [cssError, setCSSError] = (0, import_element.useState)(null);
-  const customCSS = inheritedValue?.css;
-  function handleOnChange(newValue) {
-    onChange({
-      ...value,
-      css: newValue
-    });
-    if (cssError) {
-      const [transformed] = (0, import_transform_styles.default)(
-        [{ css: newValue }],
-        ".for-validation-only"
-      );
-      if (transformed) {
-        setCSSError(null);
-      }
-    }
-  }
-  function handleOnBlur(event) {
-    if (!event?.target?.value) {
-      setCSSError(null);
-      return;
-    }
-    const [transformed] = (0, import_transform_styles.default)(
-      [{ css: event.target.value }],
-      ".for-validation-only"
-    );
-    setCSSError(
-      transformed === null ? (0, import_i18n.__)("There is an error with your CSS structure.") : null
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 3, children: [
-    cssError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Notice, { status: "error", onRemove: () => setCSSError(null), children: cssError }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.TextareaControl,
-      {
-        label: (0, import_i18n.__)("Additional CSS"),
-        __nextHasNoMarginBottom: true,
-        value: customCSS,
-        onChange: (newValue) => handleOnChange(newValue),
-        onBlur: handleOnBlur,
-        className: "block-editor-global-styles-advanced-panel__custom-css-input",
-        spellCheck: false
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=advanced-panel.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/advanced-panel.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tTextareaControl,\n\tNotice,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { default as transformStyles } from '../../utils/transform-styles';\n\nexport default function AdvancedPanel( {\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n} ) {\n\t// Custom CSS\n\tconst [ cssError, setCSSError ] = useState( null );\n\tconst customCSS = inheritedValue?.css;\n\tfunction handleOnChange( newValue ) {\n\t\tonChange( {\n\t\t\t...value,\n\t\t\tcss: newValue,\n\t\t} );\n\t\tif ( cssError ) {\n\t\t\t// Check if the new value is valid CSS, and pass a wrapping selector\n\t\t\t// to ensure that `transformStyles` validates the CSS. Note that the\n\t\t\t// wrapping selector here is not used in the actual output of any styles.\n\t\t\tconst [ transformed ] = transformStyles(\n\t\t\t\t[ { css: newValue } ],\n\t\t\t\t'.for-validation-only'\n\t\t\t);\n\t\t\tif ( transformed ) {\n\t\t\t\tsetCSSError( null );\n\t\t\t}\n\t\t}\n\t}\n\tfunction handleOnBlur( event ) {\n\t\tif ( ! event?.target?.value ) {\n\t\t\tsetCSSError( null );\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the new value is valid CSS, and pass a wrapping selector\n\t\t// to ensure that `transformStyles` validates the CSS. Note that the\n\t\t// wrapping selector here is not used in the actual output of any styles.\n\t\tconst [ transformed ] = transformStyles(\n\t\t\t[ { css: event.target.value } ],\n\t\t\t'.for-validation-only'\n\t\t);\n\n\t\tsetCSSError(\n\t\t\ttransformed === null\n\t\t\t\t? __( 'There is an error with your CSS structure.' )\n\t\t\t\t: null\n\t\t);\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ cssError && (\n\t\t\t\t<Notice status=\"error\" onRemove={ () => setCSSError( null ) }>\n\t\t\t\t\t{ cssError }\n\t\t\t\t</Notice>\n\t\t\t) }\n\t\t\t<TextareaControl\n\t\t\t\tlabel={ __( 'Additional CSS' ) }\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ customCSS }\n\t\t\t\tonChange={ ( newValue ) => handleOnChange( newValue ) }\n\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\tclassName=\"block-editor-global-styles-advanced-panel__custom-css-input\"\n\t\t\t\tspellCheck={ false }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAIO;AACP,qBAAyB;AACzB,kBAAmB;AAKnB,8BAA2C;AAkDzC;AAhDa,SAAR,cAAgC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,GAAI;AAEH,QAAM,CAAE,UAAU,WAAY,QAAI,yBAAU,IAAK;AACjD,QAAM,YAAY,gBAAgB;AAClC,WAAS,eAAgB,UAAW;AACnC,aAAU;AAAA,MACT,GAAG;AAAA,MACH,KAAK;AAAA,IACN,CAAE;AACF,QAAK,UAAW;AAIf,YAAM,CAAE,WAAY,QAAI,wBAAAA;AAAA,QACvB,CAAE,EAAE,KAAK,SAAS,CAAE;AAAA,QACpB;AAAA,MACD;AACA,UAAK,aAAc;AAClB,oBAAa,IAAK;AAAA,MACnB;AAAA,IACD;AAAA,EACD;AACA,WAAS,aAAc,OAAQ;AAC9B,QAAK,CAAE,OAAO,QAAQ,OAAQ;AAC7B,kBAAa,IAAK;AAClB;AAAA,IACD;AAKA,UAAM,CAAE,WAAY,QAAI,wBAAAA;AAAA,MACvB,CAAE,EAAE,KAAK,MAAM,OAAO,MAAM,CAAE;AAAA,MAC9B;AAAA,IACD;AAEA;AAAA,MACC,gBAAgB,WACb,gBAAI,4CAA6C,IACjD;AAAA,IACJ;AAAA,EACD;AAEA,SACC,6CAAC,kBAAAC,sBAAA,EAAO,SAAU,GACf;AAAA,gBACD,4CAAC,4BAAO,QAAO,SAAQ,UAAW,MAAM,YAAa,IAAK,GACvD,oBACH;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACA,WAAQ,gBAAI,gBAAiB;AAAA,QAC7B,yBAAuB;AAAA,QACvB,OAAQ;AAAA,QACR,UAAW,CAAE,aAAc,eAAgB,QAAS;AAAA,QACpD,QAAS;AAAA,QACT,WAAU;AAAA,QACV,YAAa;AAAA;AAAA,IACd;AAAA,KACD;AAEF;",
-  "names": ["transformStyles", "VStack"]
-}

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

@@ -1,140 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-editor/src/components/global-styles/background-panel.js
-var background_panel_exports = {};
-__export(background_panel_exports, {
-  default: () => BackgroundImagePanel,
-  hasBackgroundImageValue: () => hasBackgroundImageValue,
-  hasBackgroundSizeValue: () => hasBackgroundSizeValue,
-  useHasBackgroundPanel: () => useHasBackgroundPanel
-});
-module.exports = __toCommonJS(background_panel_exports);
-var import_components = require("@wordpress/components");
-var import_element = require("@wordpress/element");
-var import_background_image_control = __toESM(require("../background-image-control"));
-var import_utils = require("./utils");
-var import_object = require("../../utils/object");
-var import_i18n = require("@wordpress/i18n");
-var import_jsx_runtime = require("react/jsx-runtime");
-var DEFAULT_CONTROLS = {
-  backgroundImage: true
-};
-function useHasBackgroundPanel(settings) {
-  return import_element.Platform.OS === "web" && settings?.background?.backgroundImage;
-}
-function hasBackgroundSizeValue(style) {
-  return style?.background?.backgroundPosition !== void 0 || style?.background?.backgroundSize !== void 0;
-}
-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,
-  onChange,
-  value,
-  panelId,
-  children,
-  headerLabel
-}) {
-  const dropdownMenuProps = (0, import_utils.useToolsPanelDropdownMenuProps)();
-  const resetAll = () => {
-    const updatedValue = resetAllFilter(value);
-    onChange(updatedValue);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.__experimentalToolsPanel,
-    {
-      label: headerLabel,
-      resetAll,
-      panelId,
-      dropdownMenuProps,
-      children
-    }
-  );
-}
-function BackgroundImagePanel({
-  as: Wrapper = BackgroundToolsPanel,
-  value,
-  onChange,
-  inheritedValue,
-  settings,
-  panelId,
-  defaultControls = DEFAULT_CONTROLS,
-  defaultValues = {},
-  headerLabel = (0, import_i18n.__)("Background image")
-}) {
-  const showBackgroundImageControl = useHasBackgroundPanel(settings);
-  const resetBackground = () => onChange((0, import_object.setImmutably)(value, ["background"], {}));
-  const resetAllFilter = (0, import_element.useCallback)((previousValue) => {
-    return {
-      ...previousValue,
-      background: {}
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Wrapper,
-    {
-      resetAllFilter,
-      value,
-      onChange,
-      panelId,
-      headerLabel,
-      children: showBackgroundImageControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_components.__experimentalToolsPanelItem,
-        {
-          hasValue: () => !!value?.background,
-          label: (0, import_i18n.__)("Image"),
-          onDeselect: resetBackground,
-          isShownByDefault: defaultControls.backgroundImage,
-          panelId,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_background_image_control.default,
-            {
-              value,
-              onChange,
-              settings,
-              inheritedValue,
-              defaultControls,
-              defaultValues
-            }
-          )
-        }
-      )
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  hasBackgroundImageValue,
-  hasBackgroundSizeValue,
-  useHasBackgroundPanel
-});
-//# sourceMappingURL=background-panel.js.map