@wordpress/block-editor 12.7.0 → 12.8.0

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FormControls;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _context = require("./context");
-
 /**
  * WordPress dependencies
  */
@@ -20,6 +15,7 @@ var _context = require("./context");
 /**
  * Internal dependencies
  */
+
 function FormControls() {
   const {
     isInProgress,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/image-editor/form-controls.js"],"names":["FormControls","isInProgress","apply","cancel"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGe,SAASA,YAAT,GAAwB;AACtC,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,KAAhB;AAAuBC,IAAAA;AAAvB,MAAkC,sCAAxC;AACA,SACC,qDACC,4BAAC,yBAAD;AAAe,IAAA,OAAO,EAAGD,KAAzB;AAAiC,IAAA,QAAQ,EAAGD;AAA5C,KACG,cAAI,OAAJ,CADH,CADD,EAIC,4BAAC,yBAAD;AAAe,IAAA,OAAO,EAAGE;AAAzB,KAAoC,cAAI,QAAJ,CAApC,CAJD,CADD;AAQA","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"]}
+{"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"}

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

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ImageEditor;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 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"));
-
 /**
  * WordPress dependencies
  */
@@ -32,6 +21,7 @@ var _formControls = _interopRequireDefault(require("./form-controls"));
 /**
  * Internal dependencies
  */
+
 function ImageEditor({
   id,
   url,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/image-editor/index.js"],"names":["ImageEditor","id","url","width","height","clientWidth","naturalHeight","naturalWidth","onSaveImage","onFinishEditing","borderProps","toggleProps"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;AASe,SAASA,WAAT,CAAsB;AACpCC,EAAAA,EADoC;AAEpCC,EAAAA,GAFoC;AAGpCC,EAAAA,KAHoC;AAIpCC,EAAAA,MAJoC;AAKpCC,EAAAA,WALoC;AAMpCC,EAAAA,aANoC;AAOpCC,EAAAA,YAPoC;AAQpCC,EAAAA,WARoC;AASpCC,EAAAA,eAToC;AAUpCC,EAAAA;AAVoC,CAAtB,EAWX;AACH,SACC,4BAAC,gBAAD;AACC,IAAA,EAAE,EAAGT,EADN;AAEC,IAAA,GAAG,EAAGC,GAFP;AAGC,IAAA,YAAY,EAAGK,YAHhB;AAIC,IAAA,aAAa,EAAGD,aAJjB;AAKC,IAAA,WAAW,EAAGE,WALf;AAMC,IAAA,eAAe,EAAGC;AANnB,KAQC,4BAAC,gBAAD;AACC,IAAA,WAAW,EAAGC,WADf;AAEC,IAAA,GAAG,EAAGR,GAFP;AAGC,IAAA,KAAK,EAAGC,KAHT;AAIC,IAAA,MAAM,EAAGC,MAJV;AAKC,IAAA,WAAW,EAAGC,WALf;AAMC,IAAA,aAAa,EAAGC,aANjB;AAOC,IAAA,YAAY,EAAGC;AAPhB,IARD,EAiBC,4BAAC,sBAAD,QACC,4BAAC,wBAAD,QACC,4BAAC,qBAAD,OADD,EAEC,4BAAC,uBAAD,QACKI,WAAF,IACD,4BAAC,4BAAD;AAAqB,IAAA,WAAW,EAAGA;AAAnC,IAFF,CAFD,EAOC,4BAAC,uBAAD,OAPD,CADD,EAUC,4BAAC,wBAAD,QACC,4BAAC,qBAAD,OADD,CAVD,CAjBD,CADD;AAkCA","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"]}
+{"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"}

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = RotationButton;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _icons = require("@wordpress/icons");
-
 var _context = require("./context");
-
 /**
  * WordPress dependencies
  */
@@ -22,6 +16,7 @@ var _context = require("./context");
 /**
  * Internal dependencies
  */
+
 function RotationButton() {
   const {
     isInProgress,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/image-editor/rotation-button.js"],"names":["RotationButton","isInProgress","rotateClockwise","rotateRightIcon"],"mappings":";;;;;;;;;AAIA;;AACA;;AACA;;AAKA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGe,SAASA,cAAT,GAA0B;AACxC,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAoC,sCAA1C;AACA,SACC,4BAAC,yBAAD;AACC,IAAA,IAAI,EAAGC,kBADR;AAEC,IAAA,KAAK,EAAG,cAAI,QAAJ,CAFT;AAGC,IAAA,OAAO,EAAGD,eAHX;AAIC,IAAA,QAAQ,EAAGD;AAJZ,IADD;AAQA","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"]}
+{"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"}

package/build/components/image-editor/use-save-image.js

@@ -1,29 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useSaveImage;
-
 var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
-
 var _data = require("@wordpress/data");
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _notices = require("@wordpress/notices");
-
 var _dom = require("@wordpress/dom");
-
 /**
  * WordPress dependencies
  */
 // Disable Reason: Needs to be refactored.
 // eslint-disable-next-line no-restricted-imports
+
 function useSaveImage({
   crop,
   rotation,
@@ -46,7 +39,6 @@ function useSaveImage({
   const apply = (0, _element.useCallback)(() => {
     setIsInProgress(true);
     const modifiers = [];
-
     if (rotation > 0) {
       modifiers.push({
         type: 'rotate',
@@ -54,10 +46,10 @@ function useSaveImage({
           angle: rotation
         }
       });
-    } // The crop script may return some very small, sub-pixel values when the image was not cropped.
-    // Crop only when the new size has changed by more than 0.1%.
-
+    }
 
+    // The crop script may return some very small, sub-pixel values when the image was not cropped.
+    // Crop only when the new size has changed by more than 0.1%.
     if (crop.width < 99.9 || crop.height < 99.9) {
       modifiers.push({
         type: 'crop',
@@ -69,7 +61,6 @@ function useSaveImage({
         }
       });
     }
-
     (0, _apiFetch.default)({
       path: `/wp/v2/media/${id}/edit`,
       method: 'POST',
@@ -83,8 +74,7 @@ function useSaveImage({
         url: response.source_url
       });
     }).catch(error => {
-      createErrorNotice((0, _i18n.sprintf)(
-      /* translators: 1. Error message */
+      createErrorNotice((0, _i18n.sprintf)( /* translators: 1. Error message */
       (0, _i18n.__)('Could not edit image. %s'), (0, _dom.__unstableStripHTML)(error.message)), {
         id: 'image-editing-error',
         type: 'snackbar'

package/build/components/image-editor/use-save-image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/image-editor/use-save-image.js"],"names":["useSaveImage","crop","rotation","height","width","aspect","url","id","onSaveImage","onFinishEditing","createErrorNotice","noticesStore","isInProgress","setIsInProgress","cancel","apply","modifiers","push","type","args","angle","left","x","top","y","path","method","data","src","then","response","source_url","catch","error","message","finally"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\n// Disable Reason: Needs to be refactored.\n// eslint-disable-next-line no-restricted-imports\nimport apiFetch from '@wordpress/api-fetch';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\nexport default function useSaveImage( {\n\tcrop,\n\trotation,\n\theight,\n\twidth,\n\taspect,\n\turl,\n\tid,\n\tonSaveImage,\n\tonFinishEditing,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst [ isInProgress, setIsInProgress ] = useState( false );\n\n\tconst cancel = useCallback( () => {\n\t\tsetIsInProgress( false );\n\t\tonFinishEditing();\n\t}, [ setIsInProgress, onFinishEditing ] );\n\n\tconst apply = useCallback( () => {\n\t\tsetIsInProgress( true );\n\n\t\tconst modifiers = [];\n\n\t\tif ( rotation > 0 ) {\n\t\t\tmodifiers.push( {\n\t\t\t\ttype: 'rotate',\n\t\t\t\targs: {\n\t\t\t\t\tangle: rotation,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\t// The crop script may return some very small, sub-pixel values when the image was not cropped.\n\t\t// Crop only when the new size has changed by more than 0.1%.\n\t\tif ( crop.width < 99.9 || crop.height < 99.9 ) {\n\t\t\tmodifiers.push( {\n\t\t\t\ttype: 'crop',\n\t\t\t\targs: {\n\t\t\t\t\tleft: crop.x,\n\t\t\t\t\ttop: crop.y,\n\t\t\t\t\twidth: crop.width,\n\t\t\t\t\theight: crop.height,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tapiFetch( {\n\t\t\tpath: `/wp/v2/media/${ id }/edit`,\n\t\t\tmethod: 'POST',\n\t\t\tdata: { src: url, modifiers },\n\t\t} )\n\t\t\t.then( ( response ) => {\n\t\t\t\tonSaveImage( {\n\t\t\t\t\tid: response.id,\n\t\t\t\t\turl: response.source_url,\n\t\t\t\t} );\n\t\t\t} )\n\t\t\t.catch( ( error ) => {\n\t\t\t\tcreateErrorNotice(\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: 1. Error message */\n\t\t\t\t\t\t__( 'Could not edit image. %s' ),\n\t\t\t\t\t\tstripHTML( error.message )\n\t\t\t\t\t),\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'image-editing-error',\n\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t} )\n\t\t\t.finally( () => {\n\t\t\t\tsetIsInProgress( false );\n\t\t\t\tonFinishEditing();\n\t\t\t} );\n\t}, [\n\t\tsetIsInProgress,\n\t\tcrop,\n\t\trotation,\n\t\theight,\n\t\twidth,\n\t\taspect,\n\t\turl,\n\t\tonSaveImage,\n\t\tcreateErrorNotice,\n\t\tsetIsInProgress,\n\t\tonFinishEditing,\n\t] );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tisInProgress,\n\t\t\tapply,\n\t\t\tcancel,\n\t\t} ),\n\t\t[ isInProgress, apply, cancel ]\n\t);\n}\n"]}
+{"version":3,"names":["_apiFetch","_interopRequireDefault","require","_data","_element","_i18n","_notices","_dom","useSaveImage","crop","rotation","height","width","aspect","url","id","onSaveImage","onFinishEditing","createErrorNotice","useDispatch","noticesStore","isInProgress","setIsInProgress","useState","cancel","useCallback","apply","modifiers","push","type","args","angle","left","x","top","y","apiFetch","path","method","data","src","then","response","source_url","catch","error","sprintf","__","stripHTML","message","finally","useMemo"],"sources":["@wordpress/block-editor/src/components/image-editor/use-save-image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\n// Disable Reason: Needs to be refactored.\n// eslint-disable-next-line no-restricted-imports\nimport apiFetch from '@wordpress/api-fetch';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\n\nexport default function useSaveImage( {\n\tcrop,\n\trotation,\n\theight,\n\twidth,\n\taspect,\n\turl,\n\tid,\n\tonSaveImage,\n\tonFinishEditing,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst [ isInProgress, setIsInProgress ] = useState( false );\n\n\tconst cancel = useCallback( () => {\n\t\tsetIsInProgress( false );\n\t\tonFinishEditing();\n\t}, [ setIsInProgress, onFinishEditing ] );\n\n\tconst apply = useCallback( () => {\n\t\tsetIsInProgress( true );\n\n\t\tconst modifiers = [];\n\n\t\tif ( rotation > 0 ) {\n\t\t\tmodifiers.push( {\n\t\t\t\ttype: 'rotate',\n\t\t\t\targs: {\n\t\t\t\t\tangle: rotation,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\t// The crop script may return some very small, sub-pixel values when the image was not cropped.\n\t\t// Crop only when the new size has changed by more than 0.1%.\n\t\tif ( crop.width < 99.9 || crop.height < 99.9 ) {\n\t\t\tmodifiers.push( {\n\t\t\t\ttype: 'crop',\n\t\t\t\targs: {\n\t\t\t\t\tleft: crop.x,\n\t\t\t\t\ttop: crop.y,\n\t\t\t\t\twidth: crop.width,\n\t\t\t\t\theight: crop.height,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tapiFetch( {\n\t\t\tpath: `/wp/v2/media/${ id }/edit`,\n\t\t\tmethod: 'POST',\n\t\t\tdata: { src: url, modifiers },\n\t\t} )\n\t\t\t.then( ( response ) => {\n\t\t\t\tonSaveImage( {\n\t\t\t\t\tid: response.id,\n\t\t\t\t\turl: response.source_url,\n\t\t\t\t} );\n\t\t\t} )\n\t\t\t.catch( ( error ) => {\n\t\t\t\tcreateErrorNotice(\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: 1. Error message */\n\t\t\t\t\t\t__( 'Could not edit image. %s' ),\n\t\t\t\t\t\tstripHTML( error.message )\n\t\t\t\t\t),\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'image-editing-error',\n\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t} )\n\t\t\t.finally( () => {\n\t\t\t\tsetIsInProgress( false );\n\t\t\t\tonFinishEditing();\n\t\t\t} );\n\t}, [\n\t\tsetIsInProgress,\n\t\tcrop,\n\t\trotation,\n\t\theight,\n\t\twidth,\n\t\taspect,\n\t\turl,\n\t\tonSaveImage,\n\t\tcreateErrorNotice,\n\t\tsetIsInProgress,\n\t\tonFinishEditing,\n\t] );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tisInProgress,\n\t\t\tapply,\n\t\t\tcancel,\n\t\t} ),\n\t\t[ isInProgress, apply, cancel ]\n\t);\n}\n"],"mappings":"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"}

package/build/components/image-editor/use-transform-image.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useTransformImage;
-
 var _element = require("@wordpress/element");
-
 var _hooks = require("@wordpress/hooks");
-
 /**
  * WordPress dependencies
  */
+
 function useTransformImage({
   url,
   naturalWidth,
@@ -30,11 +28,9 @@ function useTransformImage({
   const rotateClockwise = (0, _element.useCallback)(() => {
     const angle = (rotation + 90) % 360;
     let naturalAspectRatio = defaultAspect;
-
     if (rotation % 180 === 90) {
       naturalAspectRatio = 1 / defaultAspect;
     }
-
     if (angle === 0) {
       setEditedUrl();
       setRotation(angle);
@@ -45,12 +41,10 @@ function useTransformImage({
       });
       return;
     }
-
     function editImage(event) {
       const canvas = document.createElement('canvas');
       let translateX = 0;
       let translateY = 0;
-
       if (angle % 180) {
         canvas.width = event.target.height;
         canvas.height = event.target.width;
@@ -58,15 +52,12 @@ function useTransformImage({
         canvas.width = event.target.width;
         canvas.height = event.target.height;
       }
-
       if (angle === 90 || angle === 180) {
         translateX = canvas.width;
       }
-
       if (angle === 270 || angle === 180) {
         translateY = canvas.height;
       }
-
       const context = canvas.getContext('2d');
       context.translate(translateX, translateY);
       context.rotate(angle * Math.PI / 180);
@@ -81,12 +72,10 @@ function useTransformImage({
         });
       });
     }
-
     const el = new window.Image();
     el.src = url;
     el.onload = editImage;
     const imgCrossOrigin = (0, _hooks.applyFilters)('media.crossOrigin', undefined, url);
-
     if (typeof imgCrossOrigin === 'string') {
       el.crossOrigin = imgCrossOrigin;
     }

package/build/components/image-editor/use-transform-image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/image-editor/use-transform-image.js"],"names":["useTransformImage","url","naturalWidth","naturalHeight","editedUrl","setEditedUrl","crop","setCrop","position","setPosition","x","y","zoom","setZoom","rotation","setRotation","defaultAspect","aspect","setAspect","rotateClockwise","angle","naturalAspectRatio","editImage","event","canvas","document","createElement","translateX","translateY","width","target","height","context","getContext","translate","rotate","Math","PI","drawImage","toBlob","blob","URL","createObjectURL","el","window","Image","src","onload","imgCrossOrigin","undefined","crossOrigin"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\nexport default function useTransformImage( {\n\turl,\n\tnaturalWidth,\n\tnaturalHeight,\n} ) {\n\tconst [ editedUrl, setEditedUrl ] = useState();\n\tconst [ crop, setCrop ] = useState();\n\tconst [ position, setPosition ] = useState( { x: 0, y: 0 } );\n\tconst [ zoom, setZoom ] = useState( 100 );\n\tconst [ rotation, setRotation ] = useState( 0 );\n\tconst defaultAspect = naturalWidth / naturalHeight;\n\tconst [ aspect, setAspect ] = useState( defaultAspect );\n\n\tconst rotateClockwise = useCallback( () => {\n\t\tconst angle = ( rotation + 90 ) % 360;\n\n\t\tlet naturalAspectRatio = defaultAspect;\n\n\t\tif ( rotation % 180 === 90 ) {\n\t\t\tnaturalAspectRatio = 1 / defaultAspect;\n\t\t}\n\n\t\tif ( angle === 0 ) {\n\t\t\tsetEditedUrl();\n\t\t\tsetRotation( angle );\n\t\t\tsetAspect( defaultAspect );\n\t\t\tsetPosition( {\n\t\t\t\tx: -( position.y * naturalAspectRatio ),\n\t\t\t\ty: position.x * naturalAspectRatio,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tfunction editImage( event ) {\n\t\t\tconst canvas = document.createElement( 'canvas' );\n\n\t\t\tlet translateX = 0;\n\t\t\tlet translateY = 0;\n\n\t\t\tif ( angle % 180 ) {\n\t\t\t\tcanvas.width = event.target.height;\n\t\t\t\tcanvas.height = event.target.width;\n\t\t\t} else {\n\t\t\t\tcanvas.width = event.target.width;\n\t\t\t\tcanvas.height = event.target.height;\n\t\t\t}\n\n\t\t\tif ( angle === 90 || angle === 180 ) {\n\t\t\t\ttranslateX = canvas.width;\n\t\t\t}\n\n\t\t\tif ( angle === 270 || angle === 180 ) {\n\t\t\t\ttranslateY = canvas.height;\n\t\t\t}\n\n\t\t\tconst context = canvas.getContext( '2d' );\n\n\t\t\tcontext.translate( translateX, translateY );\n\t\t\tcontext.rotate( ( angle * Math.PI ) / 180 );\n\t\t\tcontext.drawImage( event.target, 0, 0 );\n\n\t\t\tcanvas.toBlob( ( blob ) => {\n\t\t\t\tsetEditedUrl( URL.createObjectURL( blob ) );\n\t\t\t\tsetRotation( angle );\n\t\t\t\tsetAspect( canvas.width / canvas.height );\n\t\t\t\tsetPosition( {\n\t\t\t\t\tx: -( position.y * naturalAspectRatio ),\n\t\t\t\t\ty: position.x * naturalAspectRatio,\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\n\t\tconst el = new window.Image();\n\t\tel.src = url;\n\t\tel.onload = editImage;\n\n\t\tconst imgCrossOrigin = applyFilters(\n\t\t\t'media.crossOrigin',\n\t\t\tundefined,\n\t\t\turl\n\t\t);\n\t\tif ( typeof imgCrossOrigin === 'string' ) {\n\t\t\tel.crossOrigin = imgCrossOrigin;\n\t\t}\n\t}, [ rotation, defaultAspect ] );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\teditedUrl,\n\t\t\tsetEditedUrl,\n\t\t\tcrop,\n\t\t\tsetCrop,\n\t\t\tposition,\n\t\t\tsetPosition,\n\t\t\tzoom,\n\t\t\tsetZoom,\n\t\t\trotation,\n\t\t\tsetRotation,\n\t\t\trotateClockwise,\n\t\t\taspect,\n\t\t\tsetAspect,\n\t\t\tdefaultAspect,\n\t\t} ),\n\t\t[\n\t\t\teditedUrl,\n\t\t\tcrop,\n\t\t\tposition,\n\t\t\tzoom,\n\t\t\trotation,\n\t\t\trotateClockwise,\n\t\t\taspect,\n\t\t\tdefaultAspect,\n\t\t]\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_hooks","useTransformImage","url","naturalWidth","naturalHeight","editedUrl","setEditedUrl","useState","crop","setCrop","position","setPosition","x","y","zoom","setZoom","rotation","setRotation","defaultAspect","aspect","setAspect","rotateClockwise","useCallback","angle","naturalAspectRatio","editImage","event","canvas","document","createElement","translateX","translateY","width","target","height","context","getContext","translate","rotate","Math","PI","drawImage","toBlob","blob","URL","createObjectURL","el","window","Image","src","onload","imgCrossOrigin","applyFilters","undefined","crossOrigin","useMemo"],"sources":["@wordpress/block-editor/src/components/image-editor/use-transform-image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\nexport default function useTransformImage( {\n\turl,\n\tnaturalWidth,\n\tnaturalHeight,\n} ) {\n\tconst [ editedUrl, setEditedUrl ] = useState();\n\tconst [ crop, setCrop ] = useState();\n\tconst [ position, setPosition ] = useState( { x: 0, y: 0 } );\n\tconst [ zoom, setZoom ] = useState( 100 );\n\tconst [ rotation, setRotation ] = useState( 0 );\n\tconst defaultAspect = naturalWidth / naturalHeight;\n\tconst [ aspect, setAspect ] = useState( defaultAspect );\n\n\tconst rotateClockwise = useCallback( () => {\n\t\tconst angle = ( rotation + 90 ) % 360;\n\n\t\tlet naturalAspectRatio = defaultAspect;\n\n\t\tif ( rotation % 180 === 90 ) {\n\t\t\tnaturalAspectRatio = 1 / defaultAspect;\n\t\t}\n\n\t\tif ( angle === 0 ) {\n\t\t\tsetEditedUrl();\n\t\t\tsetRotation( angle );\n\t\t\tsetAspect( defaultAspect );\n\t\t\tsetPosition( {\n\t\t\t\tx: -( position.y * naturalAspectRatio ),\n\t\t\t\ty: position.x * naturalAspectRatio,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tfunction editImage( event ) {\n\t\t\tconst canvas = document.createElement( 'canvas' );\n\n\t\t\tlet translateX = 0;\n\t\t\tlet translateY = 0;\n\n\t\t\tif ( angle % 180 ) {\n\t\t\t\tcanvas.width = event.target.height;\n\t\t\t\tcanvas.height = event.target.width;\n\t\t\t} else {\n\t\t\t\tcanvas.width = event.target.width;\n\t\t\t\tcanvas.height = event.target.height;\n\t\t\t}\n\n\t\t\tif ( angle === 90 || angle === 180 ) {\n\t\t\t\ttranslateX = canvas.width;\n\t\t\t}\n\n\t\t\tif ( angle === 270 || angle === 180 ) {\n\t\t\t\ttranslateY = canvas.height;\n\t\t\t}\n\n\t\t\tconst context = canvas.getContext( '2d' );\n\n\t\t\tcontext.translate( translateX, translateY );\n\t\t\tcontext.rotate( ( angle * Math.PI ) / 180 );\n\t\t\tcontext.drawImage( event.target, 0, 0 );\n\n\t\t\tcanvas.toBlob( ( blob ) => {\n\t\t\t\tsetEditedUrl( URL.createObjectURL( blob ) );\n\t\t\t\tsetRotation( angle );\n\t\t\t\tsetAspect( canvas.width / canvas.height );\n\t\t\t\tsetPosition( {\n\t\t\t\t\tx: -( position.y * naturalAspectRatio ),\n\t\t\t\t\ty: position.x * naturalAspectRatio,\n\t\t\t\t} );\n\t\t\t} );\n\t\t}\n\n\t\tconst el = new window.Image();\n\t\tel.src = url;\n\t\tel.onload = editImage;\n\n\t\tconst imgCrossOrigin = applyFilters(\n\t\t\t'media.crossOrigin',\n\t\t\tundefined,\n\t\t\turl\n\t\t);\n\t\tif ( typeof imgCrossOrigin === 'string' ) {\n\t\t\tel.crossOrigin = imgCrossOrigin;\n\t\t}\n\t}, [ rotation, defaultAspect ] );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\teditedUrl,\n\t\t\tsetEditedUrl,\n\t\t\tcrop,\n\t\t\tsetCrop,\n\t\t\tposition,\n\t\t\tsetPosition,\n\t\t\tzoom,\n\t\t\tsetZoom,\n\t\t\trotation,\n\t\t\tsetRotation,\n\t\t\trotateClockwise,\n\t\t\taspect,\n\t\t\tsetAspect,\n\t\t\tdefaultAspect,\n\t\t} ),\n\t\t[\n\t\t\teditedUrl,\n\t\t\tcrop,\n\t\t\tposition,\n\t\t\tzoom,\n\t\t\trotation,\n\t\t\trotateClockwise,\n\t\t\taspect,\n\t\t\tdefaultAspect,\n\t\t]\n\t);\n}\n"],"mappings":"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"}

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ZoomDropdown;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _icons = require("@wordpress/icons");
-
 var _constants = require("./constants");
-
 var _context = require("./context");
-
 /**
  * WordPress dependencies
  */
@@ -24,6 +17,7 @@ var _context = require("./context");
 /**
  * Internal dependencies
  */
+
 function ZoomDropdown() {
   const {
     isInProgress,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/image-editor/zoom-dropdown.js"],"names":["ZoomDropdown","isInProgress","zoom","setZoom","POPOVER_PROPS","isOpen","onToggle","search","MIN_ZOOM","MAX_ZOOM","Math","round"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AAXA;AACA;AACA;;AAKA;AACA;AACA;AAIe,SAASA,YAAT,GAAwB;AACtC,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,IAAhB;AAAsBC,IAAAA;AAAtB,MAAkC,sCAAxC;AACA,SACC,4BAAC,oBAAD;AACC,IAAA,gBAAgB,EAAC,sBADlB;AAEC,IAAA,YAAY,EAAGC,wBAFhB;AAGC,IAAA,YAAY,EAAG,CAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA;AAAV,KAAF,KACd,4BAAC,yBAAD;AACC,MAAA,IAAI,EAAGC,aADR;AAEC,MAAA,KAAK,EAAG,cAAI,MAAJ,CAFT;AAGC,MAAA,OAAO,EAAGD,QAHX;AAIC,uBAAgBD,MAJjB;AAKC,MAAA,QAAQ,EAAGJ;AALZ,MAJF;AAYC,IAAA,aAAa,EAAG,MACf,4BAAC,wBAAD;AACC,MAAA,uBAAuB,MADxB;AAEC,MAAA,KAAK,EAAG,cAAI,MAAJ,CAFT;AAGC,MAAA,GAAG,EAAGO,mBAHP;AAIC,MAAA,GAAG,EAAGC,mBAJP;AAKC,MAAA,KAAK,EAAGC,IAAI,CAACC,KAAL,CAAYT,IAAZ,CALT;AAMC,MAAA,QAAQ,EAAGC;AANZ;AAbF,IADD;AAyBA","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"]}
+{"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"}

package/build/components/image-size-control/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ImageSizeControl;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-
 var _i18n = require("@wordpress/i18n");
-
 var _useDimensionHandler = _interopRequireDefault(require("./use-dimension-handler"));
-
 /**
  * WordPress dependencies
  */
@@ -24,10 +17,9 @@ var _useDimensionHandler = _interopRequireDefault(require("./use-dimension-handl
 /**
  * Internal dependencies
  */
-const IMAGE_SIZE_PRESETS = [25, 50, 75, 100];
 
+const IMAGE_SIZE_PRESETS = [25, 50, 75, 100];
 const noop = () => {};
-
 function ImageSizeControl({
   imageSizeHelp,
   imageWidth,

package/build/components/image-size-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/image-size-control/index.js"],"names":["IMAGE_SIZE_PRESETS","noop","ImageSizeControl","imageSizeHelp","imageWidth","imageHeight","imageSizeOptions","isResizable","slug","width","height","onChange","onChangeImage","since","alternative","currentHeight","currentWidth","updateDimension","updateDimensions","length","value","map","scale","scaledWidth","Math","round","scaledHeight","isCurrent","undefined"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tButtonGroup,\n\tSelectControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useDimensionHandler from './use-dimension-handler';\n\nconst IMAGE_SIZE_PRESETS = [ 25, 50, 75, 100 ];\nconst noop = () => {};\n\nexport default function ImageSizeControl( {\n\timageSizeHelp,\n\timageWidth,\n\timageHeight,\n\timageSizeOptions = [],\n\tisResizable = true,\n\tslug,\n\twidth,\n\theight,\n\tonChange,\n\tonChangeImage = noop,\n} ) {\n\tdeprecated( 'wp.blockEditor.__experimentalImageSizeControl', {\n\t\tsince: '6.3',\n\t\talternative:\n\t\t\t'wp.blockEditor.privateApis.DimensionsTool and wp.blockEditor.privateApis.ResolutionTool',\n\t} );\n\tconst { currentHeight, currentWidth, updateDimension, updateDimensions } =\n\t\tuseDimensionHandler( height, width, imageHeight, imageWidth, onChange );\n\n\treturn (\n\t\t<>\n\t\t\t{ imageSizeOptions && imageSizeOptions.length > 0 && (\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tvalue={ slug }\n\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\tonChange={ onChangeImage }\n\t\t\t\t\thelp={ imageSizeHelp }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isResizable && (\n\t\t\t\t<div className=\"block-editor-image-size-control\">\n\t\t\t\t\t<HStack align=\"baseline\" spacing=\"3\">\n\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\tclassName=\"block-editor-image-size-control__width\"\n\t\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\t\tvalue={ currentWidth }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tupdateDimension( 'width', value )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\tclassName=\"block-editor-image-size-control__height\"\n\t\t\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\t\t\tvalue={ currentHeight }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tupdateDimension( 'height', value )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<ButtonGroup aria-label={ __( 'Image size presets' ) }>\n\t\t\t\t\t\t\t{ IMAGE_SIZE_PRESETS.map( ( scale ) => {\n\t\t\t\t\t\t\t\tconst scaledWidth = Math.round(\n\t\t\t\t\t\t\t\t\timageWidth * ( scale / 100 )\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tconst scaledHeight = Math.round(\n\t\t\t\t\t\t\t\t\timageHeight * ( scale / 100 )\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tconst isCurrent =\n\t\t\t\t\t\t\t\t\tcurrentWidth === scaledWidth &&\n\t\t\t\t\t\t\t\t\tcurrentHeight === scaledHeight;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tkey={ scale }\n\t\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tisCurrent ? 'primary' : undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisPressed={ isCurrent }\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tupdateDimensions(\n\t\t\t\t\t\t\t\t\t\t\t\tscaledHeight,\n\t\t\t\t\t\t\t\t\t\t\t\tscaledWidth\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ scale }%\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t\t<Button isSmall onClick={ () => updateDimensions() }>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"names":["_components","require","_deprecated","_interopRequireDefault","_i18n","_useDimensionHandler","IMAGE_SIZE_PRESETS","noop","ImageSizeControl","imageSizeHelp","imageWidth","imageHeight","imageSizeOptions","isResizable","slug","width","height","onChange","onChangeImage","deprecated","since","alternative","currentHeight","currentWidth","updateDimension","updateDimensions","useDimensionHandler","_element","createElement","Fragment","length","SelectControl","__nextHasNoMarginBottom","label","__","value","options","help","size","className","__experimentalHStack","align","spacing","__experimentalNumberControl","min","ButtonGroup","map","scale","scaledWidth","Math","round","scaledHeight","isCurrent","Button","key","isSmall","variant","undefined","isPressed","onClick"],"sources":["@wordpress/block-editor/src/components/image-size-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tButtonGroup,\n\tSelectControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useDimensionHandler from './use-dimension-handler';\n\nconst IMAGE_SIZE_PRESETS = [ 25, 50, 75, 100 ];\nconst noop = () => {};\n\nexport default function ImageSizeControl( {\n\timageSizeHelp,\n\timageWidth,\n\timageHeight,\n\timageSizeOptions = [],\n\tisResizable = true,\n\tslug,\n\twidth,\n\theight,\n\tonChange,\n\tonChangeImage = noop,\n} ) {\n\tdeprecated( 'wp.blockEditor.__experimentalImageSizeControl', {\n\t\tsince: '6.3',\n\t\talternative:\n\t\t\t'wp.blockEditor.privateApis.DimensionsTool and wp.blockEditor.privateApis.ResolutionTool',\n\t} );\n\tconst { currentHeight, currentWidth, updateDimension, updateDimensions } =\n\t\tuseDimensionHandler( height, width, imageHeight, imageWidth, onChange );\n\n\treturn (\n\t\t<>\n\t\t\t{ imageSizeOptions && imageSizeOptions.length > 0 && (\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tvalue={ slug }\n\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\tonChange={ onChangeImage }\n\t\t\t\t\thelp={ imageSizeHelp }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isResizable && (\n\t\t\t\t<div className=\"block-editor-image-size-control\">\n\t\t\t\t\t<HStack align=\"baseline\" spacing=\"3\">\n\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\tclassName=\"block-editor-image-size-control__width\"\n\t\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\t\tvalue={ currentWidth }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tupdateDimension( 'width', value )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\tclassName=\"block-editor-image-size-control__height\"\n\t\t\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\t\t\tvalue={ currentHeight }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tupdateDimension( 'height', value )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<ButtonGroup aria-label={ __( 'Image size presets' ) }>\n\t\t\t\t\t\t\t{ IMAGE_SIZE_PRESETS.map( ( scale ) => {\n\t\t\t\t\t\t\t\tconst scaledWidth = Math.round(\n\t\t\t\t\t\t\t\t\timageWidth * ( scale / 100 )\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tconst scaledHeight = Math.round(\n\t\t\t\t\t\t\t\t\timageHeight * ( scale / 100 )\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tconst isCurrent =\n\t\t\t\t\t\t\t\t\tcurrentWidth === scaledWidth &&\n\t\t\t\t\t\t\t\t\tcurrentHeight === scaledHeight;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tkey={ scale }\n\t\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tisCurrent ? 'primary' : undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisPressed={ isCurrent }\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tupdateDimensions(\n\t\t\t\t\t\t\t\t\t\t\t\tscaledHeight,\n\t\t\t\t\t\t\t\t\t\t\t\tscaledWidth\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ scale }%\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t\t<Button isSmall onClick={ () => updateDimensions() }>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/image-size-control/use-dimension-handler.js

@@ -4,55 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useDimensionHandler;
-
 var _element = require("@wordpress/element");
-
 /**
  * WordPress dependencies
  */
+
 function useDimensionHandler(customHeight, customWidth, defaultHeight, defaultWidth, onChange) {
   var _ref, _ref2;
-
   const [currentWidth, setCurrentWidth] = (0, _element.useState)((_ref = customWidth !== null && customWidth !== void 0 ? customWidth : defaultWidth) !== null && _ref !== void 0 ? _ref : '');
-  const [currentHeight, setCurrentHeight] = (0, _element.useState)((_ref2 = customHeight !== null && customHeight !== void 0 ? customHeight : defaultHeight) !== null && _ref2 !== void 0 ? _ref2 : ''); // When an image is first inserted, the default dimensions are initially
+  const [currentHeight, setCurrentHeight] = (0, _element.useState)((_ref2 = customHeight !== null && customHeight !== void 0 ? customHeight : defaultHeight) !== null && _ref2 !== void 0 ? _ref2 : '');
+
+  // When an image is first inserted, the default dimensions are initially
   // undefined. This effect updates the dimensions when the default values
   // come through.
-
   (0, _element.useEffect)(() => {
     if (customWidth === undefined && defaultWidth !== undefined) {
       setCurrentWidth(defaultWidth);
     }
-
     if (customHeight === undefined && defaultHeight !== undefined) {
       setCurrentHeight(defaultHeight);
     }
-  }, [defaultWidth, defaultHeight]); // If custom values change, it means an outsider has resized the image using some other method (eg resize box)
-  // this keeps track of these values too. We need to parse before comparing; custom values can be strings.
+  }, [defaultWidth, defaultHeight]);
 
+  // If custom values change, it means an outsider has resized the image using some other method (eg resize box)
+  // this keeps track of these values too. We need to parse before comparing; custom values can be strings.
   (0, _element.useEffect)(() => {
     if (customWidth !== undefined && Number.parseInt(customWidth) !== Number.parseInt(currentWidth)) {
       setCurrentWidth(customWidth);
     }
-
     if (customHeight !== undefined && Number.parseInt(customHeight) !== Number.parseInt(currentHeight)) {
       setCurrentHeight(customHeight);
     }
   }, [customWidth, customHeight]);
-
   const updateDimension = (dimension, value) => {
     const parsedValue = value === '' ? undefined : parseInt(value, 10);
-
     if (dimension === 'width') {
       setCurrentWidth(parsedValue);
     } else {
       setCurrentHeight(parsedValue);
     }
-
     onChange({
       [dimension]: parsedValue
     });
   };
-
   const updateDimensions = (nextHeight, nextWidth) => {
     setCurrentHeight(nextHeight !== null && nextHeight !== void 0 ? nextHeight : defaultHeight);
     setCurrentWidth(nextWidth !== null && nextWidth !== void 0 ? nextWidth : defaultWidth);
@@ -61,7 +55,6 @@ function useDimensionHandler(customHeight, customWidth, defaultHeight, defaultWi
       width: nextWidth
     });
   };
-
   return {
     currentHeight,
     currentWidth,

package/build/components/image-size-control/use-dimension-handler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/image-size-control/use-dimension-handler.js"],"names":["useDimensionHandler","customHeight","customWidth","defaultHeight","defaultWidth","onChange","currentWidth","setCurrentWidth","currentHeight","setCurrentHeight","undefined","Number","parseInt","updateDimension","dimension","value","parsedValue","updateDimensions","nextHeight","nextWidth","height","width"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGe,SAASA,mBAAT,CACdC,YADc,EAEdC,WAFc,EAGdC,aAHc,EAIdC,YAJc,EAKdC,QALc,EAMb;AAAA;;AACD,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoC,+BACzCL,WADyC,aACzCA,WADyC,cACzCA,WADyC,GAC1BE,YAD0B,uCACV,EADU,CAA1C;AAGA,QAAM,CAAEI,aAAF,EAAiBC,gBAAjB,IAAsC,gCAC3CR,YAD2C,aAC3CA,YAD2C,cAC3CA,YAD2C,GAC3BE,aAD2B,yCACV,EADU,CAA5C,CAJC,CAQD;AACA;AACA;;AACA,0BAAW,MAAM;AAChB,QAAKD,WAAW,KAAKQ,SAAhB,IAA6BN,YAAY,KAAKM,SAAnD,EAA+D;AAC9DH,MAAAA,eAAe,CAAEH,YAAF,CAAf;AACA;;AACD,QAAKH,YAAY,KAAKS,SAAjB,IAA8BP,aAAa,KAAKO,SAArD,EAAiE;AAChED,MAAAA,gBAAgB,CAAEN,aAAF,CAAhB;AACA;AACD,GAPD,EAOG,CAAEC,YAAF,EAAgBD,aAAhB,CAPH,EAXC,CAoBD;AACA;;AACA,0BAAW,MAAM;AAChB,QACCD,WAAW,KAAKQ,SAAhB,IACAC,MAAM,CAACC,QAAP,CAAiBV,WAAjB,MAAmCS,MAAM,CAACC,QAAP,CAAiBN,YAAjB,CAFpC,EAGE;AACDC,MAAAA,eAAe,CAAEL,WAAF,CAAf;AACA;;AACD,QACCD,YAAY,KAAKS,SAAjB,IACAC,MAAM,CAACC,QAAP,CAAiBX,YAAjB,MAAoCU,MAAM,CAACC,QAAP,CAAiBJ,aAAjB,CAFrC,EAGE;AACDC,MAAAA,gBAAgB,CAAER,YAAF,CAAhB;AACA;AACD,GAbD,EAaG,CAAEC,WAAF,EAAeD,YAAf,CAbH;;AAeA,QAAMY,eAAe,GAAG,CAAEC,SAAF,EAAaC,KAAb,KAAwB;AAC/C,UAAMC,WAAW,GAAGD,KAAK,KAAK,EAAV,GAAeL,SAAf,GAA2BE,QAAQ,CAAEG,KAAF,EAAS,EAAT,CAAvD;;AACA,QAAKD,SAAS,KAAK,OAAnB,EAA6B;AAC5BP,MAAAA,eAAe,CAAES,WAAF,CAAf;AACA,KAFD,MAEO;AACNP,MAAAA,gBAAgB,CAAEO,WAAF,CAAhB;AACA;;AACDX,IAAAA,QAAQ,CAAE;AACT,OAAES,SAAF,GAAeE;AADN,KAAF,CAAR;AAGA,GAVD;;AAYA,QAAMC,gBAAgB,GAAG,CAAEC,UAAF,EAAcC,SAAd,KAA6B;AACrDV,IAAAA,gBAAgB,CAAES,UAAF,aAAEA,UAAF,cAAEA,UAAF,GAAgBf,aAAhB,CAAhB;AACAI,IAAAA,eAAe,CAAEY,SAAF,aAAEA,SAAF,cAAEA,SAAF,GAAef,YAAf,CAAf;AACAC,IAAAA,QAAQ,CAAE;AAAEe,MAAAA,MAAM,EAAEF,UAAV;AAAsBG,MAAAA,KAAK,EAAEF;AAA7B,KAAF,CAAR;AACA,GAJD;;AAMA,SAAO;AACNX,IAAAA,aADM;AAENF,IAAAA,YAFM;AAGNO,IAAAA,eAHM;AAINI,IAAAA;AAJM,GAAP;AAMA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\nexport default function useDimensionHandler(\n\tcustomHeight,\n\tcustomWidth,\n\tdefaultHeight,\n\tdefaultWidth,\n\tonChange\n) {\n\tconst [ currentWidth, setCurrentWidth ] = useState(\n\t\tcustomWidth ?? defaultWidth ?? ''\n\t);\n\tconst [ currentHeight, setCurrentHeight ] = useState(\n\t\tcustomHeight ?? defaultHeight ?? ''\n\t);\n\n\t// When an image is first inserted, the default dimensions are initially\n\t// undefined. This effect updates the dimensions when the default values\n\t// come through.\n\tuseEffect( () => {\n\t\tif ( customWidth === undefined && defaultWidth !== undefined ) {\n\t\t\tsetCurrentWidth( defaultWidth );\n\t\t}\n\t\tif ( customHeight === undefined && defaultHeight !== undefined ) {\n\t\t\tsetCurrentHeight( defaultHeight );\n\t\t}\n\t}, [ defaultWidth, defaultHeight ] );\n\n\t// If custom values change, it means an outsider has resized the image using some other method (eg resize box)\n\t// this keeps track of these values too. We need to parse before comparing; custom values can be strings.\n\tuseEffect( () => {\n\t\tif (\n\t\t\tcustomWidth !== undefined &&\n\t\t\tNumber.parseInt( customWidth ) !== Number.parseInt( currentWidth )\n\t\t) {\n\t\t\tsetCurrentWidth( customWidth );\n\t\t}\n\t\tif (\n\t\t\tcustomHeight !== undefined &&\n\t\t\tNumber.parseInt( customHeight ) !== Number.parseInt( currentHeight )\n\t\t) {\n\t\t\tsetCurrentHeight( customHeight );\n\t\t}\n\t}, [ customWidth, customHeight ] );\n\n\tconst updateDimension = ( dimension, value ) => {\n\t\tconst parsedValue = value === '' ? undefined : parseInt( value, 10 );\n\t\tif ( dimension === 'width' ) {\n\t\t\tsetCurrentWidth( parsedValue );\n\t\t} else {\n\t\t\tsetCurrentHeight( parsedValue );\n\t\t}\n\t\tonChange( {\n\t\t\t[ dimension ]: parsedValue,\n\t\t} );\n\t};\n\n\tconst updateDimensions = ( nextHeight, nextWidth ) => {\n\t\tsetCurrentHeight( nextHeight ?? defaultHeight );\n\t\tsetCurrentWidth( nextWidth ?? defaultWidth );\n\t\tonChange( { height: nextHeight, width: nextWidth } );\n\t};\n\n\treturn {\n\t\tcurrentHeight,\n\t\tcurrentWidth,\n\t\tupdateDimension,\n\t\tupdateDimensions,\n\t};\n}\n"]}
+{"version":3,"names":["_element","require","useDimensionHandler","customHeight","customWidth","defaultHeight","defaultWidth","onChange","_ref","_ref2","currentWidth","setCurrentWidth","useState","currentHeight","setCurrentHeight","useEffect","undefined","Number","parseInt","updateDimension","dimension","value","parsedValue","updateDimensions","nextHeight","nextWidth","height","width"],"sources":["@wordpress/block-editor/src/components/image-size-control/use-dimension-handler.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\nexport default function useDimensionHandler(\n\tcustomHeight,\n\tcustomWidth,\n\tdefaultHeight,\n\tdefaultWidth,\n\tonChange\n) {\n\tconst [ currentWidth, setCurrentWidth ] = useState(\n\t\tcustomWidth ?? defaultWidth ?? ''\n\t);\n\tconst [ currentHeight, setCurrentHeight ] = useState(\n\t\tcustomHeight ?? defaultHeight ?? ''\n\t);\n\n\t// When an image is first inserted, the default dimensions are initially\n\t// undefined. This effect updates the dimensions when the default values\n\t// come through.\n\tuseEffect( () => {\n\t\tif ( customWidth === undefined && defaultWidth !== undefined ) {\n\t\t\tsetCurrentWidth( defaultWidth );\n\t\t}\n\t\tif ( customHeight === undefined && defaultHeight !== undefined ) {\n\t\t\tsetCurrentHeight( defaultHeight );\n\t\t}\n\t}, [ defaultWidth, defaultHeight ] );\n\n\t// If custom values change, it means an outsider has resized the image using some other method (eg resize box)\n\t// this keeps track of these values too. We need to parse before comparing; custom values can be strings.\n\tuseEffect( () => {\n\t\tif (\n\t\t\tcustomWidth !== undefined &&\n\t\t\tNumber.parseInt( customWidth ) !== Number.parseInt( currentWidth )\n\t\t) {\n\t\t\tsetCurrentWidth( customWidth );\n\t\t}\n\t\tif (\n\t\t\tcustomHeight !== undefined &&\n\t\t\tNumber.parseInt( customHeight ) !== Number.parseInt( currentHeight )\n\t\t) {\n\t\t\tsetCurrentHeight( customHeight );\n\t\t}\n\t}, [ customWidth, customHeight ] );\n\n\tconst updateDimension = ( dimension, value ) => {\n\t\tconst parsedValue = value === '' ? undefined : parseInt( value, 10 );\n\t\tif ( dimension === 'width' ) {\n\t\t\tsetCurrentWidth( parsedValue );\n\t\t} else {\n\t\t\tsetCurrentHeight( parsedValue );\n\t\t}\n\t\tonChange( {\n\t\t\t[ dimension ]: parsedValue,\n\t\t} );\n\t};\n\n\tconst updateDimensions = ( nextHeight, nextWidth ) => {\n\t\tsetCurrentHeight( nextHeight ?? defaultHeight );\n\t\tsetCurrentWidth( nextWidth ?? defaultWidth );\n\t\tonChange( { height: nextHeight, width: nextWidth } );\n\t};\n\n\treturn {\n\t\tcurrentHeight,\n\t\tcurrentWidth,\n\t\tupdateDimension,\n\t\tupdateDimensions,\n\t};\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,mBAAmBA,CAC1CC,YAAY,EACZC,WAAW,EACXC,aAAa,EACbC,YAAY,EACZC,QAAQ,EACP;EAAA,IAAAC,IAAA,EAAAC,KAAA;EACD,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,GAAAJ,IAAA,GACjDJ,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAIE,YAAY,cAAAE,IAAA,cAAAA,IAAA,GAAI,EAChC,CAAC;EACD,MAAM,CAAEK,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAF,iBAAQ,GAAAH,KAAA,GACnDN,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAIE,aAAa,cAAAI,KAAA,cAAAA,KAAA,GAAI,EAClC,CAAC;;EAED;EACA;EACA;EACA,IAAAM,kBAAS,EAAE,MAAM;IAChB,IAAKX,WAAW,KAAKY,SAAS,IAAIV,YAAY,KAAKU,SAAS,EAAG;MAC9DL,eAAe,CAAEL,YAAa,CAAC;IAChC;IACA,IAAKH,YAAY,KAAKa,SAAS,IAAIX,aAAa,KAAKW,SAAS,EAAG;MAChEF,gBAAgB,CAAET,aAAc,CAAC;IAClC;EACD,CAAC,EAAE,CAAEC,YAAY,EAAED,aAAa,CAAG,CAAC;;EAEpC;EACA;EACA,IAAAU,kBAAS,EAAE,MAAM;IAChB,IACCX,WAAW,KAAKY,SAAS,IACzBC,MAAM,CAACC,QAAQ,CAAEd,WAAY,CAAC,KAAKa,MAAM,CAACC,QAAQ,CAAER,YAAa,CAAC,EACjE;MACDC,eAAe,CAAEP,WAAY,CAAC;IAC/B;IACA,IACCD,YAAY,KAAKa,SAAS,IAC1BC,MAAM,CAACC,QAAQ,CAAEf,YAAa,CAAC,KAAKc,MAAM,CAACC,QAAQ,CAAEL,aAAc,CAAC,EACnE;MACDC,gBAAgB,CAAEX,YAAa,CAAC;IACjC;EACD,CAAC,EAAE,CAAEC,WAAW,EAAED,YAAY,CAAG,CAAC;EAElC,MAAMgB,eAAe,GAAGA,CAAEC,SAAS,EAAEC,KAAK,KAAM;IAC/C,MAAMC,WAAW,GAAGD,KAAK,KAAK,EAAE,GAAGL,SAAS,GAAGE,QAAQ,CAAEG,KAAK,EAAE,EAAG,CAAC;IACpE,IAAKD,SAAS,KAAK,OAAO,EAAG;MAC5BT,eAAe,CAAEW,WAAY,CAAC;IAC/B,CAAC,MAAM;MACNR,gBAAgB,CAAEQ,WAAY,CAAC;IAChC;IACAf,QAAQ,CAAE;MACT,CAAEa,SAAS,GAAIE;IAChB,CAAE,CAAC;EACJ,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAAEC,UAAU,EAAEC,SAAS,KAAM;IACrDX,gBAAgB,CAAEU,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAInB,aAAc,CAAC;IAC/CM,eAAe,CAAEc,SAAS,aAATA,SAAS,cAATA,SAAS,GAAInB,YAAa,CAAC;IAC5CC,QAAQ,CAAE;MAAEmB,MAAM,EAAEF,UAAU;MAAEG,KAAK,EAAEF;IAAU,CAAE,CAAC;EACrD,CAAC;EAED,OAAO;IACNZ,aAAa;IACbH,YAAY;IACZS,eAAe;IACfI;EACD,CAAC;AACF"}