@wordpress/block-editor 12.10.2 → 12.11.0

package/build/components/height-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_useSetting","_interopRequireDefault","RANGE_CONTROL_CUSTOM_SETTINGS","px","max","step","vw","vh","em","rem","HeightControl","label","__","onChange","value","_RANGE_CONTROL_CUSTOM","_RANGE_CONTROL_CUSTOM2","customRangeValue","parseFloat","units","useCustomUnits","availableUnits","useSetting","selectedUnit","useMemo","parseQuantityAndUnitFromRawValue","handleSliderChange","next","join","handleUnitChange","newUnit","currentValue","currentUnit","includes","toFixed","Math","round","createElement","className","BaseControl","VisualLabel","as","Flex","FlexItem","isBlock","__experimentalUnitControl","onUnitChange","min","size","__experimentalSpacer","marginX","marginBottom","RangeControl","withInputField","__nextHasNoMarginBottom"],"sources":["@wordpress/block-editor/src/components/height-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tBaseControl,\n\tRangeControl,\n\tFlex,\n\tFlexItem,\n\t__experimentalSpacer as Spacer,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../use-setting';\n\nconst RANGE_CONTROL_CUSTOM_SETTINGS = {\n\tpx: { max: 1000, step: 1 },\n\t'%': { max: 100, step: 1 },\n\tvw: { max: 100, step: 1 },\n\tvh: { max: 100, step: 1 },\n\tem: { max: 50, step: 0.1 },\n\trem: { max: 50, step: 0.1 },\n};\n\n/**\n * HeightControl renders a linked unit control and range control for adjusting the height of a block.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/height-control/README.md\n *\n * @param {Object}                     props\n * @param {?string}                    props.label    A label for the control.\n * @param {( value: string ) => void } props.onChange Called when the height changes.\n * @param {string}                     props.value    The current height value.\n *\n * @return {WPComponent} The component to be rendered.\n */\nexport default function HeightControl( {\n\tlabel = __( 'Height' ),\n\tonChange,\n\tvalue,\n} ) {\n\tconst customRangeValue = parseFloat( value );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vh',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\tconst selectedUnit =\n\t\tuseMemo(\n\t\t\t() => parseQuantityAndUnitFromRawValue( value ),\n\t\t\t[ value ]\n\t\t)[ 1 ] ||\n\t\tunits[ 0 ]?.value ||\n\t\t'px';\n\n\tconst handleSliderChange = ( next ) => {\n\t\tonChange( [ next, selectedUnit ].join( '' ) );\n\t};\n\n\tconst handleUnitChange = ( newUnit ) => {\n\t\t// Attempt to smooth over differences between currentUnit and newUnit.\n\t\t// This should slightly improve the experience of switching between unit types.\n\t\tconst [ currentValue, currentUnit ] =\n\t\t\tparseQuantityAndUnitFromRawValue( value );\n\n\t\tif ( [ 'em', 'rem' ].includes( newUnit ) && currentUnit === 'px' ) {\n\t\t\t// Convert pixel value to an approximate of the new unit, assuming a root size of 16px.\n\t\t\tonChange( ( currentValue / 16 ).toFixed( 2 ) + newUnit );\n\t\t} else if (\n\t\t\t[ 'em', 'rem' ].includes( currentUnit ) &&\n\t\t\tnewUnit === 'px'\n\t\t) {\n\t\t\t// Convert to pixel value assuming a root size of 16px.\n\t\t\tonChange( Math.round( currentValue * 16 ) + newUnit );\n\t\t} else if (\n\t\t\t[ 'vh', 'vw', '%' ].includes( newUnit ) &&\n\t\t\tcurrentValue > 100\n\t\t) {\n\t\t\t// When converting to `vh`, `vw`, or `%` units, cap the new value at 100.\n\t\t\tonChange( 100 + newUnit );\n\t\t}\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-height-control\">\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ label }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tonUnitChange={ handleUnitChange }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\tvalue={ customRangeValue }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\tRANGE_CONTROL_CUSTOM_SETTINGS[ selectedUnit ]\n\t\t\t\t\t\t\t\t\t?.max ?? 100\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstep={\n\t\t\t\t\t\t\t\tRANGE_CONTROL_CUSTOM_SETTINGS[ selectedUnit ]\n\t\t\t\t\t\t\t\t\t?.step ?? 0.1\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_components","_i18n","_useSetting","_interopRequireDefault","RANGE_CONTROL_CUSTOM_SETTINGS","px","max","step","vw","vh","em","rem","HeightControl","label","__","onChange","value","_RANGE_CONTROL_CUSTOM","_RANGE_CONTROL_CUSTOM2","customRangeValue","parseFloat","units","useCustomUnits","availableUnits","useSetting","selectedUnit","useMemo","parseQuantityAndUnitFromRawValue","handleSliderChange","next","join","handleUnitChange","newUnit","currentValue","currentUnit","includes","toFixed","Math","round","_react","createElement","className","BaseControl","VisualLabel","as","Flex","FlexItem","isBlock","__experimentalUnitControl","onUnitChange","min","size","__experimentalSpacer","marginX","marginBottom","RangeControl","withInputField","__nextHasNoMarginBottom"],"sources":["@wordpress/block-editor/src/components/height-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tBaseControl,\n\tRangeControl,\n\tFlex,\n\tFlexItem,\n\t__experimentalSpacer as Spacer,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../use-setting';\n\nconst RANGE_CONTROL_CUSTOM_SETTINGS = {\n\tpx: { max: 1000, step: 1 },\n\t'%': { max: 100, step: 1 },\n\tvw: { max: 100, step: 1 },\n\tvh: { max: 100, step: 1 },\n\tem: { max: 50, step: 0.1 },\n\trem: { max: 50, step: 0.1 },\n};\n\n/**\n * HeightControl renders a linked unit control and range control for adjusting the height of a block.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/height-control/README.md\n *\n * @param {Object}                     props\n * @param {?string}                    props.label    A label for the control.\n * @param {( value: string ) => void } props.onChange Called when the height changes.\n * @param {string}                     props.value    The current height value.\n *\n * @return {Component} The component to be rendered.\n */\nexport default function HeightControl( {\n\tlabel = __( 'Height' ),\n\tonChange,\n\tvalue,\n} ) {\n\tconst customRangeValue = parseFloat( value );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vh',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\tconst selectedUnit =\n\t\tuseMemo(\n\t\t\t() => parseQuantityAndUnitFromRawValue( value ),\n\t\t\t[ value ]\n\t\t)[ 1 ] ||\n\t\tunits[ 0 ]?.value ||\n\t\t'px';\n\n\tconst handleSliderChange = ( next ) => {\n\t\tonChange( [ next, selectedUnit ].join( '' ) );\n\t};\n\n\tconst handleUnitChange = ( newUnit ) => {\n\t\t// Attempt to smooth over differences between currentUnit and newUnit.\n\t\t// This should slightly improve the experience of switching between unit types.\n\t\tconst [ currentValue, currentUnit ] =\n\t\t\tparseQuantityAndUnitFromRawValue( value );\n\n\t\tif ( [ 'em', 'rem' ].includes( newUnit ) && currentUnit === 'px' ) {\n\t\t\t// Convert pixel value to an approximate of the new unit, assuming a root size of 16px.\n\t\t\tonChange( ( currentValue / 16 ).toFixed( 2 ) + newUnit );\n\t\t} else if (\n\t\t\t[ 'em', 'rem' ].includes( currentUnit ) &&\n\t\t\tnewUnit === 'px'\n\t\t) {\n\t\t\t// Convert to pixel value assuming a root size of 16px.\n\t\t\tonChange( Math.round( currentValue * 16 ) + newUnit );\n\t\t} else if (\n\t\t\t[ 'vh', 'vw', '%' ].includes( newUnit ) &&\n\t\t\tcurrentValue > 100\n\t\t) {\n\t\t\t// When converting to `vh`, `vw`, or `%` units, cap the new value at 100.\n\t\t\tonChange( 100 + newUnit );\n\t\t}\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-height-control\">\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ label }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tonUnitChange={ handleUnitChange }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\tvalue={ customRangeValue }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={\n\t\t\t\t\t\t\t\tRANGE_CONTROL_CUSTOM_SETTINGS[ selectedUnit ]\n\t\t\t\t\t\t\t\t\t?.max ?? 100\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tstep={\n\t\t\t\t\t\t\t\tRANGE_CONTROL_CUSTOM_SETTINGS[ selectedUnit ]\n\t\t\t\t\t\t\t\t\t?.step ?? 0.1\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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"}

package/build/components/iframe/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
@@ -198,7 +199,7 @@ function Iframe({
   // is e.g. 0.45, then the top + bottom margin is 0.55 (1 - scale). Just the
   // top or bottom margin is 0.55 / 2 ((1 - scale) / 2).
   const marginFromScaling = contentHeight * (1 - scale) / 2;
-  return (0, _element.createElement)(_element.Fragment, null, tabIndex >= 0 && before, (0, _element.createElement)("iframe", {
+  return (0, _react.createElement)(_react.Fragment, null, tabIndex >= 0 && before, (0, _react.createElement)("iframe", {
     ...props,
     style: {
       border: 0,
@@ -233,10 +234,10 @@ function Iframe({
   // We want to prevent React events from bubbling throught the iframe
   // we bubble these manually.
   /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */
-  (0, _element.createElement)("body", {
+  (0, _react.createElement)("body", {
     ref: bodyRef,
     className: (0, _classnames.default)('block-editor-iframe__body', 'editor-styles-wrapper', ...bodyClasses)
-  }, contentResizeListener, (0, _element.createElement)(_components.__experimentalStyleProvider, {
+  }, contentResizeListener, (0, _react.createElement)(_components.__experimentalStyleProvider, {
     document: iframeDocument
   }, children)), iframeDocument.documentElement)), tabIndex >= 0 && after);
 }
@@ -251,7 +252,7 @@ function IframeIfReady(props, ref) {
   if (!isInitialised) {
     return null;
   }
-  return (0, _element.createElement)(Iframe, {
+  return (0, _react.createElement)(Iframe, {
     ...props,
     forwardedRef: ref
   });

package/build/components/iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_compose","_components","_data","_blockSelectionClearer","_writingFlow","_useCompatibilityStyles","_store","bubbleEvent","event","Constructor","frame","init","key","ownerDocument","defaultView","MouseEvent","rect","getBoundingClientRect","clientX","left","clientY","top","newEvent","type","defaultPrevented","preventDefault","cancelled","dispatchEvent","useBubbleEvents","iframeDocument","useRefEffect","body","frameElement","eventTypes","handlers","name","prototype","Object","getPrototypeOf","constructorName","constructor","window","addEventListener","removeEventListener","Iframe","contentRef","children","tabIndex","scale","frameSize","expand","readonly","forwardedRef","ref","props","resolvedAssets","isPreviewMode","useSelect","select","settings","blockEditorStore","getSettings","__unstableResolvedAssets","__unstableIsPreviewMode","styles","scripts","setIframeDocument","useState","bodyClasses","setBodyClasses","compatStyles","useCompatibilityStyles","clearerRef","useBlockSelectionClearer","before","writingFlowRef","after","useWritingFlow","contentResizeListener","height","contentHeight","useResizeObserver","setRef","node","_load","contentDocument","iFrameDocument","preventFileDropDefault","onLoad","documentElement","Array","from","classList","filter","startsWith","dir","compatStyle","getElementById","id","head","appendChild","cloneNode","console","warn","disabledRef","useDisabled","isDisabled","bodyRef","useMergeRefs","html","src","cleanup","useMemo","_src","URL","createObjectURL","Blob","revokeObjectURL","useEffect","marginFromScaling","createElement","Fragment","style","border","marginTop","marginBottom","transform","transition","title","__","onKeyDown","currentTarget","target","stopPropagation","KeyboardEvent","createPortal","className","classnames","__experimentalStyleProvider","document","IframeIfReady","isInitialised","__internalIsInitialized","_default","forwardRef","exports","default"],"sources":["@wordpress/block-editor/src/components/iframe/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tcreatePortal,\n\tforwardRef,\n\tuseMemo,\n\tuseEffect,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseResizeObserver,\n\tuseMergeRefs,\n\tuseRefEffect,\n\tuseDisabled,\n} from '@wordpress/compose';\nimport { __experimentalStyleProvider as StyleProvider } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useWritingFlow } from '../writing-flow';\nimport { useCompatibilityStyles } from './use-compatibility-styles';\nimport { store as blockEditorStore } from '../../store';\n\nfunction bubbleEvent( event, Constructor, frame ) {\n\tconst init = {};\n\n\tfor ( const key in event ) {\n\t\tinit[ key ] = event[ key ];\n\t}\n\n\tif ( event instanceof frame.ownerDocument.defaultView.MouseEvent ) {\n\t\tconst rect = frame.getBoundingClientRect();\n\t\tinit.clientX += rect.left;\n\t\tinit.clientY += rect.top;\n\t}\n\n\tconst newEvent = new Constructor( event.type, init );\n\tif ( init.defaultPrevented ) {\n\t\tnewEvent.preventDefault();\n\t}\n\tconst cancelled = ! frame.dispatchEvent( newEvent );\n\n\tif ( cancelled ) {\n\t\tevent.preventDefault();\n\t}\n}\n\n/**\n * Bubbles some event types (keydown, keypress, and dragover) to parent document\n * document to ensure that the keyboard shortcuts and drag and drop work.\n *\n * Ideally, we should remove event bubbling in the future. Keyboard shortcuts\n * should be context dependent, e.g. actions on blocks like Cmd+A should not\n * work globally outside the block editor.\n *\n * @param {Document} iframeDocument Document to attach listeners to.\n */\nfunction useBubbleEvents( iframeDocument ) {\n\treturn useRefEffect( ( body ) => {\n\t\tconst { defaultView } = iframeDocument;\n\t\tif ( ! defaultView ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { frameElement } = defaultView;\n\t\tconst eventTypes = [ 'dragover', 'mousemove' ];\n\t\tconst handlers = {};\n\t\tfor ( const name of eventTypes ) {\n\t\t\thandlers[ name ] = ( event ) => {\n\t\t\t\tconst prototype = Object.getPrototypeOf( event );\n\t\t\t\tconst constructorName = prototype.constructor.name;\n\t\t\t\tconst Constructor = window[ constructorName ];\n\t\t\t\tbubbleEvent( event, Constructor, frameElement );\n\t\t\t};\n\t\t\tbody.addEventListener( name, handlers[ name ] );\n\t\t}\n\n\t\treturn () => {\n\t\t\tfor ( const name of eventTypes ) {\n\t\t\t\tbody.removeEventListener( name, handlers[ name ] );\n\t\t\t}\n\t\t};\n\t} );\n}\n\nfunction Iframe( {\n\tcontentRef,\n\tchildren,\n\ttabIndex = 0,\n\tscale = 1,\n\tframeSize = 0,\n\texpand = false,\n\treadonly,\n\tforwardedRef: ref,\n\t...props\n} ) {\n\tconst { resolvedAssets, isPreviewMode } = useSelect( ( select ) => {\n\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\tresolvedAssets: settings.__unstableResolvedAssets,\n\t\t\tisPreviewMode: settings.__unstableIsPreviewMode,\n\t\t};\n\t}, [] );\n\tconst { styles = '', scripts = '' } = resolvedAssets;\n\tconst [ iframeDocument, setIframeDocument ] = useState();\n\tconst [ bodyClasses, setBodyClasses ] = useState( [] );\n\tconst compatStyles = useCompatibilityStyles();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst [ before, writingFlowRef, after ] = useWritingFlow();\n\tconst [ contentResizeListener, { height: contentHeight } ] =\n\t\tuseResizeObserver();\n\tconst setRef = useRefEffect( ( node ) => {\n\t\tnode._load = () => {\n\t\t\tsetIframeDocument( node.contentDocument );\n\t\t};\n\t\tlet iFrameDocument;\n\t\t// Prevent the default browser action for files dropped outside of dropzones.\n\t\tfunction preventFileDropDefault( event ) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t\tfunction onLoad() {\n\t\t\tconst { contentDocument, ownerDocument } = node;\n\t\t\tconst { documentElement } = contentDocument;\n\t\t\tiFrameDocument = contentDocument;\n\n\t\t\tclearerRef( documentElement );\n\n\t\t\t// Ideally ALL classes that are added through get_body_class should\n\t\t\t// be added in the editor too, which we'll somehow have to get from\n\t\t\t// the server in the future (which will run the PHP filters).\n\t\t\tsetBodyClasses(\n\t\t\t\tArray.from( ownerDocument.body.classList ).filter(\n\t\t\t\t\t( name ) =>\n\t\t\t\t\t\tname.startsWith( 'admin-color-' ) ||\n\t\t\t\t\t\tname.startsWith( 'post-type-' ) ||\n\t\t\t\t\t\tname === 'wp-embed-responsive'\n\t\t\t\t)\n\t\t\t);\n\n\t\t\tcontentDocument.dir = ownerDocument.dir;\n\n\t\t\tfor ( const compatStyle of compatStyles ) {\n\t\t\t\tif ( contentDocument.getElementById( compatStyle.id ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tcontentDocument.head.appendChild(\n\t\t\t\t\tcompatStyle.cloneNode( true )\n\t\t\t\t);\n\n\t\t\t\tif ( ! isPreviewMode ) {\n\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`${ compatStyle.id } was added to the iframe incorrectly. Please use block.json or enqueue_block_assets to add styles to the iframe.`,\n\t\t\t\t\t\tcompatStyle\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tiFrameDocument.addEventListener(\n\t\t\t\t'dragover',\n\t\t\t\tpreventFileDropDefault,\n\t\t\t\tfalse\n\t\t\t);\n\t\t\tiFrameDocument.addEventListener(\n\t\t\t\t'drop',\n\t\t\t\tpreventFileDropDefault,\n\t\t\t\tfalse\n\t\t\t);\n\t\t}\n\n\t\tnode.addEventListener( 'load', onLoad );\n\n\t\treturn () => {\n\t\t\tdelete node._load;\n\t\t\tnode.removeEventListener( 'load', onLoad );\n\t\t\tiFrameDocument?.removeEventListener(\n\t\t\t\t'dragover',\n\t\t\t\tpreventFileDropDefault\n\t\t\t);\n\t\t\tiFrameDocument?.removeEventListener(\n\t\t\t\t'drop',\n\t\t\t\tpreventFileDropDefault\n\t\t\t);\n\t\t};\n\t}, [] );\n\n\tconst disabledRef = useDisabled( { isDisabled: ! readonly } );\n\tconst bodyRef = useMergeRefs( [\n\t\tuseBubbleEvents( iframeDocument ),\n\t\tcontentRef,\n\t\tclearerRef,\n\t\twritingFlowRef,\n\t\tdisabledRef,\n\t] );\n\n\t// Correct doctype is required to enable rendering in standards\n\t// mode. Also preload the styles to avoid a flash of unstyled\n\t// content.\n\tconst html = `<!doctype html>\n<html>\n\t<head>\n\t\t<meta charset=\"utf-8\">\n\t\t<script>window.frameElement._load()</script>\n\t\t<style>html{height:auto!important;min-height:100%;}body{margin:0}</style>\n\t\t${ styles }\n\t\t${ scripts }\n\t</head>\n\t<body>\n\t\t<script>document.currentScript.parentElement.remove()</script>\n\t</body>\n</html>`;\n\n\tconst [ src, cleanup ] = useMemo( () => {\n\t\tconst _src = URL.createObjectURL(\n\t\t\tnew window.Blob( [ html ], { type: 'text/html' } )\n\t\t);\n\t\treturn [ _src, () => URL.revokeObjectURL( _src ) ];\n\t}, [ html ] );\n\n\tuseEffect( () => cleanup, [ cleanup ] );\n\n\t// We need to counter the margin created by scaling the iframe. If the scale\n\t// is e.g. 0.45, then the top + bottom margin is 0.55 (1 - scale). Just the\n\t// top or bottom margin is 0.55 / 2 ((1 - scale) / 2).\n\tconst marginFromScaling = ( contentHeight * ( 1 - scale ) ) / 2;\n\n\treturn (\n\t\t<>\n\t\t\t{ tabIndex >= 0 && before }\n\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t<iframe\n\t\t\t\t{ ...props }\n\t\t\t\tstyle={ {\n\t\t\t\t\tborder: 0,\n\t\t\t\t\t...props.style,\n\t\t\t\t\theight: expand ? contentHeight : props.style?.height,\n\t\t\t\t\tmarginTop:\n\t\t\t\t\t\tscale !== 1\n\t\t\t\t\t\t\t? -marginFromScaling + frameSize\n\t\t\t\t\t\t\t: props.style?.marginTop,\n\t\t\t\t\tmarginBottom:\n\t\t\t\t\t\tscale !== 1\n\t\t\t\t\t\t\t? -marginFromScaling + frameSize\n\t\t\t\t\t\t\t: props.style?.marginBottom,\n\t\t\t\t\ttransform:\n\t\t\t\t\t\tscale !== 1\n\t\t\t\t\t\t\t? `scale( ${ scale } )`\n\t\t\t\t\t\t\t: props.style?.transform,\n\t\t\t\t\ttransition: 'all .3s',\n\t\t\t\t} }\n\t\t\t\tref={ useMergeRefs( [ ref, setRef ] ) }\n\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t// Correct doctype is required to enable rendering in standards\n\t\t\t\t// mode. Also preload the styles to avoid a flash of unstyled\n\t\t\t\t// content.\n\t\t\t\tsrc={ src }\n\t\t\t\ttitle={ __( 'Editor canvas' ) }\n\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t// If the event originates from inside the iframe, it means\n\t\t\t\t\t// it bubbled through the portal, but only with React\n\t\t\t\t\t// events. We need to to bubble native events as well,\n\t\t\t\t\t// though by doing so we also trigger another React event,\n\t\t\t\t\t// so we need to stop the propagation of this event to avoid\n\t\t\t\t\t// duplication.\n\t\t\t\t\tif (\n\t\t\t\t\t\tevent.currentTarget.ownerDocument !==\n\t\t\t\t\t\tevent.target.ownerDocument\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tbubbleEvent(\n\t\t\t\t\t\t\tevent,\n\t\t\t\t\t\t\twindow.KeyboardEvent,\n\t\t\t\t\t\t\tevent.currentTarget\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\t\t{ iframeDocument &&\n\t\t\t\t\tcreatePortal(\n\t\t\t\t\t\t// We want to prevent React events from bubbling throught the iframe\n\t\t\t\t\t\t// we bubble these manually.\n\t\t\t\t\t\t/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */\n\t\t\t\t\t\t<body\n\t\t\t\t\t\t\tref={ bodyRef }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'block-editor-iframe__body',\n\t\t\t\t\t\t\t\t'editor-styles-wrapper',\n\t\t\t\t\t\t\t\t...bodyClasses\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ contentResizeListener }\n\t\t\t\t\t\t\t<StyleProvider document={ iframeDocument }>\n\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t</StyleProvider>\n\t\t\t\t\t\t</body>,\n\t\t\t\t\t\tiframeDocument.documentElement\n\t\t\t\t\t) }\n\t\t\t</iframe>\n\t\t\t{ tabIndex >= 0 && after }\n\t\t</>\n\t);\n}\n\nfunction IframeIfReady( props, ref ) {\n\tconst isInitialised = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().__internalIsInitialized,\n\t\t[]\n\t);\n\n\t// We shouldn't render the iframe until the editor settings are initialised.\n\t// The initial settings are needed to get the styles for the srcDoc, which\n\t// cannot be changed after the iframe is mounted. srcDoc is used to to set\n\t// the initial iframe HTML, which is required to avoid a flash of unstyled\n\t// content.\n\tif ( ! isInitialised ) {\n\t\treturn null;\n\t}\n\n\treturn <Iframe { ...props } forwardedRef={ ref } />;\n}\n\nexport default forwardRef( IframeIfReady );\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_compose","_components","_data","_blockSelectionClearer","_writingFlow","_useCompatibilityStyles","_store","bubbleEvent","event","Constructor","frame","init","key","ownerDocument","defaultView","MouseEvent","rect","getBoundingClientRect","clientX","left","clientY","top","newEvent","type","defaultPrevented","preventDefault","cancelled","dispatchEvent","useBubbleEvents","iframeDocument","useRefEffect","body","frameElement","eventTypes","handlers","name","prototype","Object","getPrototypeOf","constructorName","constructor","window","addEventListener","removeEventListener","Iframe","contentRef","children","tabIndex","scale","frameSize","expand","readonly","forwardedRef","ref","props","resolvedAssets","isPreviewMode","useSelect","select","settings","blockEditorStore","getSettings","__unstableResolvedAssets","__unstableIsPreviewMode","styles","scripts","setIframeDocument","useState","bodyClasses","setBodyClasses","compatStyles","useCompatibilityStyles","clearerRef","useBlockSelectionClearer","before","writingFlowRef","after","useWritingFlow","contentResizeListener","height","contentHeight","useResizeObserver","setRef","node","_load","contentDocument","iFrameDocument","preventFileDropDefault","onLoad","documentElement","Array","from","classList","filter","startsWith","dir","compatStyle","getElementById","id","head","appendChild","cloneNode","console","warn","disabledRef","useDisabled","isDisabled","bodyRef","useMergeRefs","html","src","cleanup","useMemo","_src","URL","createObjectURL","Blob","revokeObjectURL","useEffect","marginFromScaling","_react","createElement","Fragment","style","border","marginTop","marginBottom","transform","transition","title","__","onKeyDown","currentTarget","target","stopPropagation","KeyboardEvent","createPortal","className","classnames","__experimentalStyleProvider","document","IframeIfReady","isInitialised","__internalIsInitialized","_default","forwardRef","exports","default"],"sources":["@wordpress/block-editor/src/components/iframe/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tcreatePortal,\n\tforwardRef,\n\tuseMemo,\n\tuseEffect,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseResizeObserver,\n\tuseMergeRefs,\n\tuseRefEffect,\n\tuseDisabled,\n} from '@wordpress/compose';\nimport { __experimentalStyleProvider as StyleProvider } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useWritingFlow } from '../writing-flow';\nimport { useCompatibilityStyles } from './use-compatibility-styles';\nimport { store as blockEditorStore } from '../../store';\n\nfunction bubbleEvent( event, Constructor, frame ) {\n\tconst init = {};\n\n\tfor ( const key in event ) {\n\t\tinit[ key ] = event[ key ];\n\t}\n\n\tif ( event instanceof frame.ownerDocument.defaultView.MouseEvent ) {\n\t\tconst rect = frame.getBoundingClientRect();\n\t\tinit.clientX += rect.left;\n\t\tinit.clientY += rect.top;\n\t}\n\n\tconst newEvent = new Constructor( event.type, init );\n\tif ( init.defaultPrevented ) {\n\t\tnewEvent.preventDefault();\n\t}\n\tconst cancelled = ! frame.dispatchEvent( newEvent );\n\n\tif ( cancelled ) {\n\t\tevent.preventDefault();\n\t}\n}\n\n/**\n * Bubbles some event types (keydown, keypress, and dragover) to parent document\n * document to ensure that the keyboard shortcuts and drag and drop work.\n *\n * Ideally, we should remove event bubbling in the future. Keyboard shortcuts\n * should be context dependent, e.g. actions on blocks like Cmd+A should not\n * work globally outside the block editor.\n *\n * @param {Document} iframeDocument Document to attach listeners to.\n */\nfunction useBubbleEvents( iframeDocument ) {\n\treturn useRefEffect( ( body ) => {\n\t\tconst { defaultView } = iframeDocument;\n\t\tif ( ! defaultView ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { frameElement } = defaultView;\n\t\tconst eventTypes = [ 'dragover', 'mousemove' ];\n\t\tconst handlers = {};\n\t\tfor ( const name of eventTypes ) {\n\t\t\thandlers[ name ] = ( event ) => {\n\t\t\t\tconst prototype = Object.getPrototypeOf( event );\n\t\t\t\tconst constructorName = prototype.constructor.name;\n\t\t\t\tconst Constructor = window[ constructorName ];\n\t\t\t\tbubbleEvent( event, Constructor, frameElement );\n\t\t\t};\n\t\t\tbody.addEventListener( name, handlers[ name ] );\n\t\t}\n\n\t\treturn () => {\n\t\t\tfor ( const name of eventTypes ) {\n\t\t\t\tbody.removeEventListener( name, handlers[ name ] );\n\t\t\t}\n\t\t};\n\t} );\n}\n\nfunction Iframe( {\n\tcontentRef,\n\tchildren,\n\ttabIndex = 0,\n\tscale = 1,\n\tframeSize = 0,\n\texpand = false,\n\treadonly,\n\tforwardedRef: ref,\n\t...props\n} ) {\n\tconst { resolvedAssets, isPreviewMode } = useSelect( ( select ) => {\n\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\tresolvedAssets: settings.__unstableResolvedAssets,\n\t\t\tisPreviewMode: settings.__unstableIsPreviewMode,\n\t\t};\n\t}, [] );\n\tconst { styles = '', scripts = '' } = resolvedAssets;\n\tconst [ iframeDocument, setIframeDocument ] = useState();\n\tconst [ bodyClasses, setBodyClasses ] = useState( [] );\n\tconst compatStyles = useCompatibilityStyles();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst [ before, writingFlowRef, after ] = useWritingFlow();\n\tconst [ contentResizeListener, { height: contentHeight } ] =\n\t\tuseResizeObserver();\n\tconst setRef = useRefEffect( ( node ) => {\n\t\tnode._load = () => {\n\t\t\tsetIframeDocument( node.contentDocument );\n\t\t};\n\t\tlet iFrameDocument;\n\t\t// Prevent the default browser action for files dropped outside of dropzones.\n\t\tfunction preventFileDropDefault( event ) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t\tfunction onLoad() {\n\t\t\tconst { contentDocument, ownerDocument } = node;\n\t\t\tconst { documentElement } = contentDocument;\n\t\t\tiFrameDocument = contentDocument;\n\n\t\t\tclearerRef( documentElement );\n\n\t\t\t// Ideally ALL classes that are added through get_body_class should\n\t\t\t// be added in the editor too, which we'll somehow have to get from\n\t\t\t// the server in the future (which will run the PHP filters).\n\t\t\tsetBodyClasses(\n\t\t\t\tArray.from( ownerDocument.body.classList ).filter(\n\t\t\t\t\t( name ) =>\n\t\t\t\t\t\tname.startsWith( 'admin-color-' ) ||\n\t\t\t\t\t\tname.startsWith( 'post-type-' ) ||\n\t\t\t\t\t\tname === 'wp-embed-responsive'\n\t\t\t\t)\n\t\t\t);\n\n\t\t\tcontentDocument.dir = ownerDocument.dir;\n\n\t\t\tfor ( const compatStyle of compatStyles ) {\n\t\t\t\tif ( contentDocument.getElementById( compatStyle.id ) ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tcontentDocument.head.appendChild(\n\t\t\t\t\tcompatStyle.cloneNode( true )\n\t\t\t\t);\n\n\t\t\t\tif ( ! isPreviewMode ) {\n\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`${ compatStyle.id } was added to the iframe incorrectly. Please use block.json or enqueue_block_assets to add styles to the iframe.`,\n\t\t\t\t\t\tcompatStyle\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tiFrameDocument.addEventListener(\n\t\t\t\t'dragover',\n\t\t\t\tpreventFileDropDefault,\n\t\t\t\tfalse\n\t\t\t);\n\t\t\tiFrameDocument.addEventListener(\n\t\t\t\t'drop',\n\t\t\t\tpreventFileDropDefault,\n\t\t\t\tfalse\n\t\t\t);\n\t\t}\n\n\t\tnode.addEventListener( 'load', onLoad );\n\n\t\treturn () => {\n\t\t\tdelete node._load;\n\t\t\tnode.removeEventListener( 'load', onLoad );\n\t\t\tiFrameDocument?.removeEventListener(\n\t\t\t\t'dragover',\n\t\t\t\tpreventFileDropDefault\n\t\t\t);\n\t\t\tiFrameDocument?.removeEventListener(\n\t\t\t\t'drop',\n\t\t\t\tpreventFileDropDefault\n\t\t\t);\n\t\t};\n\t}, [] );\n\n\tconst disabledRef = useDisabled( { isDisabled: ! readonly } );\n\tconst bodyRef = useMergeRefs( [\n\t\tuseBubbleEvents( iframeDocument ),\n\t\tcontentRef,\n\t\tclearerRef,\n\t\twritingFlowRef,\n\t\tdisabledRef,\n\t] );\n\n\t// Correct doctype is required to enable rendering in standards\n\t// mode. Also preload the styles to avoid a flash of unstyled\n\t// content.\n\tconst html = `<!doctype html>\n<html>\n\t<head>\n\t\t<meta charset=\"utf-8\">\n\t\t<script>window.frameElement._load()</script>\n\t\t<style>html{height:auto!important;min-height:100%;}body{margin:0}</style>\n\t\t${ styles }\n\t\t${ scripts }\n\t</head>\n\t<body>\n\t\t<script>document.currentScript.parentElement.remove()</script>\n\t</body>\n</html>`;\n\n\tconst [ src, cleanup ] = useMemo( () => {\n\t\tconst _src = URL.createObjectURL(\n\t\t\tnew window.Blob( [ html ], { type: 'text/html' } )\n\t\t);\n\t\treturn [ _src, () => URL.revokeObjectURL( _src ) ];\n\t}, [ html ] );\n\n\tuseEffect( () => cleanup, [ cleanup ] );\n\n\t// We need to counter the margin created by scaling the iframe. If the scale\n\t// is e.g. 0.45, then the top + bottom margin is 0.55 (1 - scale). Just the\n\t// top or bottom margin is 0.55 / 2 ((1 - scale) / 2).\n\tconst marginFromScaling = ( contentHeight * ( 1 - scale ) ) / 2;\n\n\treturn (\n\t\t<>\n\t\t\t{ tabIndex >= 0 && before }\n\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t<iframe\n\t\t\t\t{ ...props }\n\t\t\t\tstyle={ {\n\t\t\t\t\tborder: 0,\n\t\t\t\t\t...props.style,\n\t\t\t\t\theight: expand ? contentHeight : props.style?.height,\n\t\t\t\t\tmarginTop:\n\t\t\t\t\t\tscale !== 1\n\t\t\t\t\t\t\t? -marginFromScaling + frameSize\n\t\t\t\t\t\t\t: props.style?.marginTop,\n\t\t\t\t\tmarginBottom:\n\t\t\t\t\t\tscale !== 1\n\t\t\t\t\t\t\t? -marginFromScaling + frameSize\n\t\t\t\t\t\t\t: props.style?.marginBottom,\n\t\t\t\t\ttransform:\n\t\t\t\t\t\tscale !== 1\n\t\t\t\t\t\t\t? `scale( ${ scale } )`\n\t\t\t\t\t\t\t: props.style?.transform,\n\t\t\t\t\ttransition: 'all .3s',\n\t\t\t\t} }\n\t\t\t\tref={ useMergeRefs( [ ref, setRef ] ) }\n\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t// Correct doctype is required to enable rendering in standards\n\t\t\t\t// mode. Also preload the styles to avoid a flash of unstyled\n\t\t\t\t// content.\n\t\t\t\tsrc={ src }\n\t\t\t\ttitle={ __( 'Editor canvas' ) }\n\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t// If the event originates from inside the iframe, it means\n\t\t\t\t\t// it bubbled through the portal, but only with React\n\t\t\t\t\t// events. We need to to bubble native events as well,\n\t\t\t\t\t// though by doing so we also trigger another React event,\n\t\t\t\t\t// so we need to stop the propagation of this event to avoid\n\t\t\t\t\t// duplication.\n\t\t\t\t\tif (\n\t\t\t\t\t\tevent.currentTarget.ownerDocument !==\n\t\t\t\t\t\tevent.target.ownerDocument\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tbubbleEvent(\n\t\t\t\t\t\t\tevent,\n\t\t\t\t\t\t\twindow.KeyboardEvent,\n\t\t\t\t\t\t\tevent.currentTarget\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\t\t{ iframeDocument &&\n\t\t\t\t\tcreatePortal(\n\t\t\t\t\t\t// We want to prevent React events from bubbling throught the iframe\n\t\t\t\t\t\t// we bubble these manually.\n\t\t\t\t\t\t/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */\n\t\t\t\t\t\t<body\n\t\t\t\t\t\t\tref={ bodyRef }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'block-editor-iframe__body',\n\t\t\t\t\t\t\t\t'editor-styles-wrapper',\n\t\t\t\t\t\t\t\t...bodyClasses\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ contentResizeListener }\n\t\t\t\t\t\t\t<StyleProvider document={ iframeDocument }>\n\t\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t\t</StyleProvider>\n\t\t\t\t\t\t</body>,\n\t\t\t\t\t\tiframeDocument.documentElement\n\t\t\t\t\t) }\n\t\t\t</iframe>\n\t\t\t{ tabIndex >= 0 && after }\n\t\t</>\n\t);\n}\n\nfunction IframeIfReady( props, ref ) {\n\tconst isInitialised = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().__internalIsInitialized,\n\t\t[]\n\t);\n\n\t// We shouldn't render the iframe until the editor settings are initialised.\n\t// The initial settings are needed to get the styles for the srcDoc, which\n\t// cannot be changed after the iframe is mounted. srcDoc is used to to set\n\t// the initial iframe HTML, which is required to avoid a flash of unstyled\n\t// content.\n\tif ( ! isInitialised ) {\n\t\treturn null;\n\t}\n\n\treturn <Iframe { ...props } forwardedRef={ ref } />;\n}\n\nexport default forwardRef( IframeIfReady );\n"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AspectRatioDropdown;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _icons = require("@wordpress/icons");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -25,12 +25,12 @@ function AspectGroup({
   onClick,
   value
 }) {
-  return (0, _element.createElement)(_components.MenuGroup, {
+  return (0, _react.createElement)(_components.MenuGroup, {
     label: label
   }, aspectRatios.map(({
     title,
     aspect
-  }) => (0, _element.createElement)(_components.MenuItem, {
+  }) => (0, _react.createElement)(_components.MenuItem, {
     key: aspect,
     disabled: isDisabled,
     onClick: () => {
@@ -50,7 +50,7 @@ function AspectRatioDropdown({
     setAspect,
     defaultAspect
   } = (0, _context.useImageEditingContext)();
-  return (0, _element.createElement)(_components.DropdownMenu, {
+  return (0, _react.createElement)(_components.DropdownMenu, {
     icon: _icons.aspectRatio,
     label: (0, _i18n.__)('Aspect Ratio'),
     popoverProps: _constants.POPOVER_PROPS,
@@ -58,7 +58,7 @@ function AspectRatioDropdown({
     className: "wp-block-image__aspect-ratio"
   }, ({
     onClose
-  }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(AspectGroup, {
+  }) => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(AspectGroup, {
     isDisabled: isInProgress,
     onClick: newAspect => {
       setAspect(newAspect);
@@ -74,7 +74,7 @@ function AspectRatioDropdown({
       title: (0, _i18n.__)('Square'),
       aspect: 1
     }]
-  }), (0, _element.createElement)(AspectGroup, {
+  }), (0, _react.createElement)(AspectGroup, {
     label: (0, _i18n.__)('Landscape'),
     isDisabled: isInProgress,
     onClick: newAspect => {
@@ -95,7 +95,7 @@ function AspectRatioDropdown({
       title: (0, _i18n.__)('3:2'),
       aspect: 3 / 2
     }]
-  }), (0, _element.createElement)(AspectGroup, {
+  }), (0, _react.createElement)(AspectGroup, {
     label: (0, _i18n.__)('Portrait'),
     isDisabled: isInProgress,
     onClick: newAspect => {

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","_element","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:10' ),\n\t\t\t\t\t\t\t\taspect: 16 / 10,\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: __( '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: __( '10:16' ),\n\t\t\t\t\t\t\t\taspect: 10 / 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: __( '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":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASK,WAAWA,CAAE;EAAEC,YAAY;EAAEC,UAAU;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EAC3E,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,SAAS;IAACL,KAAK,EAAGA;EAAO,GACvBF,YAAY,CAACQ,GAAG,CAAE,CAAE;IAAEC,KAAK;IAAEC;EAAO,CAAC,KACtC,IAAAL,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAgB,QAAQ;IACRC,GAAG,EAAGF,MAAQ;IACdG,QAAQ,EAAGZ,UAAY;IACvBE,OAAO,EAAGA,CAAA,KAAM;MACfA,OAAO,CAAEO,MAAO,CAAC;IAClB,CAAG;IACHI,IAAI,EAAC,eAAe;IACpBC,UAAU,EAAGL,MAAM,KAAKN,KAAO;IAC/BY,IAAI,EAAGN,MAAM,KAAKN,KAAK,GAAGa,YAAK,GAAGC;EAAW,GAE3CT,KACO,CACT,CACQ,CAAC;AAEd;AAEe,SAASU,mBAAmBA,CAAE;EAAEC;AAAY,CAAC,EAAG;EAC9D,MAAM;IAAEC,YAAY;IAAEX,MAAM;IAAEY,SAAS;IAAEC;EAAc,CAAC,GACvD,IAAAC,+BAAsB,EAAC,CAAC;EAEzB,OACC,IAAAnB,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAA8B,YAAY;IACZT,IAAI,EAAGU,kBAAiB;IACxBxB,KAAK,EAAG,IAAAyB,QAAE,EAAE,cAAe,CAAG;IAC9BC,YAAY,EAAGC,wBAAe;IAC9BT,WAAW,EAAGA,WAAa;IAC3BU,SAAS,EAAC;EAA8B,GAEtC,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAA1B,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAA2B,QAAA,QACC,IAAA3B,QAAA,CAAAC,aAAA,EAACP,WAAW;IACXE,UAAU,EAAGoB,YAAc;IAC3BlB,OAAO,EAAK8B,SAAS,IAAM;MAC1BX,SAAS,CAAEW,SAAU,CAAC;MACtBF,OAAO,CAAC,CAAC;IACV,CAAG;IACH3B,KAAK,EAAGM,MAAQ;IAChBV,YAAY,EAAG;IACd;IACA;MACCS,KAAK,EAAE,IAAAkB,QAAE,EAAE,UAAW,CAAC;MACvBjB,MAAM,EAAEa;IACT,CAAC,EACD;MACCd,KAAK,EAAE,IAAAkB,QAAE,EAAE,QAAS,CAAC;MACrBjB,MAAM,EAAE;IACT,CAAC;EACC,CACH,CAAC,EACF,IAAAL,QAAA,CAAAC,aAAA,EAACP,WAAW;IACXG,KAAK,EAAG,IAAAyB,QAAE,EAAE,WAAY,CAAG;IAC3B1B,UAAU,EAAGoB,YAAc;IAC3BlB,OAAO,EAAK8B,SAAS,IAAM;MAC1BX,SAAS,CAAEW,SAAU,CAAC;MACtBF,OAAO,CAAC,CAAC;IACV,CAAG;IACH3B,KAAK,EAAGM,MAAQ;IAChBV,YAAY,EAAG,CACd;MACCS,KAAK,EAAE,IAAAkB,QAAE,EAAE,OAAQ,CAAC;MACpBjB,MAAM,EAAE,EAAE,GAAG;IACd,CAAC,EACD;MACCD,KAAK,EAAE,IAAAkB,QAAE,EAAE,MAAO,CAAC;MACnBjB,MAAM,EAAE,EAAE,GAAG;IACd,CAAC,EACD;MACCD,KAAK,EAAE,IAAAkB,QAAE,EAAE,KAAM,CAAC;MAClBjB,MAAM,EAAE,CAAC,GAAG;IACb,CAAC,EACD;MACCD,KAAK,EAAE,IAAAkB,QAAE,EAAE,KAAM,CAAC;MAClBjB,MAAM,EAAE,CAAC,GAAG;IACb,CAAC;EACC,CACH,CAAC,EACF,IAAAL,QAAA,CAAAC,aAAA,EAACP,WAAW;IACXG,KAAK,EAAG,IAAAyB,QAAE,EAAE,UAAW,CAAG;IAC1B1B,UAAU,EAAGoB,YAAc;IAC3BlB,OAAO,EAAK8B,SAAS,IAAM;MAC1BX,SAAS,CAAEW,SAAU,CAAC;MACtBF,OAAO,CAAC,CAAC;IACV,CAAG;IACH3B,KAAK,EAAGM,MAAQ;IAChBV,YAAY,EAAG,CACd;MACCS,KAAK,EAAE,IAAAkB,QAAE,EAAE,OAAQ,CAAC;MACpBjB,MAAM,EAAE,EAAE,GAAG;IACd,CAAC,EACD;MACCD,KAAK,EAAE,IAAAkB,QAAE,EAAE,MAAO,CAAC;MACnBjB,MAAM,EAAE,CAAC,GAAG;IACb,CAAC,EACD;MACCD,KAAK,EAAE,IAAAkB,QAAE,EAAE,KAAM,CAAC;MAClBjB,MAAM,EAAE,CAAC,GAAG;IACb,CAAC,EACD;MACCD,KAAK,EAAE,IAAAkB,QAAE,EAAE,KAAM,CAAC;MAClBjB,MAAM,EAAE,CAAC,GAAG;IACb,CAAC;EACC,CACH,CACA,CAEU,CAAC;AAEjB"}
+{"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:10' ),\n\t\t\t\t\t\t\t\taspect: 16 / 10,\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: __( '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: __( '10:16' ),\n\t\t\t\t\t\t\t\taspect: 10 / 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: __( '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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"}

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

@@ -6,6 +6,7 @@ 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"));
@@ -45,7 +46,7 @@ function ImageEditingProvider({
     ...transformImage,
     ...saveImage
   }), [transformImage, saveImage]);
-  return (0, _element.createElement)(ImageEditingContext.Provider, {
+  return (0, _react.createElement)(ImageEditingContext.Provider, {
     value: providerValue
   }, children);
 }

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","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,IAAApB,QAAA,CAAAwB,aAAA,EAACnB,mBAAmB,CAACoB,QAAQ;IAACC,KAAK,EAAGJ;EAAe,GAClDL,QAC2B,CAAC;AAEjC"}
+{"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ImageCropper;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactEasyCrop = _interopRequireDefault(require("react-easy-crop"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
@@ -47,7 +47,7 @@ function ImageCropper({
   if (rotation % 180 === 90) {
     editedHeight = clientWidth * naturalWidth / naturalHeight;
   }
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: (0, _classnames.default)('wp-block-image__crop-area', borderProps?.className, {
       'is-applying': isInProgress
     }),
@@ -56,7 +56,7 @@ function ImageCropper({
       width: width || clientWidth,
       height: editedHeight
     }
-  }, (0, _element.createElement)(_reactEasyCrop.default, {
+  }, (0, _react.createElement)(_reactEasyCrop.default, {
     image: editedUrl || url,
     disabled: isInProgress,
     minZoom: _constants.MIN_ZOOM / 100,
@@ -73,6 +73,6 @@ function ImageCropper({
     onZoomChange: newZoom => {
       setZoom(newZoom * 100);
     }
-  }), isInProgress && (0, _element.createElement)(_components.Spinner, null));
+  }), isInProgress && (0, _react.createElement)(_components.Spinner, null));
 }
 //# sourceMappingURL=cropper.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactEasyCrop","_interopRequireDefault","require","_classnames","_components","_constants","_context","ImageCropper","url","width","height","clientWidth","naturalHeight","naturalWidth","borderProps","isInProgress","editedUrl","position","zoom","aspect","setPosition","setCrop","setZoom","rotation","useImageEditingContext","editedHeight","_element","createElement","className","classnames","style","default","image","disabled","minZoom","MIN_ZOOM","maxZoom","MAX_ZOOM","crop","onCropChange","pos","onCropComplete","newCropPercent","onZoomChange","newZoom","Spinner"],"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';\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\tclientWidth,\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\n\tlet editedHeight = height || ( clientWidth * naturalHeight ) / naturalWidth;\n\n\tif ( rotation % 180 === 90 ) {\n\t\teditedHeight = ( clientWidth * naturalWidth ) / naturalHeight;\n\t}\n\n\treturn (\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"],"mappings":";;;;;;;;AAGA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASK,YAAYA,CAAE;EACrCC,GAAG;EACHC,KAAK;EACLC,MAAM;EACNC,WAAW;EACXC,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;EAE5B,IAAIC,YAAY,GAAGf,MAAM,IAAMC,WAAW,GAAGC,aAAa,GAAKC,YAAY;EAE3E,IAAKU,QAAQ,GAAG,GAAG,KAAK,EAAE,EAAG;IAC5BE,YAAY,GAAKd,WAAW,GAAGE,YAAY,GAAKD,aAAa;EAC9D;EAEA,OACC,IAAAc,QAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EACrB,2BAA2B,EAC3Bf,WAAW,EAAEc,SAAS,EACtB;MACC,aAAa,EAAEb;IAChB,CACD,CAAG;IACHe,KAAK,EAAG;MACP,GAAGhB,WAAW,EAAEgB,KAAK;MACrBrB,KAAK,EAAEA,KAAK,IAAIE,WAAW;MAC3BD,MAAM,EAAEe;IACT;EAAG,GAEH,IAAAC,QAAA,CAAAC,aAAA,EAAC3B,cAAA,CAAA+B,OAAO;IACPC,KAAK,EAAGhB,SAAS,IAAIR,GAAK;IAC1ByB,QAAQ,EAAGlB,YAAc;IACzBmB,OAAO,EAAGC,mBAAQ,GAAG,GAAK;IAC1BC,OAAO,EAAGC,mBAAQ,GAAG,GAAK;IAC1BC,IAAI,EAAGrB,QAAU;IACjBC,IAAI,EAAGA,IAAI,GAAG,GAAK;IACnBC,MAAM,EAAGA,MAAQ;IACjBoB,YAAY,EAAKC,GAAG,IAAM;MACzBpB,WAAW,CAAEoB,GAAI,CAAC;IACnB,CAAG;IACHC,cAAc,EAAKC,cAAc,IAAM;MACtCrB,OAAO,CAAEqB,cAAe,CAAC;IAC1B,CAAG;IACHC,YAAY,EAAKC,OAAO,IAAM;MAC7BtB,OAAO,CAAEsB,OAAO,GAAG,GAAI,CAAC;IACzB;EAAG,CACH,CAAC,EACA7B,YAAY,IAAI,IAAAW,QAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyC,OAAO,MAAE,CACxB,CAAC;AAER"}
+{"version":3,"names":["_reactEasyCrop","_interopRequireDefault","require","_classnames","_components","_constants","_context","ImageCropper","url","width","height","clientWidth","naturalHeight","naturalWidth","borderProps","isInProgress","editedUrl","position","zoom","aspect","setPosition","setCrop","setZoom","rotation","useImageEditingContext","editedHeight","_react","createElement","className","classnames","style","default","image","disabled","minZoom","MIN_ZOOM","maxZoom","MAX_ZOOM","crop","onCropChange","pos","onCropComplete","newCropPercent","onZoomChange","newZoom","Spinner"],"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';\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\tclientWidth,\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\n\tlet editedHeight = height || ( clientWidth * naturalHeight ) / naturalWidth;\n\n\tif ( rotation % 180 === 90 ) {\n\t\teditedHeight = ( clientWidth * naturalWidth ) / naturalHeight;\n\t}\n\n\treturn (\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"],"mappings":";;;;;;;;AAGA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,QAAA,GAAAJ,OAAA;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAKe,SAASK,YAAYA,CAAE;EACrCC,GAAG;EACHC,KAAK;EACLC,MAAM;EACNC,WAAW;EACXC,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;EAE5B,IAAIC,YAAY,GAAGf,MAAM,IAAMC,WAAW,GAAGC,aAAa,GAAKC,YAAY;EAE3E,IAAKU,QAAQ,GAAG,GAAG,KAAK,EAAE,EAAG;IAC5BE,YAAY,GAAKd,WAAW,GAAGE,YAAY,GAAKD,aAAa;EAC9D;EAEA,OACC,IAAAc,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAC,mBAAU,EACrB,2BAA2B,EAC3Bf,WAAW,EAAEc,SAAS,EACtB;MACC,aAAa,EAAEb;IAChB,CACD,CAAG;IACHe,KAAK,EAAG;MACP,GAAGhB,WAAW,EAAEgB,KAAK;MACrBrB,KAAK,EAAEA,KAAK,IAAIE,WAAW;MAC3BD,MAAM,EAAEe;IACT;EAAG,GAEH,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,cAAA,CAAA+B,OAAO;IACPC,KAAK,EAAGhB,SAAS,IAAIR,GAAK;IAC1ByB,QAAQ,EAAGlB,YAAc;IACzBmB,OAAO,EAAGC,mBAAQ,GAAG,GAAK;IAC1BC,OAAO,EAAGC,mBAAQ,GAAG,GAAK;IAC1BC,IAAI,EAAGrB,QAAU;IACjBC,IAAI,EAAGA,IAAI,GAAG,GAAK;IACnBC,MAAM,EAAGA,MAAQ;IACjBoB,YAAY,EAAKC,GAAG,IAAM;MACzBpB,WAAW,CAAEoB,GAAI,CAAC;IACnB,CAAG;IACHC,cAAc,EAAKC,cAAc,IAAM;MACtCrB,OAAO,CAAEqB,cAAe,CAAC;IAC1B,CAAG;IACHC,YAAY,EAAKC,OAAO,IAAM;MAC7BtB,OAAO,CAAEsB,OAAO,GAAG,GAAI,CAAC;IACzB;EAAG,CACH,CAAC,EACA7B,YAAY,IAAI,IAAAW,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyC,OAAO,MAAE,CACxB,CAAC;AAER"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FormControls;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _context = require("./context");
@@ -22,10 +22,10 @@ function FormControls() {
     apply,
     cancel
   } = (0, _context.useImageEditingContext)();
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToolbarButton, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToolbarButton, {
     onClick: apply,
     disabled: isInProgress
-  }, (0, _i18n.__)('Apply')), (0, _element.createElement)(_components.ToolbarButton, {
+  }, (0, _i18n.__)('Apply')), (0, _react.createElement)(_components.ToolbarButton, {
     onClick: cancel
   }, (0, _i18n.__)('Cancel')));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_context","FormControls","isInProgress","apply","cancel","useImageEditingContext","_element","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,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,aAAa;IAACC,OAAO,EAAGP,KAAO;IAACQ,QAAQ,EAAGT;EAAc,GACvD,IAAAU,QAAE,EAAE,OAAQ,CACA,CAAC,EAChB,IAAAN,QAAA,CAAAC,aAAA,EAACV,WAAA,CAAAY,aAAa;IAACC,OAAO,EAAGN;EAAQ,GAAG,IAAAQ,QAAE,EAAE,QAAS,CAAkB,CAClE,CAAC;AAEL"}
+{"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ImageEditor;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _blockControls = _interopRequireDefault(require("../block-controls"));
 var _context = _interopRequireDefault(require("./context"));
@@ -34,14 +34,14 @@ function ImageEditor({
   onFinishEditing,
   borderProps
 }) {
-  return (0, _element.createElement)(_context.default, {
+  return (0, _react.createElement)(_context.default, {
     id: id,
     url: url,
     naturalWidth: naturalWidth,
     naturalHeight: naturalHeight,
     onSaveImage: onSaveImage,
     onFinishEditing: onFinishEditing
-  }, (0, _element.createElement)(_cropper.default, {
+  }, (0, _react.createElement)(_cropper.default, {
     borderProps: borderProps,
     url: url,
     width: width,
@@ -49,8 +49,8 @@ function ImageEditor({
     clientWidth: clientWidth,
     naturalHeight: naturalHeight,
     naturalWidth: naturalWidth
-  }), (0, _element.createElement)(_blockControls.default, null, (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_zoomDropdown.default, null), (0, _element.createElement)(_components.ToolbarItem, null, toggleProps => (0, _element.createElement)(_aspectRatioDropdown.default, {
+  }), (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, _element.createElement)(_rotationButton.default, null)), (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_formControls.default, null))));
+  })), (0, _react.createElement)(_rotationButton.default, null)), (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_formControls.default, null))));
 }
 //# 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","clientWidth","naturalHeight","naturalWidth","onSaveImage","onFinishEditing","borderProps","_element","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\tclientWidth,\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\tclientWidth={ clientWidth }\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,WAAW;EACXC,aAAa;EACbC,YAAY;EACZC,WAAW;EACXC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAClB,QAAA,CAAAmB,OAAoB;IACpBZ,EAAE,EAAGA,EAAI;IACTC,GAAG,EAAGA,GAAK;IACXK,YAAY,EAAGA,YAAc;IAC7BD,aAAa,EAAGA,aAAe;IAC/BE,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA;EAAiB,GAEnC,IAAAE,QAAA,CAAAC,aAAA,EAACjB,QAAA,CAAAkB,OAAO;IACPH,WAAW,EAAGA,WAAa;IAC3BR,GAAG,EAAGA,GAAK;IACXC,KAAK,EAAGA,KAAO;IACfC,MAAM,EAAGA,MAAQ;IACjBC,WAAW,EAAGA,WAAa;IAC3BC,aAAa,EAAGA,aAAe;IAC/BC,YAAY,EAAGA;EAAc,CAC7B,CAAC,EACF,IAAAI,QAAA,CAAAC,aAAA,EAACpB,cAAA,CAAAqB,OAAa,QACb,IAAAF,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,YAAY,QACZ,IAAAH,QAAA,CAAAC,aAAA,EAAChB,aAAA,CAAAiB,OAAY,MAAE,CAAC,EAChB,IAAAF,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAyB,WAAW,QACPC,WAAW,IACd,IAAAL,QAAA,CAAAC,aAAA,EAACf,oBAAA,CAAAgB,OAAmB;IAACG,WAAW,EAAGA;EAAa,CAAE,CAEvC,CAAC,EACd,IAAAL,QAAA,CAAAC,aAAA,EAACd,eAAA,CAAAe,OAAc,MAAE,CACJ,CAAC,EACf,IAAAF,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,YAAY,QACZ,IAAAH,QAAA,CAAAC,aAAA,EAACb,aAAA,CAAAc,OAAY,MAAE,CACF,CACA,CACM,CAAC;AAEzB"}
+{"version":3,"names":["_components","require","_blockControls","_interopRequireDefault","_context","_cropper","_zoomDropdown","_aspectRatioDropdown","_rotationButton","_formControls","ImageEditor","id","url","width","height","clientWidth","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\tclientWidth,\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\tclientWidth={ clientWidth }\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,WAAW;EACXC,aAAa;EACbC,YAAY;EACZC,WAAW;EACXC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAClB,QAAA,CAAAmB,OAAoB;IACpBZ,EAAE,EAAGA,EAAI;IACTC,GAAG,EAAGA,GAAK;IACXK,YAAY,EAAGA,YAAc;IAC7BD,aAAa,EAAGA,aAAe;IAC/BE,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA;EAAiB,GAEnC,IAAAE,MAAA,CAAAC,aAAA,EAACjB,QAAA,CAAAkB,OAAO;IACPH,WAAW,EAAGA,WAAa;IAC3BR,GAAG,EAAGA,GAAK;IACXC,KAAK,EAAGA,KAAO;IACfC,MAAM,EAAGA,MAAQ;IACjBC,WAAW,EAAGA,WAAa;IAC3BC,aAAa,EAAGA,aAAe;IAC/BC,YAAY,EAAGA;EAAc,CAC7B,CAAC,EACF,IAAAI,MAAA,CAAAC,aAAA,EAACpB,cAAA,CAAAqB,OAAa,QACb,IAAAF,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,YAAY,QACZ,IAAAH,MAAA,CAAAC,aAAA,EAAChB,aAAA,CAAAiB,OAAY,MAAE,CAAC,EAChB,IAAAF,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAyB,WAAW,QACPC,WAAW,IACd,IAAAL,MAAA,CAAAC,aAAA,EAACf,oBAAA,CAAAgB,OAAmB;IAACG,WAAW,EAAGA;EAAa,CAAE,CAEvC,CAAC,EACd,IAAAL,MAAA,CAAAC,aAAA,EAACd,eAAA,CAAAe,OAAc,MAAE,CACJ,CAAC,EACf,IAAAF,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,YAAY,QACZ,IAAAH,MAAA,CAAAC,aAAA,EAACb,aAAA,CAAAc,OAAY,MAAE,CACF,CACA,CACM,CAAC;AAEzB"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RotationButton;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -22,7 +22,7 @@ function RotationButton() {
     isInProgress,
     rotateClockwise
   } = (0, _context.useImageEditingContext)();
-  return (0, _element.createElement)(_components.ToolbarButton, {
+  return (0, _react.createElement)(_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","_element","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,QAAA,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"}
+{"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ZoomDropdown;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -24,20 +24,20 @@ function ZoomDropdown() {
     zoom,
     setZoom
   } = (0, _context.useImageEditingContext)();
-  return (0, _element.createElement)(_components.Dropdown, {
+  return (0, _react.createElement)(_components.Dropdown, {
     contentClassName: "wp-block-image__zoom",
     popoverProps: _constants.POPOVER_PROPS,
     renderToggle: ({
       isOpen,
       onToggle
-    }) => (0, _element.createElement)(_components.ToolbarButton, {
+    }) => (0, _react.createElement)(_components.ToolbarButton, {
       icon: _icons.search,
       label: (0, _i18n.__)('Zoom'),
       onClick: onToggle,
       "aria-expanded": isOpen,
       disabled: isInProgress
     }),
-    renderContent: () => (0, _element.createElement)(_components.RangeControl, {
+    renderContent: () => (0, _react.createElement)(_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","_element","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,QAAA,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,QAAA,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,QAAA,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"}
+{"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"}