@wordpress/block-editor 12.25.0 → 13.0.0

package/build/components/image-editor/aspect-ratio-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_components","_i18n","_constants","_context","AspectGroup","aspectRatios","isDisabled","label","onClick","value","_react","createElement","MenuGroup","map","title","aspect","MenuItem","key","disabled","role","isSelected","icon","check","undefined","AspectRatioDropdown","toggleProps","isInProgress","setAspect","defaultAspect","useImageEditingContext","DropdownMenu","aspectRatioIcon","__","popoverProps","POPOVER_PROPS","className","onClose","Fragment","newAspect"],"sources":["@wordpress/block-editor/src/components/image-editor/aspect-ratio-dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check, aspectRatio as aspectRatioIcon } from '@wordpress/icons';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { POPOVER_PROPS } from './constants';\nimport { useImageEditingContext } from './context';\n\nfunction AspectGroup( { aspectRatios, isDisabled, label, onClick, value } ) {\n\treturn (\n\t\t<MenuGroup label={ label }>\n\t\t\t{ aspectRatios.map( ( { title, aspect } ) => (\n\t\t\t\t<MenuItem\n\t\t\t\t\tkey={ aspect }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonClick( aspect );\n\t\t\t\t\t} }\n\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\tisSelected={ aspect === value }\n\t\t\t\t\ticon={ aspect === value ? check : undefined }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</MenuItem>\n\t\t\t) ) }\n\t\t</MenuGroup>\n\t);\n}\n\nexport default function AspectRatioDropdown( { toggleProps } ) {\n\tconst { isInProgress, aspect, setAspect, defaultAspect } =\n\t\tuseImageEditingContext();\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ aspectRatioIcon }\n\t\t\tlabel={ __( 'Aspect Ratio' ) }\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tclassName=\"wp-block-image__aspect-ratio\"\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<AspectGroup\n\t\t\t\t\t\tisDisabled={ isInProgress }\n\t\t\t\t\t\tonClick={ ( newAspect ) => {\n\t\t\t\t\t\t\tsetAspect( newAspect );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tvalue={ aspect }\n\t\t\t\t\t\taspectRatios={ [\n\t\t\t\t\t\t\t// All ratios should be mirrored in AspectRatioTool in @wordpress/block-editor.\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: __( 'Original' ),\n\t\t\t\t\t\t\t\taspect: defaultAspect,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: __( 'Square' ),\n\t\t\t\t\t\t\t\taspect: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t\t<AspectGroup\n\t\t\t\t\t\tlabel={ __( 'Landscape' ) }\n\t\t\t\t\t\tisDisabled={ isInProgress }\n\t\t\t\t\t\tonClick={ ( newAspect ) => {\n\t\t\t\t\t\t\tsetAspect( newAspect );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tvalue={ aspect }\n\t\t\t\t\t\taspectRatios={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: __( '16:9' ),\n\t\t\t\t\t\t\t\taspect: 16 / 9,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: __( '4:3' ),\n\t\t\t\t\t\t\t\taspect: 4 / 3,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: __( '3:2' ),\n\t\t\t\t\t\t\t\taspect: 3 / 2,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t\t<AspectGroup\n\t\t\t\t\t\tlabel={ __( 'Portrait' ) }\n\t\t\t\t\t\tisDisabled={ isInProgress }\n\t\t\t\t\t\tonClick={ ( newAspect ) => {\n\t\t\t\t\t\t\tsetAspect( newAspect );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tvalue={ aspect }\n\t\t\t\t\t\taspectRatios={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: __( '9:16' ),\n\t\t\t\t\t\t\t\taspect: 9 / 16,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: __( '3:4' ),\n\t\t\t\t\t\t\t\taspect: 3 / 4,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: __( '2:3' ),\n\t\t\t\t\t\t\t\taspect: 2 / 3,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_icons","require","_components","_i18n","_useSettings","_constants","_context","_jsxRuntime","AspectRatioGroup","aspectRatios","isDisabled","label","onClick","value","jsx","MenuGroup","children","map","name","slug","ratio","MenuItem","disabled","role","isSelected","icon","check","undefined","ratioToNumber","str","a","b","rest","split","Number","isNaN","length","NaN","presetRatioAsNumber","AspectRatioDropdown","toggleProps","isInProgress","aspect","setAspect","defaultAspect","useImageEditingContext","defaultRatios","themeRatios","showDefaultRatios","useSettings","DropdownMenu","aspectRatioIcon","__","popoverProps","POPOVER_PROPS","className","onClose","jsxs","Fragment","newAspect","filter"],"sources":["@wordpress/block-editor/src/components/image-editor/aspect-ratio-dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check, aspectRatio as aspectRatioIcon } from '@wordpress/icons';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\nimport { POPOVER_PROPS } from './constants';\nimport { useImageEditingContext } from './context';\n\nfunction AspectRatioGroup( {\n\taspectRatios,\n\tisDisabled,\n\tlabel,\n\tonClick,\n\tvalue,\n} ) {\n\treturn (\n\t\t<MenuGroup label={ label }>\n\t\t\t{ aspectRatios.map( ( { name, slug, ratio } ) => (\n\t\t\t\t<MenuItem\n\t\t\t\t\tkey={ slug }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonClick( ratio );\n\t\t\t\t\t} }\n\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\tisSelected={ ratio === value }\n\t\t\t\t\ticon={ ratio === value ? check : undefined }\n\t\t\t\t>\n\t\t\t\t\t{ name }\n\t\t\t\t</MenuItem>\n\t\t\t) ) }\n\t\t</MenuGroup>\n\t);\n}\n\nexport function ratioToNumber( str ) {\n\t// TODO: support two-value aspect ratio?\n\t// https://css-tricks.com/almanac/properties/a/aspect-ratio/#aa-it-can-take-two-values\n\tconst [ a, b, ...rest ] = str.split( '/' ).map( Number );\n\tif (\n\t\ta <= 0 ||\n\t\tb <= 0 ||\n\t\tNumber.isNaN( a ) ||\n\t\tNumber.isNaN( b ) ||\n\t\trest.length\n\t) {\n\t\treturn NaN;\n\t}\n\treturn b ? a / b : a;\n}\n\nfunction presetRatioAsNumber( { ratio, ...rest } ) {\n\treturn {\n\t\tratio: ratioToNumber( ratio ),\n\t\t...rest,\n\t};\n}\n\nexport default function AspectRatioDropdown( { toggleProps } ) {\n\tconst { isInProgress, aspect, setAspect, defaultAspect } =\n\t\tuseImageEditingContext();\n\n\tconst [ defaultRatios, themeRatios, showDefaultRatios ] = useSettings(\n\t\t'dimensions.aspectRatios.default',\n\t\t'dimensions.aspectRatios.theme',\n\t\t'dimensions.defaultAspectRatios'\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ aspectRatioIcon }\n\t\t\tlabel={ __( 'Aspect Ratio' ) }\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tclassName=\"wp-block-image__aspect-ratio\"\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<AspectRatioGroup\n\t\t\t\t\t\tisDisabled={ isInProgress }\n\t\t\t\t\t\tonClick={ ( newAspect ) => {\n\t\t\t\t\t\t\tsetAspect( newAspect );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tvalue={ aspect }\n\t\t\t\t\t\taspectRatios={ [\n\t\t\t\t\t\t\t// All ratios should be mirrored in AspectRatioTool in @wordpress/block-editor.\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tslug: 'original',\n\t\t\t\t\t\t\t\tname: __( 'Original' ),\n\t\t\t\t\t\t\t\taspect: defaultAspect,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t...( showDefaultRatios\n\t\t\t\t\t\t\t\t? defaultRatios\n\t\t\t\t\t\t\t\t\t\t.map( presetRatioAsNumber )\n\t\t\t\t\t\t\t\t\t\t.filter( ( { ratio } ) => ratio === 1 )\n\t\t\t\t\t\t\t\t: [] ),\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t\t{ themeRatios?.length > 0 && (\n\t\t\t\t\t\t<AspectRatioGroup\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tisDisabled={ isInProgress }\n\t\t\t\t\t\t\tonClick={ ( newAspect ) => {\n\t\t\t\t\t\t\t\tsetAspect( newAspect );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tvalue={ aspect }\n\t\t\t\t\t\t\taspectRatios={ themeRatios }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showDefaultRatios && (\n\t\t\t\t\t\t<AspectRatioGroup\n\t\t\t\t\t\t\tlabel={ __( 'Landscape' ) }\n\t\t\t\t\t\t\tisDisabled={ isInProgress }\n\t\t\t\t\t\t\tonClick={ ( newAspect ) => {\n\t\t\t\t\t\t\t\tsetAspect( newAspect );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tvalue={ aspect }\n\t\t\t\t\t\t\taspectRatios={ defaultRatios\n\t\t\t\t\t\t\t\t.map( presetRatioAsNumber )\n\t\t\t\t\t\t\t\t.filter( ( { ratio } ) => ratio > 1 ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showDefaultRatios && (\n\t\t\t\t\t\t<AspectRatioGroup\n\t\t\t\t\t\t\tlabel={ __( 'Portrait' ) }\n\t\t\t\t\t\t\tisDisabled={ isInProgress }\n\t\t\t\t\t\t\tonClick={ ( newAspect ) => {\n\t\t\t\t\t\t\t\tsetAspect( newAspect );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tvalue={ aspect }\n\t\t\t\t\t\t\taspectRatios={ defaultRatios\n\t\t\t\t\t\t\t\t.map( presetRatioAsNumber )\n\t\t\t\t\t\t\t\t.filter( ( { ratio } ) => ratio < 1 ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/image-editor/context.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ImageEditingProvider;
 exports.useImageEditingContext = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _useSaveImage = _interopRequireDefault(require("./use-save-image"));
 var _useTransformImage = _interopRequireDefault(require("./use-transform-image"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -46,8 +46,9 @@ function ImageEditingProvider({
     ...transformImage,
     ...saveImage
   }), [transformImage, saveImage]);
-  return (0, _react.createElement)(ImageEditingContext.Provider, {
-    value: providerValue
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageEditingContext.Provider, {
+    value: providerValue,
+    children: children
+  });
 }
 //# sourceMappingURL=context.js.map

package/build/components/image-editor/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_useSaveImage","_interopRequireDefault","_useTransformImage","ImageEditingContext","createContext","useImageEditingContext","useContext","exports","ImageEditingProvider","id","url","naturalWidth","naturalHeight","onFinishEditing","onSaveImage","children","transformImage","useTransformImage","saveImage","useSaveImage","providerValue","useMemo","_react","createElement","Provider","value"],"sources":["@wordpress/block-editor/src/components/image-editor/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useSaveImage from './use-save-image';\nimport useTransformImage from './use-transform-image';\n\nconst ImageEditingContext = createContext( {} );\n\nexport const useImageEditingContext = () => useContext( ImageEditingContext );\n\nexport default function ImageEditingProvider( {\n\tid,\n\turl,\n\tnaturalWidth,\n\tnaturalHeight,\n\tonFinishEditing,\n\tonSaveImage,\n\tchildren,\n} ) {\n\tconst transformImage = useTransformImage( {\n\t\turl,\n\t\tnaturalWidth,\n\t\tnaturalHeight,\n\t} );\n\n\tconst saveImage = useSaveImage( {\n\t\tid,\n\t\turl,\n\t\tonSaveImage,\n\t\tonFinishEditing,\n\t\t...transformImage,\n\t} );\n\n\tconst providerValue = useMemo(\n\t\t() => ( {\n\t\t\t...transformImage,\n\t\t\t...saveImage,\n\t\t} ),\n\t\t[ transformImage, saveImage ]\n\t);\n\n\treturn (\n\t\t<ImageEditingContext.Provider value={ providerValue }>\n\t\t\t{ children }\n\t\t</ImageEditingContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMI,mBAAmB,GAAG,IAAAC,sBAAa,EAAE,CAAC,CAAE,CAAC;AAExC,MAAMC,sBAAsB,GAAGA,CAAA,KAAM,IAAAC,mBAAU,EAAEH,mBAAoB,CAAC;AAACI,OAAA,CAAAF,sBAAA,GAAAA,sBAAA;AAE/D,SAASG,oBAAoBA,CAAE;EAC7CC,EAAE;EACFC,GAAG;EACHC,YAAY;EACZC,aAAa;EACbC,eAAe;EACfC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,0BAAiB,EAAE;IACzCP,GAAG;IACHC,YAAY;IACZC;EACD,CAAE,CAAC;EAEH,MAAMM,SAAS,GAAG,IAAAC,qBAAY,EAAE;IAC/BV,EAAE;IACFC,GAAG;IACHI,WAAW;IACXD,eAAe;IACf,GAAGG;EACJ,CAAE,CAAC;EAEH,MAAMI,aAAa,GAAG,IAAAC,gBAAO,EAC5B,OAAQ;IACP,GAAGL,cAAc;IACjB,GAAGE;EACJ,CAAC,CAAE,EACH,CAAEF,cAAc,EAAEE,SAAS,CAC5B,CAAC;EAED,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACpB,mBAAmB,CAACqB,QAAQ;IAACC,KAAK,EAAGL;EAAe,GAClDL,QAC2B,CAAC;AAEjC","ignoreList":[]}
+{"version":3,"names":["_element","require","_useSaveImage","_interopRequireDefault","_useTransformImage","_jsxRuntime","ImageEditingContext","createContext","useImageEditingContext","useContext","exports","ImageEditingProvider","id","url","naturalWidth","naturalHeight","onFinishEditing","onSaveImage","children","transformImage","useTransformImage","saveImage","useSaveImage","providerValue","useMemo","jsx","Provider","value"],"sources":["@wordpress/block-editor/src/components/image-editor/context.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useSaveImage from './use-save-image';\nimport useTransformImage from './use-transform-image';\n\nconst ImageEditingContext = createContext( {} );\n\nexport const useImageEditingContext = () => useContext( ImageEditingContext );\n\nexport default function ImageEditingProvider( {\n\tid,\n\turl,\n\tnaturalWidth,\n\tnaturalHeight,\n\tonFinishEditing,\n\tonSaveImage,\n\tchildren,\n} ) {\n\tconst transformImage = useTransformImage( {\n\t\turl,\n\t\tnaturalWidth,\n\t\tnaturalHeight,\n\t} );\n\n\tconst saveImage = useSaveImage( {\n\t\tid,\n\t\turl,\n\t\tonSaveImage,\n\t\tonFinishEditing,\n\t\t...transformImage,\n\t} );\n\n\tconst providerValue = useMemo(\n\t\t() => ( {\n\t\t\t...transformImage,\n\t\t\t...saveImage,\n\t\t} ),\n\t\t[ transformImage, saveImage ]\n\t);\n\n\treturn (\n\t\t<ImageEditingContext.Provider value={ providerValue }>\n\t\t\t{ children }\n\t\t</ImageEditingContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AATtD;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,mBAAmB,GAAG,IAAAC,sBAAa,EAAE,CAAC,CAAE,CAAC;AAExC,MAAMC,sBAAsB,GAAGA,CAAA,KAAM,IAAAC,mBAAU,EAAEH,mBAAoB,CAAC;AAACI,OAAA,CAAAF,sBAAA,GAAAA,sBAAA;AAE/D,SAASG,oBAAoBA,CAAE;EAC7CC,EAAE;EACFC,GAAG;EACHC,YAAY;EACZC,aAAa;EACbC,eAAe;EACfC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,0BAAiB,EAAE;IACzCP,GAAG;IACHC,YAAY;IACZC;EACD,CAAE,CAAC;EAEH,MAAMM,SAAS,GAAG,IAAAC,qBAAY,EAAE;IAC/BV,EAAE;IACFC,GAAG;IACHI,WAAW;IACXD,eAAe;IACf,GAAGG;EACJ,CAAE,CAAC;EAEH,MAAMI,aAAa,GAAG,IAAAC,gBAAO,EAC5B,OAAQ;IACP,GAAGL,cAAc;IACjB,GAAGE;EACJ,CAAC,CAAE,EACH,CAAEF,cAAc,EAAEE,SAAS,CAC5B,CAAC;EAED,oBACC,IAAAhB,WAAA,CAAAoB,GAAA,EAACnB,mBAAmB,CAACoB,QAAQ;IAACC,KAAK,EAAGJ,aAAe;IAAAL,QAAA,EAClDA;EAAQ,CACmB,CAAC;AAEjC","ignoreList":[]}

package/build/components/image-editor/cropper.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ImageCropper;
-var _react = require("react");
 var _reactEasyCrop = _interopRequireDefault(require("react-easy-crop"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _constants = require("./constants");
 var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -50,33 +50,36 @@ function ImageCropper({
   if (rotation % 180 === 90) {
     editedHeight = clientWidth * naturalWidth / naturalHeight;
   }
-  const area = (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('wp-block-image__crop-area', borderProps?.className, {
+  const area = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _clsx.default)('wp-block-image__crop-area', borderProps?.className, {
       'is-applying': isInProgress
     }),
     style: {
       ...borderProps?.style,
       width: width || clientWidth,
       height: editedHeight
-    }
-  }, (0, _react.createElement)(_reactEasyCrop.default, {
-    image: editedUrl || url,
-    disabled: isInProgress,
-    minZoom: _constants.MIN_ZOOM / 100,
-    maxZoom: _constants.MAX_ZOOM / 100,
-    crop: position,
-    zoom: zoom / 100,
-    aspect: aspect,
-    onCropChange: pos => {
-      setPosition(pos);
     },
-    onCropComplete: newCropPercent => {
-      setCrop(newCropPercent);
-    },
-    onZoomChange: newZoom => {
-      setZoom(newZoom * 100);
-    }
-  }), isInProgress && (0, _react.createElement)(_components.Spinner, null));
-  return (0, _react.createElement)(_react.Fragment, null, contentResizeListener, area);
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactEasyCrop.default, {
+      image: editedUrl || url,
+      disabled: isInProgress,
+      minZoom: _constants.MIN_ZOOM / 100,
+      maxZoom: _constants.MAX_ZOOM / 100,
+      crop: position,
+      zoom: zoom / 100,
+      aspect: aspect,
+      onCropChange: pos => {
+        setPosition(pos);
+      },
+      onCropComplete: newCropPercent => {
+        setCrop(newCropPercent);
+      },
+      onZoomChange: newZoom => {
+        setZoom(newZoom * 100);
+      }
+    }), isInProgress && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [contentResizeListener, area]
+  });
 }
 //# sourceMappingURL=cropper.js.map

package/build/components/image-editor/cropper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactEasyCrop","_interopRequireDefault","require","_classnames","_components","_compose","_constants","_context","ImageCropper","url","width","height","naturalHeight","naturalWidth","borderProps","isInProgress","editedUrl","position","zoom","aspect","setPosition","setCrop","setZoom","rotation","useImageEditingContext","contentResizeListener","clientWidth","useResizeObserver","editedHeight","area","_react","createElement","className","classnames","style","default","image","disabled","minZoom","MIN_ZOOM","maxZoom","MAX_ZOOM","crop","onCropChange","pos","onCropComplete","newCropPercent","onZoomChange","newZoom","Spinner","Fragment"],"sources":["@wordpress/block-editor/src/components/image-editor/cropper.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport Cropper from 'react-easy-crop';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Spinner } from '@wordpress/components';\nimport { useResizeObserver } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { MIN_ZOOM, MAX_ZOOM } from './constants';\n\nimport { useImageEditingContext } from './context';\n\nexport default function ImageCropper( {\n\turl,\n\twidth,\n\theight,\n\tnaturalHeight,\n\tnaturalWidth,\n\tborderProps,\n} ) {\n\tconst {\n\t\tisInProgress,\n\t\teditedUrl,\n\t\tposition,\n\t\tzoom,\n\t\taspect,\n\t\tsetPosition,\n\t\tsetCrop,\n\t\tsetZoom,\n\t\trotation,\n\t} = useImageEditingContext();\n\tconst [ contentResizeListener, { width: clientWidth } ] =\n\t\tuseResizeObserver();\n\n\tlet editedHeight = height || ( clientWidth * naturalHeight ) / naturalWidth;\n\n\tif ( rotation % 180 === 90 ) {\n\t\teditedHeight = ( clientWidth * naturalWidth ) / naturalHeight;\n\t}\n\n\tconst area = (\n\t\t<div\n\t\t\tclassName={ classnames(\n\t\t\t\t'wp-block-image__crop-area',\n\t\t\t\tborderProps?.className,\n\t\t\t\t{\n\t\t\t\t\t'is-applying': isInProgress,\n\t\t\t\t}\n\t\t\t) }\n\t\t\tstyle={ {\n\t\t\t\t...borderProps?.style,\n\t\t\t\twidth: width || clientWidth,\n\t\t\t\theight: editedHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<Cropper\n\t\t\t\timage={ editedUrl || url }\n\t\t\t\tdisabled={ isInProgress }\n\t\t\t\tminZoom={ MIN_ZOOM / 100 }\n\t\t\t\tmaxZoom={ MAX_ZOOM / 100 }\n\t\t\t\tcrop={ position }\n\t\t\t\tzoom={ zoom / 100 }\n\t\t\t\taspect={ aspect }\n\t\t\t\tonCropChange={ ( pos ) => {\n\t\t\t\t\tsetPosition( pos );\n\t\t\t\t} }\n\t\t\t\tonCropComplete={ ( newCropPercent ) => {\n\t\t\t\t\tsetCrop( newCropPercent );\n\t\t\t\t} }\n\t\t\t\tonZoomChange={ ( newZoom ) => {\n\t\t\t\t\tsetZoom( newZoom * 100 );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ isInProgress && <Spinner /> }\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ contentResizeListener }\n\t\t\t{ area }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAAK,QAAA,GAAAL,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;;AAKe,SAASM,YAAYA,CAAE;EACrCC,GAAG;EACHC,KAAK;EACLC,MAAM;EACNC,aAAa;EACbC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,YAAY;IACZC,SAAS;IACTC,QAAQ;IACRC,IAAI;IACJC,MAAM;IACNC,WAAW;IACXC,OAAO;IACPC,OAAO;IACPC;EACD,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAC5B,MAAM,CAAEC,qBAAqB,EAAE;IAAEf,KAAK,EAAEgB;EAAY,CAAC,CAAE,GACtD,IAAAC,0BAAiB,EAAC,CAAC;EAEpB,IAAIC,YAAY,GAAGjB,MAAM,IAAMe,WAAW,GAAGd,aAAa,GAAKC,YAAY;EAE3E,IAAKU,QAAQ,GAAG,GAAG,KAAK,EAAE,EAAG;IAC5BK,YAAY,GAAKF,WAAW,GAAGb,YAAY,GAAKD,aAAa;EAC9D;EAEA,MAAMiB,IAAI,GACT,IAAAC,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EACrB,2BAA2B,EAC3BnB,WAAW,EAAEkB,SAAS,EACtB;MACC,aAAa,EAAEjB;IAChB,CACD,CAAG;IACHmB,KAAK,EAAG;MACP,GAAGpB,WAAW,EAAEoB,KAAK;MACrBxB,KAAK,EAAEA,KAAK,IAAIgB,WAAW;MAC3Bf,MAAM,EAAEiB;IACT;EAAG,GAEH,IAAAE,MAAA,CAAAC,aAAA,EAAC/B,cAAA,CAAAmC,OAAO;IACPC,KAAK,EAAGpB,SAAS,IAAIP,GAAK;IAC1B4B,QAAQ,EAAGtB,YAAc;IACzBuB,OAAO,EAAGC,mBAAQ,GAAG,GAAK;IAC1BC,OAAO,EAAGC,mBAAQ,GAAG,GAAK;IAC1BC,IAAI,EAAGzB,QAAU;IACjBC,IAAI,EAAGA,IAAI,GAAG,GAAK;IACnBC,MAAM,EAAGA,MAAQ;IACjBwB,YAAY,EAAKC,GAAG,IAAM;MACzBxB,WAAW,CAAEwB,GAAI,CAAC;IACnB,CAAG;IACHC,cAAc,EAAKC,cAAc,IAAM;MACtCzB,OAAO,CAAEyB,cAAe,CAAC;IAC1B,CAAG;IACHC,YAAY,EAAKC,OAAO,IAAM;MAC7B1B,OAAO,CAAE0B,OAAO,GAAG,GAAI,CAAC;IACzB;EAAG,CACH,CAAC,EACAjC,YAAY,IAAI,IAAAe,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAA6C,OAAO,MAAE,CACxB,CACL;EAED,OACC,IAAAnB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAoB,QAAA,QACGzB,qBAAqB,EACrBI,IACD,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_reactEasyCrop","_interopRequireDefault","require","_clsx","_components","_compose","_constants","_context","_jsxRuntime","ImageCropper","url","width","height","naturalHeight","naturalWidth","borderProps","isInProgress","editedUrl","position","zoom","aspect","setPosition","setCrop","setZoom","rotation","useImageEditingContext","contentResizeListener","clientWidth","useResizeObserver","editedHeight","area","jsxs","className","clsx","style","children","jsx","default","image","disabled","minZoom","MIN_ZOOM","maxZoom","MAX_ZOOM","crop","onCropChange","pos","onCropComplete","newCropPercent","onZoomChange","newZoom","Spinner","Fragment"],"sources":["@wordpress/block-editor/src/components/image-editor/cropper.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport Cropper from 'react-easy-crop';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Spinner } from '@wordpress/components';\nimport { useResizeObserver } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { MIN_ZOOM, MAX_ZOOM } from './constants';\n\nimport { useImageEditingContext } from './context';\n\nexport default function ImageCropper( {\n\turl,\n\twidth,\n\theight,\n\tnaturalHeight,\n\tnaturalWidth,\n\tborderProps,\n} ) {\n\tconst {\n\t\tisInProgress,\n\t\teditedUrl,\n\t\tposition,\n\t\tzoom,\n\t\taspect,\n\t\tsetPosition,\n\t\tsetCrop,\n\t\tsetZoom,\n\t\trotation,\n\t} = useImageEditingContext();\n\tconst [ contentResizeListener, { width: clientWidth } ] =\n\t\tuseResizeObserver();\n\n\tlet editedHeight = height || ( clientWidth * naturalHeight ) / naturalWidth;\n\n\tif ( rotation % 180 === 90 ) {\n\t\teditedHeight = ( clientWidth * naturalWidth ) / naturalHeight;\n\t}\n\n\tconst area = (\n\t\t<div\n\t\t\tclassName={ clsx(\n\t\t\t\t'wp-block-image__crop-area',\n\t\t\t\tborderProps?.className,\n\t\t\t\t{\n\t\t\t\t\t'is-applying': isInProgress,\n\t\t\t\t}\n\t\t\t) }\n\t\t\tstyle={ {\n\t\t\t\t...borderProps?.style,\n\t\t\t\twidth: width || clientWidth,\n\t\t\t\theight: editedHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<Cropper\n\t\t\t\timage={ editedUrl || url }\n\t\t\t\tdisabled={ isInProgress }\n\t\t\t\tminZoom={ MIN_ZOOM / 100 }\n\t\t\t\tmaxZoom={ MAX_ZOOM / 100 }\n\t\t\t\tcrop={ position }\n\t\t\t\tzoom={ zoom / 100 }\n\t\t\t\taspect={ aspect }\n\t\t\t\tonCropChange={ ( pos ) => {\n\t\t\t\t\tsetPosition( pos );\n\t\t\t\t} }\n\t\t\t\tonCropComplete={ ( newCropPercent ) => {\n\t\t\t\t\tsetCrop( newCropPercent );\n\t\t\t\t} }\n\t\t\t\tonZoomChange={ ( newZoom ) => {\n\t\t\t\t\tsetZoom( newZoom * 100 );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ isInProgress && <Spinner /> }\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ contentResizeListener }\n\t\t\t{ area }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAAK,QAAA,GAAAL,OAAA;AAAmD,IAAAM,WAAA,GAAAN,OAAA;AAjBnD;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;;AAKe,SAASO,YAAYA,CAAE;EACrCC,GAAG;EACHC,KAAK;EACLC,MAAM;EACNC,aAAa;EACbC,YAAY;EACZC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,YAAY;IACZC,SAAS;IACTC,QAAQ;IACRC,IAAI;IACJC,MAAM;IACNC,WAAW;IACXC,OAAO;IACPC,OAAO;IACPC;EACD,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAC5B,MAAM,CAAEC,qBAAqB,EAAE;IAAEf,KAAK,EAAEgB;EAAY,CAAC,CAAE,GACtD,IAAAC,0BAAiB,EAAC,CAAC;EAEpB,IAAIC,YAAY,GAAGjB,MAAM,IAAMe,WAAW,GAAGd,aAAa,GAAKC,YAAY;EAE3E,IAAKU,QAAQ,GAAG,GAAG,KAAK,EAAE,EAAG;IAC5BK,YAAY,GAAKF,WAAW,GAAGb,YAAY,GAAKD,aAAa;EAC9D;EAEA,MAAMiB,IAAI,gBACT,IAAAtB,WAAA,CAAAuB,IAAA;IACCC,SAAS,EAAG,IAAAC,aAAI,EACf,2BAA2B,EAC3BlB,WAAW,EAAEiB,SAAS,EACtB;MACC,aAAa,EAAEhB;IAChB,CACD,CAAG;IACHkB,KAAK,EAAG;MACP,GAAGnB,WAAW,EAAEmB,KAAK;MACrBvB,KAAK,EAAEA,KAAK,IAAIgB,WAAW;MAC3Bf,MAAM,EAAEiB;IACT,CAAG;IAAAM,QAAA,gBAEH,IAAA3B,WAAA,CAAA4B,GAAA,EAACpC,cAAA,CAAAqC,OAAO;MACPC,KAAK,EAAGrB,SAAS,IAAIP,GAAK;MAC1B6B,QAAQ,EAAGvB,YAAc;MACzBwB,OAAO,EAAGC,mBAAQ,GAAG,GAAK;MAC1BC,OAAO,EAAGC,mBAAQ,GAAG,GAAK;MAC1BC,IAAI,EAAG1B,QAAU;MACjBC,IAAI,EAAGA,IAAI,GAAG,GAAK;MACnBC,MAAM,EAAGA,MAAQ;MACjByB,YAAY,EAAKC,GAAG,IAAM;QACzBzB,WAAW,CAAEyB,GAAI,CAAC;MACnB,CAAG;MACHC,cAAc,EAAKC,cAAc,IAAM;QACtC1B,OAAO,CAAE0B,cAAe,CAAC;MAC1B,CAAG;MACHC,YAAY,EAAKC,OAAO,IAAM;QAC7B3B,OAAO,CAAE2B,OAAO,GAAG,GAAI,CAAC;MACzB;IAAG,CACH,CAAC,EACAlC,YAAY,iBAAI,IAAAR,WAAA,CAAA4B,GAAA,EAAChC,WAAA,CAAA+C,OAAO,IAAE,CAAC;EAAA,CACzB,CACL;EAED,oBACC,IAAA3C,WAAA,CAAAuB,IAAA,EAAAvB,WAAA,CAAA4C,QAAA;IAAAjB,QAAA,GACGT,qBAAqB,EACrBI,IAAI;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

package/build/components/image-editor/form-controls.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FormControls;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -22,11 +22,15 @@ function FormControls() {
     apply,
     cancel
   } = (0, _context.useImageEditingContext)();
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToolbarButton, {
-    onClick: apply,
-    disabled: isInProgress
-  }, (0, _i18n.__)('Apply')), (0, _react.createElement)(_components.ToolbarButton, {
-    onClick: cancel
-  }, (0, _i18n.__)('Cancel')));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+      onClick: apply,
+      disabled: isInProgress,
+      children: (0, _i18n.__)('Apply')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+      onClick: cancel,
+      children: (0, _i18n.__)('Cancel')
+    })]
+  });
 }
 //# sourceMappingURL=form-controls.js.map

package/build/components/image-editor/form-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_context","FormControls","isInProgress","apply","cancel","useImageEditingContext","_react","createElement","Fragment","ToolbarButton","onClick","disabled","__"],"sources":["@wordpress/block-editor/src/components/image-editor/form-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useImageEditingContext } from './context';\n\nexport default function FormControls() {\n\tconst { isInProgress, apply, cancel } = useImageEditingContext();\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton onClick={ apply } disabled={ isInProgress }>\n\t\t\t\t{ __( 'Apply' ) }\n\t\t\t</ToolbarButton>\n\t\t\t<ToolbarButton onClick={ cancel }>{ __( 'Cancel' ) }</ToolbarButton>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASG,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,YAAY;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAChE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,aAAa;IAACC,OAAO,EAAGP,KAAO;IAACQ,QAAQ,EAAGT;EAAc,GACvD,IAAAU,QAAE,EAAE,OAAQ,CACA,CAAC,EAChB,IAAAN,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,aAAa;IAACC,OAAO,EAAGN;EAAQ,GAAG,IAAAQ,QAAE,EAAE,QAAS,CAAkB,CAClE,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_context","_jsxRuntime","FormControls","isInProgress","apply","cancel","useImageEditingContext","jsxs","Fragment","children","jsx","ToolbarButton","onClick","disabled","__"],"sources":["@wordpress/block-editor/src/components/image-editor/form-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useImageEditingContext } from './context';\n\nexport default function FormControls() {\n\tconst { isInProgress, apply, cancel } = useImageEditingContext();\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton onClick={ apply } disabled={ isInProgress }>\n\t\t\t\t{ __( 'Apply' ) }\n\t\t\t</ToolbarButton>\n\t\t\t<ToolbarButton onClick={ cancel }>{ __( 'Cancel' ) }</ToolbarButton>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAAmD,IAAAG,WAAA,GAAAH,OAAA;AATnD;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,YAAY;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAChE,oBACC,IAAAL,WAAA,CAAAM,IAAA,EAAAN,WAAA,CAAAO,QAAA;IAAAC,QAAA,gBACC,IAAAR,WAAA,CAAAS,GAAA,EAACb,WAAA,CAAAc,aAAa;MAACC,OAAO,EAAGR,KAAO;MAACS,QAAQ,EAAGV,YAAc;MAAAM,QAAA,EACvD,IAAAK,QAAE,EAAE,OAAQ;IAAC,CACD,CAAC,eAChB,IAAAb,WAAA,CAAAS,GAAA,EAACb,WAAA,CAAAc,aAAa;MAACC,OAAO,EAAGP,MAAQ;MAAAI,QAAA,EAAG,IAAAK,QAAE,EAAE,QAAS;IAAC,CAAiB,CAAC;EAAA,CACnE,CAAC;AAEL","ignoreList":[]}

package/build/components/image-editor/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ImageEditor;
-var _react = require("react");
 var _components = require("@wordpress/components");
+var _aspectRatioDropdown = _interopRequireDefault(require("./aspect-ratio-dropdown"));
 var _blockControls = _interopRequireDefault(require("../block-controls"));
 var _context = _interopRequireDefault(require("./context"));
 var _cropper = _interopRequireDefault(require("./cropper"));
 var _zoomDropdown = _interopRequireDefault(require("./zoom-dropdown"));
-var _aspectRatioDropdown = _interopRequireDefault(require("./aspect-ratio-dropdown"));
 var _rotationButton = _interopRequireDefault(require("./rotation-button"));
 var _formControls = _interopRequireDefault(require("./form-controls"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -33,22 +33,31 @@ function ImageEditor({
   onFinishEditing,
   borderProps
 }) {
-  return (0, _react.createElement)(_context.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_context.default, {
     id: id,
     url: url,
     naturalWidth: naturalWidth,
     naturalHeight: naturalHeight,
     onSaveImage: onSaveImage,
-    onFinishEditing: onFinishEditing
-  }, (0, _react.createElement)(_cropper.default, {
-    borderProps: borderProps,
-    url: url,
-    width: width,
-    height: height,
-    naturalHeight: naturalHeight,
-    naturalWidth: naturalWidth
-  }), (0, _react.createElement)(_blockControls.default, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_zoomDropdown.default, null), (0, _react.createElement)(_components.ToolbarItem, null, toggleProps => (0, _react.createElement)(_aspectRatioDropdown.default, {
-    toggleProps: toggleProps
-  })), (0, _react.createElement)(_rotationButton.default, null)), (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_formControls.default, null))));
+    onFinishEditing: onFinishEditing,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_cropper.default, {
+      borderProps: borderProps,
+      url: url,
+      width: width,
+      height: height,
+      naturalHeight: naturalHeight,
+      naturalWidth: naturalWidth
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockControls.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ToolbarGroup, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_zoomDropdown.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+          children: toggleProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_aspectRatioDropdown.default, {
+            toggleProps: toggleProps
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rotationButton.default, {})]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formControls.default, {})
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/image-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_blockControls","_interopRequireDefault","_context","_cropper","_zoomDropdown","_aspectRatioDropdown","_rotationButton","_formControls","ImageEditor","id","url","width","height","naturalHeight","naturalWidth","onSaveImage","onFinishEditing","borderProps","_react","createElement","default","ToolbarGroup","ToolbarItem","toggleProps"],"sources":["@wordpress/block-editor/src/components/image-editor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarGroup, ToolbarItem } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockControls from '../block-controls';\nimport ImageEditingProvider from './context';\nimport Cropper from './cropper';\nimport ZoomDropdown from './zoom-dropdown';\nimport AspectRatioDropdown from './aspect-ratio-dropdown';\nimport RotationButton from './rotation-button';\nimport FormControls from './form-controls';\n\nexport default function ImageEditor( {\n\tid,\n\turl,\n\twidth,\n\theight,\n\tnaturalHeight,\n\tnaturalWidth,\n\tonSaveImage,\n\tonFinishEditing,\n\tborderProps,\n} ) {\n\treturn (\n\t\t<ImageEditingProvider\n\t\t\tid={ id }\n\t\t\turl={ url }\n\t\t\tnaturalWidth={ naturalWidth }\n\t\t\tnaturalHeight={ naturalHeight }\n\t\t\tonSaveImage={ onSaveImage }\n\t\t\tonFinishEditing={ onFinishEditing }\n\t\t>\n\t\t\t<Cropper\n\t\t\t\tborderProps={ borderProps }\n\t\t\t\turl={ url }\n\t\t\t\twidth={ width }\n\t\t\t\theight={ height }\n\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t/>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ZoomDropdown />\n\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t\t\t<AspectRatioDropdown toggleProps={ toggleProps } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t<RotationButton />\n\t\t\t\t</ToolbarGroup>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<FormControls />\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t</ImageEditingProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,eAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,aAAA,GAAAN,sBAAA,CAAAF,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AASe,SAASS,WAAWA,CAAE;EACpCC,EAAE;EACFC,GAAG;EACHC,KAAK;EACLC,MAAM;EACNC,aAAa;EACbC,YAAY;EACZC,WAAW;EACXC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACjB,QAAA,CAAAkB,OAAoB;IACpBX,EAAE,EAAGA,EAAI;IACTC,GAAG,EAAGA,GAAK;IACXI,YAAY,EAAGA,YAAc;IAC7BD,aAAa,EAAGA,aAAe;IAC/BE,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA;EAAiB,GAEnC,IAAAE,MAAA,CAAAC,aAAA,EAAChB,QAAA,CAAAiB,OAAO;IACPH,WAAW,EAAGA,WAAa;IAC3BP,GAAG,EAAGA,GAAK;IACXC,KAAK,EAAGA,KAAO;IACfC,MAAM,EAAGA,MAAQ;IACjBC,aAAa,EAAGA,aAAe;IAC/BC,YAAY,EAAGA;EAAc,CAC7B,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAACnB,cAAA,CAAAoB,OAAa,QACb,IAAAF,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAuB,YAAY,QACZ,IAAAH,MAAA,CAAAC,aAAA,EAACf,aAAA,CAAAgB,OAAY,MAAE,CAAC,EAChB,IAAAF,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAwB,WAAW,QACPC,WAAW,IACd,IAAAL,MAAA,CAAAC,aAAA,EAACd,oBAAA,CAAAe,OAAmB;IAACG,WAAW,EAAGA;EAAa,CAAE,CAEvC,CAAC,EACd,IAAAL,MAAA,CAAAC,aAAA,EAACb,eAAA,CAAAc,OAAc,MAAE,CACJ,CAAC,EACf,IAAAF,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAuB,YAAY,QACZ,IAAAH,MAAA,CAAAC,aAAA,EAACZ,aAAA,CAAAa,OAAY,MAAE,CACF,CACA,CACM,CAAC;AAEzB","ignoreList":[]}
+{"version":3,"names":["_components","require","_aspectRatioDropdown","_interopRequireDefault","_blockControls","_context","_cropper","_zoomDropdown","_rotationButton","_formControls","_jsxRuntime","ImageEditor","id","url","width","height","naturalHeight","naturalWidth","onSaveImage","onFinishEditing","borderProps","jsxs","default","children","jsx","ToolbarGroup","ToolbarItem","toggleProps"],"sources":["@wordpress/block-editor/src/components/image-editor/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarGroup, ToolbarItem } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport AspectRatioDropdown from './aspect-ratio-dropdown';\nimport BlockControls from '../block-controls';\nimport ImageEditingProvider from './context';\nimport Cropper from './cropper';\nimport ZoomDropdown from './zoom-dropdown';\nimport RotationButton from './rotation-button';\nimport FormControls from './form-controls';\n\nexport default function ImageEditor( {\n\tid,\n\turl,\n\twidth,\n\theight,\n\tnaturalHeight,\n\tnaturalWidth,\n\tonSaveImage,\n\tonFinishEditing,\n\tborderProps,\n} ) {\n\treturn (\n\t\t<ImageEditingProvider\n\t\t\tid={ id }\n\t\t\turl={ url }\n\t\t\tnaturalWidth={ naturalWidth }\n\t\t\tnaturalHeight={ naturalHeight }\n\t\t\tonSaveImage={ onSaveImage }\n\t\t\tonFinishEditing={ onFinishEditing }\n\t\t>\n\t\t\t<Cropper\n\t\t\t\tborderProps={ borderProps }\n\t\t\t\turl={ url }\n\t\t\t\twidth={ width }\n\t\t\t\theight={ height }\n\t\t\t\tnaturalHeight={ naturalHeight }\n\t\t\t\tnaturalWidth={ naturalWidth }\n\t\t\t/>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ZoomDropdown />\n\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t\t\t<AspectRatioDropdown toggleProps={ toggleProps } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t<RotationButton />\n\t\t\t\t</ToolbarGroup>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<FormControls />\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t</ImageEditingProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,eAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,aAAA,GAAAN,sBAAA,CAAAF,OAAA;AAA2C,IAAAS,WAAA,GAAAT,OAAA;AAd3C;AACA;AACA;;AAGA;AACA;AACA;;AASe,SAASU,WAAWA,CAAE;EACpCC,EAAE;EACFC,GAAG;EACHC,KAAK;EACLC,MAAM;EACNC,aAAa;EACbC,YAAY;EACZC,WAAW;EACXC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,oBACC,IAAAV,WAAA,CAAAW,IAAA,EAAChB,QAAA,CAAAiB,OAAoB;IACpBV,EAAE,EAAGA,EAAI;IACTC,GAAG,EAAGA,GAAK;IACXI,YAAY,EAAGA,YAAc;IAC7BD,aAAa,EAAGA,aAAe;IAC/BE,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA,eAAiB;IAAAI,QAAA,gBAEnC,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAgB,OAAO;MACPF,WAAW,EAAGA,WAAa;MAC3BP,GAAG,EAAGA,GAAK;MACXC,KAAK,EAAGA,KAAO;MACfC,MAAM,EAAGA,MAAQ;MACjBC,aAAa,EAAGA,aAAe;MAC/BC,YAAY,EAAGA;IAAc,CAC7B,CAAC,eACF,IAAAP,WAAA,CAAAW,IAAA,EAACjB,cAAA,CAAAkB,OAAa;MAAAC,QAAA,gBACb,IAAAb,WAAA,CAAAW,IAAA,EAACrB,WAAA,CAAAyB,YAAY;QAAAF,QAAA,gBACZ,IAAAb,WAAA,CAAAc,GAAA,EAACjB,aAAA,CAAAe,OAAY,IAAE,CAAC,eAChB,IAAAZ,WAAA,CAAAc,GAAA,EAACxB,WAAA,CAAA0B,WAAW;UAAAH,QAAA,EACPI,WAAW,iBACd,IAAAjB,WAAA,CAAAc,GAAA,EAACtB,oBAAA,CAAAoB,OAAmB;YAACK,WAAW,EAAGA;UAAa,CAAE;QAClD,CACW,CAAC,eACd,IAAAjB,WAAA,CAAAc,GAAA,EAAChB,eAAA,CAAAc,OAAc,IAAE,CAAC;MAAA,CACL,CAAC,eACf,IAAAZ,WAAA,CAAAc,GAAA,EAACxB,WAAA,CAAAyB,YAAY;QAAAF,QAAA,eACZ,IAAAb,WAAA,CAAAc,GAAA,EAACf,aAAA,CAAAa,OAAY,IAAE;MAAC,CACH,CAAC;IAAA,CACD,CAAC;EAAA,CACK,CAAC;AAEzB","ignoreList":[]}

package/build/components/image-editor/rotation-button.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RotationButton;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -22,7 +22,7 @@ function RotationButton() {
     isInProgress,
     rotateClockwise
   } = (0, _context.useImageEditingContext)();
-  return (0, _react.createElement)(_components.ToolbarButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
     icon: _icons.rotateRight,
     label: (0, _i18n.__)('Rotate'),
     onClick: rotateClockwise,

package/build/components/image-editor/rotation-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_context","RotationButton","isInProgress","rotateClockwise","useImageEditingContext","_react","createElement","ToolbarButton","icon","rotateRightIcon","label","__","onClick","disabled"],"sources":["@wordpress/block-editor/src/components/image-editor/rotation-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { rotateRight as rotateRightIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useImageEditingContext } from './context';\n\nexport default function RotationButton() {\n\tconst { isInProgress, rotateClockwise } = useImageEditingContext();\n\treturn (\n\t\t<ToolbarButton\n\t\t\ticon={ rotateRightIcon }\n\t\t\tlabel={ __( 'Rotate' ) }\n\t\t\tonClick={ rotateClockwise }\n\t\t\tdisabled={ isInProgress }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASI,cAAcA,CAAA,EAAG;EACxC,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAClE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,aAAa;IACbC,IAAI,EAAGC,kBAAiB;IACxBC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,OAAO,EAAGT,eAAiB;IAC3BU,QAAQ,EAAGX;EAAc,CACzB,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_icons","_context","_jsxRuntime","RotationButton","isInProgress","rotateClockwise","useImageEditingContext","jsx","ToolbarButton","icon","rotateRightIcon","label","__","onClick","disabled"],"sources":["@wordpress/block-editor/src/components/image-editor/rotation-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n\nimport { ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { rotateRight as rotateRightIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useImageEditingContext } from './context';\n\nexport default function RotationButton() {\n\tconst { isInProgress, rotateClockwise } = useImageEditingContext();\n\treturn (\n\t\t<ToolbarButton\n\t\t\ticon={ rotateRightIcon }\n\t\t\tlabel={ __( 'Rotate' ) }\n\t\t\tonClick={ rotateClockwise }\n\t\t\tdisabled={ isInProgress }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAIA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AAAmD,IAAAI,WAAA,GAAAJ,OAAA;AAXnD;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASK,cAAcA,CAAA,EAAG;EACxC,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAClE,oBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACV,WAAA,CAAAW,aAAa;IACbC,IAAI,EAAGC,kBAAiB;IACxBC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,OAAO,EAAGR,eAAiB;IAC3BS,QAAQ,EAAGV;EAAc,CACzB,CAAC;AAEJ","ignoreList":[]}

package/build/components/image-editor/zoom-dropdown.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ZoomDropdown;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _constants = require("./constants");
 var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -24,20 +24,20 @@ function ZoomDropdown() {
     zoom,
     setZoom
   } = (0, _context.useImageEditingContext)();
-  return (0, _react.createElement)(_components.Dropdown, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
     contentClassName: "wp-block-image__zoom",
     popoverProps: _constants.POPOVER_PROPS,
     renderToggle: ({
       isOpen,
       onToggle
-    }) => (0, _react.createElement)(_components.ToolbarButton, {
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
       icon: _icons.search,
       label: (0, _i18n.__)('Zoom'),
       onClick: onToggle,
       "aria-expanded": isOpen,
       disabled: isInProgress
     }),
-    renderContent: () => (0, _react.createElement)(_components.RangeControl, {
+    renderContent: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
       __nextHasNoMarginBottom: true,
       label: (0, _i18n.__)('Zoom'),
       min: _constants.MIN_ZOOM,

package/build/components/image-editor/zoom-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_constants","_context","ZoomDropdown","isInProgress","zoom","setZoom","useImageEditingContext","_react","createElement","Dropdown","contentClassName","popoverProps","POPOVER_PROPS","renderToggle","isOpen","onToggle","ToolbarButton","icon","search","label","__","onClick","disabled","renderContent","RangeControl","__nextHasNoMarginBottom","min","MIN_ZOOM","max","MAX_ZOOM","value","Math","round","onChange"],"sources":["@wordpress/block-editor/src/components/image-editor/zoom-dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, RangeControl, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { search } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { MIN_ZOOM, MAX_ZOOM, POPOVER_PROPS } from './constants';\nimport { useImageEditingContext } from './context';\n\nexport default function ZoomDropdown() {\n\tconst { isInProgress, zoom, setZoom } = useImageEditingContext();\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"wp-block-image__zoom\"\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\ticon={ search }\n\t\t\t\t\tlabel={ __( 'Zoom' ) }\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\tdisabled={ isInProgress }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Zoom' ) }\n\t\t\t\t\tmin={ MIN_ZOOM }\n\t\t\t\t\tmax={ MAX_ZOOM }\n\t\t\t\t\tvalue={ Math.round( zoom ) }\n\t\t\t\t\tonChange={ setZoom }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIe,SAASK,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,YAAY;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAChE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,QAAQ;IACRC,gBAAgB,EAAC,sBAAsB;IACvCC,YAAY,EAAGC,wBAAe;IAC9BC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpC,IAAAR,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAoB,aAAa;MACbC,IAAI,EAAGC,aAAQ;MACfC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;MACtBC,OAAO,EAAGN,QAAU;MACpB,iBAAgBD,MAAQ;MACxBQ,QAAQ,EAAGnB;IAAc,CACzB,CACC;IACHoB,aAAa,EAAGA,CAAA,KACf,IAAAhB,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAA4B,YAAY;MACZC,uBAAuB;MACvBN,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;MACtBM,GAAG,EAAGC,mBAAU;MAChBC,GAAG,EAAGC,mBAAU;MAChBC,KAAK,EAAGC,IAAI,CAACC,KAAK,CAAE5B,IAAK,CAAG;MAC5B6B,QAAQ,EAAG5B;IAAS,CACpB;EACC,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_icons","_constants","_context","_jsxRuntime","ZoomDropdown","isInProgress","zoom","setZoom","useImageEditingContext","jsx","Dropdown","contentClassName","popoverProps","POPOVER_PROPS","renderToggle","isOpen","onToggle","ToolbarButton","icon","search","label","__","onClick","disabled","renderContent","RangeControl","__nextHasNoMarginBottom","min","MIN_ZOOM","max","MAX_ZOOM","value","Math","round","onChange"],"sources":["@wordpress/block-editor/src/components/image-editor/zoom-dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, RangeControl, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { search } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { MIN_ZOOM, MAX_ZOOM, POPOVER_PROPS } from './constants';\nimport { useImageEditingContext } from './context';\n\nexport default function ZoomDropdown() {\n\tconst { isInProgress, zoom, setZoom } = useImageEditingContext();\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"wp-block-image__zoom\"\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\ticon={ search }\n\t\t\t\t\tlabel={ __( 'Zoom' ) }\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\tdisabled={ isInProgress }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Zoom' ) }\n\t\t\t\t\tmin={ MIN_ZOOM }\n\t\t\t\t\tmax={ MAX_ZOOM }\n\t\t\t\t\tvalue={ Math.round( zoom ) }\n\t\t\t\t\tonChange={ setZoom }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAmD,IAAAK,WAAA,GAAAL,OAAA;AAXnD;AACA;AACA;;AAKA;AACA;AACA;;AAIe,SAASM,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,YAAY;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAChE,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACZ,WAAA,CAAAa,QAAQ;IACRC,gBAAgB,EAAC,sBAAsB;IACvCC,YAAY,EAAGC,wBAAe;IAC9BC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,kBACpC,IAAAb,WAAA,CAAAM,GAAA,EAACZ,WAAA,CAAAoB,aAAa;MACbC,IAAI,EAAGC,aAAQ;MACfC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;MACtBC,OAAO,EAAGN,QAAU;MACpB,iBAAgBD,MAAQ;MACxBQ,QAAQ,EAAGlB;IAAc,CACzB,CACC;IACHmB,aAAa,EAAGA,CAAA,kBACf,IAAArB,WAAA,CAAAM,GAAA,EAACZ,WAAA,CAAA4B,YAAY;MACZC,uBAAuB;MACvBN,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;MACtBM,GAAG,EAAGC,mBAAU;MAChBC,GAAG,EAAGC,mBAAU;MAChBC,KAAK,EAAGC,IAAI,CAACC,KAAK,CAAE3B,IAAK,CAAG;MAC5B4B,QAAQ,EAAG3B;IAAS,CACpB;EACC,CACH,CAAC;AAEJ","ignoreList":[]}

package/build/components/image-link-destinations/index.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _native = require("@react-navigation/native");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
@@ -14,6 +13,7 @@ var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _styleNative = _interopRequireDefault(require("./style.native.scss"));
 var _blockSettings = require("../block-settings");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -39,7 +39,7 @@ function LinkDestination({
   valueStyle
 }) {
   const optionIcon = (0, _compose.usePreferredColorSchemeStyle)(_styleNative.default.optionIcon, _styleNative.default.optionIconDark);
-  return (0, _react.createElement)(_components.BottomSheet.Cell, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.Cell, {
     icon: _icons.check,
     iconStyle: _reactNative.StyleSheet.flatten([optionIcon, !isSelected && _styleNative.default.unselectedOptionIcon]),
     label: label,
@@ -47,8 +47,9 @@ function LinkDestination({
     onPress: onPress,
     value: value,
     valueStyle: valueStyle,
-    separatorType: "leftMargin"
-  }, children);
+    separatorType: "leftMargin",
+    children: children
+  });
 }
 function ImageLinkDestinationsScreen(props) {
   const navigation = (0, _native.useNavigation)();
@@ -89,29 +90,38 @@ function ImageLinkDestinationsScreen(props) {
       text: ''
     });
   };
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.BottomSheet.NavBar, null, (0, _react.createElement)(_components.BottomSheet.NavBar.BackButton, {
-    onPress: navigation.goBack
-  }), (0, _react.createElement)(_components.BottomSheet.NavBar.Heading, null, (0, _i18n.__)('Link To'))), (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(LinkDestination, {
-    isSelected: linkDestination === LINK_DESTINATION_NONE,
-    label: (0, _i18n.__)('None'),
-    onPress: setLinkDestination(LINK_DESTINATION_NONE)
-  }), (0, _react.createElement)(LinkDestination, {
-    isSelected: linkDestination === LINK_DESTINATION_MEDIA,
-    label: (0, _i18n.__)('Media File'),
-    onPress: setLinkDestination(LINK_DESTINATION_MEDIA)
-  }), !!attachmentPageUrl && (0, _react.createElement)(LinkDestination, {
-    isSelected: linkDestination === LINK_DESTINATION_ATTACHMENT,
-    label: (0, _i18n.__)('Attachment Page'),
-    onPress: setLinkDestination(LINK_DESTINATION_ATTACHMENT)
-  }), (0, _react.createElement)(LinkDestination, {
-    isSelected: linkDestination === LINK_DESTINATION_CUSTOM,
-    label: (0, _i18n.__)('Custom URL'),
-    onPress: goToLinkPicker,
-    value: linkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',
-    valueStyle: linkDestination === LINK_DESTINATION_CUSTOM ? undefined : _styleNative.default.placeholderTextColor
-  }, (0, _react.createElement)(_icons.Icon, {
-    icon: _icons.chevronRight
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.BottomSheet.NavBar, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavBar.BackButton, {
+        onPress: navigation.goBack
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavBar.Heading, {
+        children: (0, _i18n.__)('Link To')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDestination, {
+        isSelected: linkDestination === LINK_DESTINATION_NONE,
+        label: (0, _i18n.__)('None'),
+        onPress: setLinkDestination(LINK_DESTINATION_NONE)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDestination, {
+        isSelected: linkDestination === LINK_DESTINATION_MEDIA,
+        label: (0, _i18n.__)('Media File'),
+        onPress: setLinkDestination(LINK_DESTINATION_MEDIA)
+      }), !!attachmentPageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDestination, {
+        isSelected: linkDestination === LINK_DESTINATION_ATTACHMENT,
+        label: (0, _i18n.__)('Attachment Page'),
+        onPress: setLinkDestination(LINK_DESTINATION_ATTACHMENT)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkDestination, {
+        isSelected: linkDestination === LINK_DESTINATION_CUSTOM,
+        label: (0, _i18n.__)('Custom URL'),
+        onPress: goToLinkPicker,
+        value: linkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',
+        valueStyle: linkDestination === LINK_DESTINATION_CUSTOM ? undefined : _styleNative.default.placeholderTextColor,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+          icon: _icons.chevronRight
+        })
+      })]
+    })]
+  });
 }
 var _default = exports.default = ImageLinkDestinationsScreen;
 //# sourceMappingURL=index.native.js.map

package/build/components/image-link-destinations/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_reactNative","_i18n","_icons","_compose","_components","_styleNative","_interopRequireDefault","_blockSettings","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","LinkDestination","children","isSelected","label","onPress","value","valueStyle","optionIcon","usePreferredColorSchemeStyle","styles","optionIconDark","_react","createElement","BottomSheet","Cell","icon","check","iconStyle","StyleSheet","flatten","unselectedOptionIcon","leftAlign","separatorType","ImageLinkDestinationsScreen","props","navigation","useNavigation","route","useRoute","url","inputValue","imageUrl","attachmentPageUrl","linkDestination","params","goToLinkPicker","navigate","blockSettingsScreens","linkPicker","setLinkDestination","newLinkDestination","newUrl","settings","text","Fragment","NavBar","BackButton","goBack","Heading","__","PanelBody","undefined","placeholderTextColor","Icon","chevronRight","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/image-link-destinations/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { StyleSheet } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { BottomSheet, PanelBody } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.native.scss';\nimport { blockSettingsScreens } from '../block-settings';\n\nconst LINK_DESTINATION_NONE = 'none';\nconst LINK_DESTINATION_MEDIA = 'media';\nconst LINK_DESTINATION_ATTACHMENT = 'attachment';\nconst LINK_DESTINATION_CUSTOM = 'custom';\n\nfunction LinkDestination( {\n\tchildren,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tvalue,\n\tvalueStyle,\n} ) {\n\tconst optionIcon = usePreferredColorSchemeStyle(\n\t\tstyles.optionIcon,\n\t\tstyles.optionIconDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\ticon={ check }\n\t\t\ticonStyle={ StyleSheet.flatten( [\n\t\t\t\toptionIcon,\n\t\t\t\t! isSelected && styles.unselectedOptionIcon,\n\t\t\t] ) }\n\t\t\tlabel={ label }\n\t\t\tleftAlign\n\t\t\tonPress={ onPress }\n\t\t\tvalue={ value }\n\t\t\tvalueStyle={ valueStyle }\n\t\t\tseparatorType=\"leftMargin\"\n\t\t>\n\t\t\t{ children }\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nfunction ImageLinkDestinationsScreen( props ) {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst {\n\t\tinputValue = url,\n\t\timageUrl,\n\t\tattachmentPageUrl,\n\t\tlinkDestination,\n\t} = route.params || {};\n\n\tfunction goToLinkPicker() {\n\t\tnavigation.navigate( blockSettingsScreens.linkPicker, {\n\t\t\tinputValue:\n\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',\n\t\t} );\n\t}\n\n\tconst setLinkDestination = ( newLinkDestination ) => () => {\n\t\tlet newUrl;\n\t\tswitch ( newLinkDestination ) {\n\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\tnewUrl = imageUrl;\n\t\t\t\tbreak;\n\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\tnewUrl = attachmentPageUrl;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tnewUrl = '';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tnavigation.navigate( blockSettingsScreens.settings, {\n\t\t\t// The `inputValue` name is reused from LinkPicker, as it helps avoid\n\t\t\t// bugs from stale values remaining in the React Navigation route\n\t\t\t// parameters.\n\t\t\tinputValue: newUrl,\n\t\t\t// Clear link text value that may be set from LinkPicker.\n\t\t\ttext: '',\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BottomSheet.NavBar>\n\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t{ __( 'Link To' ) }\n\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t</BottomSheet.NavBar>\n\t\t\t<PanelBody>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_NONE }\n\t\t\t\t\tlabel={ __( 'None' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_NONE ) }\n\t\t\t\t/>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_MEDIA }\n\t\t\t\t\tlabel={ __( 'Media File' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_MEDIA ) }\n\t\t\t\t/>\n\t\t\t\t{ !! attachmentPageUrl && (\n\t\t\t\t\t<LinkDestination\n\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Attachment Page' ) }\n\t\t\t\t\t\tonPress={ setLinkDestination(\n\t\t\t\t\t\t\tLINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_CUSTOM }\n\t\t\t\t\tlabel={ __( 'Custom URL' ) }\n\t\t\t\t\tonPress={ goToLinkPicker }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? inputValue\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tvalueStyle={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: styles.placeholderTextColor\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</LinkDestination>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default ImageLinkDestinationsScreen;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_native","require","_reactNative","_i18n","_icons","_compose","_components","_styleNative","_interopRequireDefault","_blockSettings","_jsxRuntime","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_CUSTOM","LinkDestination","children","isSelected","label","onPress","value","valueStyle","optionIcon","usePreferredColorSchemeStyle","styles","optionIconDark","jsx","BottomSheet","Cell","icon","check","iconStyle","StyleSheet","flatten","unselectedOptionIcon","leftAlign","separatorType","ImageLinkDestinationsScreen","props","navigation","useNavigation","route","useRoute","url","inputValue","imageUrl","attachmentPageUrl","linkDestination","params","goToLinkPicker","navigate","blockSettingsScreens","linkPicker","setLinkDestination","newLinkDestination","newUrl","settings","text","jsxs","Fragment","NavBar","BackButton","goBack","Heading","__","PanelBody","undefined","placeholderTextColor","Icon","chevronRight","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/image-link-destinations/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { StyleSheet } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { BottomSheet, PanelBody } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.native.scss';\nimport { blockSettingsScreens } from '../block-settings';\n\nconst LINK_DESTINATION_NONE = 'none';\nconst LINK_DESTINATION_MEDIA = 'media';\nconst LINK_DESTINATION_ATTACHMENT = 'attachment';\nconst LINK_DESTINATION_CUSTOM = 'custom';\n\nfunction LinkDestination( {\n\tchildren,\n\tisSelected,\n\tlabel,\n\tonPress,\n\tvalue,\n\tvalueStyle,\n} ) {\n\tconst optionIcon = usePreferredColorSchemeStyle(\n\t\tstyles.optionIcon,\n\t\tstyles.optionIconDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\ticon={ check }\n\t\t\ticonStyle={ StyleSheet.flatten( [\n\t\t\t\toptionIcon,\n\t\t\t\t! isSelected && styles.unselectedOptionIcon,\n\t\t\t] ) }\n\t\t\tlabel={ label }\n\t\t\tleftAlign\n\t\t\tonPress={ onPress }\n\t\t\tvalue={ value }\n\t\t\tvalueStyle={ valueStyle }\n\t\t\tseparatorType=\"leftMargin\"\n\t\t>\n\t\t\t{ children }\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nfunction ImageLinkDestinationsScreen( props ) {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { url = '' } = props;\n\tconst {\n\t\tinputValue = url,\n\t\timageUrl,\n\t\tattachmentPageUrl,\n\t\tlinkDestination,\n\t} = route.params || {};\n\n\tfunction goToLinkPicker() {\n\t\tnavigation.navigate( blockSettingsScreens.linkPicker, {\n\t\t\tinputValue:\n\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM ? inputValue : '',\n\t\t} );\n\t}\n\n\tconst setLinkDestination = ( newLinkDestination ) => () => {\n\t\tlet newUrl;\n\t\tswitch ( newLinkDestination ) {\n\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\tnewUrl = imageUrl;\n\t\t\t\tbreak;\n\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\tnewUrl = attachmentPageUrl;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tnewUrl = '';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tnavigation.navigate( blockSettingsScreens.settings, {\n\t\t\t// The `inputValue` name is reused from LinkPicker, as it helps avoid\n\t\t\t// bugs from stale values remaining in the React Navigation route\n\t\t\t// parameters.\n\t\t\tinputValue: newUrl,\n\t\t\t// Clear link text value that may be set from LinkPicker.\n\t\t\ttext: '',\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BottomSheet.NavBar>\n\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t{ __( 'Link To' ) }\n\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t</BottomSheet.NavBar>\n\t\t\t<PanelBody>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_NONE }\n\t\t\t\t\tlabel={ __( 'None' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_NONE ) }\n\t\t\t\t/>\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_MEDIA }\n\t\t\t\t\tlabel={ __( 'Media File' ) }\n\t\t\t\t\tonPress={ setLinkDestination( LINK_DESTINATION_MEDIA ) }\n\t\t\t\t/>\n\t\t\t\t{ !! attachmentPageUrl && (\n\t\t\t\t\t<LinkDestination\n\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Attachment Page' ) }\n\t\t\t\t\t\tonPress={ setLinkDestination(\n\t\t\t\t\t\t\tLINK_DESTINATION_ATTACHMENT\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<LinkDestination\n\t\t\t\t\tisSelected={ linkDestination === LINK_DESTINATION_CUSTOM }\n\t\t\t\t\tlabel={ __( 'Custom URL' ) }\n\t\t\t\t\tonPress={ goToLinkPicker }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? inputValue\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tvalueStyle={\n\t\t\t\t\t\tlinkDestination === LINK_DESTINATION_CUSTOM\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: styles.placeholderTextColor\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</LinkDestination>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default ImageLinkDestinationsScreen;\n"],"mappings":"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","ignoreList":[]}