@wordpress/block-library 8.35.0 → 9.0.0

package/build-module/post-featured-image/dimension-controls.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -6,16 +5,21 @@ import { __, _x } from '@wordpress/i18n';
 import { SelectControl, __experimentalUnitControl as UnitControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalUseCustomUnits as useCustomUnits, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { useSettings, store as blockEditorStore } from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
-const SCALE_OPTIONS = createElement(Fragment, null, createElement(ToggleGroupControlOption, {
-  value: "cover",
-  label: _x('Cover', 'Scale option for Image dimension control')
-}), createElement(ToggleGroupControlOption, {
-  value: "contain",
-  label: _x('Contain', 'Scale option for Image dimension control')
-}), createElement(ToggleGroupControlOption, {
-  value: "fill",
-  label: _x('Fill', 'Scale option for Image dimension control')
-}));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const SCALE_OPTIONS = /*#__PURE__*/_jsxs(_Fragment, {
+  children: [/*#__PURE__*/_jsx(ToggleGroupControlOption, {
+    value: "cover",
+    label: _x('Cover', 'Scale option for Image dimension control')
+  }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
+    value: "contain",
+    label: _x('Contain', 'Scale option for Image dimension control')
+  }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
+    value: "fill",
+    label: _x('Fill', 'Scale option for Image dimension control')
+  })]
+});
 const DEFAULT_SCALE = 'cover';
 const DEFAULT_SIZE = 'full';
 const scaleHelp = {
@@ -85,104 +89,112 @@ const DimensionControls = ({
     label: _x('Original', 'Aspect ratio option for dimensions control'),
     value: 'auto'
   }, ...(showDefaultRatios ? defaultOptions : []), ...(themeOptions ? themeOptions : [])];
-  return createElement(Fragment, null, createElement(ToolsPanelItem, {
-    hasValue: () => !!aspectRatio,
-    label: __('Aspect ratio'),
-    onDeselect: () => setAttributes({
-      aspectRatio: undefined
-    }),
-    resetAllFilter: () => ({
-      aspectRatio: undefined
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, createElement(SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Aspect ratio'),
-    value: aspectRatio,
-    options: aspectRatioOptions,
-    onChange: nextAspectRatio => setAttributes({
-      aspectRatio: nextAspectRatio
-    })
-  })), createElement(ToolsPanelItem, {
-    className: "single-column",
-    hasValue: () => !!height,
-    label: __('Height'),
-    onDeselect: () => setAttributes({
-      height: undefined
-    }),
-    resetAllFilter: () => ({
-      height: undefined
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, createElement(UnitControl, {
-    label: __('Height'),
-    labelPosition: "top",
-    value: height || '',
-    min: 0,
-    onChange: nextHeight => onDimensionChange('height', nextHeight),
-    units: units
-  })), createElement(ToolsPanelItem, {
-    className: "single-column",
-    hasValue: () => !!width,
-    label: __('Width'),
-    onDeselect: () => setAttributes({
-      width: undefined
-    }),
-    resetAllFilter: () => ({
-      width: undefined
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, createElement(UnitControl, {
-    label: __('Width'),
-    labelPosition: "top",
-    value: width || '',
-    min: 0,
-    onChange: nextWidth => onDimensionChange('width', nextWidth),
-    units: units
-  })), showScaleControl && createElement(ToolsPanelItem, {
-    hasValue: () => !!scale && scale !== DEFAULT_SCALE,
-    label: scaleLabel,
-    onDeselect: () => setAttributes({
-      scale: DEFAULT_SCALE
-    }),
-    resetAllFilter: () => ({
-      scale: DEFAULT_SCALE
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, createElement(ToggleGroupControl, {
-    __nextHasNoMarginBottom: true,
-    label: scaleLabel,
-    value: scale,
-    help: scaleHelp[scale],
-    onChange: value => setAttributes({
-      scale: value
-    }),
-    isBlock: true
-  }, SCALE_OPTIONS)), !!imageSizeOptions.length && createElement(ToolsPanelItem, {
-    hasValue: () => !!sizeSlug,
-    label: __('Resolution'),
-    onDeselect: () => setAttributes({
-      sizeSlug: undefined
-    }),
-    resetAllFilter: () => ({
-      sizeSlug: undefined
-    }),
-    isShownByDefault: false,
-    panelId: clientId
-  }, createElement(SelectControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Resolution'),
-    value: sizeSlug || DEFAULT_SIZE,
-    options: imageSizeOptions,
-    onChange: nextSizeSlug => setAttributes({
-      sizeSlug: nextSizeSlug
-    }),
-    help: __('Select the size of the source image.')
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
+      hasValue: () => !!aspectRatio,
+      label: __('Aspect ratio'),
+      onDeselect: () => setAttributes({
+        aspectRatio: undefined
+      }),
+      resetAllFilter: () => ({
+        aspectRatio: undefined
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/_jsx(SelectControl, {
+        __nextHasNoMarginBottom: true,
+        label: __('Aspect ratio'),
+        value: aspectRatio,
+        options: aspectRatioOptions,
+        onChange: nextAspectRatio => setAttributes({
+          aspectRatio: nextAspectRatio
+        })
+      })
+    }), /*#__PURE__*/_jsx(ToolsPanelItem, {
+      className: "single-column",
+      hasValue: () => !!height,
+      label: __('Height'),
+      onDeselect: () => setAttributes({
+        height: undefined
+      }),
+      resetAllFilter: () => ({
+        height: undefined
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/_jsx(UnitControl, {
+        label: __('Height'),
+        labelPosition: "top",
+        value: height || '',
+        min: 0,
+        onChange: nextHeight => onDimensionChange('height', nextHeight),
+        units: units
+      })
+    }), /*#__PURE__*/_jsx(ToolsPanelItem, {
+      className: "single-column",
+      hasValue: () => !!width,
+      label: __('Width'),
+      onDeselect: () => setAttributes({
+        width: undefined
+      }),
+      resetAllFilter: () => ({
+        width: undefined
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/_jsx(UnitControl, {
+        label: __('Width'),
+        labelPosition: "top",
+        value: width || '',
+        min: 0,
+        onChange: nextWidth => onDimensionChange('width', nextWidth),
+        units: units
+      })
+    }), showScaleControl && /*#__PURE__*/_jsx(ToolsPanelItem, {
+      hasValue: () => !!scale && scale !== DEFAULT_SCALE,
+      label: scaleLabel,
+      onDeselect: () => setAttributes({
+        scale: DEFAULT_SCALE
+      }),
+      resetAllFilter: () => ({
+        scale: DEFAULT_SCALE
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/_jsx(ToggleGroupControl, {
+        __nextHasNoMarginBottom: true,
+        label: scaleLabel,
+        value: scale,
+        help: scaleHelp[scale],
+        onChange: value => setAttributes({
+          scale: value
+        }),
+        isBlock: true,
+        children: SCALE_OPTIONS
+      })
+    }), !!imageSizeOptions.length && /*#__PURE__*/_jsx(ToolsPanelItem, {
+      hasValue: () => !!sizeSlug,
+      label: __('Resolution'),
+      onDeselect: () => setAttributes({
+        sizeSlug: undefined
+      }),
+      resetAllFilter: () => ({
+        sizeSlug: undefined
+      }),
+      isShownByDefault: false,
+      panelId: clientId,
+      children: /*#__PURE__*/_jsx(SelectControl, {
+        __nextHasNoMarginBottom: true,
+        label: __('Resolution'),
+        value: sizeSlug || DEFAULT_SIZE,
+        options: imageSizeOptions,
+        onChange: nextSizeSlug => setAttributes({
+          sizeSlug: nextSizeSlug
+        }),
+        help: __('Select the size of the source image.')
+      })
+    })]
+  });
 };
 export default DimensionControls;
 //# sourceMappingURL=dimension-controls.js.map

package/build-module/post-featured-image/dimension-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","_x","SelectControl","__experimentalUnitControl","UnitControl","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalUseCustomUnits","useCustomUnits","__experimentalToolsPanelItem","ToolsPanelItem","useSettings","store","blockEditorStore","useSelect","SCALE_OPTIONS","createElement","Fragment","value","label","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","media","availableUnits","defaultRatios","themeRatios","showDefaultRatios","units","imageSizes","select","getSettings","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","themeOptions","ratio","defaultOptions","aspectRatioOptions","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","labelPosition","min","nextHeight","nextWidth","help","isBlock","length","nextSizeSlug"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tuseSettings,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\tmedia,\n} ) => {\n\tconst [ availableUnits, defaultRatios, themeRatios, showDefaultRatios ] =\n\t\tuseSettings(\n\t\t\t'spacing.units',\n\t\t\t'dimensions.aspectRatios.default',\n\t\t\t'dimensions.aspectRatios.theme',\n\t\t\t'dimensions.defaultAspectRatios'\n\t\t);\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', '%', 'vw', 'em', 'rem' ],\n\t} );\n\tconst imageSizes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().imageSizes,\n\t\t[]\n\t);\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => {\n\t\t\treturn media?.media_details?.sizes?.[ slug ]?.source_url;\n\t\t} )\n\t\t.map( ( { name, slug } ) => ( {\n\t\t\tvalue: slug,\n\t\t\tlabel: name,\n\t\t} ) );\n\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) {\n\t\t\treturn;\n\t\t}\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\tconst themeOptions = themeRatios?.map( ( { name, ratio } ) => ( {\n\t\tlabel: name,\n\t\tvalue: ratio,\n\t} ) );\n\n\tconst defaultOptions = defaultRatios?.map( ( { name, ratio } ) => ( {\n\t\tlabel: name,\n\t\tvalue: ratio,\n\t} ) );\n\n\tconst aspectRatioOptions = [\n\t\t{\n\t\t\tlabel: _x(\n\t\t\t\t'Original',\n\t\t\t\t'Aspect ratio option for dimensions control'\n\t\t\t),\n\t\t\tvalue: 'auto',\n\t\t},\n\t\t...( showDefaultRatios ? defaultOptions : [] ),\n\t\t...( themeOptions ? themeOptions : [] ),\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ aspectRatioOptions }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","_x","SelectControl","__experimentalUnitControl","UnitControl","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalUseCustomUnits","useCustomUnits","__experimentalToolsPanelItem","ToolsPanelItem","useSettings","store","blockEditorStore","useSelect","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SCALE_OPTIONS","children","value","label","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","media","availableUnits","defaultRatios","themeRatios","showDefaultRatios","units","imageSizes","select","getSettings","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","themeOptions","ratio","defaultOptions","aspectRatioOptions","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","labelPosition","min","nextHeight","nextWidth","help","isBlock","length","nextSizeSlug"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tuseSettings,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\tmedia,\n} ) => {\n\tconst [ availableUnits, defaultRatios, themeRatios, showDefaultRatios ] =\n\t\tuseSettings(\n\t\t\t'spacing.units',\n\t\t\t'dimensions.aspectRatios.default',\n\t\t\t'dimensions.aspectRatios.theme',\n\t\t\t'dimensions.defaultAspectRatios'\n\t\t);\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', '%', 'vw', 'em', 'rem' ],\n\t} );\n\tconst imageSizes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().imageSizes,\n\t\t[]\n\t);\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => {\n\t\t\treturn media?.media_details?.sizes?.[ slug ]?.source_url;\n\t\t} )\n\t\t.map( ( { name, slug } ) => ( {\n\t\t\tvalue: slug,\n\t\t\tlabel: name,\n\t\t} ) );\n\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) {\n\t\t\treturn;\n\t\t}\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\tconst themeOptions = themeRatios?.map( ( { name, ratio } ) => ( {\n\t\tlabel: name,\n\t\tvalue: ratio,\n\t} ) );\n\n\tconst defaultOptions = defaultRatios?.map( ( { name, ratio } ) => ( {\n\t\tlabel: name,\n\t\tvalue: ratio,\n\t} ) );\n\n\tconst aspectRatioOptions = [\n\t\t{\n\t\t\tlabel: _x(\n\t\t\t\t'Original',\n\t\t\t\t'Aspect ratio option for dimensions control'\n\t\t\t),\n\t\t\tvalue: 'auto',\n\t\t},\n\t\t...( showDefaultRatios ? defaultOptions : [] ),\n\t\t...( themeOptions ? themeOptions : [] ),\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ aspectRatioOptions }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":"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","ignoreList":[]}

package/build-module/post-featured-image/edit.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -23,6 +22,9 @@ import { store as noticesStore } from '@wordpress/notices';
 import DimensionControls from './dimension-controls';
 import OverlayControls from './overlay-controls';
 import Overlay from './overlay';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const ALLOWED_MEDIA_TYPES = ['image'];
 function getMediaSourceUrlBySizeSlug(media, slug) {
   return media?.media_details?.sizes?.[slug]?.source_url || media?.source_url;
@@ -103,7 +105,7 @@ export default function PostFeaturedImageEdit({
   const shadowProps = getShadowClassesAndStyles(attributes);
   const blockEditingMode = useBlockEditingMode();
   const placeholder = content => {
-    return createElement(Placeholder, {
+    return /*#__PURE__*/_jsx(Placeholder, {
       className: clsx('block-editor-media-placeholder', borderProps.className),
       withIllustration: true,
       style: {
@@ -111,8 +113,9 @@ export default function PostFeaturedImageEdit({
         width: !!aspectRatio && '100%',
         ...borderProps.style,
         ...shadowProps.style
-      }
-    }, content);
+      },
+      children: content
+    });
   };
   const onSelectImage = value => {
     if (value?.id) {
@@ -138,45 +141,54 @@ export default function PostFeaturedImageEdit({
     });
     setTemporaryURL();
   };
-  const controls = blockEditingMode === 'default' && createElement(Fragment, null, createElement(InspectorControls, {
-    group: "color"
-  }, createElement(OverlayControls, {
-    attributes: attributes,
-    setAttributes: setAttributes,
-    clientId: clientId
-  })), createElement(InspectorControls, {
-    group: "dimensions"
-  }, createElement(DimensionControls, {
-    clientId: clientId,
-    attributes: attributes,
-    setAttributes: setAttributes,
-    media: media
-  })), createElement(InspectorControls, null, createElement(PanelBody, {
-    title: __('Settings')
-  }, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: postType?.labels.singular_name ? sprintf(
-    // translators: %s: Name of the post type e.g: "Page".
-    __('Link to %s'), postType.labels.singular_name) : __('Link to post'),
-    onChange: () => setAttributes({
-      isLink: !isLink
-    }),
-    checked: isLink
-  }), isLink && createElement(Fragment, null, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Open in new tab'),
-    onChange: value => setAttributes({
-      linkTarget: value ? '_blank' : '_self'
-    }),
-    checked: linkTarget === '_blank'
-  }), createElement(TextControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Link rel'),
-    value: rel,
-    onChange: newRel => setAttributes({
-      rel: newRel
-    })
-  })))));
+  const controls = blockEditingMode === 'default' && /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(InspectorControls, {
+      group: "color",
+      children: /*#__PURE__*/_jsx(OverlayControls, {
+        attributes: attributes,
+        setAttributes: setAttributes,
+        clientId: clientId
+      })
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      group: "dimensions",
+      children: /*#__PURE__*/_jsx(DimensionControls, {
+        clientId: clientId,
+        attributes: attributes,
+        setAttributes: setAttributes,
+        media: media
+      })
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsxs(PanelBody, {
+        title: __('Settings'),
+        children: [/*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: postType?.labels.singular_name ? sprintf(
+          // translators: %s: Name of the post type e.g: "Page".
+          __('Link to %s'), postType.labels.singular_name) : __('Link to post'),
+          onChange: () => setAttributes({
+            isLink: !isLink
+          }),
+          checked: isLink
+        }), isLink && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Open in new tab'),
+            onChange: value => setAttributes({
+              linkTarget: value ? '_blank' : '_self'
+            }),
+            checked: linkTarget === '_blank'
+          }), /*#__PURE__*/_jsx(TextControl, {
+            __nextHasNoMarginBottom: true,
+            label: __('Link rel'),
+            value: rel,
+            onChange: newRel => setAttributes({
+              rel: newRel
+            })
+          })]
+        })]
+      })
+    })]
+  });
   let image;
 
   /**
@@ -189,17 +201,21 @@ export default function PostFeaturedImageEdit({
    * in a template or template part).
    */
   if (!featuredImage && (isDescendentOfQueryLoop || !postId)) {
-    return createElement(Fragment, null, controls, createElement("div", {
-      ...blockProps
-    }, !!isLink ? createElement("a", {
-      href: postPermalink,
-      target: linkTarget,
-      ...disabledClickProps
-    }, placeholder()) : placeholder(), createElement(Overlay, {
-      attributes: attributes,
-      setAttributes: setAttributes,
-      clientId: clientId
-    })));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [controls, /*#__PURE__*/_jsxs("div", {
+        ...blockProps,
+        children: [!!isLink ? /*#__PURE__*/_jsx("a", {
+          href: postPermalink,
+          target: linkTarget,
+          ...disabledClickProps,
+          children: placeholder()
+        }) : placeholder(), /*#__PURE__*/_jsx(Overlay, {
+          attributes: attributes,
+          setAttributes: setAttributes,
+          clientId: clientId
+        })]
+      })]
+    });
   }
   const label = __('Add a featured image');
   const imageStyles = {
@@ -218,7 +234,7 @@ export default function PostFeaturedImageEdit({
    * Then display the placeholder with the image upload option.
    */
   if (!featuredImage && !temporaryURL) {
-    image = createElement(MediaPlaceholder, {
+    image = /*#__PURE__*/_jsx(MediaPlaceholder, {
       onSelect: onSelectImage,
       accept: "image/*",
       allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -227,7 +243,7 @@ export default function PostFeaturedImageEdit({
       mediaLibraryButton: ({
         open
       }) => {
-        return createElement(Button, {
+        return /*#__PURE__*/_jsx(Button, {
           icon: upload,
           variant: "primary",
           label: label,
@@ -241,14 +257,16 @@ export default function PostFeaturedImageEdit({
     });
   } else {
     // We have a Featured image so show a Placeholder if is loading.
-    image = !media && !temporaryURL ? placeholder() : createElement(Fragment, null, createElement("img", {
-      className: borderProps.className,
-      src: temporaryURL || mediaUrl,
-      alt: media && media?.alt_text ? sprintf(
-      // translators: %s: The image's alt text.
-      __('Featured image: %s'), media.alt_text) : __('Featured image'),
-      style: imageStyles
-    }), temporaryURL && createElement(Spinner, null));
+    image = !media && !temporaryURL ? placeholder() : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("img", {
+        className: borderProps.className,
+        src: temporaryURL || mediaUrl,
+        alt: media && media?.alt_text ? sprintf(
+        // translators: %s: The image's alt text.
+        __('Featured image: %s'), media.alt_text) : __('Featured image'),
+        style: imageStyles
+      }), temporaryURL && /*#__PURE__*/_jsx(Spinner, {})]
+    });
   }
 
   /**
@@ -257,27 +275,34 @@ export default function PostFeaturedImageEdit({
    * - Is not inside a query loop
    * Then display the image and the image replacement option.
    */
-  return createElement(Fragment, null, !temporaryURL && controls, !!media && !isDescendentOfQueryLoop && createElement(BlockControls, {
-    group: "other"
-  }, createElement(MediaReplaceFlow, {
-    mediaId: featuredImage,
-    mediaURL: mediaUrl,
-    allowedTypes: ALLOWED_MEDIA_TYPES,
-    accept: "image/*",
-    onSelect: onSelectImage,
-    onError: onUploadError
-  }, createElement(MenuItem, {
-    onClick: () => setFeaturedImage(0)
-  }, __('Reset')))), createElement("figure", {
-    ...blockProps
-  }, !!isLink ? createElement("a", {
-    href: postPermalink,
-    target: linkTarget,
-    ...disabledClickProps
-  }, image) : image, createElement(Overlay, {
-    attributes: attributes,
-    setAttributes: setAttributes,
-    clientId: clientId
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!temporaryURL && controls, !!media && !isDescendentOfQueryLoop && /*#__PURE__*/_jsx(BlockControls, {
+      group: "other",
+      children: /*#__PURE__*/_jsx(MediaReplaceFlow, {
+        mediaId: featuredImage,
+        mediaURL: mediaUrl,
+        allowedTypes: ALLOWED_MEDIA_TYPES,
+        accept: "image/*",
+        onSelect: onSelectImage,
+        onError: onUploadError,
+        children: /*#__PURE__*/_jsx(MenuItem, {
+          onClick: () => setFeaturedImage(0),
+          children: __('Reset')
+        })
+      })
+    }), /*#__PURE__*/_jsxs("figure", {
+      ...blockProps,
+      children: [!!isLink ? /*#__PURE__*/_jsx("a", {
+        href: postPermalink,
+        target: linkTarget,
+        ...disabledClickProps,
+        children: image
+      }) : image, /*#__PURE__*/_jsx(Overlay, {
+        attributes: attributes,
+        setAttributes: setAttributes,
+        clientId: clientId
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map