npm - @wordpress/block-editor - Versions diffs - 12.10.3 → 12.11.0 - Mend

@wordpress/block-editor 12.10.3 → 12.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1253) hide show

package/build/components/dimensions-tool/aspect-ratio-tool.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","DEFAULT_ASPECT_RATIO_OPTIONS","label","_x","value","disabled","hidden","exports","AspectRatioTool","panelId","onChange","options","defaultValue","isShownByDefault","displayValue","~~_element~~","createElement","__experimentalToolsPanelItem","hasValue","__","onDeselect","undefined","SelectControl","size","__nextHasNoMarginBottom"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/aspect-ratio-tool.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\n/\n @typedef {import('@wordpress/components/build-types/select-control/types').SelectControlProps} SelectControlProps\n /\n\n/\n @type {SelectControlProps[]}\n /\nexport const DEFAULT_ASPECT_RATIO_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Original', 'Aspect ratio option for dimensions control' ),\n\t\tvalue: 'auto',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Square - 1:1',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '1',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Standard - 4:3',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '4/3',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Portrait - 3:4',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '3/4',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Classic - 3:2',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '3/2',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Classic Portrait - 2:3',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '2/3',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Wide - 16:9',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '16/9',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Tall - 9:16',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '9/16',\n\t},\n\t{\n\t\tlabel: _x( 'Custom', 'Aspect ratio option for dimensions control' ),\n\t\tvalue: 'custom',\n\t\tdisabled: true,\n\t\thidden: true,\n\t},\n];\n\n/\n @callback AspectRatioToolPropsOnChange\n * @param {string} [value] New aspect ratio value.\n * @return {void} No return.\n /\n\n/\n @typedef {Object} AspectRatioToolProps\n * @property {string} [panelId] ID of the panel this tool is associated with.\n * @property {string} [value] Current aspect ratio value.\n * @property {AspectRatioToolPropsOnChange} [onChange] Callback to update the aspect ratio value.\n * @property {SelectControlProps[]} [options] Aspect ratio options.\n * @property {string} [defaultValue] Default aspect ratio value.\n * @property {boolean} [isShownByDefault] Whether the tool is shown by default.\n */\n\nexport default function AspectRatioTool( {\n\tpanelId,\n\tvalue,\n\tonChange = () => {},\n\toptions = DEFAULT_ASPECT_RATIO_OPTIONS,\n\tdefaultValue = DEFAULT_ASPECT_RATIO_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n} ) {\n\t// Match the CSS default so if the value is used directly in CSS it will look correct in the control.\n\tconst displayValue = value ?? 'auto';\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\tonDeselect={ () => onChange( undefined ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAOA;AACA;AACA;;AAEA;AACA;AACA;AACO,MAAME,4BAA4B,GAAG,CAC3C;EACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAU,EAAE,4CAA6C,CAAC;EACrEC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,cAAc,EACd,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,gBAAgB,EAChB,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,gBAAgB,EAChB,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,eAAe,EACf,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,wBAAwB,EACxB,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,aAAa,EACb,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,aAAa,EACb,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAQ,EAAE,4CAA6C,CAAC;EACnEC,KAAK,EAAE,QAAQ;EACfC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE;AACT,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARAC,OAAA,CAAAN,4BAAA,GAAAA,4BAAA;AAUe,SAASO,eAAeA,CAAE;EACxCC,OAAO;EACPL,KAAK;EACLM,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC,OAAO,GAAGV,4BAA4B;EACtCW,YAAY,GAAGX,4BAA4B,CAAE,CAAC,CAAE,CAACG,KAAK;EACtDS,gBAAgB,GAAG;AACpB,CAAC,EAAG;EACH;EACA,MAAMC,YAAY,GAAGV,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM;EAEpC,OACC,IAAAW,~~QAAA~~,CAAAC,aAAA,EAAClB,WAAA,CAAAmB,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAMJ,YAAY,KAAKF,YAAc;IAChDV,KAAK,EAAG,IAAAiB,QAAE,EAAE,cAAe,CAAG;IAC9BC,UAAU,EAAGA,CAAA,KAAMV,QAAQ,CAAEW,SAAU,CAAG;IAC1CR,gBAAgB,EAAGA,gBAAkB;IACrCJ,OAAO,EAAGA;EAAS,GAEnB,IAAAM,~~QAAA~~,CAAAC,aAAA,EAAClB,WAAA,CAAAwB,aAAa;IACbpB,KAAK,EAAG,IAAAiB,QAAE,EAAE,cAAe,CAAG;IAC9Bf,KAAK,EAAGU,YAAc;IACtBH,OAAO,EAAGA,OAAS;IACnBD,QAAQ,EAAGA,QAAU;IACrBa,IAAI,EAAG,kBAAoB;IAC3BC,uBAAuB;EAAA,CACvB,CACc,CAAC;AAEnB"}
1	+ {"version":3,"names":["_components","require","_i18n","DEFAULT_ASPECT_RATIO_OPTIONS","label","_x","value","disabled","hidden","exports","AspectRatioTool","panelId","onChange","options","defaultValue","isShownByDefault","displayValue","_react","createElement","__experimentalToolsPanelItem","hasValue","__","onDeselect","undefined","SelectControl","size","__nextHasNoMarginBottom"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/aspect-ratio-tool.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\n/\n @typedef {import('@wordpress/components/build-types/select-control/types').SelectControlProps} SelectControlProps\n /\n\n/\n @type {SelectControlProps[]}\n /\nexport const DEFAULT_ASPECT_RATIO_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Original', 'Aspect ratio option for dimensions control' ),\n\t\tvalue: 'auto',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Square - 1:1',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '1',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Standard - 4:3',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '4/3',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Portrait - 3:4',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '3/4',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Classic - 3:2',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '3/2',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Classic Portrait - 2:3',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '2/3',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Wide - 16:9',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '16/9',\n\t},\n\t{\n\t\tlabel: _x(\n\t\t\t'Tall - 9:16',\n\t\t\t'Aspect ratio option for dimensions control'\n\t\t),\n\t\tvalue: '9/16',\n\t},\n\t{\n\t\tlabel: _x( 'Custom', 'Aspect ratio option for dimensions control' ),\n\t\tvalue: 'custom',\n\t\tdisabled: true,\n\t\thidden: true,\n\t},\n];\n\n/\n @callback AspectRatioToolPropsOnChange\n * @param {string} [value] New aspect ratio value.\n * @return {void} No return.\n /\n\n/\n @typedef {Object} AspectRatioToolProps\n * @property {string} [panelId] ID of the panel this tool is associated with.\n * @property {string} [value] Current aspect ratio value.\n * @property {AspectRatioToolPropsOnChange} [onChange] Callback to update the aspect ratio value.\n * @property {SelectControlProps[]} [options] Aspect ratio options.\n * @property {string} [defaultValue] Default aspect ratio value.\n * @property {boolean} [isShownByDefault] Whether the tool is shown by default.\n */\n\nexport default function AspectRatioTool( {\n\tpanelId,\n\tvalue,\n\tonChange = () => {},\n\toptions = DEFAULT_ASPECT_RATIO_OPTIONS,\n\tdefaultValue = DEFAULT_ASPECT_RATIO_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n} ) {\n\t// Match the CSS default so if the value is used directly in CSS it will look correct in the control.\n\tconst displayValue = value ?? 'auto';\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\tonDeselect={ () => onChange( undefined ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAOA;AACA;AACA;;AAEA;AACA;AACA;AACO,MAAME,4BAA4B,GAAG,CAC3C;EACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAU,EAAE,4CAA6C,CAAC;EACrEC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,cAAc,EACd,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,gBAAgB,EAChB,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,gBAAgB,EAChB,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,eAAe,EACf,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,wBAAwB,EACxB,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,aAAa,EACb,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EACR,aAAa,EACb,4CACD,CAAC;EACDC,KAAK,EAAE;AACR,CAAC,EACD;EACCF,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAQ,EAAE,4CAA6C,CAAC;EACnEC,KAAK,EAAE,QAAQ;EACfC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE;AACT,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARAC,OAAA,CAAAN,4BAAA,GAAAA,4BAAA;AAUe,SAASO,eAAeA,CAAE;EACxCC,OAAO;EACPL,KAAK;EACLM,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC,OAAO,GAAGV,4BAA4B;EACtCW,YAAY,GAAGX,4BAA4B,CAAE,CAAC,CAAE,CAACG,KAAK;EACtDS,gBAAgB,GAAG;AACpB,CAAC,EAAG;EACH;EACA,MAAMC,YAAY,GAAGV,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM;EAEpC,OACC,IAAAW,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAmB,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAMJ,YAAY,KAAKF,YAAc;IAChDV,KAAK,EAAG,IAAAiB,QAAE,EAAE,cAAe,CAAG;IAC9BC,UAAU,EAAGA,CAAA,KAAMV,QAAQ,CAAEW,SAAU,CAAG;IAC1CR,gBAAgB,EAAGA,gBAAkB;IACrCJ,OAAO,EAAGA;EAAS,GAEnB,IAAAM,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAwB,aAAa;IACbpB,KAAK,EAAG,IAAAiB,QAAE,EAAE,cAAe,CAAG;IAC9Bf,KAAK,EAAGU,YAAc;IACtBH,OAAO,EAAGA,OAAS;IACnBD,QAAQ,EAAGA,QAAU;IACrBa,IAAI,EAAG,kBAAoB;IAC3BC,uBAAuB;EAAA,CACvB,CACc,CAAC;AAEnB"}

package/build/components/dimensions-tool/index.js CHANGED Viewed

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _aspectRatioTool = _interopRequireDefault(require("./aspect-ratio-tool"));
 var _scaleTool = _interopRequireDefault(require("./scale-tool"));
@@ -54,7 +55,7 @@ var _widthHeightTool = _interopRequireDefault(require("./width-height-tool"));
  *
  * @param {DimensionsControlsProps} props The component props.
  *
- * @return {WPElement} The dimensions controls.
+ * @return {Element} The dimensions controls.
  */
 function DimensionsTool({
   panelId,
@@ -87,7 +88,7 @@ function DimensionsTool({
   // as a custom aspect ratio.
   const aspectRatioValue = width && height ? 'custom' : lastAspectRatio;
   const showScaleControl = aspectRatio || width && height;
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_aspectRatioTool.default, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_aspectRatioTool.default, {
     panelId: panelId,
     options: aspectRatioOptions,
     defaultValue: defaultAspectRatio,
@@ -124,7 +125,7 @@ function DimensionsTool({
       }
       onChange(nextValue);
     }
-  }), showScaleControl && (0, _element.createElement)(_scaleTool.default, {
+  }), showScaleControl && (0, _react.createElement)(_scaleTool.default, {
     panelId: panelId,
     options: scaleOptions,
     defaultValue: defaultScale,
@@ -146,7 +147,7 @@ function DimensionsTool({
       }
       onChange(nextValue);
     }
-  }), (0, _element.createElement)(_widthHeightTool.default, {
+  }), (0, _react.createElement)(_widthHeightTool.default, {
     panelId: panelId,
     units: unitsOptions,
     value: {

package/build/components/dimensions-tool/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_aspectRatioTool","_interopRequireDefault","_scaleTool","_widthHeightTool","DimensionsTool","panelId","value","onChange","aspectRatioOptions","defaultAspectRatio","scaleOptions","defaultScale","unitsOptions","width","undefined","height","aspectRatio","scale","lastScale","setLastScale","useState","lastAspectRatio","setLastAspectRatio","aspectRatioValue","showScaleControl","createElement","Fragment","default","options","defaultValue","nextAspectRatio","nextValue","nextScale","units","nextWidth","nextHeight","_default","exports"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport AspectRatioTool from './aspect-ratio-tool';\nimport ScaleTool from './scale-tool';\nimport WidthHeightTool from './width-height-tool';\n\n/\n @typedef {import('@wordpress/components/build-types/select-control/types').SelectControlProps} SelectControlProps\n /\n\n/\n @typedef {import('@wordpress/components/build-types/unit-control/types').WPUnitControlUnit} WPUnitControlUnit\n /\n\n/\n @typedef {Object} Dimensions\n * @property {string} [width] CSS width property.\n * @property {string} [height] CSS height property.\n * @property {string} [scale] CSS object-fit property.\n * @property {string} [aspectRatio] CSS aspect-ratio property.\n /\n\n/\n @callback DimensionsControlsOnChange\n * @param {Dimensions} nextValue\n * @return {void}\n /\n\n/\n @typedef {Object} DimensionsControlsProps\n * @property {string} [panelId] ID of the panel that contains the controls.\n * @property {Dimensions} [value] Current dimensions values.\n * @property {DimensionsControlsOnChange} [onChange] Callback to update the dimensions values.\n * @property {SelectControlProps[]} [aspectRatioOptions] Aspect ratio options.\n * @property {SelectControlProps[]} [scaleOptions] Scale options.\n * @property {WPUnitControlUnit[]} [unitsOptions] Units options.\n /\n\n/\n Component that renders controls to edit the dimensions of an image or container.\n \n @param {DimensionsControlsProps} props The component props.\n \n @return {WPElement} The dimensions controls.\n */\nfunction DimensionsTool( {\n\tpanelId,\n\tvalue = {},\n\tonChange = () => {},\n\taspectRatioOptions, // Default options handled by AspectRatioTool.\n\tdefaultAspectRatio = 'auto', // Match CSS default value for aspect-ratio.\n\tscaleOptions, // Default options handled by ScaleTool.\n\tdefaultScale = 'fill', // Match CSS default value for object-fit.\n\tunitsOptions, // Default options handled by UnitControl.\n} ) {\n\t// Coerce undefined and CSS default values to be null.\n\tconst width =\n\t\tvalue.width === undefined \|\| value.width === 'auto'\n\t\t\t? null\n\t\t\t: value.width;\n\tconst height =\n\t\tvalue.height === undefined \|\| value.height === 'auto'\n\t\t\t? null\n\t\t\t: value.height;\n\tconst aspectRatio =\n\t\tvalue.aspectRatio === undefined \|\| value.aspectRatio === 'auto'\n\t\t\t? null\n\t\t\t: value.aspectRatio;\n\tconst scale =\n\t\tvalue.scale === undefined \|\| value.scale === 'fill'\n\t\t\t? null\n\t\t\t: value.scale;\n\n\t// Keep track of state internally, so when the value is cleared by means\n\t// other than directly editing that field, it's easier to restore the\n\t// previous value.\n\tconst [ lastScale, setLastScale ] = useState( scale );\n\tconst [ lastAspectRatio, setLastAspectRatio ] = useState( aspectRatio );\n\n\t// 'custom' is not a valid value for CSS aspect-ratio, but it is used in the\n\t// dropdown to indicate that setting both the width and height is the same\n\t// as a custom aspect ratio.\n\tconst aspectRatioValue = width && height ? 'custom' : lastAspectRatio;\n\n\tconst showScaleControl = aspectRatio \|\| ( width && height );\n\n\treturn (\n\t\t<>\n\t\t\t<AspectRatioTool\n\t\t\t\tpanelId={ panelId }\n\t\t\t\toptions={ aspectRatioOptions }\n\t\t\t\tdefaultValue={ defaultAspectRatio }\n\t\t\t\tvalue={ aspectRatioValue }\n\t\t\t\tonChange={ ( nextAspectRatio ) => {\n\t\t\t\t\tconst nextValue = { ...value };\n\n\t\t\t\t\t// 'auto' is CSS default, so it gets treated as null.\n\t\t\t\t\tnextAspectRatio =\n\t\t\t\t\t\tnextAspectRatio === 'auto' ? null : nextAspectRatio;\n\n\t\t\t\t\tsetLastAspectRatio( nextAspectRatio );\n\n\t\t\t\t\t// Update aspectRatio.\n\t\t\t\t\tif ( ! nextAspectRatio ) {\n\t\t\t\t\t\tdelete nextValue.aspectRatio;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.aspectRatio = nextAspectRatio;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Auto-update scale.\n\t\t\t\t\tif ( ! nextAspectRatio ) {\n\t\t\t\t\t\tdelete nextValue.scale;\n\t\t\t\t\t} else if ( lastScale ) {\n\t\t\t\t\t\tnextValue.scale = lastScale;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.scale = defaultScale;\n\t\t\t\t\t\tsetLastScale( defaultScale );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Auto-update width and height.\n\t\t\t\t\tif ( 'custom' !== nextAspectRatio && width && height ) {\n\t\t\t\t\t\tdelete nextValue.height;\n\t\t\t\t\t}\n\n\t\t\t\t\tonChange( nextValue );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ScaleTool\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t\toptions={ scaleOptions }\n\t\t\t\t\tdefaultValue={ defaultScale }\n\t\t\t\t\tvalue={ lastScale }\n\t\t\t\t\tonChange={ ( nextScale ) => {\n\t\t\t\t\t\tconst nextValue = { ...value };\n\n\t\t\t\t\t\t// 'fill' is CSS default, so it gets treated as null.\n\t\t\t\t\t\tnextScale = nextScale === 'fill' ? null : nextScale;\n\n\t\t\t\t\t\tsetLastScale( nextScale );\n\n\t\t\t\t\t\t// Update scale.\n\t\t\t\t\t\tif ( ! nextScale ) {\n\t\t\t\t\t\t\tdelete nextValue.scale;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnextValue.scale = nextScale;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonChange( nextValue );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<WidthHeightTool\n\t\t\t\tpanelId={ panelId }\n\t\t\t\tunits={ unitsOptions }\n\t\t\t\tvalue={ { width, height } }\n\t\t\t\tonChange={ ( { width: nextWidth, height: nextHeight } ) => {\n\t\t\t\t\tconst nextValue = { ...value };\n\n\t\t\t\t\t// 'auto' is CSS default, so it gets treated as null.\n\t\t\t\t\tnextWidth = nextWidth === 'auto' ? null : nextWidth;\n\t\t\t\t\tnextHeight = nextHeight === 'auto' ? null : nextHeight;\n\n\t\t\t\t\t// Update width.\n\t\t\t\t\tif ( ! nextWidth ) {\n\t\t\t\t\t\tdelete nextValue.width;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.width = nextWidth;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update height.\n\t\t\t\t\tif ( ! nextHeight ) {\n\t\t\t\t\t\tdelete nextValue.height;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.height = nextHeight;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Auto-update aspectRatio.\n\t\t\t\t\tif ( nextWidth && nextHeight ) {\n\t\t\t\t\t\tdelete nextValue.aspectRatio;\n\t\t\t\t\t} else if ( lastAspectRatio ) {\n\t\t\t\t\t\tnextValue.aspectRatio = lastAspectRatio;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// No setting defaultAspectRatio here, because\n\t\t\t\t\t\t// aspectRatio is optional in this scenario,\n\t\t\t\t\t\t// unlike scale.\n\t\t\t\t\t}\n\n\t\t\t\t\t// Auto-update scale.\n\t\t\t\t\tif ( ! lastAspectRatio && !! nextWidth !== !! nextHeight ) {\n\t\t\t\t\t\tdelete nextValue.scale;\n\t\t\t\t\t} else if ( lastScale ) {\n\t\t\t\t\t\tnextValue.scale = lastScale;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.scale = defaultScale;\n\t\t\t\t\t\tsetLastScale( defaultScale );\n\t\t\t\t\t}\n\n\t\t\t\t\tonChange( nextValue );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default DimensionsTool;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_element","require","_aspectRatioTool","_interopRequireDefault","_scaleTool","_widthHeightTool","DimensionsTool","panelId","value","onChange","aspectRatioOptions","defaultAspectRatio","scaleOptions","defaultScale","unitsOptions","width","undefined","height","aspectRatio","scale","lastScale","setLastScale","useState","lastAspectRatio","setLastAspectRatio","aspectRatioValue","showScaleControl","_react","createElement","Fragment","default","options","defaultValue","nextAspectRatio","nextValue","nextScale","units","nextWidth","nextHeight","_default","exports"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport AspectRatioTool from './aspect-ratio-tool';\nimport ScaleTool from './scale-tool';\nimport WidthHeightTool from './width-height-tool';\n\n/\n @typedef {import('@wordpress/components/build-types/select-control/types').SelectControlProps} SelectControlProps\n /\n\n/\n @typedef {import('@wordpress/components/build-types/unit-control/types').WPUnitControlUnit} WPUnitControlUnit\n /\n\n/\n @typedef {Object} Dimensions\n * @property {string} [width] CSS width property.\n * @property {string} [height] CSS height property.\n * @property {string} [scale] CSS object-fit property.\n * @property {string} [aspectRatio] CSS aspect-ratio property.\n /\n\n/\n @callback DimensionsControlsOnChange\n * @param {Dimensions} nextValue\n * @return {void}\n /\n\n/\n @typedef {Object} DimensionsControlsProps\n * @property {string} [panelId] ID of the panel that contains the controls.\n * @property {Dimensions} [value] Current dimensions values.\n * @property {DimensionsControlsOnChange} [onChange] Callback to update the dimensions values.\n * @property {SelectControlProps[]} [aspectRatioOptions] Aspect ratio options.\n * @property {SelectControlProps[]} [scaleOptions] Scale options.\n * @property {WPUnitControlUnit[]} [unitsOptions] Units options.\n /\n\n/\n Component that renders controls to edit the dimensions of an image or container.\n \n @param {DimensionsControlsProps} props The component props.\n \n @return {Element} The dimensions controls.\n */\nfunction DimensionsTool( {\n\tpanelId,\n\tvalue = {},\n\tonChange = () => {},\n\taspectRatioOptions, // Default options handled by AspectRatioTool.\n\tdefaultAspectRatio = 'auto', // Match CSS default value for aspect-ratio.\n\tscaleOptions, // Default options handled by ScaleTool.\n\tdefaultScale = 'fill', // Match CSS default value for object-fit.\n\tunitsOptions, // Default options handled by UnitControl.\n} ) {\n\t// Coerce undefined and CSS default values to be null.\n\tconst width =\n\t\tvalue.width === undefined \|\| value.width === 'auto'\n\t\t\t? null\n\t\t\t: value.width;\n\tconst height =\n\t\tvalue.height === undefined \|\| value.height === 'auto'\n\t\t\t? null\n\t\t\t: value.height;\n\tconst aspectRatio =\n\t\tvalue.aspectRatio === undefined \|\| value.aspectRatio === 'auto'\n\t\t\t? null\n\t\t\t: value.aspectRatio;\n\tconst scale =\n\t\tvalue.scale === undefined \|\| value.scale === 'fill'\n\t\t\t? null\n\t\t\t: value.scale;\n\n\t// Keep track of state internally, so when the value is cleared by means\n\t// other than directly editing that field, it's easier to restore the\n\t// previous value.\n\tconst [ lastScale, setLastScale ] = useState( scale );\n\tconst [ lastAspectRatio, setLastAspectRatio ] = useState( aspectRatio );\n\n\t// 'custom' is not a valid value for CSS aspect-ratio, but it is used in the\n\t// dropdown to indicate that setting both the width and height is the same\n\t// as a custom aspect ratio.\n\tconst aspectRatioValue = width && height ? 'custom' : lastAspectRatio;\n\n\tconst showScaleControl = aspectRatio \|\| ( width && height );\n\n\treturn (\n\t\t<>\n\t\t\t<AspectRatioTool\n\t\t\t\tpanelId={ panelId }\n\t\t\t\toptions={ aspectRatioOptions }\n\t\t\t\tdefaultValue={ defaultAspectRatio }\n\t\t\t\tvalue={ aspectRatioValue }\n\t\t\t\tonChange={ ( nextAspectRatio ) => {\n\t\t\t\t\tconst nextValue = { ...value };\n\n\t\t\t\t\t// 'auto' is CSS default, so it gets treated as null.\n\t\t\t\t\tnextAspectRatio =\n\t\t\t\t\t\tnextAspectRatio === 'auto' ? null : nextAspectRatio;\n\n\t\t\t\t\tsetLastAspectRatio( nextAspectRatio );\n\n\t\t\t\t\t// Update aspectRatio.\n\t\t\t\t\tif ( ! nextAspectRatio ) {\n\t\t\t\t\t\tdelete nextValue.aspectRatio;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.aspectRatio = nextAspectRatio;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Auto-update scale.\n\t\t\t\t\tif ( ! nextAspectRatio ) {\n\t\t\t\t\t\tdelete nextValue.scale;\n\t\t\t\t\t} else if ( lastScale ) {\n\t\t\t\t\t\tnextValue.scale = lastScale;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.scale = defaultScale;\n\t\t\t\t\t\tsetLastScale( defaultScale );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Auto-update width and height.\n\t\t\t\t\tif ( 'custom' !== nextAspectRatio && width && height ) {\n\t\t\t\t\t\tdelete nextValue.height;\n\t\t\t\t\t}\n\n\t\t\t\t\tonChange( nextValue );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ScaleTool\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t\toptions={ scaleOptions }\n\t\t\t\t\tdefaultValue={ defaultScale }\n\t\t\t\t\tvalue={ lastScale }\n\t\t\t\t\tonChange={ ( nextScale ) => {\n\t\t\t\t\t\tconst nextValue = { ...value };\n\n\t\t\t\t\t\t// 'fill' is CSS default, so it gets treated as null.\n\t\t\t\t\t\tnextScale = nextScale === 'fill' ? null : nextScale;\n\n\t\t\t\t\t\tsetLastScale( nextScale );\n\n\t\t\t\t\t\t// Update scale.\n\t\t\t\t\t\tif ( ! nextScale ) {\n\t\t\t\t\t\t\tdelete nextValue.scale;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnextValue.scale = nextScale;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonChange( nextValue );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<WidthHeightTool\n\t\t\t\tpanelId={ panelId }\n\t\t\t\tunits={ unitsOptions }\n\t\t\t\tvalue={ { width, height } }\n\t\t\t\tonChange={ ( { width: nextWidth, height: nextHeight } ) => {\n\t\t\t\t\tconst nextValue = { ...value };\n\n\t\t\t\t\t// 'auto' is CSS default, so it gets treated as null.\n\t\t\t\t\tnextWidth = nextWidth === 'auto' ? null : nextWidth;\n\t\t\t\t\tnextHeight = nextHeight === 'auto' ? null : nextHeight;\n\n\t\t\t\t\t// Update width.\n\t\t\t\t\tif ( ! nextWidth ) {\n\t\t\t\t\t\tdelete nextValue.width;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.width = nextWidth;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Update height.\n\t\t\t\t\tif ( ! nextHeight ) {\n\t\t\t\t\t\tdelete nextValue.height;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.height = nextHeight;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Auto-update aspectRatio.\n\t\t\t\t\tif ( nextWidth && nextHeight ) {\n\t\t\t\t\t\tdelete nextValue.aspectRatio;\n\t\t\t\t\t} else if ( lastAspectRatio ) {\n\t\t\t\t\t\tnextValue.aspectRatio = lastAspectRatio;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// No setting defaultAspectRatio here, because\n\t\t\t\t\t\t// aspectRatio is optional in this scenario,\n\t\t\t\t\t\t// unlike scale.\n\t\t\t\t\t}\n\n\t\t\t\t\t// Auto-update scale.\n\t\t\t\t\tif ( ! lastAspectRatio && !! nextWidth !== !! nextHeight ) {\n\t\t\t\t\t\tdelete nextValue.scale;\n\t\t\t\t\t} else if ( lastScale ) {\n\t\t\t\t\t\tnextValue.scale = lastScale;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnextValue.scale = defaultScale;\n\t\t\t\t\t\tsetLastScale( defaultScale );\n\t\t\t\t\t}\n\n\t\t\t\t\tonChange( nextValue );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default DimensionsTool;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,gBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,cAAcA,CAAE;EACxBC,OAAO;EACPC,KAAK,GAAG,CAAC,CAAC;EACVC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC,kBAAkB;EAAE;EACpBC,kBAAkB,GAAG,MAAM;EAAE;EAC7BC,YAAY;EAAE;EACdC,YAAY,GAAG,MAAM;EAAE;EACvBC,YAAY,CAAE;AACf,CAAC,EAAG;EACH;EACA,MAAMC,KAAK,GACVP,KAAK,CAACO,KAAK,KAAKC,SAAS,IAAIR,KAAK,CAACO,KAAK,KAAK,MAAM,GAChD,IAAI,GACJP,KAAK,CAACO,KAAK;EACf,MAAME,MAAM,GACXT,KAAK,CAACS,MAAM,KAAKD,SAAS,IAAIR,KAAK,CAACS,MAAM,KAAK,MAAM,GAClD,IAAI,GACJT,KAAK,CAACS,MAAM;EAChB,MAAMC,WAAW,GAChBV,KAAK,CAACU,WAAW,KAAKF,SAAS,IAAIR,KAAK,CAACU,WAAW,KAAK,MAAM,GAC5D,IAAI,GACJV,KAAK,CAACU,WAAW;EACrB,MAAMC,KAAK,GACVX,KAAK,CAACW,KAAK,KAAKH,SAAS,IAAIR,KAAK,CAACW,KAAK,KAAK,MAAM,GAChD,IAAI,GACJX,KAAK,CAACW,KAAK;;EAEf;EACA;EACA;EACA,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAEH,KAAM,CAAC;EACrD,MAAM,CAAEI,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAF,iBAAQ,EAAEJ,WAAY,CAAC;;EAEvE;EACA;EACA;EACA,MAAMO,gBAAgB,GAAGV,KAAK,IAAIE,MAAM,GAAG,QAAQ,GAAGM,eAAe;EAErE,MAAMG,gBAAgB,GAAGR,WAAW,IAAMH,KAAK,IAAIE,MAAQ;EAE3D,OACC,IAAAU,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAC1B,gBAAA,CAAA4B,OAAe;IACfvB,OAAO,EAAGA,OAAS;IACnBwB,OAAO,EAAGrB,kBAAoB;IAC9BsB,YAAY,EAAGrB,kBAAoB;IACnCH,KAAK,EAAGiB,gBAAkB;IAC1BhB,QAAQ,EAAKwB,eAAe,IAAM;MACjC,MAAMC,SAAS,GAAG;QAAE,GAAG1B;MAAM,CAAC;;MAE9B;MACAyB,eAAe,GACdA,eAAe,KAAK,MAAM,GAAG,IAAI,GAAGA,eAAe;MAEpDT,kBAAkB,CAAES,eAAgB,CAAC;;MAErC;MACA,IAAK,CAAEA,eAAe,EAAG;QACxB,OAAOC,SAAS,CAAChB,WAAW;MAC7B,CAAC,MAAM;QACNgB,SAAS,CAAChB,WAAW,GAAGe,eAAe;MACxC;;MAEA;MACA,IAAK,CAAEA,eAAe,EAAG;QACxB,OAAOC,SAAS,CAACf,KAAK;MACvB,CAAC,MAAM,IAAKC,SAAS,EAAG;QACvBc,SAAS,CAACf,KAAK,GAAGC,SAAS;MAC5B,CAAC,MAAM;QACNc,SAAS,CAACf,KAAK,GAAGN,YAAY;QAC9BQ,YAAY,CAAER,YAAa,CAAC;MAC7B;;MAEA;MACA,IAAK,QAAQ,KAAKoB,eAAe,IAAIlB,KAAK,IAAIE,MAAM,EAAG;QACtD,OAAOiB,SAAS,CAACjB,MAAM;MACxB;MAEAR,QAAQ,CAAEyB,SAAU,CAAC;IACtB;EAAG,CACH,CAAC,EACAR,gBAAgB,IACjB,IAAAC,MAAA,CAAAC,aAAA,EAACxB,UAAA,CAAA0B,OAAS;IACTvB,OAAO,EAAGA,OAAS;IACnBwB,OAAO,EAAGnB,YAAc;IACxBoB,YAAY,EAAGnB,YAAc;IAC7BL,KAAK,EAAGY,SAAW;IACnBX,QAAQ,EAAK0B,SAAS,IAAM;MAC3B,MAAMD,SAAS,GAAG;QAAE,GAAG1B;MAAM,CAAC;;MAE9B;MACA2B,SAAS,GAAGA,SAAS,KAAK,MAAM,GAAG,IAAI,GAAGA,SAAS;MAEnDd,YAAY,CAAEc,SAAU,CAAC;;MAEzB;MACA,IAAK,CAAEA,SAAS,EAAG;QAClB,OAAOD,SAAS,CAACf,KAAK;MACvB,CAAC,MAAM;QACNe,SAAS,CAACf,KAAK,GAAGgB,SAAS;MAC5B;MAEA1B,QAAQ,CAAEyB,SAAU,CAAC;IACtB;EAAG,CACH,CACD,EACD,IAAAP,MAAA,CAAAC,aAAA,EAACvB,gBAAA,CAAAyB,OAAe;IACfvB,OAAO,EAAGA,OAAS;IACnB6B,KAAK,EAAGtB,YAAc;IACtBN,KAAK,EAAG;MAAEO,KAAK;MAAEE;IAAO,CAAG;IAC3BR,QAAQ,EAAGA,CAAE;MAAEM,KAAK,EAAEsB,SAAS;MAAEpB,MAAM,EAAEqB;IAAW,CAAC,KAAM;MAC1D,MAAMJ,SAAS,GAAG;QAAE,GAAG1B;MAAM,CAAC;;MAE9B;MACA6B,SAAS,GAAGA,SAAS,KAAK,MAAM,GAAG,IAAI,GAAGA,SAAS;MACnDC,UAAU,GAAGA,UAAU,KAAK,MAAM,GAAG,IAAI,GAAGA,UAAU;;MAEtD;MACA,IAAK,CAAED,SAAS,EAAG;QAClB,OAAOH,SAAS,CAACnB,KAAK;MACvB,CAAC,MAAM;QACNmB,SAAS,CAACnB,KAAK,GAAGsB,SAAS;MAC5B;;MAEA;MACA,IAAK,CAAEC,UAAU,EAAG;QACnB,OAAOJ,SAAS,CAACjB,MAAM;MACxB,CAAC,MAAM;QACNiB,SAAS,CAACjB,MAAM,GAAGqB,UAAU;MAC9B;;MAEA;MACA,IAAKD,SAAS,IAAIC,UAAU,EAAG;QAC9B,OAAOJ,SAAS,CAAChB,WAAW;MAC7B,CAAC,MAAM,IAAKK,eAAe,EAAG;QAC7BW,SAAS,CAAChB,WAAW,GAAGK,eAAe;MACxC,CAAC,MAAM;QACN;QACA;QACA;MAAA;;MAGD;MACA,IAAK,CAAEA,eAAe,IAAI,CAAC,CAAEc,SAAS,KAAK,CAAC,CAAEC,UAAU,EAAG;QAC1D,OAAOJ,SAAS,CAACf,KAAK;MACvB,CAAC,MAAM,IAAKC,SAAS,EAAG;QACvBc,SAAS,CAACf,KAAK,GAAGC,SAAS;MAC5B,CAAC,MAAM;QACNc,SAAS,CAACf,KAAK,GAAGN,YAAY;QAC9BQ,YAAY,CAAER,YAAa,CAAC;MAC7B;MAEAJ,QAAQ,CAAEyB,SAAU,CAAC;IACtB;EAAG,CACH,CACA,CAAC;AAEL;AAAC,IAAAK,QAAA,GAEcjC,cAAc;AAAAkC,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

package/build/components/dimensions-tool/scale-tool.js CHANGED Viewed

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ScaleTool;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
@@ -68,7 +69,7 @@ const DEFAULT_SCALE_OPTIONS = [{
  *
  * @param {ScaleToolProps} props
  *
- * @return {import('@wordpress/element').WPElement} The scale tool.
+ * @return {import('react').ReactElement} The scale tool.
  */
 function ScaleTool({
   panelId,
@@ -86,20 +87,20 @@ function ScaleTool({
       return acc;
     }, {});
   }, [options]);
-  return (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  return (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     label: (0, _i18n.__)('Scale'),
     isShownByDefault: isShownByDefault,
     hasValue: () => displayValue !== defaultValue,
     onDeselect: () => onChange(defaultValue),
     panelId: panelId
-  }, (0, _element.createElement)(_components.__experimentalToggleGroupControl, {
+  }, (0, _react.createElement)(_components.__experimentalToggleGroupControl, {
     label: (0, _i18n.__)('Scale'),
     isBlock: true,
     help: scaleHelp[displayValue],
     value: displayValue,
     onChange: onChange,
     __nextHasNoMarginBottom: true
-  }, options.map(option => (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }, options.map(option => (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     key: option.value,
     ...option
   }))));

package/build/components/dimensions-tool/scale-tool.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_components~~","_i18n","DEFAULT_SCALE_OPTIONS","value","label","_x","help","__","ScaleTool","panelId","onChange","options","defaultValue","isShownByDefault","displayValue","scaleHelp","useMemo","reduce","acc","option","createElement","__experimentalToolsPanelItem","hasValue","onDeselect","__experimentalToggleGroupControl","isBlock","__nextHasNoMarginBottom","map","__experimentalToggleGroupControlOption","key"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/scale-tool.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\n\n/\n @typedef {import('@wordpress/components/build-types/select-control/types').SelectControlProps} SelectControlProps\n /\n\n/\n The descriptions are purposely made generic as object-fit could be used for\n * any replaced element. Provide your own set of options if you need different\n * help text or labels.\n \n @see https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element\n \n @type {SelectControlProps[]}\n /\nconst DEFAULT_SCALE_OPTIONS = [\n\t{\n\t\tvalue: 'fill',\n\t\tlabel: _x( 'Fill', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Fill the space by stretching the content.' ),\n\t},\n\t{\n\t\tvalue: 'contain',\n\t\tlabel: _x( 'Contain', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Fit the content to the space without clipping.' ),\n\t},\n\t{\n\t\tvalue: 'cover',\n\t\tlabel: _x( 'Cover', 'Scale option for dimensions control' ),\n\t\thelp: __( \"Fill the space by clipping what doesn't fit.\" ),\n\t},\n\t{\n\t\tvalue: 'none',\n\t\tlabel: _x( 'None', 'Scale option for dimensions control' ),\n\t\thelp: __(\n\t\t\t'Do not adjust the sizing of the content. Content that is too large will be clipped, and content that is too small will have additional padding.'\n\t\t),\n\t},\n\t{\n\t\tvalue: 'scale-down',\n\t\tlabel: _x( 'Scale down', 'Scale option for dimensions control' ),\n\t\thelp: __(\n\t\t\t'Scale down the content to fit the space if it is too big. Content that is too small will have additional padding.'\n\t\t),\n\t},\n];\n\n/\n @callback ScaleToolPropsOnChange\n * @param {string} nextValue New scale value.\n * @return {void}\n /\n\n/\n @typedef {Object} ScaleToolProps\n * @property {string} [panelId] ID of the panel that contains the controls.\n * @property {string} [value] Current scale value.\n * @property {ScaleToolPropsOnChange} [onChange] Callback to update the scale value.\n * @property {SelectControlProps[]} [options] Scale options.\n * @property {string} [defaultValue] Default scale value.\n * @property {boolean} [showControl=true] Whether to show the control.\n * @property {boolean} [isShownByDefault=true] Whether the tool panel is shown by default.\n /\n\n/\n A tool to select the CSS object-fit property for the image.\n \n @param {ScaleToolProps} props\n \n @return {import('~~@wordpress/element~~').~~WPElement~~} The scale tool.\n */\nexport default function ScaleTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SCALE_OPTIONS,\n\tdefaultValue = DEFAULT_SCALE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n} ) {\n\t// Match the CSS default so if the value is used directly in CSS it will look correct in the control.\n\tconst displayValue = value ?? 'fill';\n\n\tconst scaleHelp = useMemo( () => {\n\t\treturn options.reduce( ( acc, option ) => {\n\t\t\tacc[ option.value ] = option.help;\n\t\t\treturn acc;\n\t\t}, {} );\n\t}, [ options ] );\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tlabel={ __( 'Scale' ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<ToggleGroupControl\n\t\t\t\tlabel={ __( 'Scale' ) }\n\t\t\t\tisBlock\n\t\t\t\thelp={ scaleHelp[ displayValue ] }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\tonChange={ onChange }\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t>\n\t\t\t\t{ options.map( ( option ) => (\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\t{ ...option }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ToggleGroupControl>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],"mappings":"~~;;;;;;AAQA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AALA~~,IAAAC,~~WAAA~~,GAAAD,OAAA;~~AAMA~~,IAAAE,KAAA,GAAAF,OAAA;AATA;AACA;AACA;;AASA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,qBAAqB,GAAG,CAC7B;EACCC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,IAAAC,QAAE,EAAE,MAAM,EAAE,qCAAsC,CAAC;EAC1DC,IAAI,EAAE,IAAAC,QAAE,EAAE,2CAA4C;AACvD,CAAC,EACD;EACCJ,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,IAAAC,QAAE,EAAE,SAAS,EAAE,qCAAsC,CAAC;EAC7DC,IAAI,EAAE,IAAAC,QAAE,EAAE,gDAAiD;AAC5D,CAAC,EACD;EACCJ,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAO,EAAE,qCAAsC,CAAC;EAC3DC,IAAI,EAAE,IAAAC,QAAE,EAAE,8CAA+C;AAC1D,CAAC,EACD;EACCJ,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,IAAAC,QAAE,EAAE,MAAM,EAAE,qCAAsC,CAAC;EAC1DC,IAAI,EAAE,IAAAC,QAAE,EACP,iJACD;AACD,CAAC,EACD;EACCJ,KAAK,EAAE,YAAY;EACnBC,KAAK,EAAE,IAAAC,QAAE,EAAE,YAAY,EAAE,qCAAsC,CAAC;EAChEC,IAAI,EAAE,IAAAC,QAAE,EACP,mHACD;AACD,CAAC,CACD;;AAED;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,SAASA,CAAE;EAClCC,OAAO;EACPN,KAAK;EACLO,QAAQ;EACRC,OAAO,GAAGT,qBAAqB;EAC/BU,YAAY,GAAGV,qBAAqB,CAAE,CAAC,CAAE,CAACC,KAAK;EAC/CU,gBAAgB,GAAG;AACpB,CAAC,EAAG;EACH;EACA,MAAMC,YAAY,GAAGX,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,MAAM;EAEpC,MAAMY,SAAS,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAChC,OAAOL,OAAO,CAACM,MAAM,CAAE,CAAEC,GAAG,EAAEC,MAAM,KAAM;MACzCD,GAAG,CAAEC,MAAM,CAAChB,KAAK,CAAE,GAAGgB,MAAM,CAACb,IAAI;MACjC,OAAOY,GAAG;IACX,CAAC,EAAE,CAAC,CAAE,CAAC;EACR,CAAC,EAAE,CAAEP,OAAO,CAAG,CAAC;EAEhB,OACC,~~IAAAb~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACpB~~,WAAA,~~CAAAqB~~,4BAAc;~~IACdjB~~,KAAK,EAAG,IAAAG,QAAE,EAAE,OAAQ,CAAG;IACvBM,gBAAgB,EAAGA,gBAAkB;~~IACrCS~~,QAAQ,EAAGA,CAAA,~~KAAMR~~,YAAY,KAAKF,YAAc;~~IAChDW~~,UAAU,EAAGA,CAAA,~~KAAMb~~,QAAQ,CAAEE,YAAa,CAAG;IAC7CH,OAAO,EAAGA;EAAS,GAEnB,~~IAAAX~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACpB~~,WAAA,~~CAAAwB~~,gCAAkB;~~IAClBpB~~,KAAK,EAAG,IAAAG,QAAE,EAAE,OAAQ,CAAG;~~IACvBkB~~,OAAO;~~IACPnB~~,IAAI,EAAGS,SAAS,CAAED,YAAY,CAAI;IAClCX,KAAK,EAAGW,YAAc;IACtBJ,QAAQ,EAAGA,QAAU;~~IACrBgB~~,uBAAuB;EAAA,~~GAErBf~~,OAAO,~~CAACgB~~,GAAG,~~CAAIR~~,MAAM,IACtB,~~IAAArB~~,~~QAAA~~,~~CAAAsB~~,aAAA,~~EAACpB~~,WAAA,~~CAAA4B~~,sCAAwB;IACxBC,GAAG,~~EAAGV~~,MAAM,CAAChB,KAAO;IAAA,GACfgB;EAAM,CACX,CACA,CACiB,CACL,CAAC;AAEnB"}
1	+ {"version":3,"names":["_components","require","_element","_i18n","DEFAULT_SCALE_OPTIONS","value","label","_x","help","__","ScaleTool","panelId","onChange","options","defaultValue","isShownByDefault","displayValue","scaleHelp","useMemo","reduce","acc","option","_react","createElement","__experimentalToolsPanelItem","hasValue","onDeselect","__experimentalToggleGroupControl","isBlock","__nextHasNoMarginBottom","map","__experimentalToggleGroupControlOption","key"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/scale-tool.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\n\n/\n @typedef {import('@wordpress/components/build-types/select-control/types').SelectControlProps} SelectControlProps\n /\n\n/\n The descriptions are purposely made generic as object-fit could be used for\n * any replaced element. Provide your own set of options if you need different\n * help text or labels.\n \n @see https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element\n \n @type {SelectControlProps[]}\n /\nconst DEFAULT_SCALE_OPTIONS = [\n\t{\n\t\tvalue: 'fill',\n\t\tlabel: _x( 'Fill', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Fill the space by stretching the content.' ),\n\t},\n\t{\n\t\tvalue: 'contain',\n\t\tlabel: _x( 'Contain', 'Scale option for dimensions control' ),\n\t\thelp: __( 'Fit the content to the space without clipping.' ),\n\t},\n\t{\n\t\tvalue: 'cover',\n\t\tlabel: _x( 'Cover', 'Scale option for dimensions control' ),\n\t\thelp: __( \"Fill the space by clipping what doesn't fit.\" ),\n\t},\n\t{\n\t\tvalue: 'none',\n\t\tlabel: _x( 'None', 'Scale option for dimensions control' ),\n\t\thelp: __(\n\t\t\t'Do not adjust the sizing of the content. Content that is too large will be clipped, and content that is too small will have additional padding.'\n\t\t),\n\t},\n\t{\n\t\tvalue: 'scale-down',\n\t\tlabel: _x( 'Scale down', 'Scale option for dimensions control' ),\n\t\thelp: __(\n\t\t\t'Scale down the content to fit the space if it is too big. Content that is too small will have additional padding.'\n\t\t),\n\t},\n];\n\n/\n @callback ScaleToolPropsOnChange\n * @param {string} nextValue New scale value.\n * @return {void}\n /\n\n/\n @typedef {Object} ScaleToolProps\n * @property {string} [panelId] ID of the panel that contains the controls.\n * @property {string} [value] Current scale value.\n * @property {ScaleToolPropsOnChange} [onChange] Callback to update the scale value.\n * @property {SelectControlProps[]} [options] Scale options.\n * @property {string} [defaultValue] Default scale value.\n * @property {boolean} [showControl=true] Whether to show the control.\n * @property {boolean} [isShownByDefault=true] Whether the tool panel is shown by default.\n /\n\n/\n A tool to select the CSS object-fit property for the image.\n \n @param {ScaleToolProps} props\n \n @return {import('react').ReactElement} The scale tool.\n */\nexport default function ScaleTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SCALE_OPTIONS,\n\tdefaultValue = DEFAULT_SCALE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n} ) {\n\t// Match the CSS default so if the value is used directly in CSS it will look correct in the control.\n\tconst displayValue = value ?? 'fill';\n\n\tconst scaleHelp = useMemo( () => {\n\t\treturn options.reduce( ( acc, option ) => {\n\t\t\tacc[ option.value ] = option.help;\n\t\t\treturn acc;\n\t\t}, {} );\n\t}, [ options ] );\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tlabel={ __( 'Scale' ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<ToggleGroupControl\n\t\t\t\tlabel={ __( 'Scale' ) }\n\t\t\t\tisBlock\n\t\t\t\thelp={ scaleHelp[ displayValue ] }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\tonChange={ onChange }\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t>\n\t\t\t\t{ options.map( ( option ) => (\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tkey={ option.value }\n\t\t\t\t\t\t{ ...option }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ToggleGroupControl>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],"mappings":"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"}

package/build/components/dimensions-tool/width-height-tool.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WidthHeightTool;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -21,7 +21,7 @@ const SingleColumnToolsPanelItem = ( /*#__PURE__*/0, _base.default)(_components.
 } : {
   name: "957xgf",
   styles: "grid-column:span 1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvYmxvY2stZWRpdG9yL3NyYy9jb21wb25lbnRzL2RpbWVuc2lvbnMtdG9vbC93aWR0aC1oZWlnaHQtdG9vbC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMkQiLCJmaWxlIjoiQHdvcmRwcmVzcy9ibG9jay1lZGl0b3Ivc3JjL2NvbXBvbmVudHMvZGltZW5zaW9ucy10b29sL3dpZHRoLWhlaWdodC10b29sLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHtcblx0X19leHBlcmltZW50YWxUb29sc1BhbmVsSXRlbSBhcyBUb29sc1BhbmVsSXRlbSxcblx0X19leHBlcmltZW50YWxVbml0Q29udHJvbCBhcyBVbml0Q29udHJvbCxcbn0gZnJvbSAnQHdvcmRwcmVzcy9jb21wb25lbnRzJztcbmltcG9ydCB7IF9fIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgU2luZ2xlQ29sdW1uVG9vbHNQYW5lbEl0ZW0gPSBzdHlsZWQoIFRvb2xzUGFuZWxJdGVtIClgXG5cdGdyaWQtY29sdW1uOiBzcGFuIDE7XG5gO1xuXG4vKipcbiAqIEB0eXBlZGVmIHtpbXBvcnQoJ0B3b3JkcHJlc3MvY29tcG9uZW50cy9idWlsZC10eXBlcy91bml0LWNvbnRyb2wvdHlwZXMnKS5XUFVuaXRDb250cm9sVW5pdH0gV1BVbml0Q29udHJvbFVuaXRcbiAqL1xuXG4vKipcbiAqIEB0eXBlZGVmIHtPYmplY3R9IFdpZHRoSGVpZ2h0VG9vbFZhbHVlXG4gKiBAcHJvcGVydHkge3N0cmluZ30gW3dpZHRoXSAgV2lkdGggQ1NTIHZhbHVlLlxuICogQHByb3BlcnR5IHtzdHJpbmd9IFtoZWlnaHRdIEhlaWdodCBDU1MgdmFsdWUuXG4gKi9cblxuLyoqXG4gKiBAY2FsbGJhY2sgV2lkdGhIZWlnaHRUb29sT25DaGFuZ2VcbiAqIEBwYXJhbSB7V2lkdGhIZWlnaHRUb29sVmFsdWV9IG5leHRWYWx1ZSBOZXh0IGRpbWVuc2lvbnMgdmFsdWUuXG4gKiBAcmV0dXJuIHt2b2lkfVxuICovXG5cbi8qKlxuICogQHR5cGVkZWYge09iamVjdH0gV2lkdGhIZWlnaHRUb29sUHJvcHNcbiAqIEBwcm9wZXJ0eSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgIFtwYW5lbElkXSAgICAgICAgICBJRCBvZiB0aGUgcGFuZWwgdGhhdCBjb250YWlucyB0aGUgY29udHJvbHMuXG4gKiBAcHJvcGVydHkge1dpZHRoSGVpZ2h0VG9vbFZhbHVlfSAgICBbdmFsdWVdICAgICAgICAgICAgQ3VycmVudCBkaW1lbnNpb25zIHZhbHVlcy5cbiAqIEBwcm9wZXJ0eSB7V2lkdGhIZWlnaHRUb29sT25DaGFuZ2V9IFtvbkNoYW5nZV0gICAgICAgICBDYWxsYmFjayB0byB1cGRhdGUgdGhlIGRpbWVuc2lvbnMgdmFsdWVzLlxuICogQHByb3BlcnR5IHtXUFVuaXRDb250cm9sVW5pdFtdfSAgICAgW3VuaXRzXSAgICAgICAgICAgIFVuaXRzIG9wdGlvbnMuXG4gKiBAcHJvcGVydHkge2Jvb2xlYW59ICAgICAgICAgICAgICAgICBbaXNTaG93bkJ5RGVmYXVsdF0gV2hldGhlciB0aGUgcGFuZWwgaXMgc2hvd24gYnkgZGVmYXVsdC5cbiAqL1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IHJlbmRlcnMgY29udHJvbHMgdG8gZWRpdCB0aGUgZGltZW5zaW9ucyBvZiBhbiBpbWFnZSBvciBjb250YWluZXIuXG4gKlxuICogQHBhcmFtIHtXaWR0aEhlaWdodFRvb2xQcm9wc30gcHJvcHMgVGhlIGNvbXBvbmVudCBwcm9wcy5cbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ0B3b3JkcHJlc3MvZWxlbWVudCcpLldQRWxlbWVudH0gVGhlIHdpZHRoIGFuZCBoZWlnaHQgdG9vbC5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gV2lkdGhIZWlnaHRUb29sKCB7XG5cdHBhbmVsSWQsXG5cdHZhbHVlID0ge30sXG5cdG9uQ2hhbmdlID0gKCkgPT4ge30sXG5cdHVuaXRzLFxuXHRpc1Nob3duQnlEZWZhdWx0ID0gdHJ1ZSxcbn0gKSB7XG5cdC8vIG51bGwsIHVuZGVmaW5lZCwgYW5kICdhdXRvJyBhbGwgcmVwcmVzZW50IHRoZSBkZWZhdWx0IHZhbHVlLlxuXHRjb25zdCB3aWR0aCA9IHZhbHVlLndpZHRoID09PSAnYXV0bycgPyAnJyA6IHZhbHVlLndpZHRoID8/ICcnO1xuXHRjb25zdCBoZWlnaHQgPSB2YWx1ZS5oZWlnaHQgPT09ICdhdXRvJyA/ICcnIDogdmFsdWUuaGVpZ2h0ID8/ICcnO1xuXG5cdGNvbnN0IG9uRGltZW5zaW9uQ2hhbmdlID0gKCBkaW1lbnNpb24gKSA9PiAoIG5leHREaW1lbnNpb24gKSA9PiB7XG5cdFx0Y29uc3QgbmV4dFZhbHVlID0geyAuLi52YWx1ZSB9O1xuXHRcdC8vIEVtcHR5IHN0cmluZ3Mgb3IgdW5kZWZpbmVkIG1heSBiZSBwYXNzZWQgYW5kIGJvdGggcmVwcmVzZW50IHJlbW92aW5nIHRoZSB2YWx1ZS5cblx0XHRpZiAoICEgbmV4dERpbWVuc2lvbiApIHtcblx0XHRcdGRlbGV0ZSBuZXh0VmFsdWVbIGRpbWVuc2lvbiBdO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRuZXh0VmFsdWVbIGRpbWVuc2lvbiBdID0gbmV4dERpbWVuc2lvbjtcblx0XHR9XG5cdFx0b25DaGFuZ2UoIG5leHRWYWx1ZSApO1xuXHR9O1xuXG5cdHJldHVybiAoXG5cdFx0PD5cblx0XHRcdDxTaW5nbGVDb2x1bW5Ub29sc1BhbmVsSXRlbVxuXHRcdFx0XHRsYWJlbD17IF9fKCAnV2lkdGgnICkgfVxuXHRcdFx0XHRpc1Nob3duQnlEZWZhdWx0PXsgaXNTaG93bkJ5RGVmYXVsdCB9XG5cdFx0XHRcdGhhc1ZhbHVlPXsgKCkgPT4gd2lkdGggIT09ICcnIH1cblx0XHRcdFx0b25EZXNlbGVjdD17IG9uRGltZW5zaW9uQ2hhbmdlKCAnd2lkdGgnICkgfVxuXHRcdFx0XHRwYW5lbElkPXsgcGFuZWxJZCB9XG5cdFx0XHQ+XG5cdFx0XHRcdDxVbml0Q29udHJvbFxuXHRcdFx0XHRcdGxhYmVsPXsgX18oICdXaWR0aCcgKSB9XG5cdFx0XHRcdFx0cGxhY2Vob2xkZXI9eyBfXyggJ0F1dG8nICkgfVxuXHRcdFx0XHRcdGxhYmVsUG9zaXRpb249XCJ0b3BcIlxuXHRcdFx0XHRcdHVuaXRzPXsgdW5pdHMgfVxuXHRcdFx0XHRcdG1pbj17IDAgfVxuXHRcdFx0XHRcdHZhbHVlPXsgd2lkdGggfVxuXHRcdFx0XHRcdG9uQ2hhbmdlPXsgb25EaW1lbnNpb25DaGFuZ2UoICd3aWR0aCcgKSB9XG5cdFx0XHRcdFx0c2l6ZT17ICdfX3Vuc3RhYmxlLWxhcmdlJyB9XG5cdFx0XHRcdC8+XG5cdFx0XHQ8L1NpbmdsZUNvbHVtblRvb2xzUGFuZWxJdGVtPlxuXHRcdFx0PFNpbmdsZUNvbHVtblRvb2xzUGFuZWxJdGVtXG5cdFx0XHRcdGxhYmVsPXsgX18oICdIZWlnaHQnICkgfVxuXHRcdFx0XHRpc1Nob3duQnlEZWZhdWx0PXsgaXNTaG93bkJ5RGVmYXVsdCB9XG5cdFx0XHRcdGhhc1ZhbHVlPXsgKCkgPT4gaGVpZ2h0ICE9PSAnJyB9XG5cdFx0XHRcdG9uRGVzZWxlY3Q9eyBvbkRpbWVuc2lvbkNoYW5nZSggJ2hlaWdodCcgKSB9XG5cdFx0XHRcdHBhbmVsSWQ9eyBwYW5lbElkIH1cblx0XHRcdD5cblx0XHRcdFx0PFVuaXRDb250cm9sXG5cdFx0XHRcdFx0bGFiZWw9eyBfXyggJ0hlaWdodCcgKSB9XG5cdFx0XHRcdFx0cGxhY2Vob2xkZXI9eyBfXyggJ0F1dG8nICkgfVxuXHRcdFx0XHRcdGxhYmVsUG9zaXRpb249XCJ0b3BcIlxuXHRcdFx0XHRcdHVuaXRzPXsgdW5pdHMgfVxuXHRcdFx0XHRcdG1pbj17IDAgfVxuXHRcdFx0XHRcdHZhbHVlPXsgaGVpZ2h0IH1cblx0XHRcdFx0XHRvbkNoYW5nZT17IG9uRGltZW5zaW9uQ2hhbmdlKCAnaGVpZ2h0JyApIH1cblx0XHRcdFx0XHRzaXplPXsgJ19fdW5zdGFibGUtbGFyZ2UnIH1cblx0XHRcdFx0Lz5cblx0XHRcdDwvU2luZ2xlQ29sdW1uVG9vbHNQYW5lbEl0ZW0+XG5cdFx0PC8+XG5cdCk7XG59XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvYmxvY2stZWRpdG9yL3NyYy9jb21wb25lbnRzL2RpbWVuc2lvbnMtdG9vbC93aWR0aC1oZWlnaHQtdG9vbC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMkQiLCJmaWxlIjoiQHdvcmRwcmVzcy9ibG9jay1lZGl0b3Ivc3JjL2NvbXBvbmVudHMvZGltZW5zaW9ucy10b29sL3dpZHRoLWhlaWdodC10b29sLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHtcblx0X19leHBlcmltZW50YWxUb29sc1BhbmVsSXRlbSBhcyBUb29sc1BhbmVsSXRlbSxcblx0X19leHBlcmltZW50YWxVbml0Q29udHJvbCBhcyBVbml0Q29udHJvbCxcbn0gZnJvbSAnQHdvcmRwcmVzcy9jb21wb25lbnRzJztcbmltcG9ydCB7IF9fIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgU2luZ2xlQ29sdW1uVG9vbHNQYW5lbEl0ZW0gPSBzdHlsZWQoIFRvb2xzUGFuZWxJdGVtIClgXG5cdGdyaWQtY29sdW1uOiBzcGFuIDE7XG5gO1xuXG4vKipcbiAqIEB0eXBlZGVmIHtpbXBvcnQoJ0B3b3JkcHJlc3MvY29tcG9uZW50cy9idWlsZC10eXBlcy91bml0LWNvbnRyb2wvdHlwZXMnKS5XUFVuaXRDb250cm9sVW5pdH0gV1BVbml0Q29udHJvbFVuaXRcbiAqL1xuXG4vKipcbiAqIEB0eXBlZGVmIHtPYmplY3R9IFdpZHRoSGVpZ2h0VG9vbFZhbHVlXG4gKiBAcHJvcGVydHkge3N0cmluZ30gW3dpZHRoXSAgV2lkdGggQ1NTIHZhbHVlLlxuICogQHByb3BlcnR5IHtzdHJpbmd9IFtoZWlnaHRdIEhlaWdodCBDU1MgdmFsdWUuXG4gKi9cblxuLyoqXG4gKiBAY2FsbGJhY2sgV2lkdGhIZWlnaHRUb29sT25DaGFuZ2VcbiAqIEBwYXJhbSB7V2lkdGhIZWlnaHRUb29sVmFsdWV9IG5leHRWYWx1ZSBOZXh0IGRpbWVuc2lvbnMgdmFsdWUuXG4gKiBAcmV0dXJuIHt2b2lkfVxuICovXG5cbi8qKlxuICogQHR5cGVkZWYge09iamVjdH0gV2lkdGhIZWlnaHRUb29sUHJvcHNcbiAqIEBwcm9wZXJ0eSB7c3RyaW5nfSAgICAgICAgICAgICAgICAgIFtwYW5lbElkXSAgICAgICAgICBJRCBvZiB0aGUgcGFuZWwgdGhhdCBjb250YWlucyB0aGUgY29udHJvbHMuXG4gKiBAcHJvcGVydHkge1dpZHRoSGVpZ2h0VG9vbFZhbHVlfSAgICBbdmFsdWVdICAgICAgICAgICAgQ3VycmVudCBkaW1lbnNpb25zIHZhbHVlcy5cbiAqIEBwcm9wZXJ0eSB7V2lkdGhIZWlnaHRUb29sT25DaGFuZ2V9IFtvbkNoYW5nZV0gICAgICAgICBDYWxsYmFjayB0byB1cGRhdGUgdGhlIGRpbWVuc2lvbnMgdmFsdWVzLlxuICogQHByb3BlcnR5IHtXUFVuaXRDb250cm9sVW5pdFtdfSAgICAgW3VuaXRzXSAgICAgICAgICAgIFVuaXRzIG9wdGlvbnMuXG4gKiBAcHJvcGVydHkge2Jvb2xlYW59ICAgICAgICAgICAgICAgICBbaXNTaG93bkJ5RGVmYXVsdF0gV2hldGhlciB0aGUgcGFuZWwgaXMgc2hvd24gYnkgZGVmYXVsdC5cbiAqL1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IHJlbmRlcnMgY29udHJvbHMgdG8gZWRpdCB0aGUgZGltZW5zaW9ucyBvZiBhbiBpbWFnZSBvciBjb250YWluZXIuXG4gKlxuICogQHBhcmFtIHtXaWR0aEhlaWdodFRvb2xQcm9wc30gcHJvcHMgVGhlIGNvbXBvbmVudCBwcm9wcy5cbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuUmVhY3RFbGVtZW50fSBUaGUgd2lkdGggYW5kIGhlaWdodCB0b29sLlxuICovXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBXaWR0aEhlaWdodFRvb2woIHtcblx0cGFuZWxJZCxcblx0dmFsdWUgPSB7fSxcblx0b25DaGFuZ2UgPSAoKSA9PiB7fSxcblx0dW5pdHMsXG5cdGlzU2hvd25CeURlZmF1bHQgPSB0cnVlLFxufSApIHtcblx0Ly8gbnVsbCwgdW5kZWZpbmVkLCBhbmQgJ2F1dG8nIGFsbCByZXByZXNlbnQgdGhlIGRlZmF1bHQgdmFsdWUuXG5cdGNvbnN0IHdpZHRoID0gdmFsdWUud2lkdGggPT09ICdhdXRvJyA/ICcnIDogdmFsdWUud2lkdGggPz8gJyc7XG5cdGNvbnN0IGhlaWdodCA9IHZhbHVlLmhlaWdodCA9PT0gJ2F1dG8nID8gJycgOiB2YWx1ZS5oZWlnaHQgPz8gJyc7XG5cblx0Y29uc3Qgb25EaW1lbnNpb25DaGFuZ2UgPSAoIGRpbWVuc2lvbiApID0+ICggbmV4dERpbWVuc2lvbiApID0+IHtcblx0XHRjb25zdCBuZXh0VmFsdWUgPSB7IC4uLnZhbHVlIH07XG5cdFx0Ly8gRW1wdHkgc3RyaW5ncyBvciB1bmRlZmluZWQgbWF5IGJlIHBhc3NlZCBhbmQgYm90aCByZXByZXNlbnQgcmVtb3ZpbmcgdGhlIHZhbHVlLlxuXHRcdGlmICggISBuZXh0RGltZW5zaW9uICkge1xuXHRcdFx0ZGVsZXRlIG5leHRWYWx1ZVsgZGltZW5zaW9uIF07XG5cdFx0fSBlbHNlIHtcblx0XHRcdG5leHRWYWx1ZVsgZGltZW5zaW9uIF0gPSBuZXh0RGltZW5zaW9uO1xuXHRcdH1cblx0XHRvbkNoYW5nZSggbmV4dFZhbHVlICk7XG5cdH07XG5cblx0cmV0dXJuIChcblx0XHQ8PlxuXHRcdFx0PFNpbmdsZUNvbHVtblRvb2xzUGFuZWxJdGVtXG5cdFx0XHRcdGxhYmVsPXsgX18oICdXaWR0aCcgKSB9XG5cdFx0XHRcdGlzU2hvd25CeURlZmF1bHQ9eyBpc1Nob3duQnlEZWZhdWx0IH1cblx0XHRcdFx0aGFzVmFsdWU9eyAoKSA9PiB3aWR0aCAhPT0gJycgfVxuXHRcdFx0XHRvbkRlc2VsZWN0PXsgb25EaW1lbnNpb25DaGFuZ2UoICd3aWR0aCcgKSB9XG5cdFx0XHRcdHBhbmVsSWQ9eyBwYW5lbElkIH1cblx0XHRcdD5cblx0XHRcdFx0PFVuaXRDb250cm9sXG5cdFx0XHRcdFx0bGFiZWw9eyBfXyggJ1dpZHRoJyApIH1cblx0XHRcdFx0XHRwbGFjZWhvbGRlcj17IF9fKCAnQXV0bycgKSB9XG5cdFx0XHRcdFx0bGFiZWxQb3NpdGlvbj1cInRvcFwiXG5cdFx0XHRcdFx0dW5pdHM9eyB1bml0cyB9XG5cdFx0XHRcdFx0bWluPXsgMCB9XG5cdFx0XHRcdFx0dmFsdWU9eyB3aWR0aCB9XG5cdFx0XHRcdFx0b25DaGFuZ2U9eyBvbkRpbWVuc2lvbkNoYW5nZSggJ3dpZHRoJyApIH1cblx0XHRcdFx0XHRzaXplPXsgJ19fdW5zdGFibGUtbGFyZ2UnIH1cblx0XHRcdFx0Lz5cblx0XHRcdDwvU2luZ2xlQ29sdW1uVG9vbHNQYW5lbEl0ZW0+XG5cdFx0XHQ8U2luZ2xlQ29sdW1uVG9vbHNQYW5lbEl0ZW1cblx0XHRcdFx0bGFiZWw9eyBfXyggJ0hlaWdodCcgKSB9XG5cdFx0XHRcdGlzU2hvd25CeURlZmF1bHQ9eyBpc1Nob3duQnlEZWZhdWx0IH1cblx0XHRcdFx0aGFzVmFsdWU9eyAoKSA9PiBoZWlnaHQgIT09ICcnIH1cblx0XHRcdFx0b25EZXNlbGVjdD17IG9uRGltZW5zaW9uQ2hhbmdlKCAnaGVpZ2h0JyApIH1cblx0XHRcdFx0cGFuZWxJZD17IHBhbmVsSWQgfVxuXHRcdFx0PlxuXHRcdFx0XHQ8VW5pdENvbnRyb2xcblx0XHRcdFx0XHRsYWJlbD17IF9fKCAnSGVpZ2h0JyApIH1cblx0XHRcdFx0XHRwbGFjZWhvbGRlcj17IF9fKCAnQXV0bycgKSB9XG5cdFx0XHRcdFx0bGFiZWxQb3NpdGlvbj1cInRvcFwiXG5cdFx0XHRcdFx0dW5pdHM9eyB1bml0cyB9XG5cdFx0XHRcdFx0bWluPXsgMCB9XG5cdFx0XHRcdFx0dmFsdWU9eyBoZWlnaHQgfVxuXHRcdFx0XHRcdG9uQ2hhbmdlPXsgb25EaW1lbnNpb25DaGFuZ2UoICdoZWlnaHQnICkgfVxuXHRcdFx0XHRcdHNpemU9eyAnX191bnN0YWJsZS1sYXJnZScgfVxuXHRcdFx0XHQvPlxuXHRcdFx0PC9TaW5nbGVDb2x1bW5Ub29sc1BhbmVsSXRlbT5cblx0XHQ8Lz5cblx0KTtcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
@@ -55,7 +55,7 @@ const SingleColumnToolsPanelItem = ( /*#__PURE__*/0, _base.default)(_components.
  *
  * @param {WidthHeightToolProps} props The component props.
  *
- * @return {import('@wordpress/element').WPElement} The width and height tool.
+ * @return {import('react').ReactElement} The width and height tool.
  */
 function WidthHeightTool({
   panelId,
@@ -80,13 +80,13 @@ function WidthHeightTool({
     }
     onChange(nextValue);
   };
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(SingleColumnToolsPanelItem, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(SingleColumnToolsPanelItem, {
     label: (0, _i18n.__)('Width'),
     isShownByDefault: isShownByDefault,
     hasValue: () => width !== '',
     onDeselect: onDimensionChange('width'),
     panelId: panelId
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Width'),
     placeholder: (0, _i18n.__)('Auto'),
     labelPosition: "top",
@@ -95,13 +95,13 @@ function WidthHeightTool({
     value: width,
     onChange: onDimensionChange('width'),
     size: '__unstable-large'
-  })), (0, _element.createElement)(SingleColumnToolsPanelItem, {
+  })), (0, _react.createElement)(SingleColumnToolsPanelItem, {
     label: (0, _i18n.__)('Height'),
     isShownByDefault: isShownByDefault,
     hasValue: () => height !== '',
     onDeselect: onDimensionChange('height'),
     panelId: panelId
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Height'),
     placeholder: (0, _i18n.__)('Auto'),
     labelPosition: "top",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_EMOTION_STRINGIFIED_CSS_ERROR__","SingleColumnToolsPanelItem","_base","default","ToolsPanelItem","process","env","NODE_ENV","target","label","name","styles","map","toString","WidthHeightTool","panelId","value","onChange","units","isShownByDefault","_value$width","_value$height","width","height","onDimensionChange","dimension","nextDimension","nextValue","~~_element~~","createElement","Fragment","__","hasValue","onDeselect","__experimentalUnitControl","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('~~@wordpress/element~~').~~WPElement~~} 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":";;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAAqC,SAAAE,iCAAA;AAErC,MAAMC,0BAA0B,GAAG,kBAAAC,KAAA,CAAAC,OAAA,EAAQC,wCAAc,EAAAC,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,EAAAb;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;AACe,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,OACC,IAAAC,~~QAAA~~,CAAAC,aAAA,EAAAD,~~QAAA~~,CAAAE,QAAA,QACC,IAAAF,~~QAAA~~,CAAAC,aAAA,EAAC5B,0BAA0B;IAC1BQ,KAAK,EAAG,IAAAsB,QAAE,EAAE,OAAQ,CAAG;IACvBZ,gBAAgB,EAAGA,gBAAkB;IACrCa,QAAQ,EAAGA,CAAA,KAAMV,KAAK,KAAK,EAAI;IAC/BW,UAAU,EAAGT,iBAAiB,CAAE,OAAQ,CAAG;IAC3CT,OAAO,EAAGA;EAAS,GAEnB,IAAAa,~~QAAA~~,CAAAC,aAAA,EAAChC,WAAA,CAAAqC,yBAAW;IACXzB,KAAK,EAAG,IAAAsB,QAAE,EAAE,OAAQ,CAAG;IACvBI,WAAW,EAAG,IAAAJ,QAAE,EAAE,MAAO,CAAG;IAC5BK,aAAa,EAAC,KAAK;IACnBlB,KAAK,EAAGA,KAAO;IACfmB,GAAG,EAAG,CAAG;IACTrB,KAAK,EAAGM,KAAO;IACfL,QAAQ,EAAGO,iBAAiB,CAAE,OAAQ,CAAG;IACzCc,IAAI,EAAG;EAAoB,CAC3B,CAC0B,CAAC,EAC7B,IAAAV,~~QAAA~~,CAAAC,aAAA,EAAC5B,0BAA0B;IAC1BQ,KAAK,EAAG,IAAAsB,QAAE,EAAE,QAAS,CAAG;IACxBZ,gBAAgB,EAAGA,gBAAkB;IACrCa,QAAQ,EAAGA,CAAA,KAAMT,MAAM,KAAK,EAAI;IAChCU,UAAU,EAAGT,iBAAiB,CAAE,QAAS,CAAG;IAC5CT,OAAO,EAAGA;EAAS,GAEnB,IAAAa,~~QAAA~~,CAAAC,aAAA,EAAChC,WAAA,CAAAqC,yBAAW;IACXzB,KAAK,EAAG,IAAAsB,QAAE,EAAE,QAAS,CAAG;IACxBI,WAAW,EAAG,IAAAJ,QAAE,EAAE,MAAO,CAAG;IAC5BK,aAAa,EAAC,KAAK;IACnBlB,KAAK,EAAGA,KAAO;IACfmB,GAAG,EAAG,CAAG;IACTrB,KAAK,EAAGO,MAAQ;IAChBN,QAAQ,EAAGO,iBAAiB,CAAE,QAAS,CAAG;IAC1Cc,IAAI,EAAG;EAAoB,CAC3B,CAC0B,CAC3B,CAAC;AAEL"}
1	+ {"version":3,"names":["_components","require","_i18n","_EMOTION_STRINGIFIED_CSS_ERROR__","SingleColumnToolsPanelItem","_base","default","ToolsPanelItem","process","env","NODE_ENV","target","label","name","styles","map","toString","WidthHeightTool","panelId","value","onChange","units","isShownByDefault","_value$width","_value$height","width","height","onDimensionChange","dimension","nextDimension","nextValue","_react","createElement","Fragment","__","hasValue","onDeselect","__experimentalUnitControl","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":"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"}

package/build/components/duotone-control/index.js CHANGED Viewed

@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _keycodes = require("@wordpress/keycodes");
 var _icons = require("@wordpress/icons");
+var _compose = require("@wordpress/compose");
 /**
  * WordPress dependencies
  */
 function DuotoneControl({
+  id: idProp,
   colorPalette,
   duotonePalette,
   disableCustomColors,
@@ -23,19 +25,22 @@ function DuotoneControl({
 }) {
   let toolbarIcon;
   if (value === 'unset') {
-    toolbarIcon = (0, _element.createElement)(_components.ColorIndicator, {
+    toolbarIcon = (0, _react.createElement)(_components.ColorIndicator, {
       className: "block-editor-duotone-control__unset-indicator"
     });
   } else if (value) {
-    toolbarIcon = (0, _element.createElement)(_components.DuotoneSwatch, {
+    toolbarIcon = (0, _react.createElement)(_components.DuotoneSwatch, {
       values: value
     });
   } else {
-    toolbarIcon = (0, _element.createElement)(_icons.Icon, {
+    toolbarIcon = (0, _react.createElement)(_icons.Icon, {
       icon: _icons.filter
     });
   }
-  return (0, _element.createElement)(_components.Dropdown, {
+  const actionLabel = (0, _i18n.__)('Apply duotone filter');
+  const id = (0, _compose.useInstanceId)(DuotoneControl, 'duotone-control', idProp);
+  const descriptionId = `${id}__description`;
+  return (0, _react.createElement)(_components.Dropdown, {
     popoverProps: {
       className: 'block-editor-duotone-control__popover',
       headerTitle: (0, _i18n.__)('Duotone')
@@ -50,21 +55,24 @@ function DuotoneControl({
           onToggle();
         }
       };
-      return (0, _element.createElement)(_components.ToolbarButton, {
+      return (0, _react.createElement)(_components.ToolbarButton, {
         showTooltip: true,
         onClick: onToggle,
         "aria-haspopup": "true",
         "aria-expanded": isOpen,
         onKeyDown: openOnArrowDown,
-        label: (0, _i18n.__)('Apply duotone filter'),
+        label: actionLabel,
         icon: toolbarIcon
       });
     },
-    renderContent: () => (0, _element.createElement)(_components.MenuGroup, {
+    renderContent: () => (0, _react.createElement)(_components.MenuGroup, {
       label: (0, _i18n.__)('Duotone')
-    }, (0, _element.createElement)("div", {
+    }, (0, _react.createElement)("div", {
+      id: descriptionId,
       className: "block-editor-duotone-control__description"
-    }, (0, _i18n.__)('Create a two-tone color effect without losing your original image.')), (0, _element.createElement)(_components.DuotonePicker, {
+    }, (0, _i18n.__)('Create a two-tone color effect without losing your original image.')), (0, _react.createElement)(_components.DuotonePicker, {
+      "aria-label": actionLabel,
+      "aria-describedby": descriptionId,
       colorPalette: colorPalette,
       duotonePalette: duotonePalette,
       disableCustomColors: disableCustomColors,

package/build/components/duotone-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_keycodes","_icons","DuotoneControl","colorPalette","duotonePalette","disableCustomColors","disableCustomDuotone","value","onChange","toolbarIcon","~~_element~~","createElement","ColorIndicator","className","DuotoneSwatch","values","Icon","icon","filter","Dropdown","popoverProps","headerTitle","~~__","~~renderToggle","isOpen","onToggle","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","showTooltip","onClick","onKeyDown","label","renderContent","MenuGroup","DuotonePicker","_default","exports","default"],"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';\n\nfunction DuotoneControl( {\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\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={ ~~__(~~ ~~'Apply duotone filter' )~~ }\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<div ~~className~~=\"block-editor-duotone-control__description\">\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</div>\n\t\t\t\t\t<DuotonePicker\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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;~~AAbA~~;AACA;AACA;;~~AAaA~~,~~SAASI~~,cAAcA,CAAE;EACxBC,YAAY;EACZC,cAAc;EACdC,mBAAmB;EACnBC,oBAAoB;EACpBC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,IAAIC,WAAW;EACf,IAAKF,KAAK,KAAK,OAAO,EAAG;IACxBE,WAAW,GACV,IAAAC,~~QAAA~~,CAAAC,aAAA,~~EAACd~~,WAAA,~~CAAAe~~,cAAc;MAACC,SAAS,EAAC;IAA+C,CAAE,CAC3E;EACF,CAAC,MAAM,IAAKN,KAAK,EAAG;IACnBE,WAAW,GAAG,IAAAC,~~QAAA~~,CAAAC,aAAA,~~EAACd~~,WAAA,~~CAAAiB~~,aAAa;MAACC,MAAM,EAAGR;IAAO,CAAE,CAAC;EACjD,CAAC,MAAM;IACNE,WAAW,GAAG,IAAAC,~~QAAA~~,CAAAC,aAAA,~~EAACV~~,MAAA,~~CAAAe~~,IAAI;MAACC,IAAI,EAAGC;IAAQ,CAAE,CAAC;EACvC;~~EACA~~,OACC,~~IAAAR~~,~~QAAA~~,CAAAC,aAAA,~~EAACd~~,WAAA,~~CAAAsB~~,QAAQ;IACRC,YAAY,EAAG;~~MACdP~~,SAAS,EAAE,uCAAuC;~~MAClDQ~~,WAAW,EAAE,~~IAAAC~~,QAAE,EAAE,SAAU;IAC5B,CAAG;~~IACHC~~,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEH,MAAM,IAAIG,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBL,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MACD,OACC,~~IAAAf~~,~~QAAA~~,CAAAC,aAAA,~~EAACd~~,WAAA,~~CAAAkC~~,aAAa;QACbC,WAAW;QACXC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBD,MAAQ;QACxBU,SAAS,EAAGR,eAAiB;QAC7BS,KAAK,~~EAAG~~,~~IAAAb,QAAE,EAAE,sBAAuB,CAAG~~;~~QACtCL~~,IAAI,EAAGR;MAAa,CACpB,CAAC;IAEJ,CAAG;~~IACH2B~~,aAAa,EAAGA,CAAA,KACf,~~IAAA1B~~,~~QAAA~~,CAAAC,aAAA,~~EAACd~~,WAAA,~~CAAAwC~~,SAAS;MAACF,KAAK,EAAG,~~IAAAb~~,QAAE,EAAE,SAAU;IAAG,GACnC,~~IAAAZ~~,~~QAAA~~,CAAAC,aAAA;~~MAAKE~~,SAAS,EAAC;IAA2C,~~GACvD~~,~~IAAAS~~,QAAE,EACH,oEACD,CACI,CAAC,EACN,~~IAAAZ~~,~~QAAA~~,CAAAC,aAAA,~~EAACd~~,WAAA,~~CAAAyC~~,aAAa;~~MACbnC~~,YAAY,EAAGA,YAAc;MAC7BC,cAAc,EAAGA,cAAgB;MACjCC,mBAAmB,EAAGA,mBAAqB;MAC3CC,oBAAoB,EAAGA,oBAAsB;MAC7CC,KAAK,EAAGA,KAAO;MACfC,QAAQ,EAAGA;IAAU,CACrB,CACS;EACT,CACH,CAAC;AAEJ;AAAC,~~IAAA+B~~,QAAA,~~GAEcrC~~,cAAc;~~AAAAsC~~,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1	+ {"version":3,"names":["_components","require","_i18n","_keycodes","_icons","_compose","DuotoneControl","id","idProp","colorPalette","duotonePalette","disableCustomColors","disableCustomDuotone","value","onChange","toolbarIcon","_react","createElement","ColorIndicator","className","DuotoneSwatch","values","Icon","icon","filter","actionLabel","__","useInstanceId","descriptionId","Dropdown","popoverProps","headerTitle","renderToggle","isOpen","onToggle","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","showTooltip","onClick","onKeyDown","label","renderContent","MenuGroup","DuotonePicker","_default","exports","default"],"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<div\n\t\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\t\tclassName=\"block-editor-duotone-control__description\"\n\t\t\t\t\t>\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</div>\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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAcA,SAASK,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,GACV,IAAAC,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAkB,cAAc;MAACC,SAAS,EAAC;IAA+C,CAAE,CAC3E;EACF,CAAC,MAAM,IAAKN,KAAK,EAAG;IACnBE,WAAW,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAoB,aAAa;MAACC,MAAM,EAAGR;IAAO,CAAE,CAAC;EACjD,CAAC,MAAM;IACNE,WAAW,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACb,MAAA,CAAAkB,IAAI;MAACC,IAAI,EAAGC;IAAQ,CAAE,CAAC;EACvC;EAEA,MAAMC,WAAW,GAAG,IAAAC,QAAE,EAAE,sBAAuB,CAAC;EAChD,MAAMnB,EAAE,GAAG,IAAAoB,sBAAa,EAAErB,cAAc,EAAE,iBAAiB,EAAEE,MAAO,CAAC;EACrE,MAAMoB,aAAa,GAAI,GAAGrB,EAAI,eAAc;EAE5C,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAA6B,QAAQ;IACRC,YAAY,EAAG;MACdX,SAAS,EAAE,uCAAuC;MAClDY,WAAW,EAAE,IAAAL,QAAE,EAAE,SAAU;IAC5B,CAAG;IACHM,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEH,MAAM,IAAIG,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBL,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MACD,OACC,IAAAlB,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAwC,aAAa;QACbC,WAAW;QACXC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBD,MAAQ;QACxBU,SAAS,EAAGR,eAAiB;QAC7BS,KAAK,EAAGnB,WAAa;QACrBF,IAAI,EAAGR;MAAa,CACpB,CAAC;IAEJ,CAAG;IACH8B,aAAa,EAAGA,CAAA,KACf,IAAA7B,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAA8C,SAAS;MAACF,KAAK,EAAG,IAAAlB,QAAE,EAAE,SAAU;IAAG,GACnC,IAAAV,MAAA,CAAAC,aAAA;MACCV,EAAE,EAAGqB,aAAe;MACpBT,SAAS,EAAC;IAA2C,GAEnD,IAAAO,QAAE,EACH,oEACD,CACI,CAAC,EACN,IAAAV,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAA+C,aAAa;MACb,cAAatB,WAAa;MAC1B,oBAAmBG,aAAe;MAClCnB,YAAY,EAAGA,YAAc;MAC7BC,cAAc,EAAGA,cAAgB;MACjCC,mBAAmB,EAAGA,mBAAqB;MAC3CC,oBAAoB,EAAGA,oBAAsB;MAC7CC,KAAK,EAAGA,KAAO;MACfC,QAAQ,EAAGA;IAAU,CACrB,CACS;EACT,CACH,CAAC;AAEJ;AAAC,IAAAkC,QAAA,GAEc1C,cAAc;AAAA2C,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/editable-text/index.js CHANGED Viewed

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _richText = _interopRequireDefault(require("../rich-text"));
 /**
@@ -16,7 +17,7 @@ var _richText = _interopRequireDefault(require("../rich-text"));
  */
 const EditableText = (0, _element.forwardRef)((props, ref) => {
-  return (0, _element.createElement)(_richText.default, {
+  return (0, _react.createElement)(_richText.default, {
     ref: ref,
     ...props,
     __unstableDisableFormats: true,
@@ -28,7 +29,7 @@ EditableText.Content = ({
   tagName: Tag = 'div',
   ...props
 }) => {
-  return (0, _element.createElement)(Tag, {
+  return (0, _react.createElement)(Tag, {
     ...props
   }, value);
 };

package/build/components/editable-text/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_richText","_interopRequireDefault","EditableText","forwardRef","props","ref","createElement","default","__unstableDisableFormats","preserveWhiteSpace","Content","value","tagName","Tag","_default","exports"],"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 (\n\t\t<RichText\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\t__unstableDisableFormats\n\t\t\tpreserveWhiteSpace\n\t\t/>\n\t);\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":"~~;;;;;;;~~AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMG,YAAY,GAAG,IAAAC,mBAAU,EAAE,CAAEC,KAAK,EAAEC,GAAG,KAAM;EAClD,OACC,~~IAAAP~~,~~QAAA~~,~~CAAAQ~~,aAAA,~~EAACN~~,SAAA,~~CAAAO~~,OAAQ;~~IACRF~~,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;~~IACVI~~,wBAAwB;IACxBC,kBAAkB;EAAA,CAClB,CAAC;AAEJ,CAAE,CAAC;~~AAEHP~~,YAAY,~~CAACQ~~,OAAO,GAAG,CAAE;EAAEC,KAAK,GAAG,EAAE;EAAEC,OAAO,EAAEC,GAAG,GAAG,KAAK;EAAE,~~GAAGT~~;AAAM,CAAC,KAAM;EAC5E,OAAO,~~IAAAN~~,~~QAAA~~,~~CAAAQ~~,aAAA,EAACO,GAAG;IAAA,~~GAAMT~~;EAAK,~~GAAKO~~,KAAY,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AAFA,IAAAG,QAAA,~~GAGeZ~~,YAAY;~~AAAAa~~,OAAA,CAAAR,OAAA,GAAAO,QAAA"}
1	+ {"version":3,"names":["_element","require","_richText","_interopRequireDefault","EditableText","forwardRef","props","ref","_react","createElement","default","__unstableDisableFormats","preserveWhiteSpace","Content","value","tagName","Tag","_default","exports"],"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 (\n\t\t<RichText\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\t__unstableDisableFormats\n\t\t\tpreserveWhiteSpace\n\t\t/>\n\t);\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":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMG,YAAY,GAAG,IAAAC,mBAAU,EAAE,CAAEC,KAAK,EAAEC,GAAG,KAAM;EAClD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,SAAA,CAAAQ,OAAQ;IACRH,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IACVK,wBAAwB;IACxBC,kBAAkB;EAAA,CAClB,CAAC;AAEJ,CAAE,CAAC;AAEHR,YAAY,CAACS,OAAO,GAAG,CAAE;EAAEC,KAAK,GAAG,EAAE;EAAEC,OAAO,EAAEC,GAAG,GAAG,KAAK;EAAE,GAAGV;AAAM,CAAC,KAAM;EAC5E,OAAO,IAAAE,MAAA,CAAAC,aAAA,EAACO,GAAG;IAAA,GAAMV;EAAK,GAAKQ,KAAY,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AAFA,IAAAG,QAAA,GAGeb,YAAY;AAAAc,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

package/build/components/editor-styles/index.js CHANGED Viewed

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = EditorStyles;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _colord = require("colord");
 var _names = _interopRequireDefault(require("colord/plugins/names"));
 var _a11y = _interopRequireDefault(require("colord/plugins/a11y"));
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _transformStyles = _interopRequireDefault(require("../../utils/transform-styles"));
 var _store = require("../../store");
@@ -85,11 +86,11 @@ function EditorStyles({
     }
     return [(0, _transformStyles.default)(_styles.filter(style => style?.css), scope), _styles.filter(style => style.__unstableType === 'svgs').map(style => style.assets).join('')];
   }, [styles, overrides, scope]);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("style", {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("style", {
     ref: useDarkThemeBodyClassName(transformedStyles, scope)
-  }), transformedStyles.map((css, index) => (0, _element.createElement)("style", {
+  }), transformedStyles.map((css, index) => (0, _react.createElement)("style", {
     key: index
-  }, css)), (0, _element.createElement)(_components.SVG, {
+  }, css)), (0, _react.createElement)(_components.SVG, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 0 0",
     width: "0",

package/build/components/editor-styles/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_element~~","require","~~_colord","~~_names","_interopRequireDefault","_a11y","_components","_data","_transformStyles","_store","_lockUnlock","extend","namesPlugin","a11yPlugin","useDarkThemeBodyClassName","styles","scope","useCallback","node","ownerDocument","defaultView","body","canvas","querySelector","backgroundColor","tempCanvas","createElement","classList","add","appendChild","getComputedStyle","getPropertyValue","removeChild","colordBackgroundColor","colord","luminance","alpha","remove","EditorStyles","overrides","useSelect","select","unlock","blockEditorStore","getStyleOverrides","transformedStyles","transformedSvgs","useMemo","_styles","Object","values","id","override","index","findIndex","_id","overrideWithId","push","transformStyles","filter","style","css","__unstableType","map","assets","join","Fragment","ref","key","SVG","xmlns","viewBox","width","height","role","visibility","position","left","overflow","dangerouslySetInnerHTML","__html"],"sources":["@wordpress/block-editor/src/components/editor-styles/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/\n WordPress dependencies\n /\nimport { SVG } from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport transformStyles from '../../utils/transform-styles';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction useDarkThemeBodyClassName( styles, scope ) {\n\treturn useCallback(\n\t\t( node ) => {\n\t\t\tif ( ! node ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView, body } = ownerDocument;\n\t\t\tconst canvas = scope ? ownerDocument.querySelector( scope ) : body;\n\n\t\t\tlet backgroundColor;\n\n\t\t\tif ( ! canvas ) {\n\t\t\t\t// The real .editor-styles-wrapper element might not exist in the\n\t\t\t\t// DOM, so calculate the background color by creating a fake\n\t\t\t\t// wrapper.\n\t\t\t\tconst tempCanvas = ownerDocument.createElement( 'div' );\n\t\t\t\ttempCanvas.classList.add( 'editor-styles-wrapper' );\n\t\t\t\tbody.appendChild( tempCanvas );\n\n\t\t\t\tbackgroundColor = defaultView\n\t\t\t\t\t?.getComputedStyle( tempCanvas, null )\n\t\t\t\t\t.getPropertyValue( 'background-color' );\n\n\t\t\t\tbody.removeChild( tempCanvas );\n\t\t\t} else {\n\t\t\t\tbackgroundColor = defaultView\n\t\t\t\t\t?.getComputedStyle( canvas, null )\n\t\t\t\t\t.getPropertyValue( 'background-color' );\n\t\t\t}\n\t\t\tconst colordBackgroundColor = colord( backgroundColor );\n\t\t\t// If background is transparent, it should be treated as light color.\n\t\t\tif (\n\t\t\t\tcolordBackgroundColor.luminance() > 0.5 \|\|\n\t\t\t\tcolordBackgroundColor.alpha() === 0\n\t\t\t) {\n\t\t\t\tbody.classList.remove( 'is-dark-theme' );\n\t\t\t} else {\n\t\t\t\tbody.classList.add( 'is-dark-theme' );\n\t\t\t}\n\t\t},\n\t\t[ styles, scope ]\n\t);\n}\n\nexport default function EditorStyles( { styles, scope } ) {\n\tconst overrides = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).getStyleOverrides(),\n\t\t[]\n\t);\n\tconst [ transformedStyles, transformedSvgs ] = useMemo( () => {\n\t\tconst _styles = Object.values( styles ?? [] );\n\n\t\tfor ( const [ id, override ] of overrides ) {\n\t\t\tconst index = _styles.findIndex( ( { id: _id } ) => id === _id );\n\t\t\tconst overrideWithId = { ...override, id };\n\t\t\tif ( index === -1 ) {\n\t\t\t\t_styles.push( overrideWithId );\n\t\t\t} else {\n\t\t\t\t_styles[ index ] = overrideWithId;\n\t\t\t}\n\t\t}\n\n\t\treturn [\n\t\t\ttransformStyles(\n\t\t\t\t_styles.filter( ( style ) => style?.css ),\n\t\t\t\tscope\n\t\t\t),\n\t\t\t_styles\n\t\t\t\t.filter( ( style ) => style.__unstableType === 'svgs' )\n\t\t\t\t.map( ( style ) => style.assets )\n\t\t\t\t.join( '' ),\n\t\t];\n\t}, [ styles, overrides, scope ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ / Use an empty style element to have a document reference,\n\t\t\t but this could be any element. */ }\n\t\t\t<style\n\t\t\t\tref={ useDarkThemeBodyClassName( transformedStyles, scope ) }\n\t\t\t/>\n\t\t\t{ transformedStyles.map( ( css, index ) => (\n\t\t\t\t<style key={ index }>{ css }</style>\n\t\t\t) ) }\n\t\t\t<SVG\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tviewBox=\"0 0 0 0\"\n\t\t\t\twidth=\"0\"\n\t\t\t\theight=\"0\"\n\t\t\t\trole=\"none\"\n\t\t\t\tstyle={ {\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\tleft: '-9999px',\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t} }\n\t\t\t\tdangerouslySetInnerHTML={ { __html: transformedSvgs } }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"~~;;;;;;;AAWA~~,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AARA~~,IAAAC,~~OAAA,GAAAD,OAAA;AACA,IAAAE,~~MAAA,GAAAC,sBAAA,~~CAAAH~~,OAAA;AACA,~~IAAAI~~,KAAA,GAAAD,sBAAA,~~CAAAH~~,OAAA;AAKA,~~IAAAK~~,WAAA,GAAAL,OAAA;~~AAEA~~,IAAAM,KAAA,GAAAN,OAAA;AAKA,IAAAO,gBAAA,~~GAAAJ~~,sBAAA,~~CAAAH~~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~~IAAAhB~~,~~QAAA~~,~~CAAA0B~~,aAAA,~~EAAA1B~~,~~QAAA~~,~~CAAAkE~~,QAAA,QAGC,~~IAAAlE~~,~~QAAA~~,~~CAAA0B~~,aAAA;~~IACCyC~~,GAAG,~~EAAGrD~~,yBAAyB,CAAE+B,iBAAiB,EAAE7B,KAAM;EAAG,CAC7D,CAAC,EACA6B,iBAAiB,CAACkB,GAAG,CAAE,CAAEF,GAAG,EAAER,KAAK,KACpC,~~IAAArD~~,~~QAAA~~,~~CAAA0B~~,aAAA;~~IAAO0C~~,GAAG,~~EAAGf~~;EAAO,GAAGQ,GAAY,CAClC,CAAC,EACH,~~IAAA7D~~,~~QAAA~~,~~CAAA0B~~,aAAA,~~EAACpB~~,WAAA,~~CAAA+D~~,GAAG;IACHC,KAAK,EAAC,4BAA4B;IAClCC,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAC,GAAG;IACTC,MAAM,EAAC,GAAG;IACVC,IAAI,EAAC,MAAM;~~IACXd~~,KAAK,EAAG;~~MACPe~~,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,SAAS;MACfC,QAAQ,EAAE;IACX,CAAG;IACHC,uBAAuB,EAAG;MAAEC,MAAM,~~EAAElC~~;IAAgB;EAAG,CACvD,CACA,CAAC;AAEL"}
1	+ {"version":3,"names":["_colord","require","_names","_interopRequireDefault","_a11y","_components","_element","_data","_transformStyles","_store","_lockUnlock","extend","namesPlugin","a11yPlugin","useDarkThemeBodyClassName","styles","scope","useCallback","node","ownerDocument","defaultView","body","canvas","querySelector","backgroundColor","tempCanvas","createElement","classList","add","appendChild","getComputedStyle","getPropertyValue","removeChild","colordBackgroundColor","colord","luminance","alpha","remove","EditorStyles","overrides","useSelect","select","unlock","blockEditorStore","getStyleOverrides","transformedStyles","transformedSvgs","useMemo","_styles","Object","values","id","override","index","findIndex","_id","overrideWithId","push","transformStyles","filter","style","css","__unstableType","map","assets","join","_react","Fragment","ref","key","SVG","xmlns","viewBox","width","height","role","visibility","position","left","overflow","dangerouslySetInnerHTML","__html"],"sources":["@wordpress/block-editor/src/components/editor-styles/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/\n WordPress dependencies\n /\nimport { SVG } from '@wordpress/components';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport transformStyles from '../../utils/transform-styles';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction useDarkThemeBodyClassName( styles, scope ) {\n\treturn useCallback(\n\t\t( node ) => {\n\t\t\tif ( ! node ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView, body } = ownerDocument;\n\t\t\tconst canvas = scope ? ownerDocument.querySelector( scope ) : body;\n\n\t\t\tlet backgroundColor;\n\n\t\t\tif ( ! canvas ) {\n\t\t\t\t// The real .editor-styles-wrapper element might not exist in the\n\t\t\t\t// DOM, so calculate the background color by creating a fake\n\t\t\t\t// wrapper.\n\t\t\t\tconst tempCanvas = ownerDocument.createElement( 'div' );\n\t\t\t\ttempCanvas.classList.add( 'editor-styles-wrapper' );\n\t\t\t\tbody.appendChild( tempCanvas );\n\n\t\t\t\tbackgroundColor = defaultView\n\t\t\t\t\t?.getComputedStyle( tempCanvas, null )\n\t\t\t\t\t.getPropertyValue( 'background-color' );\n\n\t\t\t\tbody.removeChild( tempCanvas );\n\t\t\t} else {\n\t\t\t\tbackgroundColor = defaultView\n\t\t\t\t\t?.getComputedStyle( canvas, null )\n\t\t\t\t\t.getPropertyValue( 'background-color' );\n\t\t\t}\n\t\t\tconst colordBackgroundColor = colord( backgroundColor );\n\t\t\t// If background is transparent, it should be treated as light color.\n\t\t\tif (\n\t\t\t\tcolordBackgroundColor.luminance() > 0.5 \|\|\n\t\t\t\tcolordBackgroundColor.alpha() === 0\n\t\t\t) {\n\t\t\t\tbody.classList.remove( 'is-dark-theme' );\n\t\t\t} else {\n\t\t\t\tbody.classList.add( 'is-dark-theme' );\n\t\t\t}\n\t\t},\n\t\t[ styles, scope ]\n\t);\n}\n\nexport default function EditorStyles( { styles, scope } ) {\n\tconst overrides = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).getStyleOverrides(),\n\t\t[]\n\t);\n\tconst [ transformedStyles, transformedSvgs ] = useMemo( () => {\n\t\tconst _styles = Object.values( styles ?? [] );\n\n\t\tfor ( const [ id, override ] of overrides ) {\n\t\t\tconst index = _styles.findIndex( ( { id: _id } ) => id === _id );\n\t\t\tconst overrideWithId = { ...override, id };\n\t\t\tif ( index === -1 ) {\n\t\t\t\t_styles.push( overrideWithId );\n\t\t\t} else {\n\t\t\t\t_styles[ index ] = overrideWithId;\n\t\t\t}\n\t\t}\n\n\t\treturn [\n\t\t\ttransformStyles(\n\t\t\t\t_styles.filter( ( style ) => style?.css ),\n\t\t\t\tscope\n\t\t\t),\n\t\t\t_styles\n\t\t\t\t.filter( ( style ) => style.__unstableType === 'svgs' )\n\t\t\t\t.map( ( style ) => style.assets )\n\t\t\t\t.join( '' ),\n\t\t];\n\t}, [ styles, overrides, scope ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ / Use an empty style element to have a document reference,\n\t\t\t but this could be any element. */ }\n\t\t\t<style\n\t\t\t\tref={ useDarkThemeBodyClassName( transformedStyles, scope ) }\n\t\t\t/>\n\t\t\t{ transformedStyles.map( ( css, index ) => (\n\t\t\t\t<style key={ index }>{ css }</style>\n\t\t\t) ) }\n\t\t\t<SVG\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tviewBox=\"0 0 0 0\"\n\t\t\t\twidth=\"0\"\n\t\t\t\theight=\"0\"\n\t\t\t\trole=\"none\"\n\t\t\t\tstyle={ {\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\tleft: '-9999px',\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t} }\n\t\t\t\tdangerouslySetInnerHTML={ { __html: transformedSvgs } }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/floating-toolbar/index.native.js CHANGED Viewed

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
@@ -72,20 +73,20 @@ const FloatingToolbar = ({
   const showPrevious = previousSelectedClientId && !showFloatingToolbar;
   const blockSelectionButtonClientId = showPrevious ? previousSelectedClientId : selectedClientId;
   const showNavUpButton = !!parentId || showPrevious && !!previousSelectedParentId;
-  return !!opacity && (0, _element.createElement)(_reactNative.Animated.View, {
+  return !!opacity && (0, _react.createElement)(_reactNative.Animated.View, {
     style: [_styles.default.floatingToolbar, animationStyle],
     pointerEvents: showFloatingToolbar ? 'auto' : 'none'
-  }, showNavUpButton && (0, _element.createElement)(_components.ToolbarGroup, {
+  }, showNavUpButton && (0, _react.createElement)(_components.ToolbarGroup, {
     passedStyle: _styles.default.toolbar
-  }, (0, _element.createElement)(_components.ToolbarButton, {
+  }, (0, _react.createElement)(_components.ToolbarButton, {
     title: (0, _i18n.__)('Navigate Up'),
     onClick: !showPrevious && (() => onNavigateUp(parentId)),
-    icon: (0, _element.createElement)(_navUpIcon.default, {
+    icon: (0, _react.createElement)(_navUpIcon.default, {
       isRTL: isRTL
     })
-  }), (0, _element.createElement)(_reactNative.View, {
+  }), (0, _react.createElement)(_reactNative.View, {
     style: _styles.default.pipe
-  })), (0, _element.createElement)(_blockSelectionButton.default, {
+  })), (0, _react.createElement)(_blockSelectionButton.default, {
     clientId: blockSelectionButtonClientId
   }));
 };