@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

package/build-module/image/image-editing/aspect-ratio-dropdown.js

@@ -1,115 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { check, aspectRatio as aspectRatioIcon } from '@wordpress/icons';
-import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-/**
- * Internal dependencies
- */
-
-import { POPOVER_PROPS } from './constants';
-import { useImageEditingContext } from './context';
-
-function AspectGroup({
-  aspectRatios,
-  isDisabled,
-  label,
-  onClick,
-  value
-}) {
-  return createElement(MenuGroup, {
-    label: label
-  }, aspectRatios.map(({
-    title,
-    aspect
-  }) => createElement(MenuItem, {
-    key: aspect,
-    disabled: isDisabled,
-    onClick: () => {
-      onClick(aspect);
-    },
-    role: "menuitemradio",
-    isSelected: aspect === value,
-    icon: aspect === value ? check : undefined
-  }, title)));
-}
-
-export default function AspectRatioDropdown({
-  toggleProps
-}) {
-  const {
-    isInProgress,
-    aspect,
-    setAspect,
-    defaultAspect
-  } = useImageEditingContext();
-  return createElement(DropdownMenu, {
-    icon: aspectRatioIcon,
-    label: __('Aspect Ratio'),
-    popoverProps: POPOVER_PROPS,
-    toggleProps: toggleProps,
-    className: "wp-block-image__aspect-ratio"
-  }, ({
-    onClose
-  }) => createElement(Fragment, null, createElement(AspectGroup, {
-    isDisabled: isInProgress,
-    onClick: newAspect => {
-      setAspect(newAspect);
-      onClose();
-    },
-    value: aspect,
-    aspectRatios: [{
-      title: __('Original'),
-      aspect: defaultAspect
-    }, {
-      title: __('Square'),
-      aspect: 1
-    }]
-  }), createElement(AspectGroup, {
-    label: __('Landscape'),
-    isDisabled: isInProgress,
-    onClick: newAspect => {
-      setAspect(newAspect);
-      onClose();
-    },
-    value: aspect,
-    aspectRatios: [{
-      title: __('16:10'),
-      aspect: 16 / 10
-    }, {
-      title: __('16:9'),
-      aspect: 16 / 9
-    }, {
-      title: __('4:3'),
-      aspect: 4 / 3
-    }, {
-      title: __('3:2'),
-      aspect: 3 / 2
-    }]
-  }), createElement(AspectGroup, {
-    label: __('Portrait'),
-    isDisabled: isInProgress,
-    onClick: newAspect => {
-      setAspect(newAspect);
-      onClose();
-    },
-    value: aspect,
-    aspectRatios: [{
-      title: __('10:16'),
-      aspect: 10 / 16
-    }, {
-      title: __('9:16'),
-      aspect: 9 / 16
-    }, {
-      title: __('3:4'),
-      aspect: 3 / 4
-    }, {
-      title: __('2:3'),
-      aspect: 2 / 3
-    }]
-  })));
-}
-//# sourceMappingURL=aspect-ratio-dropdown.js.map

package/build-module/image/image-editing/aspect-ratio-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/aspect-ratio-dropdown.js"],"names":["check","aspectRatio","aspectRatioIcon","DropdownMenu","MenuGroup","MenuItem","__","POPOVER_PROPS","useImageEditingContext","AspectGroup","aspectRatios","isDisabled","label","onClick","value","map","title","aspect","undefined","AspectRatioDropdown","toggleProps","isInProgress","setAspect","defaultAspect","onClose","newAspect"],"mappings":"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","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 {\n\t\tisInProgress,\n\t\taspect,\n\t\tsetAspect,\n\t\tdefaultAspect,\n\t} = useImageEditingContext();\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{\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"]}

package/build-module/image/image-editing/constants.js

@@ -1,7 +0,0 @@
-export const MIN_ZOOM = 100;
-export const MAX_ZOOM = 300;
-export const POPOVER_PROPS = {
-  position: 'bottom right',
-  isAlternate: true
-};
-//# sourceMappingURL=constants.js.map

package/build-module/image/image-editing/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/constants.js"],"names":["MIN_ZOOM","MAX_ZOOM","POPOVER_PROPS","position","isAlternate"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,GAAG,GAAjB;AACP,OAAO,MAAMC,QAAQ,GAAG,GAAjB;AACP,OAAO,MAAMC,aAAa,GAAG;AAC5BC,EAAAA,QAAQ,EAAE,cADkB;AAE5BC,EAAAA,WAAW,EAAE;AAFe,CAAtB","sourcesContent":["export const MIN_ZOOM = 100;\nexport const MAX_ZOOM = 300;\nexport const POPOVER_PROPS = {\n\tposition: 'bottom right',\n\tisAlternate: true,\n};\n"]}

package/build-module/image/image-editing/context.js

@@ -1,44 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { createContext, useContext, useMemo } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import useSaveImage from './use-save-image';
-import useTransformImage from './use-transform-image';
-const ImageEditingContext = createContext({});
-export const useImageEditingContext = () => useContext(ImageEditingContext);
-export default function ImageEditingProvider({
-  id,
-  url,
-  naturalWidth,
-  naturalHeight,
-  isEditing,
-  onFinishEditing,
-  onSaveImage,
-  children
-}) {
-  const transformImage = useTransformImage({
-    url,
-    naturalWidth,
-    naturalHeight
-  }, isEditing);
-  const saveImage = useSaveImage({
-    id,
-    url,
-    onSaveImage,
-    onFinishEditing,
-    ...transformImage
-  });
-  const providerValue = useMemo(() => ({ ...transformImage,
-    ...saveImage
-  }), [transformImage, saveImage]);
-  return createElement(ImageEditingContext.Provider, {
-    value: providerValue
-  }, children);
-}
-//# sourceMappingURL=context.js.map

package/build-module/image/image-editing/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/context.js"],"names":["createContext","useContext","useMemo","useSaveImage","useTransformImage","ImageEditingContext","useImageEditingContext","ImageEditingProvider","id","url","naturalWidth","naturalHeight","isEditing","onFinishEditing","onSaveImage","children","transformImage","saveImage","providerValue"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,EAAoCC,OAApC,QAAmD,oBAAnD;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AAEA,MAAMC,mBAAmB,GAAGL,aAAa,CAAE,EAAF,CAAzC;AAEA,OAAO,MAAMM,sBAAsB,GAAG,MAAML,UAAU,CAAEI,mBAAF,CAA/C;AAEP,eAAe,SAASE,oBAAT,CAA+B;AAC7CC,EAAAA,EAD6C;AAE7CC,EAAAA,GAF6C;AAG7CC,EAAAA,YAH6C;AAI7CC,EAAAA,aAJ6C;AAK7CC,EAAAA,SAL6C;AAM7CC,EAAAA,eAN6C;AAO7CC,EAAAA,WAP6C;AAQ7CC,EAAAA;AAR6C,CAA/B,EASX;AACH,QAAMC,cAAc,GAAGZ,iBAAiB,CACvC;AACCK,IAAAA,GADD;AAECC,IAAAA,YAFD;AAGCC,IAAAA;AAHD,GADuC,EAMvCC,SANuC,CAAxC;AASA,QAAMK,SAAS,GAAGd,YAAY,CAAE;AAC/BK,IAAAA,EAD+B;AAE/BC,IAAAA,GAF+B;AAG/BK,IAAAA,WAH+B;AAI/BD,IAAAA,eAJ+B;AAK/B,OAAGG;AAL4B,GAAF,CAA9B;AAQA,QAAME,aAAa,GAAGhB,OAAO,CAC5B,OAAQ,EACP,GAAGc,cADI;AAEP,OAAGC;AAFI,GAAR,CAD4B,EAK5B,CAAED,cAAF,EAAkBC,SAAlB,CAL4B,CAA7B;AAQA,SACC,cAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAGC;AAAtC,KACGH,QADH,CADD;AAKA","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\tisEditing,\n\tonFinishEditing,\n\tonSaveImage,\n\tchildren,\n} ) {\n\tconst transformImage = useTransformImage(\n\t\t{\n\t\t\turl,\n\t\t\tnaturalWidth,\n\t\t\tnaturalHeight,\n\t\t},\n\t\tisEditing\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"]}

package/build-module/image/image-editing/cropper.js

@@ -1,69 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import Cropper from 'react-easy-crop';
-import classnames from 'classnames';
-/**
- * WordPress dependencies
- */
-
-import { Spinner } from '@wordpress/components';
-/**
- * Internal dependencies
- */
-
-import { MIN_ZOOM, MAX_ZOOM } from './constants';
-import { useImageEditingContext } from './context';
-export default function ImageCropper({
-  url,
-  width,
-  height,
-  clientWidth,
-  naturalHeight,
-  naturalWidth
-}) {
-  const {
-    isInProgress,
-    editedUrl,
-    position,
-    zoom,
-    aspect,
-    setPosition,
-    setCrop,
-    setZoom,
-    rotation
-  } = useImageEditingContext();
-  let editedHeight = height || clientWidth * naturalHeight / naturalWidth;
-
-  if (rotation % 180 === 90) {
-    editedHeight = clientWidth * naturalWidth / naturalHeight;
-  }
-
-  return createElement("div", {
-    className: classnames('wp-block-image__crop-area', {
-      'is-applying': isInProgress
-    }),
-    style: {
-      width: width || clientWidth,
-      height: editedHeight
-    }
-  }, createElement(Cropper, {
-    image: editedUrl || url,
-    disabled: isInProgress,
-    minZoom: MIN_ZOOM / 100,
-    maxZoom: MAX_ZOOM / 100,
-    crop: position,
-    zoom: zoom / 100,
-    aspect: aspect,
-    onCropChange: setPosition,
-    onCropComplete: newCropPercent => {
-      setCrop(newCropPercent);
-    },
-    onZoomChange: newZoom => {
-      setZoom(newZoom * 100);
-    }
-  }), isInProgress && createElement(Spinner, null));
-}
-//# sourceMappingURL=cropper.js.map

package/build-module/image/image-editing/cropper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/cropper.js"],"names":["Cropper","classnames","Spinner","MIN_ZOOM","MAX_ZOOM","useImageEditingContext","ImageCropper","url","width","height","clientWidth","naturalHeight","naturalWidth","isInProgress","editedUrl","position","zoom","aspect","setPosition","setCrop","setZoom","rotation","editedHeight","newCropPercent","newZoom"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,OAAP,MAAoB,iBAApB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,OAAT,QAAwB,uBAAxB;AAEA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,aAAnC;AAEA,SAASC,sBAAT,QAAuC,WAAvC;AAEA,eAAe,SAASC,YAAT,CAAuB;AACrCC,EAAAA,GADqC;AAErCC,EAAAA,KAFqC;AAGrCC,EAAAA,MAHqC;AAIrCC,EAAAA,WAJqC;AAKrCC,EAAAA,aALqC;AAMrCC,EAAAA;AANqC,CAAvB,EAOX;AACH,QAAM;AACLC,IAAAA,YADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,IAJK;AAKLC,IAAAA,MALK;AAMLC,IAAAA,WANK;AAOLC,IAAAA,OAPK;AAQLC,IAAAA,OARK;AASLC,IAAAA;AATK,MAUFhB,sBAAsB,EAV1B;AAYA,MAAIiB,YAAY,GAAGb,MAAM,IAAMC,WAAW,GAAGC,aAAhB,GAAkCC,YAA/D;;AAEA,MAAKS,QAAQ,GAAG,GAAX,KAAmB,EAAxB,EAA6B;AAC5BC,IAAAA,YAAY,GAAKZ,WAAW,GAAGE,YAAhB,GAAiCD,aAAhD;AACA;;AAED,SACC;AACC,IAAA,SAAS,EAAGV,UAAU,CAAE,2BAAF,EAA+B;AACpD,qBAAeY;AADqC,KAA/B,CADvB;AAIC,IAAA,KAAK,EAAG;AACPL,MAAAA,KAAK,EAAEA,KAAK,IAAIE,WADT;AAEPD,MAAAA,MAAM,EAAEa;AAFD;AAJT,KASC,cAAC,OAAD;AACC,IAAA,KAAK,EAAGR,SAAS,IAAIP,GADtB;AAEC,IAAA,QAAQ,EAAGM,YAFZ;AAGC,IAAA,OAAO,EAAGV,QAAQ,GAAG,GAHtB;AAIC,IAAA,OAAO,EAAGC,QAAQ,GAAG,GAJtB;AAKC,IAAA,IAAI,EAAGW,QALR;AAMC,IAAA,IAAI,EAAGC,IAAI,GAAG,GANf;AAOC,IAAA,MAAM,EAAGC,MAPV;AAQC,IAAA,YAAY,EAAGC,WARhB;AASC,IAAA,cAAc,EAAKK,cAAF,IAAsB;AACtCJ,MAAAA,OAAO,CAAEI,cAAF,CAAP;AACA,KAXF;AAYC,IAAA,YAAY,EAAKC,OAAF,IAAe;AAC7BJ,MAAAA,OAAO,CAAEI,OAAO,GAAG,GAAZ,CAAP;AACA;AAdF,IATD,EAyBGX,YAAY,IAAI,cAAC,OAAD,OAzBnB,CADD;AA6BA","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} ) {\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( 'wp-block-image__crop-area', {\n\t\t\t\t'is-applying': isInProgress,\n\t\t\t} ) }\n\t\t\tstyle={ {\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={ setPosition }\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"]}

package/build-module/image/image-editing/form-controls.js

@@ -1,26 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { ToolbarButton } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-/**
- * Internal dependencies
- */
-
-import { useImageEditingContext } from './context';
-export default function FormControls() {
-  const {
-    isInProgress,
-    apply,
-    cancel
-  } = useImageEditingContext();
-  return createElement(Fragment, null, createElement(ToolbarButton, {
-    onClick: apply,
-    disabled: isInProgress
-  }, __('Apply')), createElement(ToolbarButton, {
-    onClick: cancel
-  }, __('Cancel')));
-}
-//# sourceMappingURL=form-controls.js.map

package/build-module/image/image-editing/form-controls.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/form-controls.js"],"names":["ToolbarButton","__","useImageEditingContext","FormControls","isInProgress","apply","cancel"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,uBAA9B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,sBAAT,QAAuC,WAAvC;AAEA,eAAe,SAASC,YAAT,GAAwB;AACtC,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,KAAhB;AAAuBC,IAAAA;AAAvB,MAAkCJ,sBAAsB,EAA9D;AACA,SACC,8BACC,cAAC,aAAD;AAAe,IAAA,OAAO,EAAGG,KAAzB;AAAiC,IAAA,QAAQ,EAAGD;AAA5C,KACGH,EAAE,CAAE,OAAF,CADL,CADD,EAIC,cAAC,aAAD;AAAe,IAAA,OAAO,EAAGK;AAAzB,KAAoCL,EAAE,CAAE,QAAF,CAAtC,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"]}

package/build-module/image/image-editing/index.js

@@ -1,37 +0,0 @@
-import { createElement, Fragment } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { BlockControls } from '@wordpress/block-editor';
-import { ToolbarGroup, ToolbarItem } from '@wordpress/components';
-/**
- * Internal dependencies
- */
-
-import Cropper from './cropper';
-import ZoomDropdown from './zoom-dropdown';
-import AspectRatioDropdown from './aspect-ratio-dropdown';
-import RotationButton from './rotation-button';
-import FormControls from './form-controls';
-export default function ImageEditor({
-  url,
-  width,
-  height,
-  clientWidth,
-  naturalHeight,
-  naturalWidth
-}) {
-  return createElement(Fragment, null, createElement(Cropper, {
-    url: url,
-    width: width,
-    height: height,
-    clientWidth: clientWidth,
-    naturalHeight: naturalHeight,
-    naturalWidth: naturalWidth
-  }), createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ZoomDropdown, null), createElement(ToolbarItem, null, toggleProps => createElement(AspectRatioDropdown, {
-    toggleProps: toggleProps
-  })), createElement(RotationButton, null)), createElement(ToolbarGroup, null, createElement(FormControls, null))));
-}
-export { default as ImageEditingProvider } from './context';
-//# sourceMappingURL=index.js.map

package/build-module/image/image-editing/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/index.js"],"names":["BlockControls","ToolbarGroup","ToolbarItem","Cropper","ZoomDropdown","AspectRatioDropdown","RotationButton","FormControls","ImageEditor","url","width","height","clientWidth","naturalHeight","naturalWidth","toggleProps","default","ImageEditingProvider"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,yBAA9B;AACA,SAASC,YAAT,EAAuBC,WAAvB,QAA0C,uBAA1C;AAEA;AACA;AACA;;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,mBAAP,MAAgC,yBAAhC;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AAEA,eAAe,SAASC,WAAT,CAAsB;AACpCC,EAAAA,GADoC;AAEpCC,EAAAA,KAFoC;AAGpCC,EAAAA,MAHoC;AAIpCC,EAAAA,WAJoC;AAKpCC,EAAAA,aALoC;AAMpCC,EAAAA;AANoC,CAAtB,EAOX;AACH,SACC,8BACC,cAAC,OAAD;AACC,IAAA,GAAG,EAAGL,GADP;AAEC,IAAA,KAAK,EAAGC,KAFT;AAGC,IAAA,MAAM,EAAGC,MAHV;AAIC,IAAA,WAAW,EAAGC,WAJf;AAKC,IAAA,aAAa,EAAGC,aALjB;AAMC,IAAA,YAAY,EAAGC;AANhB,IADD,EASC,cAAC,aAAD,QACC,cAAC,YAAD,QACC,cAAC,YAAD,OADD,EAEC,cAAC,WAAD,QACKC,WAAF,IACD,cAAC,mBAAD;AAAqB,IAAA,WAAW,EAAGA;AAAnC,IAFF,CAFD,EAOC,cAAC,cAAD,OAPD,CADD,EAUC,cAAC,YAAD,QACC,cAAC,YAAD,OADD,CAVD,CATD,CADD;AA0BA;AAED,SAASC,OAAO,IAAIC,oBAApB,QAAgD,WAAhD","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockControls } from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarItem } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\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\turl,\n\twidth,\n\theight,\n\tclientWidth,\n\tnaturalHeight,\n\tnaturalWidth,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<Cropper\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</>\n\t);\n}\n\nexport { default as ImageEditingProvider } from './context';\n"]}

package/build-module/image/image-editing/rotation-button.js

@@ -1,26 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { ToolbarButton } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { rotateRight as rotateRightIcon } from '@wordpress/icons';
-/**
- * Internal dependencies
- */
-
-import { useImageEditingContext } from './context';
-export default function RotationButton() {
-  const {
-    isInProgress,
-    rotateClockwise
-  } = useImageEditingContext();
-  return createElement(ToolbarButton, {
-    icon: rotateRightIcon,
-    label: __('Rotate'),
-    onClick: rotateClockwise,
-    disabled: isInProgress
-  });
-}
-//# sourceMappingURL=rotation-button.js.map

package/build-module/image/image-editing/rotation-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/rotation-button.js"],"names":["ToolbarButton","__","rotateRight","rotateRightIcon","useImageEditingContext","RotationButton","isInProgress","rotateClockwise"],"mappings":";;AAAA;AACA;AACA;AAEA,SAASA,aAAT,QAA8B,uBAA9B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAW,IAAIC,eAAxB,QAA+C,kBAA/C;AAEA;AACA;AACA;;AACA,SAASC,sBAAT,QAAuC,WAAvC;AAEA,eAAe,SAASC,cAAT,GAA0B;AACxC,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAAoCH,sBAAsB,EAAhE;AACA,SACC,cAAC,aAAD;AACC,IAAA,IAAI,EAAGD,eADR;AAEC,IAAA,KAAK,EAAGF,EAAE,CAAE,QAAF,CAFX;AAGC,IAAA,OAAO,EAAGM,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"]}

package/build-module/image/image-editing/use-save-image.js

@@ -1,70 +0,0 @@
-/**
- * WordPress dependencies
- */
-import apiFetch from '@wordpress/api-fetch';
-import { useDispatch } from '@wordpress/data';
-import { useCallback, useMemo, useState } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-import { store as noticesStore } from '@wordpress/notices';
-export default function useSaveImage({
-  crop,
-  rotation,
-  height,
-  width,
-  aspect,
-  url,
-  id,
-  onSaveImage,
-  onFinishEditing
-}) {
-  const {
-    createErrorNotice
-  } = useDispatch(noticesStore);
-  const [isInProgress, setIsInProgress] = useState(false);
-  const cancel = useCallback(() => {
-    setIsInProgress(false);
-    onFinishEditing();
-  }, [setIsInProgress, onFinishEditing]);
-  const apply = useCallback(() => {
-    setIsInProgress(true);
-    let attrs = {}; // 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) {
-      attrs = crop;
-    }
-
-    if (rotation > 0) {
-      attrs.rotation = rotation;
-    }
-
-    attrs.src = url;
-    apiFetch({
-      path: `/wp/v2/media/${id}/edit`,
-      method: 'POST',
-      data: attrs
-    }).then(response => {
-      onSaveImage({
-        id: response.id,
-        url: response.source_url,
-        height: height && width ? width / aspect : undefined
-      });
-    }).catch(error => {
-      createErrorNotice(sprintf(
-      /* translators: 1. Error message */
-      __('Could not edit image. %s'), error.message), {
-        id: 'image-editing-error',
-        type: 'snackbar'
-      });
-    }).finally(() => {
-      setIsInProgress(false);
-      onFinishEditing();
-    });
-  }, [setIsInProgress, crop, rotation, height, width, aspect, url, onSaveImage, createErrorNotice, setIsInProgress, onFinishEditing]);
-  return useMemo(() => ({
-    isInProgress,
-    apply,
-    cancel
-  }), [isInProgress, apply, cancel]);
-}
-//# sourceMappingURL=use-save-image.js.map

package/build-module/image/image-editing/use-save-image.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/use-save-image.js"],"names":["apiFetch","useDispatch","useCallback","useMemo","useState","__","sprintf","store","noticesStore","useSaveImage","crop","rotation","height","width","aspect","url","id","onSaveImage","onFinishEditing","createErrorNotice","isInProgress","setIsInProgress","cancel","apply","attrs","src","path","method","data","then","response","source_url","undefined","catch","error","message","type","finally"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,QAAP,MAAqB,sBAArB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,WAAT,EAAsBC,OAAtB,EAA+BC,QAA/B,QAA+C,oBAA/C;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,KAAK,IAAIC,YAAlB,QAAsC,oBAAtC;AAEA,eAAe,SAASC,YAAT,CAAuB;AACrCC,EAAAA,IADqC;AAErCC,EAAAA,QAFqC;AAGrCC,EAAAA,MAHqC;AAIrCC,EAAAA,KAJqC;AAKrCC,EAAAA,MALqC;AAMrCC,EAAAA,GANqC;AAOrCC,EAAAA,EAPqC;AAQrCC,EAAAA,WARqC;AASrCC,EAAAA;AATqC,CAAvB,EAUX;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAwBlB,WAAW,CAAEO,YAAF,CAAzC;AACA,QAAM,CAAEY,YAAF,EAAgBC,eAAhB,IAAoCjB,QAAQ,CAAE,KAAF,CAAlD;AAEA,QAAMkB,MAAM,GAAGpB,WAAW,CAAE,MAAM;AACjCmB,IAAAA,eAAe,CAAE,KAAF,CAAf;AACAH,IAAAA,eAAe;AACf,GAHyB,EAGvB,CAAEG,eAAF,EAAmBH,eAAnB,CAHuB,CAA1B;AAKA,QAAMK,KAAK,GAAGrB,WAAW,CAAE,MAAM;AAChCmB,IAAAA,eAAe,CAAE,IAAF,CAAf;AAEA,QAAIG,KAAK,GAAG,EAAZ,CAHgC,CAKhC;AACA;;AACA,QAAKd,IAAI,CAACG,KAAL,GAAa,IAAb,IAAqBH,IAAI,CAACE,MAAL,GAAc,IAAxC,EAA+C;AAC9CY,MAAAA,KAAK,GAAGd,IAAR;AACA;;AAED,QAAKC,QAAQ,GAAG,CAAhB,EAAoB;AACnBa,MAAAA,KAAK,CAACb,QAAN,GAAiBA,QAAjB;AACA;;AAEDa,IAAAA,KAAK,CAACC,GAAN,GAAYV,GAAZ;AAEAf,IAAAA,QAAQ,CAAE;AACT0B,MAAAA,IAAI,EAAG,gBAAgBV,EAAI,OADlB;AAETW,MAAAA,MAAM,EAAE,MAFC;AAGTC,MAAAA,IAAI,EAAEJ;AAHG,KAAF,CAAR,CAKEK,IALF,CAKUC,QAAF,IAAgB;AACtBb,MAAAA,WAAW,CAAE;AACZD,QAAAA,EAAE,EAAEc,QAAQ,CAACd,EADD;AAEZD,QAAAA,GAAG,EAAEe,QAAQ,CAACC,UAFF;AAGZnB,QAAAA,MAAM,EAAEA,MAAM,IAAIC,KAAV,GAAkBA,KAAK,GAAGC,MAA1B,GAAmCkB;AAH/B,OAAF,CAAX;AAKA,KAXF,EAYEC,KAZF,CAYWC,KAAF,IAAa;AACpBf,MAAAA,iBAAiB,CAChBb,OAAO;AACN;AACAD,MAAAA,EAAE,CAAE,0BAAF,CAFI,EAGN6B,KAAK,CAACC,OAHA,CADS,EAMhB;AACCnB,QAAAA,EAAE,EAAE,qBADL;AAECoB,QAAAA,IAAI,EAAE;AAFP,OANgB,CAAjB;AAWA,KAxBF,EAyBEC,OAzBF,CAyBW,MAAM;AACfhB,MAAAA,eAAe,CAAE,KAAF,CAAf;AACAH,MAAAA,eAAe;AACf,KA5BF;AA6BA,GA9CwB,EA8CtB,CACFG,eADE,EAEFX,IAFE,EAGFC,QAHE,EAIFC,MAJE,EAKFC,KALE,EAMFC,MANE,EAOFC,GAPE,EAQFE,WARE,EASFE,iBATE,EAUFE,eAVE,EAWFH,eAXE,CA9CsB,CAAzB;AA4DA,SAAOf,OAAO,CACb,OAAQ;AACPiB,IAAAA,YADO;AAEPG,IAAAA,KAFO;AAGPD,IAAAA;AAHO,GAAR,CADa,EAMb,CAAEF,YAAF,EAAgBG,KAAhB,EAAuBD,MAAvB,CANa,CAAd;AAQA","sourcesContent":["/**\n * WordPress dependencies\n */\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';\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\tlet attrs = {};\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\tattrs = crop;\n\t\t}\n\n\t\tif ( rotation > 0 ) {\n\t\t\tattrs.rotation = rotation;\n\t\t}\n\n\t\tattrs.src = url;\n\n\t\tapiFetch( {\n\t\t\tpath: `/wp/v2/media/${ id }/edit`,\n\t\t\tmethod: 'POST',\n\t\t\tdata: attrs,\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\theight: height && width ? width / aspect : undefined,\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\terror.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"]}

package/build-module/image/image-editing/use-transform-image.js

@@ -1,127 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useCallback, useEffect, useMemo, useState } from '@wordpress/element';
-import { applyFilters } from '@wordpress/hooks';
-
-function useTransformState({
-  url,
-  naturalWidth,
-  naturalHeight
-}) {
-  const [editedUrl, setEditedUrl] = useState();
-  const [crop, setCrop] = useState();
-  const [position, setPosition] = useState({
-    x: 0,
-    y: 0
-  });
-  const [zoom, setZoom] = useState();
-  const [rotation, setRotation] = useState();
-  const [aspect, setAspect] = useState();
-  const [defaultAspect, setDefaultAspect] = useState();
-  const initializeTransformValues = useCallback(() => {
-    setPosition({
-      x: 0,
-      y: 0
-    });
-    setZoom(100);
-    setRotation(0);
-    setAspect(naturalWidth / naturalHeight);
-    setDefaultAspect(naturalWidth / naturalHeight);
-  }, [naturalWidth, naturalHeight, setPosition, setZoom, setRotation, setAspect, setDefaultAspect]);
-  const rotateClockwise = useCallback(() => {
-    const angle = (rotation + 90) % 360;
-    let naturalAspectRatio = naturalWidth / naturalHeight;
-
-    if (rotation % 180 === 90) {
-      naturalAspectRatio = naturalHeight / naturalWidth;
-    }
-
-    if (angle === 0) {
-      setEditedUrl();
-      setRotation(angle);
-      setAspect(1 / aspect);
-      setPosition({
-        x: -(position.y * naturalAspectRatio),
-        y: position.x * naturalAspectRatio
-      });
-      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;
-      } else {
-        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);
-      context.drawImage(event.target, 0, 0);
-      canvas.toBlob(blob => {
-        setEditedUrl(URL.createObjectURL(blob));
-        setRotation(angle);
-        setAspect(1 / aspect);
-        setPosition({
-          x: -(position.y * naturalAspectRatio),
-          y: position.x * naturalAspectRatio
-        });
-      });
-    }
-
-    const el = new window.Image();
-    el.src = url;
-    el.onload = editImage;
-    const imgCrossOrigin = applyFilters('media.crossOrigin', undefined, url);
-
-    if (typeof imgCrossOrigin === 'string') {
-      el.crossOrigin = imgCrossOrigin;
-    }
-  }, [rotation, naturalWidth, naturalHeight, setEditedUrl, setRotation, setAspect, setPosition]);
-  return useMemo(() => ({
-    editedUrl,
-    setEditedUrl,
-    crop,
-    setCrop,
-    position,
-    setPosition,
-    zoom,
-    setZoom,
-    rotation,
-    setRotation,
-    rotateClockwise,
-    aspect,
-    setAspect,
-    defaultAspect,
-    initializeTransformValues
-  }), [editedUrl, setEditedUrl, crop, setCrop, position, setPosition, zoom, setZoom, rotation, setRotation, rotateClockwise, aspect, setAspect, defaultAspect, initializeTransformValues]);
-}
-
-export default function useTransformImage(imageProperties, isEditing) {
-  const transformState = useTransformState(imageProperties);
-  const {
-    initializeTransformValues
-  } = transformState;
-  useEffect(() => {
-    if (isEditing) {
-      initializeTransformValues();
-    }
-  }, [isEditing, initializeTransformValues]);
-  return transformState;
-}
-//# sourceMappingURL=use-transform-image.js.map

package/build-module/image/image-editing/use-transform-image.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/image/image-editing/use-transform-image.js"],"names":["useCallback","useEffect","useMemo","useState","applyFilters","useTransformState","url","naturalWidth","naturalHeight","editedUrl","setEditedUrl","crop","setCrop","position","setPosition","x","y","zoom","setZoom","rotation","setRotation","aspect","setAspect","defaultAspect","setDefaultAspect","initializeTransformValues","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","useTransformImage","imageProperties","isEditing","transformState"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useMemo, useState } from '@wordpress/element';\nimport { applyFilters } from '@wordpress/hooks';\n\nfunction useTransformState( { url, naturalWidth, naturalHeight } ) {\n\tconst [ editedUrl, setEditedUrl ] = useState();\n\tconst [ crop, setCrop ] = useState();\n\tconst [ position, setPosition ] = useState( { x: 0, y: 0 } );\n\tconst [ zoom, setZoom ] = useState();\n\tconst [ rotation, setRotation ] = useState();\n\tconst [ aspect, setAspect ] = useState();\n\tconst [ defaultAspect, setDefaultAspect ] = useState();\n\n\tconst initializeTransformValues = useCallback( () => {\n\t\tsetPosition( { x: 0, y: 0 } );\n\t\tsetZoom( 100 );\n\t\tsetRotation( 0 );\n\t\tsetAspect( naturalWidth / naturalHeight );\n\t\tsetDefaultAspect( naturalWidth / naturalHeight );\n\t}, [\n\t\tnaturalWidth,\n\t\tnaturalHeight,\n\t\tsetPosition,\n\t\tsetZoom,\n\t\tsetRotation,\n\t\tsetAspect,\n\t\tsetDefaultAspect,\n\t] );\n\n\tconst rotateClockwise = useCallback( () => {\n\t\tconst angle = ( rotation + 90 ) % 360;\n\n\t\tlet naturalAspectRatio = naturalWidth / naturalHeight;\n\n\t\tif ( rotation % 180 === 90 ) {\n\t\t\tnaturalAspectRatio = naturalHeight / naturalWidth;\n\t\t}\n\n\t\tif ( angle === 0 ) {\n\t\t\tsetEditedUrl();\n\t\t\tsetRotation( angle );\n\t\t\tsetAspect( 1 / aspect );\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( 1 / aspect );\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}, [\n\t\trotation,\n\t\tnaturalWidth,\n\t\tnaturalHeight,\n\t\tsetEditedUrl,\n\t\tsetRotation,\n\t\tsetAspect,\n\t\tsetPosition,\n\t] );\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\tinitializeTransformValues,\n\t\t} ),\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\tinitializeTransformValues,\n\t\t]\n\t);\n}\n\nexport default function useTransformImage( imageProperties, isEditing ) {\n\tconst transformState = useTransformState( imageProperties );\n\tconst { initializeTransformValues } = transformState;\n\n\tuseEffect( () => {\n\t\tif ( isEditing ) {\n\t\t\tinitializeTransformValues();\n\t\t}\n\t}, [ isEditing, initializeTransformValues ] );\n\n\treturn transformState;\n}\n"]}

package/build-module/image/image-editing/zoom-dropdown.js

@@ -1,43 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { ToolbarButton, RangeControl, Dropdown } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { search } from '@wordpress/icons';
-/**
- * Internal dependencies
- */
-
-import { MIN_ZOOM, MAX_ZOOM, POPOVER_PROPS } from './constants';
-import { useImageEditingContext } from './context';
-export default function ZoomDropdown() {
-  const {
-    isInProgress,
-    zoom,
-    setZoom
-  } = useImageEditingContext();
-  return createElement(Dropdown, {
-    contentClassName: "wp-block-image__zoom",
-    popoverProps: POPOVER_PROPS,
-    renderToggle: ({
-      isOpen,
-      onToggle
-    }) => createElement(ToolbarButton, {
-      icon: search,
-      label: __('Zoom'),
-      onClick: onToggle,
-      "aria-expanded": isOpen,
-      disabled: isInProgress
-    }),
-    renderContent: () => createElement(RangeControl, {
-      label: __('Zoom'),
-      min: MIN_ZOOM,
-      max: MAX_ZOOM,
-      value: Math.round(zoom),
-      onChange: setZoom
-    })
-  });
-}
-//# sourceMappingURL=zoom-dropdown.js.map