siam-ui-utils 2.2.26 → 2.2.28

package/{src/dropzone/Input.tsx → dist/dropzone/Input.js}

@@ -1,76 +1,77 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import { IInputProps } from './Dropzone'
-
-const Input = (props: IInputProps) => {
-  const {
-    className,
-    labelClassName,
-    labelWithFilesClassName,
-    style,
-    labelStyle,
-    labelWithFilesStyle,
-    getFilesFromEvent,
-    accept,
-    multiple,
-    disabled,
-    content,
-    withFilesContent,
-    onFiles,
-    files,
-  } = props
-
-  return (
-    <label
-      className={files.length > 0 ? labelWithFilesClassName : labelClassName}
-      style={files.length > 0 ? labelWithFilesStyle : labelStyle}
-    >
-      {files.length > 0 ? withFilesContent : content}
-      <input
-        className={className}
-        style={style}
-        type="file"
-        accept={accept}
-        multiple={multiple}
-        disabled={disabled}
-        onChange={async e => {
-          const target = e.target
-          const chosenFiles = await getFilesFromEvent(e)
-          onFiles(chosenFiles)
-          //@ts-ignore
-          target.value = null
-        }}
-      />
-    </label>
-  )
-}
-
-Input.propTypes = {
-  className: PropTypes.string,
-  labelClassName: PropTypes.string,
-  labelWithFilesClassName: PropTypes.string,
-  style: PropTypes.object,
-  labelStyle: PropTypes.object,
-  labelWithFilesStyle: PropTypes.object,
-  getFilesFromEvent: PropTypes.func.isRequired,
-  accept: PropTypes.string.isRequired,
-  multiple: PropTypes.bool.isRequired,
-  disabled: PropTypes.bool.isRequired,
-  content: PropTypes.node,
-  withFilesContent: PropTypes.node,
-  onFiles: PropTypes.func.isRequired,
-  files: PropTypes.arrayOf(PropTypes.any).isRequired,
-  extra: PropTypes.shape({
-    active: PropTypes.bool.isRequired,
-    reject: PropTypes.bool.isRequired,
-    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,
-    accept: PropTypes.string.isRequired,
-    multiple: PropTypes.bool.isRequired,
-    minSizeBytes: PropTypes.number.isRequired,
-    maxSizeBytes: PropTypes.number.isRequired,
-    maxFiles: PropTypes.number.isRequired,
-  }).isRequired,
-}
-
-export default Input
+import { jsxs, jsx } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+const Input = (props) => {
+  const {
+    className,
+    labelClassName,
+    labelWithFilesClassName,
+    style,
+    labelStyle,
+    labelWithFilesStyle,
+    getFilesFromEvent,
+    accept,
+    multiple,
+    disabled,
+    content,
+    withFilesContent,
+    onFiles,
+    files
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: files.length > 0 ? labelWithFilesClassName : labelClassName,
+      style: files.length > 0 ? labelWithFilesStyle : labelStyle,
+      children: [
+        files.length > 0 ? withFilesContent : content,
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className,
+            style,
+            type: "file",
+            accept,
+            multiple,
+            disabled,
+            onChange: async (e) => {
+              const target = e.target;
+              const chosenFiles = await getFilesFromEvent(e);
+              onFiles(chosenFiles);
+              target.value = null;
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+Input.propTypes = {
+  className: PropTypes.string,
+  labelClassName: PropTypes.string,
+  labelWithFilesClassName: PropTypes.string,
+  style: PropTypes.object,
+  labelStyle: PropTypes.object,
+  labelWithFilesStyle: PropTypes.object,
+  getFilesFromEvent: PropTypes.func.isRequired,
+  accept: PropTypes.string.isRequired,
+  multiple: PropTypes.bool.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  content: PropTypes.node,
+  withFilesContent: PropTypes.node,
+  onFiles: PropTypes.func.isRequired,
+  files: PropTypes.arrayOf(PropTypes.any).isRequired,
+  extra: PropTypes.shape({
+    active: PropTypes.bool.isRequired,
+    reject: PropTypes.bool.isRequired,
+    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,
+    accept: PropTypes.string.isRequired,
+    multiple: PropTypes.bool.isRequired,
+    minSizeBytes: PropTypes.number.isRequired,
+    maxSizeBytes: PropTypes.number.isRequired,
+    maxFiles: PropTypes.number.isRequired
+  }).isRequired
+};
+export {
+  Input as default
+};
+//# sourceMappingURL=Input.js.map

package/dist/dropzone/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/dropzone/Input.tsx"],"sourcesContent":["import React from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nimport { IInputProps } from './Dropzone'\r\n\r\nconst Input = (props: IInputProps) => {\r\n  const {\r\n    className,\r\n    labelClassName,\r\n    labelWithFilesClassName,\r\n    style,\r\n    labelStyle,\r\n    labelWithFilesStyle,\r\n    getFilesFromEvent,\r\n    accept,\r\n    multiple,\r\n    disabled,\r\n    content,\r\n    withFilesContent,\r\n    onFiles,\r\n    files,\r\n  } = props\r\n\r\n  return (\r\n    <label\r\n      className={files.length > 0 ? labelWithFilesClassName : labelClassName}\r\n      style={files.length > 0 ? labelWithFilesStyle : labelStyle}\r\n    >\r\n      {files.length > 0 ? withFilesContent : content}\r\n      <input\r\n        className={className}\r\n        style={style}\r\n        type=\"file\"\r\n        accept={accept}\r\n        multiple={multiple}\r\n        disabled={disabled}\r\n        onChange={async e => {\r\n          const target = e.target\r\n          const chosenFiles = await getFilesFromEvent(e)\r\n          onFiles(chosenFiles)\r\n          //@ts-ignore\r\n          target.value = null\r\n        }}\r\n      />\r\n    </label>\r\n  )\r\n}\r\n\r\nInput.propTypes = {\r\n  className: PropTypes.string,\r\n  labelClassName: PropTypes.string,\r\n  labelWithFilesClassName: PropTypes.string,\r\n  style: PropTypes.object,\r\n  labelStyle: PropTypes.object,\r\n  labelWithFilesStyle: PropTypes.object,\r\n  getFilesFromEvent: PropTypes.func.isRequired,\r\n  accept: PropTypes.string.isRequired,\r\n  multiple: PropTypes.bool.isRequired,\r\n  disabled: PropTypes.bool.isRequired,\r\n  content: PropTypes.node,\r\n  withFilesContent: PropTypes.node,\r\n  onFiles: PropTypes.func.isRequired,\r\n  files: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n  extra: PropTypes.shape({\r\n    active: PropTypes.bool.isRequired,\r\n    reject: PropTypes.bool.isRequired,\r\n    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n    accept: PropTypes.string.isRequired,\r\n    multiple: PropTypes.bool.isRequired,\r\n    minSizeBytes: PropTypes.number.isRequired,\r\n    maxSizeBytes: PropTypes.number.isRequired,\r\n    maxFiles: PropTypes.number.isRequired,\r\n  }).isRequired,\r\n}\r\n\r\nexport default Input\r\n"],"names":[],"mappings":";;AAKA,MAAM,QAAQ,CAAC,UAAuB;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,MAAM,SAAS,IAAI,0BAA0B;AAAA,MACxD,OAAO,MAAM,SAAS,IAAI,sBAAsB;AAAA,MAE/C,UAAA;AAAA,QAAA,MAAM,SAAS,IAAI,mBAAmB;AAAA,QACvC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU,OAAM,MAAK;AACnB,oBAAM,SAAS,EAAE;AACjB,oBAAM,cAAc,MAAM,kBAAkB,CAAC;AAC7C,sBAAQ,WAAW;AAEnB,qBAAO,QAAQ;AAAA,YACjB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,YAAY;AAAA,EAChB,WAAW,UAAU;AAAA,EACrB,gBAAgB,UAAU;AAAA,EAC1B,yBAAyB,UAAU;AAAA,EACnC,OAAO,UAAU;AAAA,EACjB,YAAY,UAAU;AAAA,EACtB,qBAAqB,UAAU;AAAA,EAC/B,mBAAmB,UAAU,KAAK;AAAA,EAClC,QAAQ,UAAU,OAAO;AAAA,EACzB,UAAU,UAAU,KAAK;AAAA,EACzB,UAAU,UAAU,KAAK;AAAA,EACzB,SAAS,UAAU;AAAA,EACnB,kBAAkB,UAAU;AAAA,EAC5B,SAAS,UAAU,KAAK;AAAA,EACxB,OAAO,UAAU,QAAQ,UAAU,GAAG,EAAE;AAAA,EACxC,OAAO,UAAU,MAAM;AAAA,IACrB,QAAQ,UAAU,KAAK;AAAA,IACvB,QAAQ,UAAU,KAAK;AAAA,IACvB,SAAS,UAAU,QAAQ,UAAU,GAAG,EAAE;AAAA,IAC1C,QAAQ,UAAU,OAAO;AAAA,IACzB,UAAU,UAAU,KAAK;AAAA,IACzB,cAAc,UAAU,OAAO;AAAA,IAC/B,cAAc,UAAU,OAAO;AAAA,IAC/B,UAAU,UAAU,OAAO;AAAA,EAAA,CAC5B,EAAE;AACL;"}

package/{src/dropzone/Layout.tsx → dist/dropzone/Layout.js}

@@ -1,57 +1,50 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import { ILayoutProps } from './Dropzone'
-
-const Layout = (props: ILayoutProps) => {
-  const {
-    input,
-    previews,
-    submitButton,
-    dropzoneProps,
-    files,
-    extra: { maxFiles },
-  } = props
-
-  return (
-    <div {...dropzoneProps}>
-      {previews}
-
-      {files.length < maxFiles && input}
-
-      {files.length > 0 && submitButton}
-    </div>
-  )
-}
-
-Layout.propTypes = {
-  input: PropTypes.node,
-  previews: PropTypes.arrayOf(PropTypes.node),
-  submitButton: PropTypes.node,
-  dropzoneProps: PropTypes.shape({
-    ref: PropTypes.any.isRequired,
-    className: PropTypes.string.isRequired,
-    style: PropTypes.object,
-    onDragEnter: PropTypes.func.isRequired,
-    onDragOver: PropTypes.func.isRequired,
-    onDragLeave: PropTypes.func.isRequired,
-    onDrop: PropTypes.func.isRequired,
-  }).isRequired,
-  files: PropTypes.arrayOf(PropTypes.any).isRequired,
-  extra: PropTypes.shape({
-    active: PropTypes.bool.isRequired,
-    reject: PropTypes.bool.isRequired,
-    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,
-    accept: PropTypes.string.isRequired,
-    multiple: PropTypes.bool.isRequired,
-    minSizeBytes: PropTypes.number.isRequired,
-    maxSizeBytes: PropTypes.number.isRequired,
-    maxFiles: PropTypes.number.isRequired,
-    onFiles: PropTypes.func.isRequired,
-    onCancelFile: PropTypes.func.isRequired,
-    onRemoveFile: PropTypes.func.isRequired,
-    onRestartFile: PropTypes.func.isRequired,
-  }).isRequired,
-}
-
-export default Layout
+import { jsxs } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+const Layout = (props) => {
+  const {
+    input,
+    previews,
+    submitButton,
+    dropzoneProps,
+    files,
+    extra: { maxFiles }
+  } = props;
+  return /* @__PURE__ */ jsxs("div", { ...dropzoneProps, children: [
+    previews,
+    files.length < maxFiles && input,
+    files.length > 0 && submitButton
+  ] });
+};
+Layout.propTypes = {
+  input: PropTypes.node,
+  previews: PropTypes.arrayOf(PropTypes.node),
+  submitButton: PropTypes.node,
+  dropzoneProps: PropTypes.shape({
+    ref: PropTypes.any.isRequired,
+    className: PropTypes.string.isRequired,
+    style: PropTypes.object,
+    onDragEnter: PropTypes.func.isRequired,
+    onDragOver: PropTypes.func.isRequired,
+    onDragLeave: PropTypes.func.isRequired,
+    onDrop: PropTypes.func.isRequired
+  }).isRequired,
+  files: PropTypes.arrayOf(PropTypes.any).isRequired,
+  extra: PropTypes.shape({
+    active: PropTypes.bool.isRequired,
+    reject: PropTypes.bool.isRequired,
+    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,
+    accept: PropTypes.string.isRequired,
+    multiple: PropTypes.bool.isRequired,
+    minSizeBytes: PropTypes.number.isRequired,
+    maxSizeBytes: PropTypes.number.isRequired,
+    maxFiles: PropTypes.number.isRequired,
+    onFiles: PropTypes.func.isRequired,
+    onCancelFile: PropTypes.func.isRequired,
+    onRemoveFile: PropTypes.func.isRequired,
+    onRestartFile: PropTypes.func.isRequired
+  }).isRequired
+};
+export {
+  Layout as default
+};
+//# sourceMappingURL=Layout.js.map

package/dist/dropzone/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../src/dropzone/Layout.tsx"],"sourcesContent":["import React from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nimport { ILayoutProps } from './Dropzone'\r\n\r\nconst Layout = (props: ILayoutProps) => {\r\n  const {\r\n    input,\r\n    previews,\r\n    submitButton,\r\n    dropzoneProps,\r\n    files,\r\n    extra: { maxFiles },\r\n  } = props\r\n\r\n  return (\r\n    <div {...dropzoneProps}>\r\n      {previews}\r\n\r\n      {files.length < maxFiles && input}\r\n\r\n      {files.length > 0 && submitButton}\r\n    </div>\r\n  )\r\n}\r\n\r\nLayout.propTypes = {\r\n  input: PropTypes.node,\r\n  previews: PropTypes.arrayOf(PropTypes.node),\r\n  submitButton: PropTypes.node,\r\n  dropzoneProps: PropTypes.shape({\r\n    ref: PropTypes.any.isRequired,\r\n    className: PropTypes.string.isRequired,\r\n    style: PropTypes.object,\r\n    onDragEnter: PropTypes.func.isRequired,\r\n    onDragOver: PropTypes.func.isRequired,\r\n    onDragLeave: PropTypes.func.isRequired,\r\n    onDrop: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n  files: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n  extra: PropTypes.shape({\r\n    active: PropTypes.bool.isRequired,\r\n    reject: PropTypes.bool.isRequired,\r\n    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n    accept: PropTypes.string.isRequired,\r\n    multiple: PropTypes.bool.isRequired,\r\n    minSizeBytes: PropTypes.number.isRequired,\r\n    maxSizeBytes: PropTypes.number.isRequired,\r\n    maxFiles: PropTypes.number.isRequired,\r\n    onFiles: PropTypes.func.isRequired,\r\n    onCancelFile: PropTypes.func.isRequired,\r\n    onRemoveFile: PropTypes.func.isRequired,\r\n    onRestartFile: PropTypes.func.isRequired,\r\n  }).isRequired,\r\n}\r\n\r\nexport default Layout\r\n"],"names":[],"mappings":";;AAKA,MAAM,SAAS,CAAC,UAAwB;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,SAAA;AAAA,EAAS,IAChB;AAEJ,SACE,qBAAC,OAAA,EAAK,GAAG,eACN,UAAA;AAAA,IAAA;AAAA,IAEA,MAAM,SAAS,YAAY;AAAA,IAE3B,MAAM,SAAS,KAAK;AAAA,EAAA,GACvB;AAEJ;AAEA,OAAO,YAAY;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU,QAAQ,UAAU,IAAI;AAAA,EAC1C,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU,MAAM;AAAA,IAC7B,KAAK,UAAU,IAAI;AAAA,IACnB,WAAW,UAAU,OAAO;AAAA,IAC5B,OAAO,UAAU;AAAA,IACjB,aAAa,UAAU,KAAK;AAAA,IAC5B,YAAY,UAAU,KAAK;AAAA,IAC3B,aAAa,UAAU,KAAK;AAAA,IAC5B,QAAQ,UAAU,KAAK;AAAA,EAAA,CACxB,EAAE;AAAA,EACH,OAAO,UAAU,QAAQ,UAAU,GAAG,EAAE;AAAA,EACxC,OAAO,UAAU,MAAM;AAAA,IACrB,QAAQ,UAAU,KAAK;AAAA,IACvB,QAAQ,UAAU,KAAK;AAAA,IACvB,SAAS,UAAU,QAAQ,UAAU,GAAG,EAAE;AAAA,IAC1C,QAAQ,UAAU,OAAO;AAAA,IACzB,UAAU,UAAU,KAAK;AAAA,IACzB,cAAc,UAAU,OAAO;AAAA,IAC/B,cAAc,UAAU,OAAO;AAAA,IAC/B,UAAU,UAAU,OAAO;AAAA,IAC3B,SAAS,UAAU,KAAK;AAAA,IACxB,cAAc,UAAU,KAAK;AAAA,IAC7B,cAAc,UAAU,KAAK;AAAA,IAC7B,eAAe,UAAU,KAAK;AAAA,EAAA,CAC/B,EAAE;AACL;"}

package/dist/dropzone/Preview.js

@@ -0,0 +1,117 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+import PropTypes from "prop-types";
+import { formatBytes, formatDuration } from "./utils.js";
+import cancelImg from "./assets/cancel.svg.js";
+import removeImg from "./assets/remove.svg.js";
+import restartImg from "./assets/restart.svg.js";
+const iconByFn = {
+  cancel: { backgroundImage: `url(${cancelImg})` },
+  remove: { backgroundImage: `url(${removeImg})` },
+  restart: { backgroundImage: `url(${restartImg})` }
+};
+class Preview extends React.PureComponent {
+  render() {
+    const {
+      className,
+      imageClassName,
+      style,
+      imageStyle,
+      fileWithMeta: { cancel, remove, restart },
+      meta: { name = "", percent = 0, size = 0, previewUrl, status, duration, validationError },
+      isUpload,
+      canCancel,
+      canRemove,
+      canRestart,
+      extra: { minSizeBytes }
+    } = this.props;
+    let title = `${name || "?"}, ${formatBytes(size)}`;
+    if (duration) title = `${title}, ${formatDuration(duration)}`;
+    if (status === "error_file_size" || status === "error_validation") {
+      return /* @__PURE__ */ jsxs("div", { className, style, children: [
+        /* @__PURE__ */ jsx("span", { className: "dzu-previewFileNameError", children: title }),
+        status === "error_file_size" && /* @__PURE__ */ jsx("span", { children: size < minSizeBytes ? "File too small" : "File too big" }),
+        status === "error_validation" && /* @__PURE__ */ jsx("span", { children: String(validationError) }),
+        canRemove && /* @__PURE__ */ jsx("span", { className: "dzu-previewButton", style: iconByFn.remove, onClick: remove })
+      ] });
+    }
+    if (status === "error_upload_params" || status === "exception_upload" || status === "error_upload") {
+      title = `${title} (upload failed)`;
+    }
+    if (status === "aborted") title = `${title} (cancelled)`;
+    return /* @__PURE__ */ jsxs("div", { className, style, children: [
+      previewUrl && /* @__PURE__ */ jsx("img", { className: imageClassName, style: imageStyle, src: previewUrl, alt: title, title }),
+      !previewUrl && /* @__PURE__ */ jsx("span", { className: "dzu-previewFileName", children: title }),
+      /* @__PURE__ */ jsxs("div", { className: "dzu-previewStatusContainer", children: [
+        isUpload && /* @__PURE__ */ jsx("progress", { max: 100, value: status === "done" || status === "headers_received" ? 100 : percent }),
+        status === "uploading" && canCancel && /* @__PURE__ */ jsx("span", { className: "dzu-previewButton", style: iconByFn.cancel, onClick: cancel }),
+        status !== "preparing" && status !== "getting_upload_params" && status !== "uploading" && canRemove && /* @__PURE__ */ jsx("span", { className: "dzu-previewButton", style: iconByFn.remove, onClick: remove }),
+        ["error_upload_params", "exception_upload", "error_upload", "aborted", "ready"].includes(status) && canRestart && /* @__PURE__ */ jsx("span", { className: "dzu-previewButton", style: iconByFn.restart, onClick: restart })
+      ] })
+    ] });
+  }
+}
+Preview.propTypes = {
+  className: PropTypes.string,
+  imageClassName: PropTypes.string,
+  style: PropTypes.object,
+  imageStyle: PropTypes.object,
+  fileWithMeta: PropTypes.shape({
+    file: PropTypes.any.isRequired,
+    meta: PropTypes.object.isRequired,
+    cancel: PropTypes.func.isRequired,
+    restart: PropTypes.func.isRequired,
+    remove: PropTypes.func.isRequired,
+    xhr: PropTypes.any
+  }).isRequired,
+  // copy of fileWithMeta.meta, won't be mutated
+  meta: PropTypes.shape({
+    status: PropTypes.oneOf([
+      "preparing",
+      "error_file_size",
+      "error_validation",
+      "ready",
+      "getting_upload_params",
+      "error_upload_params",
+      "uploading",
+      "exception_upload",
+      "aborted",
+      "error_upload",
+      "headers_received",
+      "done"
+    ]).isRequired,
+    type: PropTypes.string.isRequired,
+    name: PropTypes.string,
+    uploadedDate: PropTypes.string.isRequired,
+    percent: PropTypes.number,
+    size: PropTypes.number,
+    lastModifiedDate: PropTypes.string,
+    previewUrl: PropTypes.string,
+    duration: PropTypes.number,
+    width: PropTypes.number,
+    height: PropTypes.number,
+    videoWidth: PropTypes.number,
+    videoHeight: PropTypes.number,
+    validationError: PropTypes.any
+  }).isRequired,
+  isUpload: PropTypes.bool.isRequired,
+  canCancel: PropTypes.bool.isRequired,
+  canRemove: PropTypes.bool.isRequired,
+  canRestart: PropTypes.bool.isRequired,
+  files: PropTypes.arrayOf(PropTypes.any).isRequired,
+  // eslint-disable-line react/no-unused-prop-types
+  extra: PropTypes.shape({
+    active: PropTypes.bool.isRequired,
+    reject: PropTypes.bool.isRequired,
+    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,
+    accept: PropTypes.string.isRequired,
+    multiple: PropTypes.bool.isRequired,
+    minSizeBytes: PropTypes.number.isRequired,
+    maxSizeBytes: PropTypes.number.isRequired,
+    maxFiles: PropTypes.number.isRequired
+  }).isRequired
+};
+export {
+  Preview as default
+};
+//# sourceMappingURL=Preview.js.map

package/dist/dropzone/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sources":["../../src/dropzone/Preview.tsx"],"sourcesContent":["import React from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nimport { formatBytes, formatDuration } from './utils'\r\nimport { IPreviewProps } from './Dropzone'\r\n//@ts-ignore\r\nimport cancelImg from './assets/cancel.svg'\r\n//@ts-ignore\r\nimport removeImg from './assets/remove.svg'\r\n//@ts-ignore\r\nimport restartImg from './assets/restart.svg'\r\n\r\nconst iconByFn = {\r\n  cancel: { backgroundImage: `url(${cancelImg})` },\r\n  remove: { backgroundImage: `url(${removeImg})` },\r\n  restart: { backgroundImage: `url(${restartImg})` },\r\n}\r\n\r\nclass Preview extends React.PureComponent<IPreviewProps> {\r\n  render() {\r\n    const {\r\n      className,\r\n      imageClassName,\r\n      style,\r\n      imageStyle,\r\n      fileWithMeta: { cancel, remove, restart },\r\n      meta: { name = '', percent = 0, size = 0, previewUrl, status, duration, validationError },\r\n      isUpload,\r\n      canCancel,\r\n      canRemove,\r\n      canRestart,\r\n      extra: { minSizeBytes },\r\n    } = this.props\r\n\r\n    let title = `${name || '?'}, ${formatBytes(size)}`\r\n    if (duration) title = `${title}, ${formatDuration(duration)}`\r\n\r\n    if (status === 'error_file_size' || status === 'error_validation') {\r\n      return (\r\n        <div className={className} style={style}>\r\n          <span className=\"dzu-previewFileNameError\">{title}</span>\r\n          {status === 'error_file_size' && <span>{size < minSizeBytes ? 'File too small' : 'File too big'}</span>}\r\n          {status === 'error_validation' && <span>{String(validationError)}</span>}\r\n          {canRemove && <span className=\"dzu-previewButton\" style={iconByFn.remove} onClick={remove} />}\r\n        </div>\r\n      )\r\n    }\r\n\r\n    if (status === 'error_upload_params' || status === 'exception_upload' || status === 'error_upload') {\r\n      title = `${title} (upload failed)`\r\n    }\r\n    if (status === 'aborted') title = `${title} (cancelled)`\r\n\r\n    return (\r\n      <div className={className} style={style}>\r\n        {previewUrl && <img className={imageClassName} style={imageStyle} src={previewUrl} alt={title} title={title} />}\r\n        {!previewUrl && <span className=\"dzu-previewFileName\">{title}</span>}\r\n\r\n        <div className=\"dzu-previewStatusContainer\">\r\n          {isUpload && (\r\n            <progress max={100} value={status === 'done' || status === 'headers_received' ? 100 : percent} />\r\n          )}\r\n\r\n          {status === 'uploading' && canCancel && (\r\n            <span className=\"dzu-previewButton\" style={iconByFn.cancel} onClick={cancel} />\r\n          )}\r\n          {status !== 'preparing' && status !== 'getting_upload_params' && status !== 'uploading' && canRemove && (\r\n            <span className=\"dzu-previewButton\" style={iconByFn.remove} onClick={remove} />\r\n          )}\r\n          {['error_upload_params', 'exception_upload', 'error_upload', 'aborted', 'ready'].includes(status) &&\r\n            canRestart && <span className=\"dzu-previewButton\" style={iconByFn.restart} onClick={restart} />}\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n}\r\n\r\n// @ts-ignore\r\nPreview.propTypes = {\r\n  className: PropTypes.string,\r\n  imageClassName: PropTypes.string,\r\n  style: PropTypes.object,\r\n  imageStyle: PropTypes.object,\r\n  fileWithMeta: PropTypes.shape({\r\n    file: PropTypes.any.isRequired,\r\n    meta: PropTypes.object.isRequired,\r\n    cancel: PropTypes.func.isRequired,\r\n    restart: PropTypes.func.isRequired,\r\n    remove: PropTypes.func.isRequired,\r\n    xhr: PropTypes.any,\r\n  }).isRequired,\r\n  // copy of fileWithMeta.meta, won't be mutated\r\n  meta: PropTypes.shape({\r\n    status: PropTypes.oneOf([\r\n      'preparing',\r\n      'error_file_size',\r\n      'error_validation',\r\n      'ready',\r\n      'getting_upload_params',\r\n      'error_upload_params',\r\n      'uploading',\r\n      'exception_upload',\r\n      'aborted',\r\n      'error_upload',\r\n      'headers_received',\r\n      'done',\r\n    ]).isRequired,\r\n    type: PropTypes.string.isRequired,\r\n    name: PropTypes.string,\r\n    uploadedDate: PropTypes.string.isRequired,\r\n    percent: PropTypes.number,\r\n    size: PropTypes.number,\r\n    lastModifiedDate: PropTypes.string,\r\n    previewUrl: PropTypes.string,\r\n    duration: PropTypes.number,\r\n    width: PropTypes.number,\r\n    height: PropTypes.number,\r\n    videoWidth: PropTypes.number,\r\n    videoHeight: PropTypes.number,\r\n    validationError: PropTypes.any,\r\n  }).isRequired,\r\n  isUpload: PropTypes.bool.isRequired,\r\n  canCancel: PropTypes.bool.isRequired,\r\n  canRemove: PropTypes.bool.isRequired,\r\n  canRestart: PropTypes.bool.isRequired,\r\n  files: PropTypes.arrayOf(PropTypes.any).isRequired, // eslint-disable-line react/no-unused-prop-types\r\n  extra: PropTypes.shape({\r\n    active: PropTypes.bool.isRequired,\r\n    reject: PropTypes.bool.isRequired,\r\n    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n    accept: PropTypes.string.isRequired,\r\n    multiple: PropTypes.bool.isRequired,\r\n    minSizeBytes: PropTypes.number.isRequired,\r\n    maxSizeBytes: PropTypes.number.isRequired,\r\n    maxFiles: PropTypes.number.isRequired,\r\n  }).isRequired,\r\n}\r\n\r\nexport default Preview\r\n"],"names":[],"mappings":"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"}

package/dist/dropzone/SubmitButton.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+const SubmitButton = (props) => {
+  const { className, buttonClassName, style, buttonStyle, disabled, content, onSubmit, files } = props;
+  const _disabled = files.some((f) => ["preparing", "getting_upload_params", "uploading"].includes(f.meta.status)) || !files.some((f) => ["headers_received", "done"].includes(f.meta.status));
+  const handleSubmit = () => {
+    onSubmit(files.filter((f) => ["headers_received", "done"].includes(f.meta.status)));
+  };
+  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsx("button", { className: buttonClassName, style: buttonStyle, onClick: handleSubmit, disabled: disabled || _disabled, children: content }) });
+};
+SubmitButton.propTypes = {
+  className: PropTypes.string,
+  buttonClassName: PropTypes.string,
+  style: PropTypes.object,
+  buttonStyle: PropTypes.object,
+  disabled: PropTypes.bool.isRequired,
+  content: PropTypes.node,
+  onSubmit: PropTypes.func.isRequired,
+  files: PropTypes.arrayOf(PropTypes.object).isRequired,
+  extra: PropTypes.shape({
+    active: PropTypes.bool.isRequired,
+    reject: PropTypes.bool.isRequired,
+    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,
+    accept: PropTypes.string.isRequired,
+    multiple: PropTypes.bool.isRequired,
+    minSizeBytes: PropTypes.number.isRequired,
+    maxSizeBytes: PropTypes.number.isRequired,
+    maxFiles: PropTypes.number.isRequired
+  }).isRequired
+};
+export {
+  SubmitButton as default
+};
+//# sourceMappingURL=SubmitButton.js.map

package/dist/dropzone/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sources":["../../src/dropzone/SubmitButton.tsx"],"sourcesContent":["import React from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nimport { ISubmitButtonProps } from './Dropzone'\r\n\r\nconst SubmitButton = (props: ISubmitButtonProps) => {\r\n  const { className, buttonClassName, style, buttonStyle, disabled, content, onSubmit, files } = props\r\n\r\n  const _disabled =\r\n    files.some(f => ['preparing', 'getting_upload_params', 'uploading'].includes(f.meta.status)) ||\r\n    !files.some(f => ['headers_received', 'done'].includes(f.meta.status))\r\n\r\n  const handleSubmit = () => {\r\n    onSubmit(files.filter(f => ['headers_received', 'done'].includes(f.meta.status)))\r\n  }\r\n\r\n  return (\r\n    <div className={className} style={style}>\r\n      <button className={buttonClassName} style={buttonStyle} onClick={handleSubmit} disabled={disabled || _disabled}>\r\n        {content}\r\n      </button>\r\n    </div>\r\n  )\r\n}\r\n\r\nSubmitButton.propTypes = {\r\n  className: PropTypes.string,\r\n  buttonClassName: PropTypes.string,\r\n  style: PropTypes.object,\r\n  buttonStyle: PropTypes.object,\r\n  disabled: PropTypes.bool.isRequired,\r\n  content: PropTypes.node,\r\n  onSubmit: PropTypes.func.isRequired,\r\n  files: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n  extra: PropTypes.shape({\r\n    active: PropTypes.bool.isRequired,\r\n    reject: PropTypes.bool.isRequired,\r\n    dragged: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n    accept: PropTypes.string.isRequired,\r\n    multiple: PropTypes.bool.isRequired,\r\n    minSizeBytes: PropTypes.number.isRequired,\r\n    maxSizeBytes: PropTypes.number.isRequired,\r\n    maxFiles: PropTypes.number.isRequired,\r\n  }).isRequired,\r\n}\r\n\r\nexport default SubmitButton\r\n"],"names":[],"mappings":";;AAKA,MAAM,eAAe,CAAC,UAA8B;AAClD,QAAM,EAAE,WAAW,iBAAiB,OAAO,aAAa,UAAU,SAAS,UAAU,MAAA,IAAU;AAE/F,QAAM,YACJ,MAAM,KAAK,CAAA,MAAK,CAAC,aAAa,yBAAyB,WAAW,EAAE,SAAS,EAAE,KAAK,MAAM,CAAC,KAC3F,CAAC,MAAM,KAAK,CAAA,MAAK,CAAC,oBAAoB,MAAM,EAAE,SAAS,EAAE,KAAK,MAAM,CAAC;AAEvE,QAAM,eAAe,MAAM;AACzB,aAAS,MAAM,OAAO,CAAA,MAAK,CAAC,oBAAoB,MAAM,EAAE,SAAS,EAAE,KAAK,MAAM,CAAC,CAAC;AAAA,EAClF;AAEA,6BACG,OAAA,EAAI,WAAsB,OACzB,UAAA,oBAAC,YAAO,WAAW,iBAAiB,OAAO,aAAa,SAAS,cAAc,UAAU,YAAY,WAClG,mBACH,GACF;AAEJ;AAEA,aAAa,YAAY;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,iBAAiB,UAAU;AAAA,EAC3B,OAAO,UAAU;AAAA,EACjB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU,KAAK;AAAA,EACzB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU,KAAK;AAAA,EACzB,OAAO,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA,EAC3C,OAAO,UAAU,MAAM;AAAA,IACrB,QAAQ,UAAU,KAAK;AAAA,IACvB,QAAQ,UAAU,KAAK;AAAA,IACvB,SAAS,UAAU,QAAQ,UAAU,GAAG,EAAE;AAAA,IAC1C,QAAQ,UAAU,OAAO;AAAA,IACzB,UAAU,UAAU,KAAK;AAAA,IACzB,cAAc,UAAU,OAAO;AAAA,IAC/B,cAAc,UAAU,OAAO;AAAA,IAC/B,UAAU,UAAU,OAAO;AAAA,EAAA,CAC5B,EAAE;AACL;"}

package/dist/dropzone/assets/cancel.svg.js

@@ -0,0 +1,5 @@
+const cancelImg = "data:image/svg+xml,%3csvg%20viewBox='0%200%208%2014'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23333333'%3e%3cpath%20d='M1,14%20C0.4,14%200,13.6%200,13%20L0,1%20C0,0.4%200.4,0%201,0%20C1.6,0%202,0.4%202,1%20L2,13%20C2,13.6%201.6,14%201,14%20Z'%20id='Path'%3e%3c/path%3e%3cpath%20d='M7,14%20C6.4,14%206,13.6%206,13%20L6,1%20C6,0.4%206.4,0%207,0%20C7.6,0%208,0.4%208,1%20L8,13%20C8,13.6%207.6,14%207,14%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/svg%3e";
+export {
+  cancelImg as default
+};
+//# sourceMappingURL=cancel.svg.js.map

package/dist/dropzone/assets/cancel.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cancel.svg.js","sources":["../../../src/dropzone/assets/cancel.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20viewBox='0%200%208%2014'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20fill='%23333333'%3e%3cpath%20d='M1,14%20C0.4,14%200,13.6%200,13%20L0,1%20C0,0.4%200.4,0%201,0%20C1.6,0%202,0.4%202,1%20L2,13%20C2,13.6%201.6,14%201,14%20Z'%20id='Path'%3e%3c/path%3e%3cpath%20d='M7,14%20C6.4,14%206,13.6%206,13%20L6,1%20C6,0.4%206.4,0%207,0%20C7.6,0%208,0.4%208,1%20L8,13%20C8,13.6%207.6,14%207,14%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAA,YAAe;"}

package/dist/dropzone/assets/remove.svg.js

@@ -0,0 +1,5 @@
+const removeImg = "data:image/svg+xml,%3csvg%20viewBox='0%200%2014%2014'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(-5.0,%200.0)'%20fill='%23333333'%3e%3cg%20transform='translate(4.0,%200.0)'%3e%3cpolygon%20points='7.719%204.964%2012.692%200.017%2014.389%201.715%209.412%206.666%2014.354%2011.634%2012.657%2013.331%206.017%206.657%207.715%204.960'%3e%3c/polygon%3e%3cpolygon%20points='7.612%204.964%207.616%204.960%209.313%206.657%202.674%2013.331%200.977%2011.634%205.919%206.666%200.942%201.715%202.639%200.017'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  removeImg as default
+};
+//# sourceMappingURL=remove.svg.js.map

package/dist/dropzone/assets/remove.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove.svg.js","sources":["../../../src/dropzone/assets/remove.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20viewBox='0%200%2014%2014'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(-5.0,%200.0)'%20fill='%23333333'%3e%3cg%20transform='translate(4.0,%200.0)'%3e%3cpolygon%20points='7.719%204.964%2012.692%200.017%2014.389%201.715%209.412%206.666%2014.354%2011.634%2012.657%2013.331%206.017%206.657%207.715%204.960'%3e%3c/polygon%3e%3cpolygon%20points='7.612%204.964%207.616%204.960%209.313%206.657%202.674%2013.331%200.977%2011.634%205.919%206.666%200.942%201.715%202.639%200.017'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAA,YAAe;"}

package/dist/dropzone/assets/restart.svg.js

@@ -0,0 +1,5 @@
+const restartImg = "data:image/svg+xml,%3csvg%20viewBox='0%200%2011%2015'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20d='M0.5,14.9%20C0.2,14.7%200,14.4%200,14%20L0,2%20C0,1.6%200.2,1.3%200.5,1.1%20C0.8,0.9%201.2,0.9%201.5,1.1%20L10.5,7.1%20C10.8,7.3%2010.9,7.6%2010.9,7.9%20C10.9,8.2%2010.7,8.5%2010.5,8.7%20L1.5,14.7%20C1.4,14.9%200.8,15.1%200.5,14.9%20Z%20M2,3.9%20L2,12.2%20L8.2,8.1%20L2,3.9%20Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e";
+export {
+  restartImg as default
+};
+//# sourceMappingURL=restart.svg.js.map

package/dist/dropzone/assets/restart.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"restart.svg.js","sources":["../../../src/dropzone/assets/restart.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20viewBox='0%200%2011%2015'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath%20d='M0.5,14.9%20C0.2,14.7%200,14.4%200,14%20L0,2%20C0,1.6%200.2,1.3%200.5,1.1%20C0.8,0.9%201.2,0.9%201.5,1.1%20L10.5,7.1%20C10.8,7.3%2010.9,7.6%2010.9,7.9%20C10.9,8.2%2010.7,8.5%2010.5,8.7%20L1.5,14.7%20C1.4,14.9%200.8,15.1%200.5,14.9%20Z%20M2,3.9%20L2,12.2%20L8.2,8.1%20L2,3.9%20Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e\""],"names":[],"mappings":"AAAA,MAAA,aAAe;"}

package/dist/dropzone/utils.js

@@ -0,0 +1,85 @@
+const formatBytes = (b) => {
+  const units = ["bytes", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  let l = 0;
+  let n = b;
+  while (n >= 1024) {
+    n /= 1024;
+    l += 1;
+  }
+  return `${n.toFixed(n >= 10 || l < 1 ? 0 : 1)}${units[l]}`;
+};
+const formatDuration = (seconds) => {
+  const date = /* @__PURE__ */ new Date(0);
+  date.setSeconds(seconds);
+  const dateString = date.toISOString().slice(11, 19);
+  if (seconds < 3600) return dateString.slice(3);
+  return dateString;
+};
+const accepts = (file, accept) => {
+  if (!accept || accept === "*") return true;
+  const mimeType = file.type || "";
+  const baseMimeType = mimeType.replace(/\/.*$/, "");
+  return accept.split(",").map((t) => t.trim()).some((type) => {
+    if (type.charAt(0) === ".") {
+      return file.name === void 0 || file.name.toLowerCase().endsWith(type.toLowerCase());
+    } else if (type.endsWith("/*")) {
+      return baseMimeType === type.replace(/\/.*$/, "");
+    }
+    return mimeType === type;
+  });
+};
+const resolveValue = (value, ...args) => {
+  if (typeof value === "function") return value(...args);
+  return value;
+};
+const defaultClassNames = {
+  dropzone: "dzu-dropzone",
+  dropzoneActive: "dzu-dropzoneActive",
+  dropzoneReject: "dzu-dropzoneActive",
+  dropzoneDisabled: "dzu-dropzoneDisabled",
+  input: "dzu-input",
+  inputLabel: "dzu-inputLabel",
+  inputLabelWithFiles: "dzu-inputLabelWithFiles",
+  preview: "dzu-previewContainer",
+  previewImage: "dzu-previewImage",
+  submitButtonContainer: "dzu-submitButtonContainer",
+  submitButton: "dzu-submitButton"
+};
+const mergeStyles = (classNames, styles, addClassNames, ...args) => {
+  const resolvedClassNames = { ...defaultClassNames };
+  const resolvedStyles = { ...styles };
+  for (const [key, value] of Object.entries(classNames)) {
+    resolvedClassNames[key] = resolveValue(value, ...args);
+  }
+  for (const [key, value] of Object.entries(addClassNames)) {
+    resolvedClassNames[key] = `${resolvedClassNames[key]} ${resolveValue(value, ...args)}`;
+  }
+  for (const [key, value] of Object.entries(styles)) {
+    resolvedStyles[key] = resolveValue(value, ...args);
+  }
+  return { classNames: resolvedClassNames, styles: resolvedStyles };
+};
+const getFilesFromEvent = (event) => {
+  let items = null;
+  if ("dataTransfer" in event) {
+    const dt = event.dataTransfer;
+    if ("files" in dt && dt.files.length) {
+      items = dt.files;
+    } else if (dt.items && dt.items.length) {
+      items = dt.items;
+    }
+  } else if (event.target && event.target.files) {
+    items = event.target.files;
+  }
+  return Array.prototype.slice.call(items);
+};
+export {
+  accepts,
+  defaultClassNames,
+  formatBytes,
+  formatDuration,
+  getFilesFromEvent,
+  mergeStyles,
+  resolveValue
+};
+//# sourceMappingURL=utils.js.map

package/dist/dropzone/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/dropzone/utils.ts"],"sourcesContent":["import React from 'react'\r\nimport { IStyleCustomization } from './Dropzone'\r\n\r\nexport const formatBytes = (b: number) => {\r\n  const units = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\r\n  let l = 0\r\n  let n = b\r\n\r\n  while (n >= 1024) {\r\n    n /= 1024\r\n    l += 1\r\n  }\r\n\r\n  return `${n.toFixed(n >= 10 || l < 1 ? 0 : 1)}${units[l]}`\r\n}\r\n\r\nexport const formatDuration = (seconds: number) => {\r\n  const date = new Date(0)\r\n  date.setSeconds(seconds)\r\n  const dateString = date.toISOString().slice(11, 19)\r\n  if (seconds < 3600) return dateString.slice(3)\r\n  return dateString\r\n}\r\n\r\n// adapted from: https://github.com/okonet/attr-accept/blob/master/src/index.js\r\n// returns true if file.name is empty and accept string is something like \".csv\",\r\n// because file comes from dataTransferItem for drag events, and\r\n// dataTransferItem.name is always empty\r\nexport const accepts = (file: File, accept: string) => {\r\n  if (!accept || accept === '*') return true\r\n\r\n  const mimeType = file.type || ''\r\n  const baseMimeType = mimeType.replace(/\\/.*$/, '')\r\n\r\n  return accept\r\n    .split(',')\r\n    .map(t => t.trim())\r\n    .some(type => {\r\n      if (type.charAt(0) === '.') {\r\n        return file.name === undefined || file.name.toLowerCase().endsWith(type.toLowerCase())\r\n      } else if (type.endsWith('/*')) {\r\n        // this is something like an image/* mime type\r\n        return baseMimeType === type.replace(/\\/.*$/, '')\r\n      }\r\n      return mimeType === type\r\n    })\r\n}\r\n\r\ntype ResolveFn<T> = (...args: any[]) => T\r\n\r\nexport const resolveValue = <T = any>(value: ResolveFn<T> | T, ...args: any[]) => {\r\n  if (typeof value === 'function') return (value as ResolveFn<T>)(...args)\r\n  return value\r\n}\r\n\r\nexport const defaultClassNames = {\r\n  dropzone: 'dzu-dropzone',\r\n  dropzoneActive: 'dzu-dropzoneActive',\r\n  dropzoneReject: 'dzu-dropzoneActive',\r\n  dropzoneDisabled: 'dzu-dropzoneDisabled',\r\n  input: 'dzu-input',\r\n  inputLabel: 'dzu-inputLabel',\r\n  inputLabelWithFiles: 'dzu-inputLabelWithFiles',\r\n  preview: 'dzu-previewContainer',\r\n  previewImage: 'dzu-previewImage',\r\n  submitButtonContainer: 'dzu-submitButtonContainer',\r\n  submitButton: 'dzu-submitButton',\r\n}\r\n\r\nexport const mergeStyles = (\r\n  classNames: IStyleCustomization<string>,\r\n  styles: IStyleCustomization<React.CSSProperties>,\r\n  addClassNames: IStyleCustomization<string>,\r\n  ...args: any[]\r\n) => {\r\n  const resolvedClassNames: { [property: string]: string } = { ...defaultClassNames }\r\n  const resolvedStyles = { ...styles } as { [property: string]: string }\r\n\r\n  for (const [key, value] of Object.entries(classNames)) {\r\n    resolvedClassNames[key] = resolveValue(value, ...args)\r\n  }\r\n\r\n  for (const [key, value] of Object.entries(addClassNames)) {\r\n    resolvedClassNames[key] = `${resolvedClassNames[key]} ${resolveValue(value, ...args)}`\r\n  }\r\n\r\n  for (const [key, value] of Object.entries(styles)) {\r\n    resolvedStyles[key] = resolveValue(value, ...args)\r\n  }\r\n\r\n  return { classNames: resolvedClassNames, styles: resolvedStyles as IStyleCustomization<React.CSSProperties> }\r\n}\r\n\r\nexport const getFilesFromEvent = (\r\n  event: React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>,\r\n): Array<File | DataTransferItem> => {\r\n  let items = null\r\n\r\n  if ('dataTransfer' in event) {\r\n    const dt = event.dataTransfer\r\n\r\n    // NOTE: Only the 'drop' event has access to DataTransfer.files, otherwise it will always be empty\r\n    if ('files' in dt && dt.files.length) {\r\n      items = dt.files\r\n    } else if (dt.items && dt.items.length) {\r\n      items = dt.items\r\n    }\r\n  } else if (event.target && event.target.files) {\r\n    items = event.target.files\r\n  }\r\n\r\n  return Array.prototype.slice.call(items)\r\n}\r\n"],"names":[],"mappings":"AAGO,MAAM,cAAc,CAAC,MAAc;AACxC,QAAM,QAAQ,CAAC,SAAS,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI;AACtE,MAAI,IAAI;AACR,MAAI,IAAI;AAER,SAAO,KAAK,MAAM;AAChB,SAAK;AACL,SAAK;AAAA,EACP;AAEA,SAAO,GAAG,EAAE,QAAQ,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;AAC1D;AAEO,MAAM,iBAAiB,CAAC,YAAoB;AACjD,QAAM,OAAO,oBAAI,KAAK,CAAC;AACvB,OAAK,WAAW,OAAO;AACvB,QAAM,aAAa,KAAK,YAAA,EAAc,MAAM,IAAI,EAAE;AAClD,MAAI,UAAU,KAAM,QAAO,WAAW,MAAM,CAAC;AAC7C,SAAO;AACT;AAMO,MAAM,UAAU,CAAC,MAAY,WAAmB;AACrD,MAAI,CAAC,UAAU,WAAW,IAAK,QAAO;AAEtC,QAAM,WAAW,KAAK,QAAQ;AAC9B,QAAM,eAAe,SAAS,QAAQ,SAAS,EAAE;AAEjD,SAAO,OACJ,MAAM,GAAG,EACT,IAAI,CAAA,MAAK,EAAE,KAAA,CAAM,EACjB,KAAK,CAAA,SAAQ;AACZ,QAAI,KAAK,OAAO,CAAC,MAAM,KAAK;AAC1B,aAAO,KAAK,SAAS,UAAa,KAAK,KAAK,cAAc,SAAS,KAAK,aAAa;AAAA,IACvF,WAAW,KAAK,SAAS,IAAI,GAAG;AAE9B,aAAO,iBAAiB,KAAK,QAAQ,SAAS,EAAE;AAAA,IAClD;AACA,WAAO,aAAa;AAAA,EACtB,CAAC;AACL;AAIO,MAAM,eAAe,CAAU,UAA4B,SAAgB;AAChF,MAAI,OAAO,UAAU,WAAY,QAAQ,MAAuB,GAAG,IAAI;AACvE,SAAO;AACT;AAEO,MAAM,oBAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,cAAc;AAChB;AAEO,MAAM,cAAc,CACzB,YACA,QACA,kBACG,SACA;AACH,QAAM,qBAAqD,EAAE,GAAG,kBAAA;AAChE,QAAM,iBAAiB,EAAE,GAAG,OAAA;AAE5B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,UAAU,GAAG;AACrD,uBAAmB,GAAG,IAAI,aAAa,OAAO,GAAG,IAAI;AAAA,EACvD;AAEA,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,aAAa,GAAG;AACxD,uBAAmB,GAAG,IAAI,GAAG,mBAAmB,GAAG,CAAC,IAAI,aAAa,OAAO,GAAG,IAAI,CAAC;AAAA,EACtF;AAEA,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACjD,mBAAe,GAAG,IAAI,aAAa,OAAO,GAAG,IAAI;AAAA,EACnD;AAEA,SAAO,EAAE,YAAY,oBAAoB,QAAQ,eAAA;AACnD;AAEO,MAAM,oBAAoB,CAC/B,UACmC;AACnC,MAAI,QAAQ;AAEZ,MAAI,kBAAkB,OAAO;AAC3B,UAAM,KAAK,MAAM;AAGjB,QAAI,WAAW,MAAM,GAAG,MAAM,QAAQ;AACpC,cAAQ,GAAG;AAAA,IACb,WAAW,GAAG,SAAS,GAAG,MAAM,QAAQ;AACtC,cAAQ,GAAG;AAAA,IACb;AAAA,EACF,WAAW,MAAM,UAAU,MAAM,OAAO,OAAO;AAC7C,YAAQ,MAAM,OAAO;AAAA,EACvB;AAEA,SAAO,MAAM,UAAU,MAAM,KAAK,KAAK;AACzC;"}