@atlaskit/media-avatar-picker 27.1.3 → 28.0.0

package/dist/esm/image-placer/index.js

@@ -258,15 +258,15 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
     value: (function () {
       var _UNSAFE_componentWillReceiveProps = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(nextProps) {
         var imageSourceRect, state, props, zoom, currentUseConstraints, currentContainerWidth, currentContainerHeight, currentMargin, currentSrc, nextZoom, nextUseConstraints, nextContainerWidth, nextContainerHeight, nextMargin, nextSrc, nextOnImageActions, isZoomChange, isUseConstraintsChange, isContainerWidthChange, isContainerHeightChange, isMarginChange, isImageAction, zoomReset, fileInfo;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!fg('platform_media_package_react19_lifecycle_fix')) {
-                _context.next = 2;
+                _context.next = 1;
                 break;
               }
               return _context.abrupt("return");
-            case 2:
+            case 1:
               imageSourceRect = this.imageSourceRect, state = this.state, props = this.props;
               zoom = state.zoom;
               currentUseConstraints = props.useConstraints, currentContainerWidth = props.containerWidth, currentContainerHeight = props.containerHeight, currentMargin = props.margin, currentSrc = props.src;
@@ -295,34 +295,34 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
                 this.updateZoomProp();
               }
               if (!(nextSrc instanceof File && nextSrc !== currentSrc)) {
-                _context.next = 20;
+                _context.next = 3;
                 break;
               }
-              _context.next = 19;
+              _context.next = 2;
               return getFileInfo(nextSrc);
-            case 19:
+            case 2:
               fileInfo = _context.sent;
-            case 20:
+            case 3:
               if (!(typeof nextSrc === 'string' && nextSrc !== currentSrc)) {
-                _context.next = 24;
+                _context.next = 5;
                 break;
               }
-              _context.next = 23;
+              _context.next = 4;
               return getFileInfoFromSrc(nextSrc);
-            case 23:
+            case 4:
               fileInfo = _context.sent;
-            case 24:
+            case 5:
               if (!fileInfo) {
-                _context.next = 27;
+                _context.next = 6;
                 break;
               }
-              _context.next = 27;
+              _context.next = 6;
               return this.preprocessFile(fileInfo);
-            case 27:
+            case 6:
               if (isImageAction) {
                 this.provideImageActions();
               }
-            case 28:
+            case 7:
             case "end":
               return _context.stop();
           }
@@ -338,15 +338,15 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
     value: function () {
       var _componentDidUpdate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(prevProps) {
         var imageSourceRect, props, nextZoom, nextUseConstraints, nextContainerWidth, nextContainerHeight, nextMargin, nextSrc, nextOnImageActions, prevZoom, prevUseConstraints, prevContainerWidth, prevContainerHeight, prevMargin, prevSrc, prevOnImageActions, isZoomChange, isUseConstraintsChange, isContainerWidthChange, isContainerHeightChange, isMarginChange, isImageActionChange, zoomReset, fileInfo;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (fg('platform_media_package_react19_lifecycle_fix')) {
-                _context2.next = 2;
+                _context2.next = 1;
                 break;
               }
               return _context2.abrupt("return");
-            case 2:
+            case 1:
               imageSourceRect = this.imageSourceRect, props = this.props;
               nextZoom = props.zoom, nextUseConstraints = props.useConstraints, nextContainerWidth = props.containerWidth, nextContainerHeight = props.containerHeight, nextMargin = props.margin, nextSrc = props.src, nextOnImageActions = props.onImageActions;
               prevZoom = prevProps.zoom, prevUseConstraints = prevProps.useConstraints, prevContainerWidth = prevProps.containerWidth, prevContainerHeight = prevProps.containerHeight, prevMargin = prevProps.margin, prevSrc = prevProps.src, prevOnImageActions = prevProps.onImageActions;
@@ -374,38 +374,38 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
                 this.updateZoomProp();
               }
               if (!(nextSrc !== prevSrc)) {
-                _context2.next = 27;
+                _context2.next = 6;
                 break;
               }
               if (!(nextSrc instanceof File)) {
-                _context2.next = 20;
+                _context2.next = 3;
                 break;
               }
-              _context2.next = 19;
+              _context2.next = 2;
               return getFileInfo(nextSrc);
-            case 19:
+            case 2:
               fileInfo = _context2.sent;
-            case 20:
+            case 3:
               if (!(typeof nextSrc === 'string')) {
-                _context2.next = 24;
+                _context2.next = 5;
                 break;
               }
-              _context2.next = 23;
+              _context2.next = 4;
               return getFileInfoFromSrc(nextSrc);
-            case 23:
+            case 4:
               fileInfo = _context2.sent;
-            case 24:
+            case 5:
               if (!fileInfo) {
-                _context2.next = 27;
+                _context2.next = 6;
                 break;
               }
-              _context2.next = 27;
+              _context2.next = 6;
               return this.preprocessFile(fileInfo);
-            case 27:
+            case 6:
               if (isImageActionChange) {
                 this.provideImageActions();
               }
-            case 28:
+            case 7:
             case "end":
               return _context2.stop();
           }
@@ -421,13 +421,13 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
     value: function () {
       var _preprocessFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(fileInfo) {
         var maxZoom, previewInfo, width, height;
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        return _regeneratorRuntime.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               maxZoom = this.props.maxZoom;
-              _context3.next = 3;
+              _context3.next = 1;
               return initialiseImagePreview(fileInfo, this.containerRect, maxZoom);
-            case 3:
+            case 1:
               previewInfo = _context3.sent;
               if (previewInfo) {
                 width = previewInfo.width, height = previewInfo.height;
@@ -439,7 +439,7 @@ export var ImagePlacer = /*#__PURE__*/function (_React$Component) {
                   errorMessage: 'Cannot load image'
                 });
               }
-            case 5:
+            case 2:
             case "end":
               return _context3.stop();
           }

package/exportCroppedImage/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/image-navigator/exportCroppedImage.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/image-navigator/exportCroppedImage.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/image-navigator/exportCroppedImage.d.ts"
 }

package/image-cropper/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/image-cropper/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/image-cropper/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/image-cropper/index.d.ts"
 }

package/image-navigator/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/image-navigator/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/image-navigator/index.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/image-navigator/index.d.ts"
 }

package/images/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/image-navigator/images.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/image-navigator/images.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/image-navigator/images.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-avatar-picker",
-	"version": "27.1.3",
+	"version": "28.0.0",
 	"description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"**/*.compiled.css"
 	],
@@ -38,20 +30,20 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/flag": "^17.11.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/icon": "^35.0.0",
-		"@atlaskit/media-ui": "^29.2.0",
-		"@atlaskit/modal-dialog": "^15.0.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/range": "^10.1.0",
-		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/visually-hidden": "^3.1.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/flag": "^18.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/icon": "^36.0.0",
+		"@atlaskit/media-ui": "^30.0.0",
+		"@atlaskit/modal-dialog": "^16.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/range": "^11.0.0",
+		"@atlaskit/spinner": "^20.0.0",
+		"@atlaskit/textfield": "^9.0.0",
+		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/visually-hidden": "^4.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"exenv": "^1.2.2",
@@ -63,15 +55,14 @@
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
-		"@atlaskit/media-core": "^37.1.0",
-		"@atlaskit/media-test-helpers": "^41.1.0",
-		"@atlassian/a11y-jest-testing": "^0.11.0",
+		"@atlaskit/media-core": "^38.0.0",
+		"@atlaskit/media-test-helpers": "^42.0.0",
+		"@atlassian/a11y-jest-testing": "^0.12.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
+		"@atlassian/testing-library": "^0.6.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
-		"@types/enzyme": "3.1.15",
 		"@types/exenv": "^1.2.0",
-		"enzyme": "^3.10.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^6.6.2"

package/slider/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/image-navigator/slider.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/image-navigator/slider.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/image-navigator/slider.d.ts"
 }

package/viewport/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/viewport/viewport.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/viewport/viewport.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/viewport/viewport.d.ts"
 }

package/dist/types-ts4.5/avatar-list/index.d.ts

@@ -1,11 +0,0 @@
-export interface Avatar {
-    dataURI: string;
-    name?: string;
-}
-export interface AvatarListProps {
-    avatars: Array<Avatar>;
-    onItemClick?: (avatar: Avatar) => void;
-    selectedAvatar?: Avatar;
-    selectAvatarLabel?: string;
-}
-export declare const AvatarList: ({ avatars, selectedAvatar, onItemClick, selectAvatarLabel, }: AvatarListProps) => JSX.Element;

package/dist/types-ts4.5/avatar-picker-dialog/SRLiveTitle.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Mode } from './types';
-type SRLiveTitleProps = {
-    mode: Mode;
-};
-export declare const SRLiveTitle: ({ mode }: SRLiveTitleProps) => React.JSX.Element;
-export {};

package/dist/types-ts4.5/avatar-picker-dialog/SubmitErrorDialog.d.ts

@@ -1 +0,0 @@
-export declare const SubmitErrorDialog: () => JSX.Element;

package/dist/types-ts4.5/avatar-picker-dialog/avatar-picker-dialog-error-boundary.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type ReactNode } from 'react';
-import { type AvatarPickerDialogProps } from './types';
-export type AvatarPickerDialogErrorBoundaryProps = AvatarPickerDialogProps & {
-    placeholder?: ReactNode;
-};
-export default function AvatarPickerDialogErrorBoundary(props: AvatarPickerDialogErrorBoundaryProps): React.JSX.Element;

package/dist/types-ts4.5/avatar-picker-dialog/avatar-picker-dialog-loader.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { type AvatarPickerDialogErrorBoundaryProps } from './avatar-picker-dialog-error-boundary';
-export type AsyncAvatarPickerDialogProps = AvatarPickerDialogErrorBoundaryProps;
-export default function AsyncAvatarPickerDialog(props: AsyncAvatarPickerDialogProps): React.JSX.Element;

package/dist/types-ts4.5/avatar-picker-dialog/custom-spinner.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CustomSpinner: () => React.JSX.Element;

package/dist/types-ts4.5/avatar-picker-dialog/index.d.ts

@@ -1,57 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { PureComponent } from 'react';
-import { type MessageDescriptor, type WrappedComponentProps } from 'react-intl';
-import { type Avatar } from '../avatar-list';
-import { type CropProperties } from '../image-navigator';
-import { type LoadParameters } from '../image-navigator/index';
-import { type AvatarPickerDialogProps, type AvatarPickerDialogState } from './types';
-export declare const MAX_SIZE_MB = 10;
-export declare const ERROR: {
-    URL: MessageDescriptor;
-    FORMAT: MessageDescriptor;
-    SIZE: MessageDescriptor;
-};
-export declare const ACCEPT: string[];
-export declare const fixedCrop: CropProperties;
-export type AvatarPickerDialogWithIntlProps = AvatarPickerDialogProps & Partial<WrappedComponentProps>;
-export declare class AvatarPickerDialog extends PureComponent<AvatarPickerDialogWithIntlProps, AvatarPickerDialogState> {
-    static defaultProps: {
-        avatars: never[];
-    };
-    moreRef: React.RefObject<HTMLButtonElement>;
-    goBackRef: React.RefObject<HTMLButtonElement>;
-    state: AvatarPickerDialogState;
-    setSelectedImageState: (selectedImage: File) => Promise<void>;
-    setSelectedAvatarState: (avatar: Avatar) => void;
-    onImageNavigatorLoad: (loadParams: LoadParameters) => void;
-    /**
-     * Initialised with no-op function.  Is assigned cropped image exporting
-     * function when internal ImageCropper mounts via this.onImageNavigatorLoad
-     */
-    exportCroppedImage: (_outputSize?: number) => string;
-    onSave: (event: React.FormEvent<HTMLFormElement>) => void;
-    onShowMore: () => void;
-    onGoBack: () => void;
-    onRemoveImage: () => void;
-    clearErrorState: () => void;
-    setErrorState: (errorMessage: string) => void;
-    onImageUploaded: () => void;
-    onImageError: (errorMessage: string) => void;
-    render(): JSX.Element;
-    footerContent: () => JSX.Element;
-    getPredefinedAvatars(): Avatar[];
-    renderPredefinedAvatarList(): JSX.Element | null;
-    initialiseAltText(): string;
-    updateAltText(altText: string): void;
-    clearAltText(): void;
-    updatePrevAltText(prevAltText: string): void;
-    clearPrevAltText(): void;
-    renderAltTextField(): JSX.Element;
-    renderBody(): JSX.Element;
-}
-declare const _default: React.FC<AvatarPickerDialogProps>;
-export default _default;

package/dist/types-ts4.5/avatar-picker-dialog/layout-const.d.ts

@@ -1,11 +0,0 @@
-import { Rectangle } from '@atlaskit/media-ui';
-export declare const DEFAULT_VISIBLE_PREDEFINED_AVATARS = 5;
-export declare const AVATAR_DIALOG_WIDTH = 375;
-export declare const AVATAR_DIALOG_HEIGHT = 470;
-export declare const PREDEFINED_AVATARS_VIEW_WIDTH = 343;
-export declare const PREDEFINED_AVATARS_VIEW_HEIGHT = 290;
-export declare const CONTAINER_SIZE: number;
-export declare const CONTAINER_INNER_SIZE: number;
-export declare const CONTAINER_PADDING: number;
-export declare const CONTAINER_RECT: Rectangle;
-export declare const IMAGE_MOVE_UNIT = 5;

package/dist/types-ts4.5/avatar-picker-dialog/types.d.ts

@@ -1,76 +0,0 @@
-import { type Avatar } from '../avatar-list';
-import { type CropProperties } from '../image-navigator';
-export declare enum Mode {
-    Cropping = 0,
-    PredefinedAvatars = 1
-}
-export interface CommonAvatarPickerDialogProps {
-    /** This property is used to provide an array of pre-defined avatars. The **Avatar** object is a simple type with a single **dataURI: string** property. For convenience, this type is exported from the **@atlassian/media-avatar-picker** module along with the **AvatarPickerDialog** component. */
-    avatars: Array<Avatar>;
-    /** This property is used along with the **avatar** property. It allows you to set the currently selected pre-defined avatar. By default, there is no pre-defined avatar selected, even if the **avatars** property is set. */
-    defaultSelectedAvatar?: Avatar;
-    /** This optional property is used to set the selected image so that the component opens up with it visible already. The value should be a valid dataURI string. If an invalid dataURI is given, the bad format error state will be triggered and a message shown. */
-    imageSource?: string;
-    /** This property is raised when the user clicks **Cancel** button.
-     *  **Note** this does not close the dialog.
-     * It is up to the consumer to re-render and remove the dialog from the UI.
-     */
-    onCancel: () => void;
-    /** The title text for the dialog. The default is _Upload an avatar_. */
-    title?: string;
-    /** The primary button text. The default is _Save_. */
-    primaryButtonText?: string;
-    /** This optional property allows the consumer to display an error message. This may occur from a call to a service. The string is clipped if greater than 125 charaters (approximately 3 lines within the dialog). */
-    errorMessage?: string;
-    /** This optional property is used while the avatar is loaded. */
-    isLoading?: boolean;
-    /** This property describes the text related to the Avatar. */
-    predefinedAvatarsText?: string;
-    /** The target width/height of the resulting (square) avatar. Leave blank for default (200x200) */
-    outputSize?: number;
-    /** This optional property allows the consumer to define the maximum image size that can be uploaded. */
-    maxImageSize?: number;
-    /** This optional property allows the consumer to define a custom label for select default avatar. The default is _Select a default avatar_. */
-    selectAvatarLabel?: string;
-    /** This optional property allows the consumer to define a custom label for the default avatars show more button. The default is _Show more_. */
-    showMoreAvatarsButtonLabel?: string;
-}
-export interface AvatarPickerDialogPropsNoAlt extends CommonAvatarPickerDialogProps {
-    /** This property is raised when the user clicks the **Save** button and there is a pre-defined avatar selected, and no image selected. An **Avatar** object with a **dataURI** property is passed. */
-    onAvatarPicked: (avatar: Avatar) => void;
-    /** This property is raised when the user clicks the **Save** button and there is a selected image.
-     * Two arguments are passed, the **file:File** which is a blob, and the crop settings which is an object containing **x:number**,**y:number**, and **size:number** values, which are all relative to the coordinates of the selected image. **Note** due to limitations on Safari <= 10.0 and IE11, a **Blob** object will be returned instead of a **File**.
-     * This still allows access to the image byte data to facilitate uploads, essentially minus the filename and date attributes.
-     */
-    onImagePicked?: (file: File, crop: CropProperties) => void;
-    /** This property is raised when the user clicks the **Save** button and there is a selected image. The selected image is provided as a dataURI string. */
-    onImagePickedDataURI?: (dataUri: string) => void;
-    /** This property allows the consumer to specify whether or not the user should be required to enter alt text. */
-    requireAltText?: false | undefined;
-}
-export interface AvatarPickerDialogPropsAlt extends CommonAvatarPickerDialogProps {
-    /** This property is raised when the user clicks the **Save** button and there is a pre-defined avatar selected, and no image selected. Two arguments are passed, an **Avatar** object with a **dataURI** property, and an **altText** string. */
-    onAvatarPicked: (avatar: Avatar, altText: string) => void;
-    /** This optional property is used to set the alt text of the selected image so that the component opens up with it visible already. */
-    imageSourceAltText?: string;
-    /** This property is raised when the user clicks the **Save** button and there is a selected image.
-     * Three arguments are passed, the **file:File** which is a blob, the crop settings which is an object containing **x:number**,**y:number**, and **size:number** values, which are all relative to the coordinates of the selected image, and **altText:string**. **Note** due to limitations on Safari <= 10.0 and IE11, a **Blob** object will be returned instead of a **File**.
-     * This still allows access to the image byte data to facilitate uploads, essentially minus the filename and date attributes.
-     */
-    onImagePicked?: (file: File, crop: CropProperties, altText: string) => void;
-    /** This property is raised when the user clicks the **Save** button and there is a selected image. The selected image is provided as a dataURI string, and the user-specified alt text is provided as an altText string. */
-    onImagePickedDataURI?: (dataUri: string, altText: string) => void;
-    /** This property allows the consumer to specify whether or not the user should be required to enter alt text. */
-    requireAltText: true;
-}
-export type AvatarPickerDialogProps = AvatarPickerDialogPropsNoAlt | AvatarPickerDialogPropsAlt;
-export interface AvatarPickerDialogState {
-    mode: Mode;
-    selectedAvatar?: Avatar;
-    selectedImage?: File;
-    selectedImageSource?: string;
-    errorMessage?: string;
-    isSubmitted: boolean;
-    altText: string;
-    prevAltText: string;
-}

package/dist/types-ts4.5/image-cropper/crop-to-data-uri.d.ts

@@ -1,7 +0,0 @@
-export interface Rect {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-}
-export declare const cropToDataURI: (imageElement: HTMLImageElement, imageRect: Rect, cropRect: Rect, scale: number, imageOrientation: number) => string;

package/dist/types-ts4.5/image-cropper/index.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { Component } from 'react';
-import { type WrappedComponentProps } from 'react-intl';
-export interface ImageCropperProp {
-    imageSource: string;
-    containerSize?: number;
-    isCircularMask?: boolean;
-    top: number;
-    left: number;
-    imageWidth?: number;
-    imageHeight?: number;
-    imageOrientation: number;
-    onDragStarted?: (x: number, y: number) => void;
-    onImageLoaded: (image: HTMLImageElement) => void;
-    onRemoveImage: () => void;
-    onImageError: (errorMessage: string) => void;
-    moveImage?: (key: string) => void;
-}
-export declare class ImageCropper extends Component<ImageCropperProp & WrappedComponentProps, {}> {
-    static defaultProps: {
-        containerSize: number;
-        isCircleMask: boolean;
-        onDragStarted: () => void;
-        onImageSize: () => void;
-    };
-    state: {
-        liveMsg: string;
-    };
-    componentDidMount(): void;
-    onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
-    onDragStarted: (e: React.MouseEvent<{}>) => void;
-    onImageError: () => void;
-    render(): React.JSX.Element | null;
-}
-declare const _default: React.FC<ImageCropperProp>;
-export default _default;

package/dist/types-ts4.5/image-cropper/isImageRemote.d.ts

@@ -1 +0,0 @@
-export declare const isImageRemote: (imageUrl: string, windowOrigin?: string) => boolean;

package/dist/types-ts4.5/image-navigator/dragZone.d.ts

@@ -1 +0,0 @@
-export declare const DragZone: ({ showBorder, isDroppingFile, children, ...props }: any) => JSX.Element;

package/dist/types-ts4.5/image-navigator/exportCroppedImage.d.ts

@@ -1,2 +0,0 @@
-import { type Viewport } from '../viewport';
-export declare const exportCroppedImage: (viewport: Viewport, imageElement?: HTMLImageElement, outputSize?: number) => string;