siam-ui-utils 3.1.0 → 3.1.2

package/dist/dropzone/Preview.js

@@ -1,117 +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
+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/SubmitButton.js

@@ -1,34 +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
+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/assets/cancel.svg.js

@@ -1,5 +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
+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/remove.svg.js

@@ -1,5 +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
+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/restart.svg.js

@@ -1,5 +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
+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