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

package/build-module/components/dimensions-tool/width-height-tool.js

@@ -1,78 +1,25 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { __experimentalToolsPanelItem as ToolsPanelItem, __experimentalUnitControl as UnitControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const SingleColumnToolsPanelItem = /*#__PURE__*/_styled(ToolsPanelItem, process.env.NODE_ENV === "production" ? {
-  target: "ef8pe3d0"
-} : {
-  target: "ef8pe3d0",
-  label: "SingleColumnToolsPanelItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "957xgf",
-  styles: "grid-column:span 1"
-} : {
-  name: "957xgf",
-  styles: "grid-column:span 1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvYmxvY2stZWRpdG9yL3NyYy9jb21wb25lbnRzL2RpbWVuc2lvbnMtdG9vbC93aWR0aC1oZWlnaHQtdG9vbC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMkQiLCJmaWxlIjoiQHdvcmRwcmVzcy9ibG9jay1lZGl0b3Ivc3JjL2NvbXBvbmVudHMvZGltZW5zaW9ucy10b29sL3dpZHRoLWhlaWdodC10b29sLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHtcblx0X19leHBlcmltZW50YWxUb29sc1BhbmVsSXRlbSBhcyBUb29sc1BhbmVsSXRlbSxcblx0X19leHBlcmltZW50YWxVbml0Q29udHJvbCBhcyBVbml0Q29udHJvbCxcbn0gZnJvbSAnQHdvcmRwcmVzcy9jb21wb25lbnRzJztcbmltcG9ydCB7IF9fIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgU2luZ2xlQ29sdW1uVG9vbHNQYW5lbEl0ZW0gPSBzdHlsZWQoIFRvb2xzUGFuZWxJdGVtIClgXG5cdGdyaWQtY29sdW1uOiBzcGFuIDE7XG5gO1xuXG4vKipcbiAqIEB0eXBlZGVmIHtpbXBvcnQoJ0B3b3JkcHJlc3MvY29tcG9uZW50cy9idWlsZC10eXBlcy91bml0LWNvbnRyb2wvdHlwZXMnKS5XUFVuaXRDb250cm9sVW5pdH0gV1BVbml0Q29udHJvbFVuaXRcbiAqL1xuXG4vKipcbiAqIEB0eXBlZGVmIHtPYmplY3R9IFdpZHRoSGVpZ2h0VG9vbFZhbHVlXG4gKiBAcHJvcGVydHkge3N0cmluZ30gW3dpZHRoXSAgV2lkdGggQ1NTIHZhbHVlLlxuICogQHByb3BlcnR5IHtzdHJpbmd9IFtoZWlnaHRdIEhlaWdodCBDU1MgdmFsdWUuXG4gKi9cblxuLyoqXG4gKiBAY2FsbGJhY2sgV2lkdGhIZWlnaHRUb29sT25DaGFuZ2VcbiAqIEBwYXJhbSB7V2lkdGhIZWlnaHRUb29sVmFsdWV9IG5leHRWYWx1ZSBOZXh0IGRpbWVuc2lvbnMgdmFsdWUuXG4gKiBAcmV0dXJuIHt2b2lkfVxuICovXG5cbi8qKlxuICogQHR5cGVkZWYge09iamVjdH0gV2lkdGhIZWlnaHRUb29sUHJvcHNcbiAqIEBwcm9wZXJ0eSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgIFtwYW5lbElkXSAgICAgICAgICBJRCBvZiB0aGUgcGFuZWwgdGhhdCBjb250YWlucyB0aGUgY29udHJvbHMuXG4gKiBAcHJvcGVydHkge1dpZHRoSGVpZ2h0VG9vbFZhbHVlfSAgICBbdmFsdWVdICAgICAgICAgICAgQ3VycmVudCBkaW1lbnNpb25zIHZhbHVlcy5cbiAqIEBwcm9wZXJ0eSB7V2lkdGhIZWlnaHRUb29sT25DaGFuZ2V9IFtvbkNoYW5nZV0gICAgICAgICBDYWxsYmFjayB0byB1cGRhdGUgdGhlIGRpbWVuc2lvbnMgdmFsdWVzLlxuICogQHByb3BlcnR5IHtXUFVuaXRDb250cm9sVW5pdFtdfSAgICAgW3VuaXRzXSAgICAgICAgICAgIFVuaXRzIG9wdGlvbnMuXG4gKiBAcHJvcGVydHkge2Jvb2xlYW59ICAgICAgICAgICAgICAgICBbaXNTaG93bkJ5RGVmYXVsdF0gV2hldGhlciB0aGUgcGFuZWwgaXMgc2hvd24gYnkgZGVmYXVsdC5cbiAqL1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IHJlbmRlcnMgY29udHJvbHMgdG8gZWRpdCB0aGUgZGltZW5zaW9ucyBvZiBhbiBpbWFnZSBvciBjb250YWluZXIuXG4gKlxuICogQHBhcmFtIHtXaWR0aEhlaWdodFRvb2xQcm9wc30gcHJvcHMgVGhlIGNvbXBvbmVudCBwcm9wcy5cbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuUmVhY3RFbGVtZW50fSBUaGUgd2lkdGggYW5kIGhlaWdodCB0b29sLlxuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBXaWR0aEhlaWdodFRvb2woIHtcblx0cGFuZWxJZCxcblx0dmFsdWUgPSB7fSxcblx0b25DaGFuZ2UgPSAoKSA9PiB7fSxcblx0dW5pdHMsXG5cdGlzU2hvd25CeURlZmF1bHQgPSB0cnVlLFxufSApIHtcblx0Ly8gbnVsbCwgdW5kZWZpbmVkLCBhbmQgJ2F1dG8nIGFsbCByZXByZXNlbnQgdGhlIGRlZmF1bHQgdmFsdWUuXG5cdGNvbnN0IHdpZHRoID0gdmFsdWUud2lkdGggPT09ICdhdXRvJyA/ICcnIDogdmFsdWUud2lkdGggPz8gJyc7XG5cdGNvbnN0IGhlaWdodCA9IHZhbHVlLmhlaWdodCA9PT0gJ2F1dG8nID8gJycgOiB2YWx1ZS5oZWlnaHQgPz8gJyc7XG5cblx0Y29uc3Qgb25EaW1lbnNpb25DaGFuZ2UgPSAoIGRpbWVuc2lvbiApID0+ICggbmV4dERpbWVuc2lvbiApID0+IHtcblx0XHRjb25zdCBuZXh0VmFsdWUgPSB7IC4uLnZhbHVlIH07XG5cdFx0Ly8gRW1wdHkgc3RyaW5ncyBvciB1bmRlZmluZWQgbWF5IGJlIHBhc3NlZCBhbmQgYm90aCByZXByZXNlbnQgcmVtb3ZpbmcgdGhlIHZhbHVlLlxuXHRcdGlmICggISBuZXh0RGltZW5zaW9uICkge1xuXHRcdFx0ZGVsZXRlIG5leHRWYWx1ZVsgZGltZW5zaW9uIF07XG5cdFx0fSBlbHNlIHtcblx0XHRcdG5leHRWYWx1ZVsgZGltZW5zaW9uIF0gPSBuZXh0RGltZW5zaW9uO1xuXHRcdH1cblx0XHRvbkNoYW5nZSggbmV4dFZhbHVlICk7XG5cdH07XG5cblx0cmV0dXJuIChcblx0XHQ8PlxuXHRcdFx0PFNpbmdsZUNvbHVtblRvb2xzUGFuZWxJdGVtXG5cdFx0XHRcdGxhYmVsPXsgX18oICdXaWR0aCcgKSB9XG5cdFx0XHRcdGlzU2hvd25CeURlZmF1bHQ9eyBpc1Nob3duQnlEZWZhdWx0IH1cblx0XHRcdFx0aGFzVmFsdWU9eyAoKSA9PiB3aWR0aCAhPT0gJycgfVxuXHRcdFx0XHRvbkRlc2VsZWN0PXsgb25EaW1lbnNpb25DaGFuZ2UoICd3aWR0aCcgKSB9XG5cdFx0XHRcdHBhbmVsSWQ9eyBwYW5lbElkIH1cblx0XHRcdD5cblx0XHRcdFx0PFVuaXRDb250cm9sXG5cdFx0XHRcdFx0bGFiZWw9eyBfXyggJ1dpZHRoJyApIH1cblx0XHRcdFx0XHRwbGFjZWhvbGRlcj17IF9fKCAnQXV0bycgKSB9XG5cdFx0XHRcdFx0bGFiZWxQb3NpdGlvbj1cInRvcFwiXG5cdFx0XHRcdFx0dW5pdHM9eyB1bml0cyB9XG5cdFx0XHRcdFx0bWluPXsgMCB9XG5cdFx0XHRcdFx0dmFsdWU9eyB3aWR0aCB9XG5cdFx0XHRcdFx0b25DaGFuZ2U9eyBvbkRpbWVuc2lvbkNoYW5nZSggJ3dpZHRoJyApIH1cblx0XHRcdFx0XHRzaXplPVwiX191bnN0YWJsZS1sYXJnZVwiXG5cdFx0XHRcdC8+XG5cdFx0XHQ8L1NpbmdsZUNvbHVtblRvb2xzUGFuZWxJdGVtPlxuXHRcdFx0PFNpbmdsZUNvbHVtblRvb2xzUGFuZWxJdGVtXG5cdFx0XHRcdGxhYmVsPXsgX18oICdIZWlnaHQnICkgfVxuXHRcdFx0XHRpc1Nob3duQnlEZWZhdWx0PXsgaXNTaG93bkJ5RGVmYXVsdCB9XG5cdFx0XHRcdGhhc1ZhbHVlPXsgKCkgPT4gaGVpZ2h0ICE9PSAnJyB9XG5cdFx0XHRcdG9uRGVzZWxlY3Q9eyBvbkRpbWVuc2lvbkNoYW5nZSggJ2hlaWdodCcgKSB9XG5cdFx0XHRcdHBhbmVsSWQ9eyBwYW5lbElkIH1cblx0XHRcdD5cblx0XHRcdFx0PFVuaXRDb250cm9sXG5cdFx0XHRcdFx0bGFiZWw9eyBfXyggJ0hlaWdodCcgKSB9XG5cdFx0XHRcdFx0cGxhY2Vob2xkZXI9eyBfXyggJ0F1dG8nICkgfVxuXHRcdFx0XHRcdGxhYmVsUG9zaXRpb249XCJ0b3BcIlxuXHRcdFx0XHRcdHVuaXRzPXsgdW5pdHMgfVxuXHRcdFx0XHRcdG1pbj17IDAgfVxuXHRcdFx0XHRcdHZhbHVlPXsgaGVpZ2h0IH1cblx0XHRcdFx0XHRvbkNoYW5nZT17IG9uRGltZW5zaW9uQ2hhbmdlKCAnaGVpZ2h0JyApIH1cblx0XHRcdFx0XHRzaXplPVwiX191bnN0YWJsZS1sYXJnZVwiXG5cdFx0XHRcdC8+XG5cdFx0XHQ8L1NpbmdsZUNvbHVtblRvb2xzUGFuZWxJdGVtPlxuXHRcdDwvPlxuXHQpO1xufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
-/**
- * @typedef {import('@wordpress/components/build-types/unit-control/types').WPUnitControlUnit} WPUnitControlUnit
- */
-
-/**
- * @typedef {Object} WidthHeightToolValue
- * @property {string} [width]  Width CSS value.
- * @property {string} [height] Height CSS value.
- */
-
-/**
- * @callback WidthHeightToolOnChange
- * @param {WidthHeightToolValue} nextValue Next dimensions value.
- * @return {void}
- */
-
-/**
- * @typedef {Object} WidthHeightToolProps
- * @property {string}                  [panelId]          ID of the panel that contains the controls.
- * @property {WidthHeightToolValue}    [value]            Current dimensions values.
- * @property {WidthHeightToolOnChange} [onChange]         Callback to update the dimensions values.
- * @property {WPUnitControlUnit[]}     [units]            Units options.
- * @property {boolean}                 [isShownByDefault] Whether the panel is shown by default.
- */
-
-/**
- * Component that renders controls to edit the dimensions of an image or container.
- *
- * @param {WidthHeightToolProps} props The component props.
- *
- * @return {import('react').ReactElement} The width and height tool.
- */
-export default function WidthHeightTool({
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import {
+  __experimentalToolsPanelItem as ToolsPanelItem,
+  __experimentalUnitControl as UnitControl
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+const SingleColumnToolsPanelItem = styled(ToolsPanelItem)`
+	grid-column: span 1;
+`;
+function WidthHeightTool({
   panelId,
   value = {},
-  onChange = () => {},
+  onChange = () => {
+  },
   units,
   isShownByDefault = true
 }) {
-  var _value$width, _value$height;
-  // null, undefined, and 'auto' all represent the default value.
-  const width = value.width === 'auto' ? '' : (_value$width = value.width) !== null && _value$width !== void 0 ? _value$width : '';
-  const height = value.height === 'auto' ? '' : (_value$height = value.height) !== null && _value$height !== void 0 ? _value$height : '';
-  const onDimensionChange = dimension => nextDimension => {
-    const nextValue = {
-      ...value
-    };
-    // Empty strings or undefined may be passed and both represent removing the value.
+  const width = value.width === "auto" ? "" : value.width ?? "";
+  const height = value.height === "auto" ? "" : value.height ?? "";
+  const onDimensionChange = (dimension) => (nextDimension) => {
+    const nextValue = { ...value };
     if (!nextDimension) {
       delete nextValue[dimension];
     } else {
@@ -80,40 +27,56 @@ export default function WidthHeightTool({
     }
     onChange(nextValue);
   };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(SingleColumnToolsPanelItem, {
-      label: __('Width'),
-      isShownByDefault: isShownByDefault,
-      hasValue: () => width !== '',
-      onDeselect: onDimensionChange('width'),
-      panelId: panelId,
-      children: /*#__PURE__*/_jsx(UnitControl, {
-        label: __('Width'),
-        placeholder: __('Auto'),
-        labelPosition: "top",
-        units: units,
-        min: 0,
-        value: width,
-        onChange: onDimensionChange('width'),
-        size: "__unstable-large"
-      })
-    }), /*#__PURE__*/_jsx(SingleColumnToolsPanelItem, {
-      label: __('Height'),
-      isShownByDefault: isShownByDefault,
-      hasValue: () => height !== '',
-      onDeselect: onDimensionChange('height'),
-      panelId: panelId,
-      children: /*#__PURE__*/_jsx(UnitControl, {
-        label: __('Height'),
-        placeholder: __('Auto'),
-        labelPosition: "top",
-        units: units,
-        min: 0,
-        value: height,
-        onChange: onDimensionChange('height'),
-        size: "__unstable-large"
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SingleColumnToolsPanelItem,
+      {
+        label: __("Width"),
+        isShownByDefault,
+        hasValue: () => width !== "",
+        onDeselect: onDimensionChange("width"),
+        panelId,
+        children: /* @__PURE__ */ jsx(
+          UnitControl,
+          {
+            label: __("Width"),
+            placeholder: __("Auto"),
+            labelPosition: "top",
+            units,
+            min: 0,
+            value: width,
+            onChange: onDimensionChange("width"),
+            size: "__unstable-large"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SingleColumnToolsPanelItem,
+      {
+        label: __("Height"),
+        isShownByDefault,
+        hasValue: () => height !== "",
+        onDeselect: onDimensionChange("height"),
+        panelId,
+        children: /* @__PURE__ */ jsx(
+          UnitControl,
+          {
+            label: __("Height"),
+            placeholder: __("Auto"),
+            labelPosition: "top",
+            units,
+            min: 0,
+            value: height,
+            onChange: onDimensionChange("height"),
+            size: "__unstable-large"
+          }
+        )
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=width-height-tool.js.map
+export {
+  WidthHeightTool as default
+};
+//# sourceMappingURL=width-height-tool.js.map

package/build-module/components/dimensions-tool/width-height-tool.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUnitControl","UnitControl","__","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SingleColumnToolsPanelItem","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","WidthHeightTool","panelId","value","onChange","units","isShownByDefault","_value$width","_value$height","width","height","onDimensionChange","dimension","nextDimension","nextValue","children","hasValue","onDeselect","placeholder","labelPosition","min","size"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/width-height-tool.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst SingleColumnToolsPanelItem = styled( ToolsPanelItem )`\n\tgrid-column: span 1;\n`;\n\n/**\n * @typedef {import('@wordpress/components/build-types/unit-control/types').WPUnitControlUnit} WPUnitControlUnit\n */\n\n/**\n * @typedef {Object} WidthHeightToolValue\n * @property {string} [width]  Width CSS value.\n * @property {string} [height] Height CSS value.\n */\n\n/**\n * @callback WidthHeightToolOnChange\n * @param {WidthHeightToolValue} nextValue Next dimensions value.\n * @return {void}\n */\n\n/**\n * @typedef {Object} WidthHeightToolProps\n * @property {string}                  [panelId]          ID of the panel that contains the controls.\n * @property {WidthHeightToolValue}    [value]            Current dimensions values.\n * @property {WidthHeightToolOnChange} [onChange]         Callback to update the dimensions values.\n * @property {WPUnitControlUnit[]}     [units]            Units options.\n * @property {boolean}                 [isShownByDefault] Whether the panel is shown by default.\n */\n\n/**\n * Component that renders controls to edit the dimensions of an image or container.\n *\n * @param {WidthHeightToolProps} props The component props.\n *\n * @return {import('react').ReactElement} The width and height tool.\n */\nexport default function WidthHeightTool( {\n\tpanelId,\n\tvalue = {},\n\tonChange = () => {},\n\tunits,\n\tisShownByDefault = true,\n} ) {\n\t// null, undefined, and 'auto' all represent the default value.\n\tconst width = value.width === 'auto' ? '' : value.width ?? '';\n\tconst height = value.height === 'auto' ? '' : value.height ?? '';\n\n\tconst onDimensionChange = ( dimension ) => ( nextDimension ) => {\n\t\tconst nextValue = { ...value };\n\t\t// Empty strings or undefined may be passed and both represent removing the value.\n\t\tif ( ! nextDimension ) {\n\t\t\tdelete nextValue[ dimension ];\n\t\t} else {\n\t\t\tnextValue[ dimension ] = nextDimension;\n\t\t}\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SingleColumnToolsPanelItem\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\thasValue={ () => width !== '' }\n\t\t\t\tonDeselect={ onDimensionChange( 'width' ) }\n\t\t\t\tpanelId={ panelId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tplaceholder={ __( 'Auto' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tvalue={ width }\n\t\t\t\t\tonChange={ onDimensionChange( 'width' ) }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t</SingleColumnToolsPanelItem>\n\t\t\t<SingleColumnToolsPanelItem\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\thasValue={ () => height !== '' }\n\t\t\t\tonDeselect={ onDimensionChange( 'height' ) }\n\t\t\t\tpanelId={ panelId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tplaceholder={ __( 'Auto' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tvalue={ height }\n\t\t\t\t\tonChange={ onDimensionChange( 'height' ) }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t</SingleColumnToolsPanelItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SACCA,4BAA4B,IAAIC,cAAc,EAC9CC,yBAAyB,IAAIC,WAAW,QAClC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,MAAMC,0BAA0B,gBAAGC,OAAA,CAAQX,cAAc,EAAAY,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAE1D;;AAED;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,eAAeA,CAAE;EACxCC,OAAO;EACPC,KAAK,GAAG,CAAC,CAAC;EACVC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC,KAAK;EACLC,gBAAgB,GAAG;AACpB,CAAC,EAAG;EAAA,IAAAC,YAAA,EAAAC,aAAA;EACH;EACA,MAAMC,KAAK,GAAGN,KAAK,CAACM,KAAK,KAAK,MAAM,GAAG,EAAE,IAAAF,YAAA,GAAGJ,KAAK,CAACM,KAAK,cAAAF,YAAA,cAAAA,YAAA,GAAI,EAAE;EAC7D,MAAMG,MAAM,GAAGP,KAAK,CAACO,MAAM,KAAK,MAAM,GAAG,EAAE,IAAAF,aAAA,GAAGL,KAAK,CAACO,MAAM,cAAAF,aAAA,cAAAA,aAAA,GAAI,EAAE;EAEhE,MAAMG,iBAAiB,GAAKC,SAAS,IAAQC,aAAa,IAAM;IAC/D,MAAMC,SAAS,GAAG;MAAE,GAAGX;IAAM,CAAC;IAC9B;IACA,IAAK,CAAEU,aAAa,EAAG;MACtB,OAAOC,SAAS,CAAEF,SAAS,CAAE;IAC9B,CAAC,MAAM;MACNE,SAAS,CAAEF,SAAS,CAAE,GAAGC,aAAa;IACvC;IACAT,QAAQ,CAAEU,SAAU,CAAC;EACtB,CAAC;EAED,oBACC1B,KAAA,CAAAF,SAAA;IAAA6B,QAAA,gBACC/B,IAAA,CAACK,0BAA0B;MAC1BM,KAAK,EAAGb,EAAE,CAAE,OAAQ,CAAG;MACvBwB,gBAAgB,EAAGA,gBAAkB;MACrCU,QAAQ,EAAGA,CAAA,KAAMP,KAAK,KAAK,EAAI;MAC/BQ,UAAU,EAAGN,iBAAiB,CAAE,OAAQ,CAAG;MAC3CT,OAAO,EAAGA,OAAS;MAAAa,QAAA,eAEnB/B,IAAA,CAACH,WAAW;QACXc,KAAK,EAAGb,EAAE,CAAE,OAAQ,CAAG;QACvBoC,WAAW,EAAGpC,EAAE,CAAE,MAAO,CAAG;QAC5BqC,aAAa,EAAC,KAAK;QACnBd,KAAK,EAAGA,KAAO;QACfe,GAAG,EAAG,CAAG;QACTjB,KAAK,EAAGM,KAAO;QACfL,QAAQ,EAAGO,iBAAiB,CAAE,OAAQ,CAAG;QACzCU,IAAI,EAAC;MAAkB,CACvB;IAAC,CACyB,CAAC,eAC7BrC,IAAA,CAACK,0BAA0B;MAC1BM,KAAK,EAAGb,EAAE,CAAE,QAAS,CAAG;MACxBwB,gBAAgB,EAAGA,gBAAkB;MACrCU,QAAQ,EAAGA,CAAA,KAAMN,MAAM,KAAK,EAAI;MAChCO,UAAU,EAAGN,iBAAiB,CAAE,QAAS,CAAG;MAC5CT,OAAO,EAAGA,OAAS;MAAAa,QAAA,eAEnB/B,IAAA,CAACH,WAAW;QACXc,KAAK,EAAGb,EAAE,CAAE,QAAS,CAAG;QACxBoC,WAAW,EAAGpC,EAAE,CAAE,MAAO,CAAG;QAC5BqC,aAAa,EAAC,KAAK;QACnBd,KAAK,EAAGA,KAAO;QACfe,GAAG,EAAG,CAAG;QACTjB,KAAK,EAAGO,MAAQ;QAChBN,QAAQ,EAAGO,iBAAiB,CAAE,QAAS,CAAG;QAC1CU,IAAI,EAAC;MAAkB,CACvB;IAAC,CACyB,CAAC;EAAA,CAC5B,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/dimensions-tool/width-height-tool.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst SingleColumnToolsPanelItem = styled( ToolsPanelItem )`\n\tgrid-column: span 1;\n`;\n\n/**\n * @typedef {import('@wordpress/components/build-types/unit-control/types').WPUnitControlUnit} WPUnitControlUnit\n */\n\n/**\n * @typedef {Object} WidthHeightToolValue\n * @property {string} [width]  Width CSS value.\n * @property {string} [height] Height CSS value.\n */\n\n/**\n * @callback WidthHeightToolOnChange\n * @param {WidthHeightToolValue} nextValue Next dimensions value.\n * @return {void}\n */\n\n/**\n * @typedef {Object} WidthHeightToolProps\n * @property {string}                  [panelId]          ID of the panel that contains the controls.\n * @property {WidthHeightToolValue}    [value]            Current dimensions values.\n * @property {WidthHeightToolOnChange} [onChange]         Callback to update the dimensions values.\n * @property {WPUnitControlUnit[]}     [units]            Units options.\n * @property {boolean}                 [isShownByDefault] Whether the panel is shown by default.\n */\n\n/**\n * Component that renders controls to edit the dimensions of an image or container.\n *\n * @param {WidthHeightToolProps} props The component props.\n *\n * @return {import('react').ReactElement} The width and height tool.\n */\nexport default function WidthHeightTool( {\n\tpanelId,\n\tvalue = {},\n\tonChange = () => {},\n\tunits,\n\tisShownByDefault = true,\n} ) {\n\t// null, undefined, and 'auto' all represent the default value.\n\tconst width = value.width === 'auto' ? '' : value.width ?? '';\n\tconst height = value.height === 'auto' ? '' : value.height ?? '';\n\n\tconst onDimensionChange = ( dimension ) => ( nextDimension ) => {\n\t\tconst nextValue = { ...value };\n\t\t// Empty strings or undefined may be passed and both represent removing the value.\n\t\tif ( ! nextDimension ) {\n\t\t\tdelete nextValue[ dimension ];\n\t\t} else {\n\t\t\tnextValue[ dimension ] = nextDimension;\n\t\t}\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SingleColumnToolsPanelItem\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\thasValue={ () => width !== '' }\n\t\t\t\tonDeselect={ onDimensionChange( 'width' ) }\n\t\t\t\tpanelId={ panelId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tplaceholder={ __( 'Auto' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tvalue={ width }\n\t\t\t\t\tonChange={ onDimensionChange( 'width' ) }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t</SingleColumnToolsPanelItem>\n\t\t\t<SingleColumnToolsPanelItem\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\thasValue={ () => height !== '' }\n\t\t\t\tonDeselect={ onDimensionChange( 'height' ) }\n\t\t\t\tpanelId={ panelId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tplaceholder={ __( 'Auto' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tvalue={ height }\n\t\t\t\t\tonChange={ onDimensionChange( 'height' ) }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t</SingleColumnToolsPanelItem>\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AAyEE,mBAQE,KARF;AAtEF,OAAO,YAAY;AAKnB;AAAA,EACC,gCAAgC;AAAA,EAChC,6BAA6B;AAAA,OACvB;AACP,SAAS,UAAU;AAEnB,MAAM,6BAA6B,OAAQ,cAAe;AAAA;AAAA;AAoC3C,SAAR,gBAAkC;AAAA,EACxC;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB;AAAA,EACA,mBAAmB;AACpB,GAAI;AAEH,QAAM,QAAQ,MAAM,UAAU,SAAS,KAAK,MAAM,SAAS;AAC3D,QAAM,SAAS,MAAM,WAAW,SAAS,KAAK,MAAM,UAAU;AAE9D,QAAM,oBAAoB,CAAE,cAAe,CAAE,kBAAmB;AAC/D,UAAM,YAAY,EAAE,GAAG,MAAM;AAE7B,QAAK,CAAE,eAAgB;AACtB,aAAO,UAAW,SAAU;AAAA,IAC7B,OAAO;AACN,gBAAW,SAAU,IAAI;AAAA,IAC1B;AACA,aAAU,SAAU;AAAA,EACrB;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,OAAQ;AAAA,QACpB;AAAA,QACA,UAAW,MAAM,UAAU;AAAA,QAC3B,YAAa,kBAAmB,OAAQ;AAAA,QACxC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,GAAI,OAAQ;AAAA,YACpB,aAAc,GAAI,MAAO;AAAA,YACzB,eAAc;AAAA,YACd;AAAA,YACA,KAAM;AAAA,YACN,OAAQ;AAAA,YACR,UAAW,kBAAmB,OAAQ;AAAA,YACtC,MAAK;AAAA;AAAA,QACN;AAAA;AAAA,IACD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,QAAS;AAAA,QACrB;AAAA,QACA,UAAW,MAAM,WAAW;AAAA,QAC5B,YAAa,kBAAmB,QAAS;AAAA,QACzC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,GAAI,QAAS;AAAA,YACrB,aAAc,GAAI,MAAO;AAAA,YACzB,eAAc;AAAA,YACd;AAAA,YACA,KAAM;AAAA,YACN,OAAQ;AAAA,YACR,UAAW,kBAAmB,QAAS;AAAA,YACvC,MAAK;AAAA;AAAA,QACN;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
+  "names": []
+}

package/build-module/components/duotone/utils.js

@@ -1,23 +1,7 @@
-/**
- * External dependencies
- */
-import { colord } from 'colord';
-
-/**
- * Convert a list of colors to an object of R, G, and B values.
- *
- * @param {string[]} colors Array of RBG color strings.
- *
- * @return {Object} R, G, and B values.
- */
-export function getValuesFromColors(colors = []) {
-  const values = {
-    r: [],
-    g: [],
-    b: [],
-    a: []
-  };
-  colors.forEach(color => {
+import { colord } from "colord";
+function getValuesFromColors(colors = []) {
+  const values = { r: [], g: [], b: [], a: [] };
+  colors.forEach((color) => {
     const rgbColor = colord(color).toRgb();
     values.r.push(rgbColor.r / 255);
     values.g.push(rgbColor.g / 255);
@@ -26,39 +10,13 @@ export function getValuesFromColors(colors = []) {
   });
   return values;
 }
-
-/**
- * Stylesheet for disabling a global styles duotone filter.
- *
- * @param {string} selector Selector to disable the filter for.
- *
- * @return {string} Filter none style.
- */
-export function getDuotoneUnsetStylesheet(selector) {
+function getDuotoneUnsetStylesheet(selector) {
   return `${selector}{filter:none}`;
 }
-
-/**
- * SVG and stylesheet needed for rendering the duotone filter.
- *
- * @param {string} selector Selector to apply the filter to.
- * @param {string} id       Unique id for this duotone filter.
- *
- * @return {string} Duotone filter style.
- */
-export function getDuotoneStylesheet(selector, id) {
+function getDuotoneStylesheet(selector, id) {
   return `${selector}{filter:url(#${id})}`;
 }
-
-/**
- * The SVG part of the duotone filter.
- *
- * @param {string}   id     Unique id for this duotone filter.
- * @param {string[]} colors Color strings from dark to light.
- *
- * @return {string} Duotone SVG.
- */
-export function getDuotoneFilter(id, colors) {
+function getDuotoneFilter(id, colors) {
   const values = getValuesFromColors(colors);
   return `
 <svg
@@ -80,10 +38,10 @@ export function getDuotoneFilter(id, colors) {
 			<feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "></feColorMatrix>
 			<!-- Use sRGB instead of linearRGB to be consistent with how CSS gradients work. -->
 			<feComponentTransfer color-interpolation-filters="sRGB">
-				<feFuncR type="table" tableValues="${values.r.join(' ')}"></feFuncR>
-				<feFuncG type="table" tableValues="${values.g.join(' ')}"></feFuncG>
-				<feFuncB type="table" tableValues="${values.b.join(' ')}"></feFuncB>
-				<feFuncA type="table" tableValues="${values.a.join(' ')}"></feFuncA>
+				<feFuncR type="table" tableValues="${values.r.join(" ")}"></feFuncR>
+				<feFuncG type="table" tableValues="${values.g.join(" ")}"></feFuncG>
+				<feFuncB type="table" tableValues="${values.b.join(" ")}"></feFuncB>
+				<feFuncA type="table" tableValues="${values.a.join(" ")}"></feFuncA>
 			</feComponentTransfer>
 			<!-- Re-mask the image with the original transparency since the feColorMatrix above loses that information. -->
 			<feComposite in2="SourceGraphic" operator="in"></feComposite>
@@ -91,4 +49,10 @@ export function getDuotoneFilter(id, colors) {
 	</defs>
 </svg>`;
 }
-//# sourceMappingURL=utils.js.map
+export {
+  getDuotoneFilter,
+  getDuotoneStylesheet,
+  getDuotoneUnsetStylesheet,
+  getValuesFromColors
+};
+//# sourceMappingURL=utils.js.map

package/build-module/components/duotone/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["colord","getValuesFromColors","colors","values","r","g","b","a","forEach","color","rgbColor","toRgb","push","getDuotoneUnsetStylesheet","selector","getDuotoneStylesheet","id","getDuotoneFilter","join"],"sources":["@wordpress/block-editor/src/components/duotone/utils.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord } from 'colord';\n\n/**\n * Convert a list of colors to an object of R, G, and B values.\n *\n * @param {string[]} colors Array of RBG color strings.\n *\n * @return {Object} R, G, and B values.\n */\nexport function getValuesFromColors( colors = [] ) {\n\tconst values = { r: [], g: [], b: [], a: [] };\n\n\tcolors.forEach( ( color ) => {\n\t\tconst rgbColor = colord( color ).toRgb();\n\t\tvalues.r.push( rgbColor.r / 255 );\n\t\tvalues.g.push( rgbColor.g / 255 );\n\t\tvalues.b.push( rgbColor.b / 255 );\n\t\tvalues.a.push( rgbColor.a );\n\t} );\n\n\treturn values;\n}\n\n/**\n * Stylesheet for disabling a global styles duotone filter.\n *\n * @param {string} selector Selector to disable the filter for.\n *\n * @return {string} Filter none style.\n */\nexport function getDuotoneUnsetStylesheet( selector ) {\n\treturn `${ selector }{filter:none}`;\n}\n\n/**\n * SVG and stylesheet needed for rendering the duotone filter.\n *\n * @param {string} selector Selector to apply the filter to.\n * @param {string} id       Unique id for this duotone filter.\n *\n * @return {string} Duotone filter style.\n */\nexport function getDuotoneStylesheet( selector, id ) {\n\treturn `${ selector }{filter:url(#${ id })}`;\n}\n\n/**\n * The SVG part of the duotone filter.\n *\n * @param {string}   id     Unique id for this duotone filter.\n * @param {string[]} colors Color strings from dark to light.\n *\n * @return {string} Duotone SVG.\n */\nexport function getDuotoneFilter( id, colors ) {\n\tconst values = getValuesFromColors( colors );\n\treturn `\n<svg\n\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\tviewBox=\"0 0 0 0\"\n\twidth=\"0\"\n\theight=\"0\"\n\tfocusable=\"false\"\n\trole=\"none\"\n\taria-hidden=\"true\"\n\tstyle=\"visibility: hidden; position: absolute; left: -9999px; overflow: hidden;\"\n>\n\t<defs>\n\t\t<filter id=\"${ id }\">\n\t\t\t<!--\n\t\t\t\tUse sRGB instead of linearRGB so transparency looks correct.\n\t\t\t\tUse perceptual brightness to convert to grayscale.\n\t\t\t-->\n\t\t\t<feColorMatrix color-interpolation-filters=\"sRGB\" type=\"matrix\" values=\" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 \"></feColorMatrix>\n\t\t\t<!-- Use sRGB instead of linearRGB to be consistent with how CSS gradients work. -->\n\t\t\t<feComponentTransfer color-interpolation-filters=\"sRGB\">\n\t\t\t\t<feFuncR type=\"table\" tableValues=\"${ values.r.join( ' ' ) }\"></feFuncR>\n\t\t\t\t<feFuncG type=\"table\" tableValues=\"${ values.g.join( ' ' ) }\"></feFuncG>\n\t\t\t\t<feFuncB type=\"table\" tableValues=\"${ values.b.join( ' ' ) }\"></feFuncB>\n\t\t\t\t<feFuncA type=\"table\" tableValues=\"${ values.a.join( ' ' ) }\"></feFuncA>\n\t\t\t</feComponentTransfer>\n\t\t\t<!-- Re-mask the image with the original transparency since the feColorMatrix above loses that information. -->\n\t\t\t<feComposite in2=\"SourceGraphic\" operator=\"in\"></feComposite>\n\t\t</filter>\n\t</defs>\n</svg>`;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,QAAQ;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAEC,MAAM,GAAG,EAAE,EAAG;EAClD,MAAMC,MAAM,GAAG;IAAEC,CAAC,EAAE,EAAE;IAAEC,CAAC,EAAE,EAAE;IAAEC,CAAC,EAAE,EAAE;IAAEC,CAAC,EAAE;EAAG,CAAC;EAE7CL,MAAM,CAACM,OAAO,CAAIC,KAAK,IAAM;IAC5B,MAAMC,QAAQ,GAAGV,MAAM,CAAES,KAAM,CAAC,CAACE,KAAK,CAAC,CAAC;IACxCR,MAAM,CAACC,CAAC,CAACQ,IAAI,CAAEF,QAAQ,CAACN,CAAC,GAAG,GAAI,CAAC;IACjCD,MAAM,CAACE,CAAC,CAACO,IAAI,CAAEF,QAAQ,CAACL,CAAC,GAAG,GAAI,CAAC;IACjCF,MAAM,CAACG,CAAC,CAACM,IAAI,CAAEF,QAAQ,CAACJ,CAAC,GAAG,GAAI,CAAC;IACjCH,MAAM,CAACI,CAAC,CAACK,IAAI,CAAEF,QAAQ,CAACH,CAAE,CAAC;EAC5B,CAAE,CAAC;EAEH,OAAOJ,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASU,yBAAyBA,CAAEC,QAAQ,EAAG;EACrD,OAAO,GAAIA,QAAQ,eAAgB;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAAED,QAAQ,EAAEE,EAAE,EAAG;EACpD,OAAO,GAAIF,QAAQ,gBAAkBE,EAAE,IAAK;AAC7C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAED,EAAE,EAAEd,MAAM,EAAG;EAC9C,MAAMC,MAAM,GAAGF,mBAAmB,CAAEC,MAAO,CAAC;EAC5C,OAAO;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAiBc,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAA0Cb,MAAM,CAACC,CAAC,CAACc,IAAI,CAAE,GAAI,CAAC;AAC9D,yCAA0Cf,MAAM,CAACE,CAAC,CAACa,IAAI,CAAE,GAAI,CAAC;AAC9D,yCAA0Cf,MAAM,CAACG,CAAC,CAACY,IAAI,CAAE,GAAI,CAAC;AAC9D,yCAA0Cf,MAAM,CAACI,CAAC,CAACW,IAAI,CAAE,GAAI,CAAC;AAC9D;AACA;AACA;AACA;AACA;AACA,OAAO;AACP","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/duotone/utils.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { colord } from 'colord';\n\n/**\n * Convert a list of colors to an object of R, G, and B values.\n *\n * @param {string[]} colors Array of RBG color strings.\n *\n * @return {Object} R, G, and B values.\n */\nexport function getValuesFromColors( colors = [] ) {\n\tconst values = { r: [], g: [], b: [], a: [] };\n\n\tcolors.forEach( ( color ) => {\n\t\tconst rgbColor = colord( color ).toRgb();\n\t\tvalues.r.push( rgbColor.r / 255 );\n\t\tvalues.g.push( rgbColor.g / 255 );\n\t\tvalues.b.push( rgbColor.b / 255 );\n\t\tvalues.a.push( rgbColor.a );\n\t} );\n\n\treturn values;\n}\n\n/**\n * Stylesheet for disabling a global styles duotone filter.\n *\n * @param {string} selector Selector to disable the filter for.\n *\n * @return {string} Filter none style.\n */\nexport function getDuotoneUnsetStylesheet( selector ) {\n\treturn `${ selector }{filter:none}`;\n}\n\n/**\n * SVG and stylesheet needed for rendering the duotone filter.\n *\n * @param {string} selector Selector to apply the filter to.\n * @param {string} id       Unique id for this duotone filter.\n *\n * @return {string} Duotone filter style.\n */\nexport function getDuotoneStylesheet( selector, id ) {\n\treturn `${ selector }{filter:url(#${ id })}`;\n}\n\n/**\n * The SVG part of the duotone filter.\n *\n * @param {string}   id     Unique id for this duotone filter.\n * @param {string[]} colors Color strings from dark to light.\n *\n * @return {string} Duotone SVG.\n */\nexport function getDuotoneFilter( id, colors ) {\n\tconst values = getValuesFromColors( colors );\n\treturn `\n<svg\n\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\tviewBox=\"0 0 0 0\"\n\twidth=\"0\"\n\theight=\"0\"\n\tfocusable=\"false\"\n\trole=\"none\"\n\taria-hidden=\"true\"\n\tstyle=\"visibility: hidden; position: absolute; left: -9999px; overflow: hidden;\"\n>\n\t<defs>\n\t\t<filter id=\"${ id }\">\n\t\t\t<!--\n\t\t\t\tUse sRGB instead of linearRGB so transparency looks correct.\n\t\t\t\tUse perceptual brightness to convert to grayscale.\n\t\t\t-->\n\t\t\t<feColorMatrix color-interpolation-filters=\"sRGB\" type=\"matrix\" values=\" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 \"></feColorMatrix>\n\t\t\t<!-- Use sRGB instead of linearRGB to be consistent with how CSS gradients work. -->\n\t\t\t<feComponentTransfer color-interpolation-filters=\"sRGB\">\n\t\t\t\t<feFuncR type=\"table\" tableValues=\"${ values.r.join( ' ' ) }\"></feFuncR>\n\t\t\t\t<feFuncG type=\"table\" tableValues=\"${ values.g.join( ' ' ) }\"></feFuncG>\n\t\t\t\t<feFuncB type=\"table\" tableValues=\"${ values.b.join( ' ' ) }\"></feFuncB>\n\t\t\t\t<feFuncA type=\"table\" tableValues=\"${ values.a.join( ' ' ) }\"></feFuncA>\n\t\t\t</feComponentTransfer>\n\t\t\t<!-- Re-mask the image with the original transparency since the feColorMatrix above loses that information. -->\n\t\t\t<feComposite in2=\"SourceGraphic\" operator=\"in\"></feComposite>\n\t\t</filter>\n\t</defs>\n</svg>`;\n}\n"],
+  "mappings": "AAGA,SAAS,cAAc;AAShB,SAAS,oBAAqB,SAAS,CAAC,GAAI;AAClD,QAAM,SAAS,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,EAAE;AAE5C,SAAO,QAAS,CAAE,UAAW;AAC5B,UAAM,WAAW,OAAQ,KAAM,EAAE,MAAM;AACvC,WAAO,EAAE,KAAM,SAAS,IAAI,GAAI;AAChC,WAAO,EAAE,KAAM,SAAS,IAAI,GAAI;AAChC,WAAO,EAAE,KAAM,SAAS,IAAI,GAAI;AAChC,WAAO,EAAE,KAAM,SAAS,CAAE;AAAA,EAC3B,CAAE;AAEF,SAAO;AACR;AASO,SAAS,0BAA2B,UAAW;AACrD,SAAO,GAAI,QAAS;AACrB;AAUO,SAAS,qBAAsB,UAAU,IAAK;AACpD,SAAO,GAAI,QAAS,gBAAiB,EAAG;AACzC;AAUO,SAAS,iBAAkB,IAAI,QAAS;AAC9C,QAAM,SAAS,oBAAqB,MAAO;AAC3C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYS,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAQsB,OAAO,EAAE,KAAM,GAAI,CAAE;AAAA,yCACrB,OAAO,EAAE,KAAM,GAAI,CAAE;AAAA,yCACrB,OAAO,EAAE,KAAM,GAAI,CAAE;AAAA,yCACrB,OAAO,EAAE,KAAM,GAAI,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/D;",
+  "names": []
+}

package/build-module/components/duotone-control/index.js

@@ -1,12 +1,16 @@
-/**
- * WordPress dependencies
- */
-import { ColorIndicator, Dropdown, DuotonePicker, DuotoneSwatch, MenuGroup, ToolbarButton } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { DOWN } from '@wordpress/keycodes';
-import { Icon, filter } from '@wordpress/icons';
-import { useInstanceId } from '@wordpress/compose';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  ColorIndicator,
+  Dropdown,
+  DuotonePicker,
+  DuotoneSwatch,
+  MenuGroup,
+  ToolbarButton
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { DOWN } from "@wordpress/keycodes";
+import { Icon, filter } from "@wordpress/icons";
+import { useInstanceId } from "@wordpress/compose";
 function DuotoneControl({
   id: idProp,
   colorPalette,
@@ -17,63 +21,66 @@ function DuotoneControl({
   onChange
 }) {
   let toolbarIcon;
-  if (value === 'unset') {
-    toolbarIcon = /*#__PURE__*/_jsx(ColorIndicator, {
-      className: "block-editor-duotone-control__unset-indicator"
-    });
+  if (value === "unset") {
+    toolbarIcon = /* @__PURE__ */ jsx(ColorIndicator, { className: "block-editor-duotone-control__unset-indicator" });
   } else if (value) {
-    toolbarIcon = /*#__PURE__*/_jsx(DuotoneSwatch, {
-      values: value
-    });
+    toolbarIcon = /* @__PURE__ */ jsx(DuotoneSwatch, { values: value });
   } else {
-    toolbarIcon = /*#__PURE__*/_jsx(Icon, {
-      icon: filter
-    });
+    toolbarIcon = /* @__PURE__ */ jsx(Icon, { icon: filter });
   }
-  const actionLabel = __('Apply duotone filter');
-  const id = useInstanceId(DuotoneControl, 'duotone-control', idProp);
+  const actionLabel = __("Apply duotone filter");
+  const id = useInstanceId(DuotoneControl, "duotone-control", idProp);
   const descriptionId = `${id}__description`;
-  return /*#__PURE__*/_jsx(Dropdown, {
-    popoverProps: {
-      className: 'block-editor-duotone-control__popover',
-      headerTitle: __('Duotone')
-    },
-    renderToggle: ({
-      isOpen,
-      onToggle
-    }) => {
-      const openOnArrowDown = event => {
-        if (!isOpen && event.keyCode === DOWN) {
-          event.preventDefault();
-          onToggle();
-        }
-      };
-      return /*#__PURE__*/_jsx(ToolbarButton, {
-        showTooltip: true,
-        onClick: onToggle,
-        "aria-haspopup": "true",
-        "aria-expanded": isOpen,
-        onKeyDown: openOnArrowDown,
-        label: actionLabel,
-        icon: toolbarIcon
-      });
-    },
-    renderContent: () => /*#__PURE__*/_jsxs(MenuGroup, {
-      label: __('Duotone'),
-      children: [/*#__PURE__*/_jsx("p", {
-        children: __('Create a two-tone color effect without losing your original image.')
-      }), /*#__PURE__*/_jsx(DuotonePicker, {
-        "aria-label": actionLabel,
-        "aria-describedby": descriptionId,
-        colorPalette: colorPalette,
-        duotonePalette: duotonePalette,
-        disableCustomColors: disableCustomColors,
-        disableCustomDuotone: disableCustomDuotone,
-        value: value,
-        onChange: onChange
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      popoverProps: {
+        className: "block-editor-duotone-control__popover",
+        headerTitle: __("Duotone")
+      },
+      renderToggle: ({ isOpen, onToggle }) => {
+        const openOnArrowDown = (event) => {
+          if (!isOpen && event.keyCode === DOWN) {
+            event.preventDefault();
+            onToggle();
+          }
+        };
+        return /* @__PURE__ */ jsx(
+          ToolbarButton,
+          {
+            showTooltip: true,
+            onClick: onToggle,
+            "aria-haspopup": "true",
+            "aria-expanded": isOpen,
+            onKeyDown: openOnArrowDown,
+            label: actionLabel,
+            icon: toolbarIcon
+          }
+        );
+      },
+      renderContent: () => /* @__PURE__ */ jsxs(MenuGroup, { label: __("Duotone"), children: [
+        /* @__PURE__ */ jsx("p", { children: __(
+          "Create a two-tone color effect without losing your original image."
+        ) }),
+        /* @__PURE__ */ jsx(
+          DuotonePicker,
+          {
+            "aria-label": actionLabel,
+            "aria-describedby": descriptionId,
+            colorPalette,
+            duotonePalette,
+            disableCustomColors,
+            disableCustomDuotone,
+            value,
+            onChange
+          }
+        )
+      ] })
+    }
+  );
 }
-export default DuotoneControl;
-//# sourceMappingURL=index.js.map
+var duotone_control_default = DuotoneControl;
+export {
+  duotone_control_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/duotone-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["ColorIndicator","Dropdown","DuotonePicker","DuotoneSwatch","MenuGroup","ToolbarButton","__","DOWN","Icon","filter","useInstanceId","jsx","_jsx","jsxs","_jsxs","DuotoneControl","id","idProp","colorPalette","duotonePalette","disableCustomColors","disableCustomDuotone","value","onChange","toolbarIcon","className","values","icon","actionLabel","descriptionId","popoverProps","headerTitle","renderToggle","isOpen","onToggle","openOnArrowDown","event","keyCode","preventDefault","showTooltip","onClick","onKeyDown","label","renderContent","children"],"sources":["@wordpress/block-editor/src/components/duotone-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tColorIndicator,\n\tDropdown,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tMenuGroup,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport { Icon, filter } from '@wordpress/icons';\nimport { useInstanceId } from '@wordpress/compose';\n\nfunction DuotoneControl( {\n\tid: idProp,\n\tcolorPalette,\n\tduotonePalette,\n\tdisableCustomColors,\n\tdisableCustomDuotone,\n\tvalue,\n\tonChange,\n} ) {\n\tlet toolbarIcon;\n\tif ( value === 'unset' ) {\n\t\ttoolbarIcon = (\n\t\t\t<ColorIndicator className=\"block-editor-duotone-control__unset-indicator\" />\n\t\t);\n\t} else if ( value ) {\n\t\ttoolbarIcon = <DuotoneSwatch values={ value } />;\n\t} else {\n\t\ttoolbarIcon = <Icon icon={ filter } />;\n\t}\n\n\tconst actionLabel = __( 'Apply duotone filter' );\n\tconst id = useInstanceId( DuotoneControl, 'duotone-control', idProp );\n\tconst descriptionId = `${ id }__description`;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ {\n\t\t\t\tclassName: 'block-editor-duotone-control__popover',\n\t\t\t\theaderTitle: __( 'Duotone' ),\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ actionLabel }\n\t\t\t\t\t\ticon={ toolbarIcon }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<MenuGroup label={ __( 'Duotone' ) }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Create a two-tone color effect without losing your original image.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\taria-label={ actionLabel }\n\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\tcolorPalette={ colorPalette }\n\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\tdisableCustomDuotone={ disableCustomDuotone }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default DuotoneControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,cAAc,EACdC,QAAQ,EACRC,aAAa,EACbC,aAAa,EACbC,SAAS,EACTC,aAAa,QACP,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAC/C,SAASC,aAAa,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,SAASC,cAAcA,CAAE;EACxBC,EAAE,EAAEC,MAAM;EACVC,YAAY;EACZC,cAAc;EACdC,mBAAmB;EACnBC,oBAAoB;EACpBC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,IAAIC,WAAW;EACf,IAAKF,KAAK,KAAK,OAAO,EAAG;IACxBE,WAAW,gBACVZ,IAAA,CAACZ,cAAc;MAACyB,SAAS,EAAC;IAA+C,CAAE,CAC3E;EACF,CAAC,MAAM,IAAKH,KAAK,EAAG;IACnBE,WAAW,gBAAGZ,IAAA,CAACT,aAAa;MAACuB,MAAM,EAAGJ;IAAO,CAAE,CAAC;EACjD,CAAC,MAAM;IACNE,WAAW,gBAAGZ,IAAA,CAACJ,IAAI;MAACmB,IAAI,EAAGlB;IAAQ,CAAE,CAAC;EACvC;EAEA,MAAMmB,WAAW,GAAGtB,EAAE,CAAE,sBAAuB,CAAC;EAChD,MAAMU,EAAE,GAAGN,aAAa,CAAEK,cAAc,EAAE,iBAAiB,EAAEE,MAAO,CAAC;EACrE,MAAMY,aAAa,GAAG,GAAIb,EAAE,eAAgB;EAE5C,oBACCJ,IAAA,CAACX,QAAQ;IACR6B,YAAY,EAAG;MACdL,SAAS,EAAE,uCAAuC;MAClDM,WAAW,EAAEzB,EAAE,CAAE,SAAU;IAC5B,CAAG;IACH0B,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEH,MAAM,IAAIG,KAAK,CAACC,OAAO,KAAK9B,IAAI,EAAG;UACzC6B,KAAK,CAACE,cAAc,CAAC,CAAC;UACtBJ,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MACD,oBACCtB,IAAA,CAACP,aAAa;QACbkC,WAAW;QACXC,OAAO,EAAGN,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBD,MAAQ;QACxBQ,SAAS,EAAGN,eAAiB;QAC7BO,KAAK,EAAGd,WAAa;QACrBD,IAAI,EAAGH;MAAa,CACpB,CAAC;IAEJ,CAAG;IACHmB,aAAa,EAAGA,CAAA,kBACf7B,KAAA,CAACV,SAAS;MAACsC,KAAK,EAAGpC,EAAE,CAAE,SAAU,CAAG;MAAAsC,QAAA,gBACnChC,IAAA;QAAAgC,QAAA,EACGtC,EAAE,CACH,oEACD;MAAC,CACC,CAAC,eACJM,IAAA,CAACV,aAAa;QACb,cAAa0B,WAAa;QAC1B,oBAAmBC,aAAe;QAClCX,YAAY,EAAGA,YAAc;QAC7BC,cAAc,EAAGA,cAAgB;QACjCC,mBAAmB,EAAGA,mBAAqB;QAC3CC,oBAAoB,EAAGA,oBAAsB;QAC7CC,KAAK,EAAGA,KAAO;QACfC,QAAQ,EAAGA;MAAU,CACrB,CAAC;IAAA,CACQ;EACT,CACH,CAAC;AAEJ;AAEA,eAAeR,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/duotone-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tColorIndicator,\n\tDropdown,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tMenuGroup,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport { Icon, filter } from '@wordpress/icons';\nimport { useInstanceId } from '@wordpress/compose';\n\nfunction DuotoneControl( {\n\tid: idProp,\n\tcolorPalette,\n\tduotonePalette,\n\tdisableCustomColors,\n\tdisableCustomDuotone,\n\tvalue,\n\tonChange,\n} ) {\n\tlet toolbarIcon;\n\tif ( value === 'unset' ) {\n\t\ttoolbarIcon = (\n\t\t\t<ColorIndicator className=\"block-editor-duotone-control__unset-indicator\" />\n\t\t);\n\t} else if ( value ) {\n\t\ttoolbarIcon = <DuotoneSwatch values={ value } />;\n\t} else {\n\t\ttoolbarIcon = <Icon icon={ filter } />;\n\t}\n\n\tconst actionLabel = __( 'Apply duotone filter' );\n\tconst id = useInstanceId( DuotoneControl, 'duotone-control', idProp );\n\tconst descriptionId = `${ id }__description`;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ {\n\t\t\t\tclassName: 'block-editor-duotone-control__popover',\n\t\t\t\theaderTitle: __( 'Duotone' ),\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ actionLabel }\n\t\t\t\t\t\ticon={ toolbarIcon }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<MenuGroup label={ __( 'Duotone' ) }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Create a two-tone color effect without losing your original image.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\taria-label={ actionLabel }\n\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\tcolorPalette={ colorPalette }\n\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\tdisableCustomDuotone={ disableCustomDuotone }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default DuotoneControl;\n"],
+  "mappings": "AA4BG,cAsCC,YAtCD;AAzBH;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,MAAM,cAAc;AAC7B,SAAS,qBAAqB;AAE9B,SAAS,eAAgB;AAAA,EACxB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,MAAI;AACJ,MAAK,UAAU,SAAU;AACxB,kBACC,oBAAC,kBAAe,WAAU,iDAAgD;AAAA,EAE5E,WAAY,OAAQ;AACnB,kBAAc,oBAAC,iBAAc,QAAS,OAAQ;AAAA,EAC/C,OAAO;AACN,kBAAc,oBAAC,QAAK,MAAO,QAAS;AAAA,EACrC;AAEA,QAAM,cAAc,GAAI,sBAAuB;AAC/C,QAAM,KAAK,cAAe,gBAAgB,mBAAmB,MAAO;AACpE,QAAM,gBAAgB,GAAI,EAAG;AAE7B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,cAAe;AAAA,QACd,WAAW;AAAA,QACX,aAAa,GAAI,SAAU;AAAA,MAC5B;AAAA,MACA,cAAe,CAAE,EAAE,QAAQ,SAAS,MAAO;AAC1C,cAAM,kBAAkB,CAAE,UAAW;AACpC,cAAK,CAAE,UAAU,MAAM,YAAY,MAAO;AACzC,kBAAM,eAAe;AACrB,qBAAS;AAAA,UACV;AAAA,QACD;AACA,eACC;AAAA,UAAC;AAAA;AAAA,YACA,aAAW;AAAA,YACX,SAAU;AAAA,YACV,iBAAc;AAAA,YACd,iBAAgB;AAAA,YAChB,WAAY;AAAA,YACZ,OAAQ;AAAA,YACR,MAAO;AAAA;AAAA,QACR;AAAA,MAEF;AAAA,MACA,eAAgB,MACf,qBAAC,aAAU,OAAQ,GAAI,SAAU,GAChC;AAAA,4BAAC,OACE;AAAA,UACD;AAAA,QACD,GACD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,cAAa;AAAA,YACb,oBAAmB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACD;AAAA,SACD;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,0BAAQ;",
+  "names": []
+}

package/build-module/components/editable-text/index.js

@@ -1,33 +1,14 @@
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import RichText from '../rich-text';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "@wordpress/element";
+import RichText from "../rich-text";
 const EditableText = forwardRef((props, ref) => {
-  return /*#__PURE__*/_jsx(RichText, {
-    ref: ref,
-    ...props,
-    __unstableDisableFormats: true
-  });
+  return /* @__PURE__ */ jsx(RichText, { ref, ...props, __unstableDisableFormats: true });
 });
-EditableText.Content = ({
-  value = '',
-  tagName: Tag = 'div',
-  ...props
-}) => {
-  return /*#__PURE__*/_jsx(Tag, {
-    ...props,
-    children: value
-  });
+EditableText.Content = ({ value = "", tagName: Tag = "div", ...props }) => {
+  return /* @__PURE__ */ jsx(Tag, { ...props, children: value });
 };
-
-/**
- * Renders an editable text input in which text formatting is not allowed.
- */
-export default EditableText;
-//# sourceMappingURL=index.js.map
+var editable_text_default = EditableText;
+export {
+  editable_text_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/editable-text/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","RichText","jsx","_jsx","EditableText","props","ref","__unstableDisableFormats","Content","value","tagName","Tag","children"],"sources":["@wordpress/block-editor/src/components/editable-text/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport RichText from '../rich-text';\n\nconst EditableText = forwardRef( ( props, ref ) => {\n\treturn <RichText ref={ ref } { ...props } __unstableDisableFormats />;\n} );\n\nEditableText.Content = ( { value = '', tagName: Tag = 'div', ...props } ) => {\n\treturn <Tag { ...props }>{ value }</Tag>;\n};\n\n/**\n * Renders an editable text input in which text formatting is not allowed.\n */\nexport default EditableText;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,MAAMC,YAAY,GAAGJ,UAAU,CAAE,CAAEK,KAAK,EAAEC,GAAG,KAAM;EAClD,oBAAOH,IAAA,CAACF,QAAQ;IAACK,GAAG,EAAGA,GAAK;IAAA,GAAMD,KAAK;IAAGE,wBAAwB;EAAA,CAAE,CAAC;AACtE,CAAE,CAAC;AAEHH,YAAY,CAACI,OAAO,GAAG,CAAE;EAAEC,KAAK,GAAG,EAAE;EAAEC,OAAO,EAAEC,GAAG,GAAG,KAAK;EAAE,GAAGN;AAAM,CAAC,KAAM;EAC5E,oBAAOF,IAAA,CAACQ,GAAG;IAAA,GAAMN,KAAK;IAAAO,QAAA,EAAKH;EAAK,CAAO,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA,eAAeL,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/editable-text/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport RichText from '../rich-text';\n\nconst EditableText = forwardRef( ( props, ref ) => {\n\treturn <RichText ref={ ref } { ...props } __unstableDisableFormats />;\n} );\n\nEditableText.Content = ( { value = '', tagName: Tag = 'div', ...props } ) => {\n\treturn <Tag { ...props }>{ value }</Tag>;\n};\n\n/**\n * Renders an editable text input in which text formatting is not allowed.\n */\nexport default EditableText;\n"],
+  "mappings": "AAWQ;AARR,SAAS,kBAAkB;AAK3B,OAAO,cAAc;AAErB,MAAM,eAAe,WAAY,CAAE,OAAO,QAAS;AAClD,SAAO,oBAAC,YAAS,KAAc,GAAG,OAAQ,0BAAwB,MAAC;AACpE,CAAE;AAEF,aAAa,UAAU,CAAE,EAAE,QAAQ,IAAI,SAAS,MAAM,OAAO,GAAG,MAAM,MAAO;AAC5E,SAAO,oBAAC,OAAM,GAAG,OAAU,iBAAO;AACnC;AAKA,IAAO,wBAAQ;",
+  "names": []
+}