siam-ui-utils 3.0.31 → 3.0.32

package/dist/dropzone/Input.js

@@ -0,0 +1,77 @@
+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 '.'\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/dist/dropzone/Layout.js

@@ -0,0 +1,50 @@
+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 '.'\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 '.'\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 '.'\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;"}