feat: support typescript

Release-As: 2.0.0

Author: codenaz

commitlint.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      ['chore', 'docs', 'feat', 'fix', 'style', 'test', 'release-as']
+    ]
+  }
+};

dist/index.cjs.js

@@ -3016,12 +3016,7 @@ function MultiImageInput(_ref) {
       e.preventDefault();
       const maxAllowedImages = max - Object.keys(files).length;
       if (e.target.files.length > maxAllowedImages) {
-        if (props.handleError) {
-          props.handleError(`You cannot upload more than ${max} ${max > 1 ? 'images' : 'image'}`);
-        } else {
-          alert(`You cannot upload more than ${max} ${max > 1 ? 'images' : 'image'}`);
-        }
-        return;
+        throw new Error(`You cannot upload more than ${max} ${max > 1 ? 'images' : 'image'}`);
       }
       const selectedFiles = Array.from(e.target.files);
       const imageURIs = await Promise.all(selectedFiles.map(f => {

dist/index.esm.js

@@ -2996,12 +2996,7 @@ function MultiImageInput(_ref) {
       e.preventDefault();
       const maxAllowedImages = max - Object.keys(files).length;
       if (e.target.files.length > maxAllowedImages) {
-        if (props.handleError) {
-          props.handleError(`You cannot upload more than ${max} ${max > 1 ? 'images' : 'image'}`);
-        } else {
-          alert(`You cannot upload more than ${max} ${max > 1 ? 'images' : 'image'}`);
-        }
-        return;
+        throw new Error(`You cannot upload more than ${max} ${max > 1 ? 'images' : 'image'}`);
       }
       const selectedFiles = Array.from(e.target.files);
       const imageURIs = await Promise.all(selectedFiles.map(f => {

dist/types/index.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+
+interface Images {
+  [key: number]: string;
+}
+
+interface Theme {
+  background: string,
+  outlineColor: string,
+  textColor: string,
+  buttonColor: string,
+  modalColor: string
+}
+
+interface Crop {
+  unit: string,
+  x?: number,
+  y?: number,
+  width?: number,
+  height?: number
+}
+
+interface CropConfig {
+  aspect?: number,
+  crop?: Crop,
+  maxWidth: number,
+  minWidth: number,
+  ruleOfThirds: boolean
+}
+
+interface MultiImageInputProps {
+  images: Images;
+  max?: number;
+  setImages: (images: Images) => void;
+  allowCrop?: boolean;
+  cropConfig?: CropConfig;
+  handleError?: (error: Error) => void;
+  theme?: Theme;
+}
+
+declare const MultiImageInput: React.FC<MultiImageInputProps>;
+
+export { MultiImageInput };