@wordpress/image-cropper 1.0.1-next.6deb34194.0

package/build/provider/use-image-cropper.js

@@ -0,0 +1,189 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/image-cropper/src/provider/use-image-cropper.ts
+var use_image_cropper_exports = {};
+__export(use_image_cropper_exports, {
+  DEFAULT_INITIAL_STATE: () => DEFAULT_INITIAL_STATE,
+  default: () => useCropper
+});
+module.exports = __toCommonJS(use_image_cropper_exports);
+var import_dequal = require("dequal");
+var import_element = require("@wordpress/element");
+var import_constants = require("../constants");
+var import_utils = require("../utils");
+var DEFAULT_INITIAL_STATE = {
+  crop: {
+    x: 0,
+    y: 0,
+    width: 100,
+    height: 100
+  },
+  zoom: import_constants.MIN_ZOOM,
+  rotation: 0,
+  aspectRatio: 1,
+  flip: {
+    horizontal: false,
+    vertical: false
+  }
+};
+var DEFAULT_CROP_MEDIA_POSITION = {
+  x: 0,
+  y: 0
+};
+var DEFAULT_CROPPER_STATE = {
+  crop: DEFAULT_CROP_MEDIA_POSITION,
+  croppedArea: DEFAULT_INITIAL_STATE.crop,
+  croppedAreaPixels: null,
+  zoom: DEFAULT_INITIAL_STATE.zoom,
+  rotation: DEFAULT_INITIAL_STATE.rotation,
+  flip: DEFAULT_INITIAL_STATE.flip,
+  aspectRatio: DEFAULT_INITIAL_STATE.aspectRatio,
+  mediaSize: null
+};
+function useCropper() {
+  const [cropperState, setInternalCropperState] = (0, import_element.useState)(
+    DEFAULT_CROPPER_STATE
+  );
+  const [resetState, setInternalResetState] = (0, import_element.useState)(null);
+  const setCropperState = (0, import_element.useCallback)(
+    (newState) => {
+      setInternalCropperState((prev) => {
+        const updates = typeof newState === "function" ? newState(prev) : newState;
+        const normalizedUpdates = { ...updates };
+        if ("rotation" in normalizedUpdates && normalizedUpdates.rotation !== void 0) {
+          normalizedUpdates.rotation = (0, import_utils.normalizeRotation)(
+            normalizedUpdates.rotation
+          );
+        }
+        return { ...prev, ...normalizedUpdates };
+      });
+    },
+    []
+  );
+  const setResetState = (0, import_element.useCallback)(
+    (newResetState = null) => {
+      if (!newResetState) {
+        setInternalResetState(null);
+        setCropperState(DEFAULT_CROPPER_STATE);
+        return;
+      }
+      if (typeof newResetState === "object") {
+        const initialState = {
+          ...DEFAULT_INITIAL_STATE,
+          ...newResetState
+        };
+        setInternalResetState(initialState);
+        setCropperState(initialState);
+      }
+    },
+    [setCropperState, setInternalResetState]
+  );
+  const reset = (0, import_element.useCallback)(() => {
+    if (resetState) {
+      const resetUpdates = {
+        // Reset media position to center
+        crop: { x: 0, y: 0 },
+        // Reset cropped area pixels (will be recalculated)
+        croppedAreaPixels: null
+      };
+      if (resetState.crop) {
+        resetUpdates.croppedArea = resetState.crop;
+      }
+      if (resetState.zoom !== void 0) {
+        resetUpdates.zoom = resetState.zoom;
+      }
+      if (resetState.rotation !== void 0) {
+        resetUpdates.rotation = resetState.rotation;
+      }
+      if (resetState.aspectRatio !== void 0) {
+        resetUpdates.aspectRatio = resetState.aspectRatio;
+      }
+      if (resetState.flip !== void 0) {
+        resetUpdates.flip = resetState.flip;
+      }
+      setCropperState(resetUpdates);
+    } else {
+      setCropperState({ ...DEFAULT_CROPPER_STATE });
+    }
+  }, [resetState, setCropperState]);
+  const isDirty = (0, import_element.useMemo)(() => {
+    if (resetState) {
+      const currentState2 = {
+        crop: cropperState.croppedAreaPixels || cropperState.croppedArea,
+        zoom: cropperState.zoom,
+        rotation: (0, import_utils.normalizeRotation)(cropperState.rotation),
+        aspectRatio: cropperState.aspectRatio,
+        flip: cropperState.flip
+      };
+      return false === (0, import_dequal.dequal)(currentState2, resetState);
+    }
+    const currentState = {
+      crop: cropperState.croppedArea,
+      zoom: cropperState.zoom,
+      rotation: (0, import_utils.normalizeRotation)(cropperState.rotation),
+      aspectRatio: cropperState.aspectRatio,
+      flip: cropperState.flip
+    };
+    return false === (0, import_dequal.dequal)(currentState, DEFAULT_INITIAL_STATE);
+  }, [cropperState, resetState]);
+  const getCroppedImage = (0, import_element.useCallback)(
+    async (src) => {
+      if (!cropperState.croppedAreaPixels) {
+        return null;
+      }
+      return (0, import_utils.getCroppedImage)(
+        src,
+        cropperState.croppedAreaPixels,
+        cropperState.rotation,
+        cropperState.flip
+      );
+    },
+    [
+      cropperState.croppedAreaPixels,
+      cropperState.rotation,
+      cropperState.flip
+    ]
+  );
+  return (0, import_element.useMemo)(
+    () => ({
+      cropperState,
+      setCropperState,
+      resetState,
+      setResetState,
+      isDirty,
+      reset,
+      getCroppedImage
+    }),
+    [
+      cropperState,
+      setCropperState,
+      resetState,
+      setResetState,
+      isDirty,
+      reset,
+      getCroppedImage
+    ]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_INITIAL_STATE
+});
+//# sourceMappingURL=use-image-cropper.js.map

package/build/provider/use-image-cropper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/provider/use-image-cropper.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { dequal } from 'dequal';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useState, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { Point, ImageCropperState, CropperState } from '../types';\nimport { MIN_ZOOM } from '../constants';\nimport {\n\tgetCroppedImage as getCroppedImageUtil,\n\tnormalizeRotation,\n} from '../utils';\n\nexport const DEFAULT_INITIAL_STATE: Required< ImageCropperState > = {\n\tcrop: {\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: 100,\n\t\theight: 100,\n\t},\n\tzoom: MIN_ZOOM,\n\trotation: 0,\n\taspectRatio: 1,\n\tflip: {\n\t\thorizontal: false,\n\t\tvertical: false,\n\t},\n};\n\nconst DEFAULT_CROP_MEDIA_POSITION: Point = {\n\tx: 0,\n\ty: 0,\n};\n\nconst DEFAULT_CROPPER_STATE: CropperState = {\n\tcrop: DEFAULT_CROP_MEDIA_POSITION,\n\tcroppedArea: DEFAULT_INITIAL_STATE.crop,\n\tcroppedAreaPixels: null,\n\tzoom: DEFAULT_INITIAL_STATE.zoom,\n\trotation: DEFAULT_INITIAL_STATE.rotation,\n\tflip: DEFAULT_INITIAL_STATE.flip,\n\taspectRatio: DEFAULT_INITIAL_STATE.aspectRatio,\n\tmediaSize: null,\n};\n\nexport default function useCropper() {\n\tconst [ cropperState, setInternalCropperState ] = useState< CropperState >(\n\t\tDEFAULT_CROPPER_STATE\n\t);\n\tconst [ resetState, setInternalResetState ] =\n\t\tuseState< ImageCropperState | null >( null );\n\n\t// Unified setter that supports both partial updates and function updates\n\tconst setCropperState = useCallback(\n\t\t(\n\t\t\tnewState:\n\t\t\t\t| Partial< CropperState >\n\t\t\t\t| ( ( prev: CropperState ) => Partial< CropperState > )\n\t\t) => {\n\t\t\tsetInternalCropperState( ( prev ) => {\n\t\t\t\tconst updates =\n\t\t\t\t\ttypeof newState === 'function'\n\t\t\t\t\t\t? newState( prev )\n\t\t\t\t\t\t: newState;\n\n\t\t\t\t// Apply normalization to rotation if it's being updated\n\t\t\t\tconst normalizedUpdates = { ...updates };\n\t\t\t\tif (\n\t\t\t\t\t'rotation' in normalizedUpdates &&\n\t\t\t\t\tnormalizedUpdates.rotation !== undefined\n\t\t\t\t) {\n\t\t\t\t\tnormalizedUpdates.rotation = normalizeRotation(\n\t\t\t\t\t\tnormalizedUpdates.rotation\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn { ...prev, ...normalizedUpdates };\n\t\t\t} );\n\t\t},\n\t\t[]\n\t);\n\n\tconst setResetState = useCallback(\n\t\t( newResetState: Partial< ImageCropperState > | null = null ) => {\n\t\t\t// If null, wipe the reset state and reset the cropper state to the default state.\n\t\t\tif ( ! newResetState ) {\n\t\t\t\tsetInternalResetState( null );\n\t\t\t\tsetCropperState( DEFAULT_CROPPER_STATE );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( typeof newResetState === 'object' ) {\n\t\t\t\tconst initialState = {\n\t\t\t\t\t...DEFAULT_INITIAL_STATE,\n\t\t\t\t\t...newResetState,\n\t\t\t\t};\n\t\t\t\tsetInternalResetState( initialState );\n\t\t\t\tsetCropperState( initialState );\n\t\t\t}\n\t\t},\n\t\t[ setCropperState, setInternalResetState ]\n\t);\n\n\t/*\n\t * Resets the cropper state.\n\t */\n\tconst reset = useCallback( () => {\n\t\tif ( resetState ) {\n\t\t\t// Convert ImageCropperState to CropperState updates\n\t\t\tconst resetUpdates: Partial< CropperState > = {\n\t\t\t\t// Reset media position to center\n\t\t\t\tcrop: { x: 0, y: 0 },\n\t\t\t\t// Reset cropped area pixels (will be recalculated)\n\t\t\t\tcroppedAreaPixels: null,\n\t\t\t};\n\n\t\t\t// Set the cropped area from resetState (this is the target crop area)\n\t\t\tif ( resetState.crop ) {\n\t\t\t\tresetUpdates.croppedArea = resetState.crop;\n\t\t\t}\n\t\t\tif ( resetState.zoom !== undefined ) {\n\t\t\t\tresetUpdates.zoom = resetState.zoom;\n\t\t\t}\n\t\t\tif ( resetState.rotation !== undefined ) {\n\t\t\t\tresetUpdates.rotation = resetState.rotation;\n\t\t\t}\n\t\t\tif ( resetState.aspectRatio !== undefined ) {\n\t\t\t\tresetUpdates.aspectRatio = resetState.aspectRatio;\n\t\t\t}\n\t\t\tif ( resetState.flip !== undefined ) {\n\t\t\t\tresetUpdates.flip = resetState.flip;\n\t\t\t}\n\n\t\t\tsetCropperState( resetUpdates );\n\t\t} else {\n\t\t\tsetCropperState( { ...DEFAULT_CROPPER_STATE } );\n\t\t}\n\t}, [ resetState, setCropperState ] );\n\n\t/*\n\t * Returns true if the cropper state is dirty.\n\t * Compare against reset state if available, otherwise against default state.\n\t */\n\tconst isDirty = useMemo( () => {\n\t\tif ( resetState ) {\n\t\t\t// Compare the relevant cropper properties against reset state\n\t\t\tconst currentState = {\n\t\t\t\tcrop:\n\t\t\t\t\tcropperState.croppedAreaPixels || cropperState.croppedArea,\n\t\t\t\tzoom: cropperState.zoom,\n\t\t\t\trotation: normalizeRotation( cropperState.rotation ),\n\t\t\t\taspectRatio: cropperState.aspectRatio,\n\t\t\t\tflip: cropperState.flip,\n\t\t\t};\n\t\t\treturn false === dequal( currentState, resetState );\n\t\t}\n\n\t\t// Compare against default state using percentage values\n\t\tconst currentState = {\n\t\t\tcrop: cropperState.croppedArea,\n\t\t\tzoom: cropperState.zoom,\n\t\t\trotation: normalizeRotation( cropperState.rotation ),\n\t\t\taspectRatio: cropperState.aspectRatio,\n\t\t\tflip: cropperState.flip,\n\t\t};\n\t\treturn false === dequal( currentState, DEFAULT_INITIAL_STATE );\n\t}, [ cropperState, resetState ] );\n\n\t/**\n\t * Returns the cropped image.\n\t *\n\t * @param {string} src - The source of the image to crop.\n\t * @return {Promise<string | null>} A promise that resolves to the cropped image.\n\t */\n\tconst getCroppedImage = useCallback(\n\t\tasync ( src: string ) => {\n\t\t\tif ( ! cropperState.croppedAreaPixels ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn getCroppedImageUtil(\n\t\t\t\tsrc,\n\t\t\t\tcropperState.croppedAreaPixels,\n\t\t\t\tcropperState.rotation,\n\t\t\t\tcropperState.flip\n\t\t\t);\n\t\t},\n\t\t[\n\t\t\tcropperState.croppedAreaPixels,\n\t\t\tcropperState.rotation,\n\t\t\tcropperState.flip,\n\t\t]\n\t);\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tcropperState,\n\t\t\tsetCropperState,\n\t\t\tresetState,\n\t\t\tsetResetState,\n\t\t\tisDirty,\n\t\t\treset,\n\t\t\tgetCroppedImage,\n\t\t} ),\n\t\t[\n\t\t\tcropperState,\n\t\t\tsetCropperState,\n\t\t\tresetState,\n\t\t\tsetResetState,\n\t\t\tisDirty,\n\t\t\treset,\n\t\t\tgetCroppedImage,\n\t\t]\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["currentState", "getCroppedImageUtil"]
+}

package/build/types.js

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/image-cropper/src/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/types.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { Point, Area, MediaSize } from 'react-easy-crop';\n\n// Re-export types for convenience.\nexport type { Point, Area, MediaSize };\n\nexport type Flip = {\n\thorizontal: boolean;\n\tvertical: boolean;\n};\n\nexport interface ImageCropperState {\n\trotation?: number;\n\tcrop?: Area;\n\tzoom?: number;\n\tflip?: Flip;\n\taspectRatio?: number;\n}\n\nexport interface CropperState {\n\tcrop: Point;\n\tcroppedArea?: Area;\n\tcroppedAreaPixels?: Area | null;\n\tzoom: number;\n\trotation: number;\n\tflip: Flip;\n\taspectRatio: number;\n\tmediaSize: MediaSize | null;\n}\n\nexport interface ImageCropperProps {\n\tsrc: string;\n\tonLoad?: ( mediaSize: MediaSize ) => void;\n\tminZoom?: number;\n\tmaxZoom?: number;\n}\n\nexport interface ImageCropperContextValue {\n\tcropperState: CropperState;\n\tsetCropperState: (\n\t\tnewState:\n\t\t\t| Partial< CropperState >\n\t\t\t| ( ( prev: CropperState ) => Partial< CropperState > )\n\t) => void;\n\tresetState: ImageCropperState | null;\n\tsetResetState: (\n\t\tnewResetState: Partial< ImageCropperState > | null\n\t) => void;\n\tisDirty: boolean;\n\treset: () => void;\n\tgetCroppedImage: ( src: string ) => Promise< string | null >;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/build/utils.js

@@ -0,0 +1,107 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/image-cropper/src/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  createImage: () => createImage,
+  getCroppedImage: () => getCroppedImage,
+  getRadianAngle: () => getRadianAngle,
+  normalizeRotation: () => normalizeRotation,
+  rotateSize: () => rotateSize
+});
+module.exports = __toCommonJS(utils_exports);
+var normalizeRotation = (rotation) => {
+  if (rotation >= 0) {
+    return rotation % 360;
+  }
+  return (360 + rotation % 360) % 360;
+};
+var createImage = (url) => new Promise((resolve, reject) => {
+  const image = new Image();
+  image.addEventListener("load", () => resolve(image));
+  image.addEventListener("error", (error) => reject(error));
+  image.setAttribute("crossOrigin", "anonymous");
+  image.src = url;
+});
+function getRadianAngle(degreeValue) {
+  return degreeValue * Math.PI / 180;
+}
+function rotateSize(width, height, rotation) {
+  const rotRad = getRadianAngle(rotation);
+  return {
+    width: Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height),
+    height: Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height)
+  };
+}
+async function getCroppedImage(imageSrc, pixelCrop, rotation = 0, flip = { horizontal: false, vertical: false }) {
+  try {
+    const image = await createImage(imageSrc);
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      return null;
+    }
+    const rotRad = getRadianAngle(rotation);
+    const { width: boundingBoxWidth, height: boundingBoxHeight } = rotateSize(image.width, image.height, rotation);
+    canvas.width = boundingBoxWidth;
+    canvas.height = boundingBoxHeight;
+    ctx.translate(boundingBoxWidth / 2, boundingBoxHeight / 2);
+    ctx.rotate(rotRad);
+    ctx.scale(flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1);
+    ctx.translate(-image.width / 2, -image.height / 2);
+    ctx.drawImage(image, 0, 0);
+    const croppedCanvas = document.createElement("canvas");
+    const croppedCtx = croppedCanvas.getContext("2d");
+    if (!croppedCtx) {
+      return null;
+    }
+    croppedCanvas.width = pixelCrop.width;
+    croppedCanvas.height = pixelCrop.height;
+    croppedCtx.drawImage(
+      canvas,
+      pixelCrop.x,
+      pixelCrop.y,
+      pixelCrop.width,
+      pixelCrop.height,
+      0,
+      0,
+      pixelCrop.width,
+      pixelCrop.height
+    );
+    return new Promise((resolve) => {
+      croppedCanvas.toBlob((file) => {
+        if (file) {
+          resolve(URL.createObjectURL(file));
+        }
+      }, "image/jpeg");
+    });
+  } catch {
+    return null;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createImage,
+  getCroppedImage,
+  getRadianAngle,
+  normalizeRotation,
+  rotateSize
+});
+//# sourceMappingURL=utils.js.map

package/build/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utils.ts"],
+  "sourcesContent": ["/**\n * Normalizes a rotation value to be within the range of 0-360 degrees.\n * So a rotation of -90 becomes 270, -45 becomes 315, etc.\n * This is required because the `/media/edit` calculates the rotation value\n * by subtracting the rotation value from 0. ImageMagick rotates clockwise only and will subtract the rotation value from 360.\n * It's utterly confusing, and probably in need of a refactor.\n *\n * @param {number} rotation - The rotation value to normalize.\n * @return {number} The normalized rotation value.\n */\nexport const normalizeRotation = ( rotation: number ) => {\n\tif ( rotation >= 0 ) {\n\t\treturn rotation % 360;\n\t}\n\n\t// For negative rotations, convert to positive clockwise equivalent\n\treturn ( 360 + ( rotation % 360 ) ) % 360;\n};\n\n/**\n * Creates an image from a URL.\n *\n * @param {string} url - The URL of the image to create.\n * @return {Promise<HTMLImageElement>} A promise that resolves to the image.\n */\nexport const createImage = ( url: string ) =>\n\tnew Promise( ( resolve, reject ) => {\n\t\tconst image = new Image();\n\t\timage.addEventListener( 'load', () => resolve( image ) );\n\t\timage.addEventListener( 'error', ( error ) => reject( error ) );\n\t\timage.setAttribute( 'crossOrigin', 'anonymous' );\n\t\timage.src = url;\n\t} );\n\n/**\n * Converts a degree value to a radian value.\n *\n * @param {number} degreeValue - The degree value to convert.\n * @return {number} The radian value.\n */\nexport function getRadianAngle( degreeValue: number ) {\n\treturn ( degreeValue * Math.PI ) / 180;\n}\n\n/**\n * Returns the new bounding area of a rotated rectangle.\n *\n * @param {number} width    - The width of the rectangle.\n * @param {number} height   - The height of the rectangle.\n * @param {number} rotation - The rotation of the rectangle.\n * @return {Object} The new bounding area of the rotated rectangle.\n */\nexport function rotateSize( width: number, height: number, rotation: number ) {\n\tconst rotRad = getRadianAngle( rotation );\n\n\treturn {\n\t\twidth:\n\t\t\tMath.abs( Math.cos( rotRad ) * width ) +\n\t\t\tMath.abs( Math.sin( rotRad ) * height ),\n\t\theight:\n\t\t\tMath.abs( Math.sin( rotRad ) * width ) +\n\t\t\tMath.abs( Math.cos( rotRad ) * height ),\n\t};\n}\n\n/**\n * Crops an image to a given area.\n *\n * @param {string} imageSrc         - The source of the image to crop.\n * @param {Object} pixelCrop        - The area to crop.\n * @param          pixelCrop.x\n * @param          pixelCrop.y\n * @param          pixelCrop.width\n * @param          pixelCrop.height\n * @param {number} rotation         - The rotation of the image.\n * @param {Object} flip             - The flip of the image.\n * @return {Promise<string | null>} A promise that resolves to the cropped image.\n */\nexport async function getCroppedImage(\n\timageSrc: string,\n\tpixelCrop: { x: number; y: number; width: number; height: number },\n\trotation = 0,\n\tflip = { horizontal: false, vertical: false }\n): Promise< string | null > {\n\ttry {\n\t\tconst image = ( await createImage( imageSrc ) ) as HTMLImageElement;\n\t\tconst canvas = document.createElement( 'canvas' );\n\t\tconst ctx = canvas.getContext( '2d' );\n\n\t\tif ( ! ctx ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Calculate the rotation angle in radians.\n\t\tconst rotRad = getRadianAngle( rotation );\n\n\t\tconst { width: boundingBoxWidth, height: boundingBoxHeight } =\n\t\t\trotateSize( image.width, image.height, rotation );\n\n\t\t// Set canvas size to match the bounding box.\n\t\tcanvas.width = boundingBoxWidth;\n\t\tcanvas.height = boundingBoxHeight;\n\n\t\t// Translate and draw canvas context to a central location to allow rotating and flipping around the center.\n\t\tctx.translate( boundingBoxWidth / 2, boundingBoxHeight / 2 );\n\t\tctx.rotate( rotRad );\n\t\tctx.scale( flip.horizontal ? -1 : 1, flip.vertical ? -1 : 1 );\n\t\tctx.translate( -image.width / 2, -image.height / 2 );\n\t\tctx.drawImage( image, 0, 0 );\n\n\t\tconst croppedCanvas = document.createElement( 'canvas' );\n\t\tconst croppedCtx = croppedCanvas.getContext( '2d' );\n\n\t\tif ( ! croppedCtx ) {\n\t\t\treturn null;\n\t\t}\n\n\t\t// Set the size of the cropped canvas.\n\t\tcroppedCanvas.width = pixelCrop.width;\n\t\tcroppedCanvas.height = pixelCrop.height;\n\n\t\t// Draw the cropped image onto the new canvas.\n\t\tcroppedCtx.drawImage(\n\t\t\tcanvas,\n\t\t\tpixelCrop.x,\n\t\t\tpixelCrop.y,\n\t\t\tpixelCrop.width,\n\t\t\tpixelCrop.height,\n\t\t\t0,\n\t\t\t0,\n\t\t\tpixelCrop.width,\n\t\t\tpixelCrop.height\n\t\t);\n\n\t\t// Return as a blob.\n\t\treturn new Promise( ( resolve ) => {\n\t\t\tcroppedCanvas.toBlob( ( file ) => {\n\t\t\t\tif ( file ) {\n\t\t\t\t\tresolve( URL.createObjectURL( file ) );\n\t\t\t\t}\n\t\t\t}, 'image/jpeg' );\n\t\t} );\n\t} catch {\n\t\treturn null;\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,IAAM,oBAAoB,CAAE,aAAsB;AACxD,MAAK,YAAY,GAAI;AACpB,WAAO,WAAW;AAAA,EACnB;AAGA,UAAS,MAAQ,WAAW,OAAU;AACvC;AAQO,IAAM,cAAc,CAAE,QAC5B,IAAI,QAAS,CAAE,SAAS,WAAY;AACnC,QAAM,QAAQ,IAAI,MAAM;AACxB,QAAM,iBAAkB,QAAQ,MAAM,QAAS,KAAM,CAAE;AACvD,QAAM,iBAAkB,SAAS,CAAE,UAAW,OAAQ,KAAM,CAAE;AAC9D,QAAM,aAAc,eAAe,WAAY;AAC/C,QAAM,MAAM;AACb,CAAE;AAQI,SAAS,eAAgB,aAAsB;AACrD,SAAS,cAAc,KAAK,KAAO;AACpC;AAUO,SAAS,WAAY,OAAe,QAAgB,UAAmB;AAC7E,QAAM,SAAS,eAAgB,QAAS;AAExC,SAAO;AAAA,IACN,OACC,KAAK,IAAK,KAAK,IAAK,MAAO,IAAI,KAAM,IACrC,KAAK,IAAK,KAAK,IAAK,MAAO,IAAI,MAAO;AAAA,IACvC,QACC,KAAK,IAAK,KAAK,IAAK,MAAO,IAAI,KAAM,IACrC,KAAK,IAAK,KAAK,IAAK,MAAO,IAAI,MAAO;AAAA,EACxC;AACD;AAeA,eAAsB,gBACrB,UACA,WACA,WAAW,GACX,OAAO,EAAE,YAAY,OAAO,UAAU,MAAM,GACjB;AAC3B,MAAI;AACH,UAAM,QAAU,MAAM,YAAa,QAAS;AAC5C,UAAM,SAAS,SAAS,cAAe,QAAS;AAChD,UAAM,MAAM,OAAO,WAAY,IAAK;AAEpC,QAAK,CAAE,KAAM;AACZ,aAAO;AAAA,IACR;AAGA,UAAM,SAAS,eAAgB,QAAS;AAExC,UAAM,EAAE,OAAO,kBAAkB,QAAQ,kBAAkB,IAC1D,WAAY,MAAM,OAAO,MAAM,QAAQ,QAAS;AAGjD,WAAO,QAAQ;AACf,WAAO,SAAS;AAGhB,QAAI,UAAW,mBAAmB,GAAG,oBAAoB,CAAE;AAC3D,QAAI,OAAQ,MAAO;AACnB,QAAI,MAAO,KAAK,aAAa,KAAK,GAAG,KAAK,WAAW,KAAK,CAAE;AAC5D,QAAI,UAAW,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAM,SAAS,CAAE;AACnD,QAAI,UAAW,OAAO,GAAG,CAAE;AAE3B,UAAM,gBAAgB,SAAS,cAAe,QAAS;AACvD,UAAM,aAAa,cAAc,WAAY,IAAK;AAElD,QAAK,CAAE,YAAa;AACnB,aAAO;AAAA,IACR;AAGA,kBAAc,QAAQ,UAAU;AAChC,kBAAc,SAAS,UAAU;AAGjC,eAAW;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,IACX;AAGA,WAAO,IAAI,QAAS,CAAE,YAAa;AAClC,oBAAc,OAAQ,CAAE,SAAU;AACjC,YAAK,MAAO;AACX,kBAAS,IAAI,gBAAiB,IAAK,CAAE;AAAA,QACtC;AAAA,MACD,GAAG,YAAa;AAAA,IACjB,CAAE;AAAA,EACH,QAAQ;AACP,WAAO;AAAA,EACR;AACD;",
+  "names": []
+}

package/build-module/components/image-cropper/index.js

@@ -0,0 +1,66 @@
+// packages/image-cropper/src/components/image-cropper/index.tsx
+import Cropper from "react-easy-crop";
+import { useCallback } from "@wordpress/element";
+import { useImageCropper } from "../../provider";
+import { MIN_ZOOM, MAX_ZOOM } from "../../constants";
+import { jsx } from "react/jsx-runtime";
+function ImageCropper({
+  src,
+  onLoad,
+  minZoom = MIN_ZOOM,
+  maxZoom = MAX_ZOOM,
+  ...props
+}) {
+  const { cropperState, setCropperState } = useImageCropper();
+  const { crop, zoom, rotation, aspectRatio, flip } = cropperState;
+  const setCrop = (newCrop) => setCropperState({ crop: newCrop });
+  const setZoom = (newZoom) => setCropperState({ zoom: newZoom });
+  const setRotation = (newRotation) => setCropperState({ rotation: newRotation });
+  const setMediaSize = (newMediaSize) => setCropperState({ mediaSize: newMediaSize });
+  const onCropComplete = useCallback(
+    (areaPercentage, areaPixels) => {
+      setCropperState({
+        croppedArea: areaPercentage,
+        croppedAreaPixels: areaPixels
+      });
+    },
+    [setCropperState]
+  );
+  return /* @__PURE__ */ jsx(
+    Cropper,
+    {
+      classes: {
+        containerClassName: "image-cropper__container",
+        cropAreaClassName: "image-cropper__crop-area",
+        mediaClassName: "image-cropper__image"
+      },
+      minZoom,
+      maxZoom,
+      rotation,
+      image: src,
+      setMediaSize,
+      crop,
+      zoom,
+      aspect: aspectRatio,
+      onCropChange: setCrop,
+      onZoomChange: setZoom,
+      onCropComplete,
+      onMediaLoaded: (loadedMediaSize) => {
+        onLoad?.(loadedMediaSize);
+      },
+      onRotationChange: setRotation,
+      transform: [
+        `translate(${crop.x}px, ${crop.y}px)`,
+        `rotateZ(${rotation}deg)`,
+        `rotateY(${flip.horizontal ? 180 : 0}deg)`,
+        `rotateX(${flip.vertical ? 180 : 0}deg)`,
+        `scale(${zoom})`
+      ].join(" "),
+      ...props
+    }
+  );
+}
+export {
+  ImageCropper as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/image-cropper/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/image-cropper/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport Cropper from 'react-easy-crop';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useImageCropper } from '../../provider';\nimport type { Area, ImageCropperProps, MediaSize, Point } from '../../types';\nimport { MIN_ZOOM, MAX_ZOOM } from '../../constants';\n\nexport default function ImageCropper( {\n\tsrc,\n\tonLoad,\n\tminZoom = MIN_ZOOM,\n\tmaxZoom = MAX_ZOOM,\n\t...props\n}: ImageCropperProps ) {\n\tconst { cropperState, setCropperState } = useImageCropper();\n\tconst { crop, zoom, rotation, aspectRatio, flip } = cropperState;\n\n\tconst setCrop = ( newCrop: Point ) => setCropperState( { crop: newCrop } );\n\tconst setZoom = ( newZoom: number ) => setCropperState( { zoom: newZoom } );\n\tconst setRotation = ( newRotation: number ) =>\n\t\tsetCropperState( { rotation: newRotation } );\n\tconst setMediaSize = ( newMediaSize: MediaSize ) =>\n\t\tsetCropperState( { mediaSize: newMediaSize } );\n\n\t/**\n\t * Handles the crop complete event, when a user stops interacting with the cropper.\n\t * Updates the cropped area in percentages and pixels.\n\t *\n\t * @param {Area} areaPercentage - The area percentage.\n\t * @param {Area} areaPixels     - The area pixels.\n\t */\n\tconst onCropComplete = useCallback(\n\t\t( areaPercentage: Area, areaPixels: Area ) => {\n\t\t\tsetCropperState( {\n\t\t\t\tcroppedArea: areaPercentage,\n\t\t\t\tcroppedAreaPixels: areaPixels,\n\t\t\t} );\n\t\t},\n\t\t[ setCropperState ]\n\t);\n\n\treturn (\n\t\t<Cropper\n\t\t\tclasses={ {\n\t\t\t\tcontainerClassName: 'image-cropper__container',\n\t\t\t\tcropAreaClassName: 'image-cropper__crop-area',\n\t\t\t\tmediaClassName: 'image-cropper__image',\n\t\t\t} }\n\t\t\tminZoom={ minZoom }\n\t\t\tmaxZoom={ maxZoom }\n\t\t\trotation={ rotation }\n\t\t\timage={ src }\n\t\t\tsetMediaSize={ setMediaSize }\n\t\t\tcrop={ crop }\n\t\t\tzoom={ zoom }\n\t\t\taspect={ aspectRatio }\n\t\t\tonCropChange={ setCrop }\n\t\t\tonZoomChange={ setZoom }\n\t\t\tonCropComplete={ onCropComplete }\n\t\t\tonMediaLoaded={ ( loadedMediaSize: MediaSize ) => {\n\t\t\t\tonLoad?.( loadedMediaSize );\n\t\t\t} }\n\t\t\tonRotationChange={ setRotation }\n\t\t\ttransform={ [\n\t\t\t\t`translate(${ crop.x }px, ${ crop.y }px)`,\n\t\t\t\t`rotateZ(${ rotation }deg)`,\n\t\t\t\t`rotateY(${ flip.horizontal ? 180 : 0 }deg)`,\n\t\t\t\t`rotateX(${ flip.vertical ? 180 : 0 }deg)`,\n\t\t\t\t`scale(${ zoom })`,\n\t\t\t].join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],
+  "mappings": ";AAGA,OAAO,aAAa;AAKpB,SAAS,mBAAmB;AAK5B,SAAS,uBAAuB;AAEhC,SAAS,UAAU,gBAAgB;AAqCjC;AAnCa,SAAR,aAA+B;AAAA,EACrC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,GAAG;AACJ,GAAuB;AACtB,QAAM,EAAE,cAAc,gBAAgB,IAAI,gBAAgB;AAC1D,QAAM,EAAE,MAAM,MAAM,UAAU,aAAa,KAAK,IAAI;AAEpD,QAAM,UAAU,CAAE,YAAoB,gBAAiB,EAAE,MAAM,QAAQ,CAAE;AACzE,QAAM,UAAU,CAAE,YAAqB,gBAAiB,EAAE,MAAM,QAAQ,CAAE;AAC1E,QAAM,cAAc,CAAE,gBACrB,gBAAiB,EAAE,UAAU,YAAY,CAAE;AAC5C,QAAM,eAAe,CAAE,iBACtB,gBAAiB,EAAE,WAAW,aAAa,CAAE;AAS9C,QAAM,iBAAiB;AAAA,IACtB,CAAE,gBAAsB,eAAsB;AAC7C,sBAAiB;AAAA,QAChB,aAAa;AAAA,QACb,mBAAmB;AAAA,MACpB,CAAE;AAAA,IACH;AAAA,IACA,CAAE,eAAgB;AAAA,EACnB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU;AAAA,QACT,oBAAoB;AAAA,QACpB,mBAAmB;AAAA,QACnB,gBAAgB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAS;AAAA,MACT,cAAe;AAAA,MACf,cAAe;AAAA,MACf;AAAA,MACA,eAAgB,CAAE,oBAAgC;AACjD,iBAAU,eAAgB;AAAA,MAC3B;AAAA,MACA,kBAAmB;AAAA,MACnB,WAAY;AAAA,QACX,aAAc,KAAK,CAAE,OAAQ,KAAK,CAAE;AAAA,QACpC,WAAY,QAAS;AAAA,QACrB,WAAY,KAAK,aAAa,MAAM,CAAE;AAAA,QACtC,WAAY,KAAK,WAAW,MAAM,CAAE;AAAA,QACpC,SAAU,IAAK;AAAA,MAChB,EAAE,KAAM,GAAI;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEF;",
+  "names": []
+}

package/build-module/constants.js

@@ -0,0 +1,10 @@
+// packages/image-cropper/src/constants.ts
+var MIN_ZOOM = 1;
+var MAX_ZOOM = 5;
+var DEFAULT_ASPECT_RATIO_SLUG = "original";
+export {
+  DEFAULT_ASPECT_RATIO_SLUG,
+  MAX_ZOOM,
+  MIN_ZOOM
+};
+//# sourceMappingURL=constants.js.map

package/build-module/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/constants.ts"],
+  "sourcesContent": ["export const MIN_ZOOM = 1;\nexport const MAX_ZOOM = 5;\nexport const DEFAULT_ASPECT_RATIO_SLUG = 'original';\n"],
+  "mappings": ";AAAO,IAAM,WAAW;AACjB,IAAM,WAAW;AACjB,IAAM,4BAA4B;",
+  "names": []
+}

package/build-module/index.js

@@ -0,0 +1,12 @@
+// packages/image-cropper/src/index.ts
+import { default as default2 } from "./components/image-cropper";
+import { useImageCropper, default as default3 } from "./provider";
+export * from "./types";
+import { normalizeRotation } from "./utils";
+export {
+  default2 as ImageCropper,
+  default3 as ImageCropperProvider,
+  normalizeRotation,
+  useImageCropper
+};
+//# sourceMappingURL=index.js.map

package/build-module/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["export { default as ImageCropper } from './components/image-cropper';\nexport { useImageCropper, default as ImageCropperProvider } from './provider';\nexport * from './types';\nexport { normalizeRotation } from './utils';\n"],
+  "mappings": ";AAAA,SAAoB,WAAXA,gBAA+B;AACxC,SAAS,iBAA4B,WAAXA,gBAAuC;AACjE,cAAc;AACd,SAAS,yBAAyB;",
+  "names": ["default"]
+}

package/build-module/provider/index.js

@@ -0,0 +1,50 @@
+// packages/image-cropper/src/provider/index.tsx
+import { createContext, useContext, useMemo } from "@wordpress/element";
+import useCropper from "./use-image-cropper";
+import { MIN_ZOOM } from "../constants";
+import { jsx } from "react/jsx-runtime";
+var ImageCropperContext = createContext({
+  cropperState: {
+    crop: { x: 0, y: 0 },
+    croppedArea: { x: 0, y: 0, width: 100, height: 100 },
+    croppedAreaPixels: null,
+    zoom: MIN_ZOOM,
+    rotation: 0,
+    aspectRatio: 1,
+    flip: { horizontal: false, vertical: false },
+    mediaSize: null
+  },
+  setCropperState: () => {
+  },
+  resetState: null,
+  setResetState: () => {
+  },
+  isDirty: false,
+  reset: () => {
+  },
+  getCroppedImage: () => Promise.resolve(null)
+});
+function ImageCropperProvider({
+  children
+}) {
+  const cropperApi = useCropper();
+  const contextValue = useMemo(() => {
+    return {
+      ...cropperApi
+    };
+  }, [cropperApi]);
+  return /* @__PURE__ */ jsx(ImageCropperContext.Provider, { value: contextValue, children });
+}
+var useImageCropper = () => {
+  const context = useContext(ImageCropperContext);
+  if (!context) {
+    throw new Error("Missing ImageCropperContext");
+  }
+  return context;
+};
+export {
+  ImageCropperContext,
+  ImageCropperProvider as default,
+  useImageCropper
+};
+//# sourceMappingURL=index.js.map

package/build-module/provider/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/provider/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useCropper from './use-image-cropper';\nimport type { ImageCropperContextValue } from '../types';\nimport { MIN_ZOOM } from '../constants';\n\nexport const ImageCropperContext = createContext< ImageCropperContextValue >( {\n\tcropperState: {\n\t\tcrop: { x: 0, y: 0 },\n\t\tcroppedArea: { x: 0, y: 0, width: 100, height: 100 },\n\t\tcroppedAreaPixels: null,\n\t\tzoom: MIN_ZOOM,\n\t\trotation: 0,\n\t\taspectRatio: 1,\n\t\tflip: { horizontal: false, vertical: false },\n\t\tmediaSize: null,\n\t},\n\tsetCropperState: () => {},\n\tresetState: null,\n\tsetResetState: () => {},\n\tisDirty: false,\n\treset: () => {},\n\tgetCroppedImage: () => Promise.resolve( null ),\n} );\n\nexport default function ImageCropperProvider( {\n\tchildren,\n}: {\n\tchildren: React.ReactNode;\n} ) {\n\tconst cropperApi = useCropper();\n\tconst contextValue = useMemo( () => {\n\t\treturn {\n\t\t\t...cropperApi,\n\t\t};\n\t}, [ cropperApi ] );\n\n\treturn (\n\t\t<ImageCropperContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</ImageCropperContext.Provider>\n\t);\n}\n\nexport const useImageCropper = () => {\n\tconst context = useContext( ImageCropperContext );\n\tif ( ! context ) {\n\t\tthrow new Error( 'Missing ImageCropperContext' );\n\t}\n\treturn context;\n};\n"],
+  "mappings": ";AAGA,SAAS,eAAe,YAAY,eAAe;AAKnD,OAAO,gBAAgB;AAEvB,SAAS,gBAAgB;AAkCvB;AAhCK,IAAM,sBAAsB,cAA2C;AAAA,EAC7E,cAAc;AAAA,IACb,MAAM,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,IACnB,aAAa,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,KAAK,QAAQ,IAAI;AAAA,IACnD,mBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,MAAM,EAAE,YAAY,OAAO,UAAU,MAAM;AAAA,IAC3C,WAAW;AAAA,EACZ;AAAA,EACA,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,YAAY;AAAA,EACZ,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,SAAS;AAAA,EACT,OAAO,MAAM;AAAA,EAAC;AAAA,EACd,iBAAiB,MAAM,QAAQ,QAAS,IAAK;AAC9C,CAAE;AAEa,SAAR,qBAAuC;AAAA,EAC7C;AACD,GAEI;AACH,QAAM,aAAa,WAAW;AAC9B,QAAM,eAAe,QAAS,MAAM;AACnC,WAAO;AAAA,MACN,GAAG;AAAA,IACJ;AAAA,EACD,GAAG,CAAE,UAAW,CAAE;AAElB,SACC,oBAAC,oBAAoB,UAApB,EAA6B,OAAQ,cACnC,UACH;AAEF;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,UAAU,WAAY,mBAAoB;AAChD,MAAK,CAAE,SAAU;AAChB,UAAM,IAAI,MAAO,6BAA8B;AAAA,EAChD;AACA,SAAO;AACR;",
+  "names": []
+}