@corva/ui 3.1.0-rc.5 → 3.1.0

package/componentsV2/FilesDropzone/FilesDropzone.js

@@ -1,105 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useDropzone } from 'react-dropzone';
-import classNames from 'classnames';
-import { Text } from '../Text/Text.js';
-import { Button } from '../Button/Button.js';
-import { parseAccept, formatDescription } from './utils.js';
-import styles from './FilesDropzone.scss.js';
-import { FileAdditionOne } from '../../icons/iconParkIcons.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import { CautionFilledCustomIcon } from '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var FilesDropzone = function FilesDropzone(_ref) {
-  var multiple = _ref.multiple,
-    children = _ref.children,
-    accept = _ref.accept,
-    onDrop = _ref.onDrop,
-    className = _ref.className,
-    maxFiles = _ref.maxFiles,
-    maxSize = _ref.maxSize,
-    error = _ref.error,
-    disabled = _ref.disabled,
-    testId = _ref.testId;
-  var _parseAccept = parseAccept(accept),
-    mimetypes = _parseAccept.mimetypes,
-    extensions = _parseAccept.extensions;
-  var acceptObject = mimetypes.length || extensions.length ? _objectSpread({
-    '*/*': extensions
-  }, Object.fromEntries(mimetypes.map(function (mimetype) {
-    return [mimetype, []];
-  }))) : undefined;
-  var description = formatDescription(extensions, maxSize);
-  var _useDropzone = useDropzone({
-      onDrop: onDrop,
-      multiple: multiple,
-      accept: acceptObject,
-      maxFiles: maxFiles,
-      maxSize: maxSize,
-      disabled: disabled
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive;
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.root, className),
-    "data-testid": testId,
-    children: [/*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
-      className: classNames(styles.dropzone, disabled && styles.disabled, isDragActive && styles.active),
-      children: [/*#__PURE__*/jsx("input", _objectSpread({}, getInputProps())), children || /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(FileAdditionOne, {
-          size: 24,
-          className: styles.icon
-        }), /*#__PURE__*/jsx(Text, {
-          size: 14,
-          color: disabled ? 'T9' : 'T6',
-          children: "Drag & Drop your file here or"
-        }), /*#__PURE__*/jsx(Button, {
-          type: "tertiary",
-          size: "small",
-          disabled: disabled,
-          className: styles.uploadButton,
-          children: "Choose file"
-        })]
-      })]
-    })), !error && description && /*#__PURE__*/jsx(Text, {
-      size: 14,
-      color: disabled ? 'T9' : 'T6',
-      className: styles.description,
-      children: description
-    }), error && /*#__PURE__*/jsxs(Text, {
-      size: 14,
-      className: styles.error,
-      children: [/*#__PURE__*/jsx(CautionFilledCustomIcon, {
-        size: 16
-      }), error]
-    })]
-  });
-};
-
-export { FilesDropzone };
-//# sourceMappingURL=FilesDropzone.js.map
+import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as i,Fragment as c}from"react/jsx-runtime";import{useDropzone as n}from"react-dropzone";import t from"classnames";import{Text as e}from"../Text/Text.js";import{Button as r}from"../Button/Button.js";import{parseAccept as m,formatDescription as p}from"./utils.js";import l from"./FilesDropzone.scss.js";import{FileAdditionOne as a}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as u}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var d=function(d){var j=d.multiple,I=d.children,h=d.accept,f=d.onDrop,x=d.className,b=d.maxFiles,z=d.maxSize,C=d.error,F=d.disabled,g=d.testId,v=m(h),D=v.mimetypes,N=v.extensions,k=D.length||N.length?o({"*/*":N},Object.fromEntries(D.map((function(o){return[o,[]]})))):void 0,T=p(N,z),y=n({onDrop:f,multiple:j,accept:k,maxFiles:b,maxSize:z,disabled:F}),A=y.getRootProps,E=y.getInputProps,O=y.isDragActive;return s("div",{className:t(l.root,x),"data-testid":g,children:[s("div",o({},A(),{className:t(l.dropzone,F&&l.disabled,O&&l.active),children:[i("input",o({},E())),I||s(c,{children:[i(a,{size:24,className:l.icon}),i(e,{size:14,color:F?"T9":"T6",children:"Drag & Drop your file here or"}),i(r,{type:"tertiary",size:"small",disabled:F,className:l.uploadButton,children:"Choose file"})]})]})),!C&&T&&i(e,{size:14,color:F?"T9":"T6",className:l.description,children:T}),C&&s(e,{size:14,className:l.error,children:[i(u,{size:16}),C]})]})};export{d as FilesDropzone};

package/componentsV2/FilesDropzone/FilesDropzone.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.FilesDropzone_root__co7sS {\n  display: flex;\n  flex-flow: column nowrap;\n  gap: 8px;\n}\n.FilesDropzone_icon__HstSF {\n  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}\n.FilesDropzone_dropzone__FOCNZ {\n  width: 100%;\n  min-height: 150px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  border: 1px dashed var(--palette-primary-text-9);\n  color: var(--palette-primary-text-6);\n  gap: 8px;\n  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s, background cubic-bezier(0.4, 0, 0.2, 1) 0.15s, border-color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n  cursor: pointer;\n}\n.FilesDropzone_dropzone__FOCNZ:hover:not(.FilesDropzone_disabled__e5wMm), .FilesDropzone_dropzone__FOCNZ.FilesDropzone_active__d2FPA {\n  background: rgb(from var(--palette-primary-main) r g b / 0.04);\n  border: 1px solid var(--palette-primary-main);\n}\n.FilesDropzone_dropzone__FOCNZ:hover:not(.FilesDropzone_disabled__e5wMm) .FilesDropzone_icon__HstSF, .FilesDropzone_dropzone__FOCNZ.FilesDropzone_active__d2FPA .FilesDropzone_icon__HstSF {\n  color: var(--palette-primary-main);\n}\n.FilesDropzone_dropzone__FOCNZ.FilesDropzone_disabled__e5wMm {\n  cursor: not-allowed;\n  color: var(--palette-primary-text-9);\n  border-color: var(--palette-primary-text-9);\n}\n.FilesDropzone_uploadButton__xvuDp {\n  margin-top: 8px;\n}\n.FilesDropzone_error__9qA4G {\n  color: var(--palette-error-main);\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: 8px;\n}\n.FilesDropzone_description__UlzW7 {\n  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n}";
-var styles = {"spacing":"8","root":"FilesDropzone_root__co7sS","icon":"FilesDropzone_icon__HstSF","dropzone":"FilesDropzone_dropzone__FOCNZ","disabled":"FilesDropzone_disabled__e5wMm","active":"FilesDropzone_active__d2FPA","uploadButton":"FilesDropzone_uploadButton__xvuDp","error":"FilesDropzone_error__9qA4G","description":"FilesDropzone_description__UlzW7"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=FilesDropzone.scss.js.map
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"FilesDropzone_root__co7sS",icon:"FilesDropzone_icon__HstSF",dropzone:"FilesDropzone_dropzone__FOCNZ",disabled:"FilesDropzone_disabled__e5wMm",active:"FilesDropzone_active__d2FPA",uploadButton:"FilesDropzone_uploadButton__xvuDp",error:"FilesDropzone_error__9qA4G",description:"FilesDropzone_description__UlzW7"};o(".FilesDropzone_root__co7sS{display:flex;flex-flow:column nowrap;gap:8px}.FilesDropzone_icon__HstSF{transition:color .15s cubic-bezier(.4,0,.2,1)}.FilesDropzone_dropzone__FOCNZ{align-items:center;border:1px dashed var(--palette-primary-text-9);border-radius:8px;color:var(--palette-primary-text-6);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:150px;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);width:100%}.FilesDropzone_dropzone__FOCNZ.FilesDropzone_active__d2FPA,.FilesDropzone_dropzone__FOCNZ:hover:not(.FilesDropzone_disabled__e5wMm){background:rgb(from var(--palette-primary-main) r g b/.04);border:1px solid var(--palette-primary-main)}.FilesDropzone_dropzone__FOCNZ.FilesDropzone_active__d2FPA .FilesDropzone_icon__HstSF,.FilesDropzone_dropzone__FOCNZ:hover:not(.FilesDropzone_disabled__e5wMm) .FilesDropzone_icon__HstSF{color:var(--palette-primary-main)}.FilesDropzone_dropzone__FOCNZ.FilesDropzone_disabled__e5wMm{border-color:var(--palette-primary-text-9);color:var(--palette-primary-text-9);cursor:not-allowed}.FilesDropzone_uploadButton__xvuDp{margin-top:8px}.FilesDropzone_error__9qA4G{align-items:center;color:var(--palette-error-main);display:flex;flex-flow:row nowrap;gap:8px}.FilesDropzone_description__UlzW7{transition:color .15s cubic-bezier(.4,0,.2,1)}");export{e as default};

package/componentsV2/FilesDropzone/utils.js

@@ -1,35 +1 @@
-import '../../utils/index.js';
-import { formatFileSize } from '../../utils/formatFileSize.js';
-
-var parseAccept = function parseAccept() {
-  var accept = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var acceptArr = accept instanceof Array ? accept : accept.split(',').map(function (item) {
-    return item.trim();
-  }).filter(function (item) {
-    return !!item;
-  });
-  return {
-    mimetypes: acceptArr.filter(function (item) {
-      return !item.startsWith('.');
-    }),
-    extensions: acceptArr.filter(function (item) {
-      return item.startsWith('.');
-    })
-  };
-};
-var formatDescription = function formatDescription(extensions, maxSize) {
-  var parts = [];
-  if (extensions.length) {
-    var lastExtension = extensions.slice(-1)[0];
-    var listExtensions = extensions.slice(0, -1);
-    var andWord = listExtensions.length > 0 ? ' and ' : '';
-    parts.push("Only ".concat(listExtensions.join(', ')).concat(andWord).concat(lastExtension, " ") + "format".concat(listExtensions.length > 0 ? 's' : '', "."));
-  }
-  if (maxSize) {
-    parts.push("".concat(formatFileSize(maxSize), " max file size."));
-  }
-  return parts.join(' ');
-};
-
-export { formatDescription, parseAccept };
-//# sourceMappingURL=utils.js.map
+import"../../utils/index.js";import{formatFileSize as t}from"../../utils/formatFileSize.js";var n=function(t){void 0===t&&(t="");var n=t instanceof Array?t:t.split(",").map((function(t){return t.trim()})).filter((function(t){return!!t}));return{mimetypes:n.filter((function(t){return!t.startsWith(".")})),extensions:n.filter((function(t){return t.startsWith(".")}))}},i=function(n,i){var r=[];if(n.length){var e=n.slice(-1)[0],o=n.slice(0,-1),c=o.length>0?" and ":"";r.push("Only ".concat(o.join(", ")).concat(c).concat(e," ")+"format".concat(o.length>0?"s":"","."))}return i&&r.push("".concat(t(i)," max file size.")),r.join(" ")};export{i as formatDescription,n as parseAccept};

package/componentsV2/FilesLoader/FilesLoader.js

@@ -1,116 +1 @@
-import classNames from 'classnames';
-import { FileIcon } from '../FileIcon/FileIcon.js';
-import { Text } from '../Text/Text.js';
-import { TextMiddleTruncated } from '../TextMiddleTruncated/TextMiddleTruncated.js';
-import '../TextMiddleTruncated/TextMiddleTruncated.constants.js';
-import { LoaderLinear } from '../LoaderLinear/LoaderLinear.js';
-import { ButtonIcon } from '../ButtonIcon/ButtonIcon.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import { formatSizeProgress } from './utils.js';
-import styles from './FilesLoader.scss.js';
-import { CloseIcon, DeleteFourIcon, RedoIcon } from '../../icons/iconParkIcons.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import { CautionFilledCustomIcon } from '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var FilesLoader = function FilesLoader(_ref) {
-  var propsFormatProgress = _ref.formatProgress,
-    className = _ref.className,
-    name = _ref.name,
-    current = _ref.current,
-    total = _ref.total,
-    error = _ref.error,
-    onCancel = _ref.onCancel,
-    onReload = _ref.onReload,
-    onDelete = _ref.onDelete,
-    indeterminate = _ref.indeterminate,
-    complete = _ref.complete,
-    testId = _ref.testId;
-  var formatProgress = propsFormatProgress || formatSizeProgress;
-  var isDeterminate = !indeterminate && typeof total !== 'undefined' && typeof current !== 'undefined';
-  var progressPercent = isDeterminate ? Math.min(100, Math.ceil(current / total * 100)) : undefined;
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.root, className),
-    "data-testid": testId,
-    children: [/*#__PURE__*/jsx(FileIcon, {
-      name: name,
-      className: styles.icon
-    }), /*#__PURE__*/jsxs("div", {
-      className: styles.content,
-      children: [/*#__PURE__*/jsx(Text, {
-        size: 14,
-        children: /*#__PURE__*/jsx(TextMiddleTruncated, {
-          children: name
-        })
-      }), !error && !complete && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(LoaderLinear, {
-          className: styles.progressBar,
-          value: progressPercent
-        }), isDeterminate && /*#__PURE__*/jsxs("div", {
-          className: styles.progressTextContainer,
-          children: [/*#__PURE__*/jsx(Text, {
-            size: 12,
-            color: "T6",
-            children: formatProgress(total, current)
-          }), /*#__PURE__*/jsxs(Text, {
-            size: 12,
-            color: "T6",
-            children: [progressPercent, "%"]
-          })]
-        })]
-      }), error && /*#__PURE__*/jsxs(Text, {
-        size: 14,
-        className: styles.error,
-        children: [/*#__PURE__*/jsx(CautionFilledCustomIcon, {
-          size: 16
-        }), error]
-      })]
-    }), onCancel && !error && !complete && /*#__PURE__*/jsx(Tooltip, {
-      title: "Cancel",
-      children: /*#__PURE__*/jsx(ButtonIcon, {
-        onClick: onCancel,
-        size: "small",
-        children: /*#__PURE__*/jsx(CloseIcon, {})
-      })
-    }), onDelete && (error || complete) && /*#__PURE__*/jsx(Tooltip, {
-      title: "Remove File",
-      children: /*#__PURE__*/jsx(ButtonIcon, {
-        onClick: onDelete,
-        size: "small",
-        children: /*#__PURE__*/jsx(DeleteFourIcon, {})
-      })
-    }), onReload && error && /*#__PURE__*/jsx(Tooltip, {
-      title: "Reload",
-      children: /*#__PURE__*/jsx(ButtonIcon, {
-        onClick: onReload,
-        size: "small",
-        children: /*#__PURE__*/jsx(RedoIcon, {})
-      })
-    })]
-  });
-};
-
-export { FilesLoader };
-//# sourceMappingURL=FilesLoader.js.map
+import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{FileIcon as n}from"../FileIcon/FileIcon.js";import{Text as e}from"../Text/Text.js";import{TextMiddleTruncated as t}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{LoaderLinear as r}from"../LoaderLinear/LoaderLinear.js";import{ButtonIcon as m}from"../ButtonIcon/ButtonIcon.js";import{Tooltip as l}from"../Tooltip/Tooltip.js";import{formatSizeProgress as a}from"./utils.js";import d from"./FilesLoader.scss.js";import{CloseIcon as p,DeleteFourIcon as u,RedoIcon as j}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as I}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var h=function(h){var C=h.formatProgress,T=h.className,f=h.name,x=h.current,F=h.total,v=h.error,k=h.onCancel,M=h.onReload,z=h.onDelete,N=h.indeterminate,L=h.complete,R=h.testId,b=C||a,g=!N&&void 0!==F&&void 0!==x,A=g?Math.min(100,Math.ceil(x/F*100)):void 0;return o("div",{className:i(d.root,T),"data-testid":R,children:[s(n,{name:f,className:d.icon}),o("div",{className:d.content,children:[s(e,{size:14,children:s(t,{children:f})}),!v&&!L&&o(c,{children:[s(r,{className:d.progressBar,value:A}),g&&o("div",{className:d.progressTextContainer,children:[s(e,{size:12,color:"T6",children:b(F,x)}),o(e,{size:12,color:"T6",children:[A,"%"]})]})]}),v&&o(e,{size:14,className:d.error,children:[s(I,{size:16}),v]})]}),k&&!v&&!L&&s(l,{title:"Cancel",children:s(m,{onClick:k,size:"small",children:s(p,{})})}),z&&(v||L)&&s(l,{title:"Remove File",children:s(m,{onClick:z,size:"small",children:s(u,{})})}),M&&v&&s(l,{title:"Reload",children:s(m,{onClick:M,size:"small",children:s(j,{})})})]})};export{h as FilesLoader};

package/componentsV2/FilesLoader/FilesLoader.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.FilesLoader_root__qCFhw {\n  border-radius: 8px;\n  border: 1px solid rgb(from var(--palette-primary-text-1) r g b / 0.08);\n  padding: 8px 16px;\n  width: 100%;\n  min-height: 64px;\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 16px;\n  align-items: center;\n  justify-content: space-between;\n}\n.FilesLoader_icon__XusHn {\n  width: 32px;\n  height: 32px;\n}\n.FilesLoader_content__Hkoic {\n  flex-grow: 1;\n  min-width: 1px;\n}\n.FilesLoader_progressBar__bNJgO {\n  margin: 4px 0px;\n}\n.FilesLoader_progressTextContainer__oXRm- {\n  display: flex;\n  flex-flow: row nowrap;\n  gap: 16px;\n  justify-content: space-between;\n  min-width: 1px;\n}\n.FilesLoader_error__wmxqD {\n  line-height: 16px;\n  color: var(--palette-error-main);\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: 8px;\n  padding-top: 4px;\n}";
-var styles = {"spacing":"8","root":"FilesLoader_root__qCFhw","icon":"FilesLoader_icon__XusHn","content":"FilesLoader_content__Hkoic","progressBar":"FilesLoader_progressBar__bNJgO","progressTextContainer":"FilesLoader_progressTextContainer__oXRm-","error":"FilesLoader_error__wmxqD"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=FilesLoader.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"FilesLoader_root__qCFhw",icon:"FilesLoader_icon__XusHn",content:"FilesLoader_content__Hkoic",progressBar:"FilesLoader_progressBar__bNJgO",progressTextContainer:"FilesLoader_progressTextContainer__oXRm-",error:"FilesLoader_error__wmxqD"};e(".FilesLoader_root__qCFhw{align-items:center;border:1px solid rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:8px;display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;min-height:64px;padding:8px 16px;width:100%}.FilesLoader_icon__XusHn{height:32px;width:32px}.FilesLoader_content__Hkoic{flex-grow:1;min-width:1px}.FilesLoader_progressBar__bNJgO{margin:4px 0}.FilesLoader_progressTextContainer__oXRm-{display:flex;flex-flow:row nowrap;gap:16px;justify-content:space-between;min-width:1px}.FilesLoader_error__wmxqD{align-items:center;color:var(--palette-error-main);display:flex;flex-flow:row nowrap;gap:8px;line-height:16px;padding-top:4px}");export{r as default};

package/componentsV2/FilesLoader/utils.js

@@ -1,12 +1 @@
-import '../../utils/index.js';
-import { formatFileSize } from '../../utils/formatFileSize.js';
-
-var formatSizeProgress = function formatSizeProgress(total, current) {
-  if (typeof total !== 'undefined' && typeof current !== 'undefined' && total >= 0 && current >= 0) {
-    return "".concat(formatFileSize(current), " of ").concat(formatFileSize(total));
-  }
-  return null;
-};
-
-export { formatSizeProgress };
-//# sourceMappingURL=utils.js.map
+import"../../utils/index.js";import{formatFileSize as o}from"../../utils/formatFileSize.js";var i=function(i,t){return void 0!==i&&void 0!==t&&i>=0&&t>=0?"".concat(o(t)," of ").concat(o(i)):null};export{i as formatSizeProgress};

package/componentsV2/FilesProcessor/FilesProcessor.js

@@ -1,124 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect, useCallback } from 'react';
-import classNames from 'classnames';
-import { FilesDropzone } from '../FilesDropzone/FilesDropzone.js';
-import { FilesLoader } from '../FilesLoader/FilesLoader.js';
-import { Processor } from './Processor.js';
-import styles from './FilesProcessor.scss.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var FilesProcessor = function FilesProcessor(_ref) {
-  var multiple = _ref.multiple,
-    accept = _ref.accept,
-    className = _ref.className,
-    processFile = _ref.processFile,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? [] : _ref$value,
-    onDone = _ref.onDone,
-    onDelete = _ref.onDelete,
-    maxFiles = _ref.maxFiles,
-    maxSize = _ref.maxSize,
-    formatProgress = _ref.formatProgress,
-    onProcessingFailure = _ref.onProcessingFailure,
-    onStartProcessing = _ref.onStartProcessing,
-    testId = _ref.testId;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadingFiles = _useState2[0],
-    setUploadingFiles = _useState2[1];
-  useEffect(function () {
-    var done = uploadingFiles.length > 0 && uploadingFiles.every(function (item) {
-      return 'success' in item;
-    }) && uploadingFiles.some(function (item) {
-      return item.success;
-    });
-    if (done) {
-      setUploadingFiles(function (items) {
-        return items.filter(function (_ref2) {
-          var success = _ref2.success;
-          return !success;
-        });
-      });
-      onDone(uploadingFiles.filter(function (_ref3) {
-        var success = _ref3.success,
-          data = _ref3.data;
-        return !!success && !!data;
-      }).map(function (_ref4) {
-        var data = _ref4.data;
-        return data;
-      }));
-    }
-  }, [uploadingFiles, onDone]);
-  var onUploadedDelete = useCallback(function (file) {
-    setUploadingFiles(function (items) {
-      return items.filter(function (item) {
-        return item.file !== file;
-      });
-    });
-  }, []);
-  var onFileUploaded = useCallback(function (result) {
-    if (!result.success) {
-      onProcessingFailure === null || onProcessingFailure === void 0 ? void 0 : onProcessingFailure(result.file, result.cancelled, result.error);
-    }
-    setUploadingFiles(function (uploadingFiles) {
-      return uploadingFiles.map(function (uploadingFile) {
-        if (uploadingFile.file === result.file) {
-          return _objectSpread(_objectSpread({}, uploadingFile), {}, {
-            data: result.data,
-            success: result.success,
-            cancelled: result.cancelled
-          });
-        }
-        return uploadingFile;
-      });
-    });
-  }, [onProcessingFailure]);
-  var onDrop = useCallback(function (files) {
-    onStartProcessing === null || onStartProcessing === void 0 ? void 0 : onStartProcessing(files);
-    var newFiles = files.map(function (file) {
-      return {
-        file: file
-      };
-    });
-    setUploadingFiles(function (initial) {
-      return [].concat(_toConsumableArray(initial), _toConsumableArray(newFiles));
-    });
-  }, [onStartProcessing]);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.root, className),
-    "data-testid": testId,
-    children: [(multiple || uploadingFiles.length === 0 && (value === null || value === void 0 ? void 0 : value.length) === 0) && /*#__PURE__*/jsx(FilesDropzone, {
-      multiple: multiple,
-      onDrop: onDrop,
-      accept: accept,
-      maxFiles: maxFiles,
-      maxSize: maxSize
-    }), (uploadingFiles.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0) && /*#__PURE__*/jsxs("div", {
-      className: styles.files,
-      children: [uploadingFiles.map(function (item) {
-        return /*#__PURE__*/jsx(Processor, {
-          processFile: processFile,
-          onStatusChange: onFileUploaded,
-          file: item.file,
-          onDelete: onUploadedDelete,
-          formatProgress: formatProgress
-        }, "".concat(item.file.size, "|").concat(item.file.name));
-      }), value === null || value === void 0 ? void 0 : value.map(function (item, index) {
-        return /*#__PURE__*/jsx(FilesLoader, {
-          name: item.name,
-          onDelete: onDelete ? function () {
-            return onDelete(item);
-          } : undefined,
-          complete: true
-        }, index);
-      })]
-    })]
-  });
-};
-
-export { FilesProcessor };
-//# sourceMappingURL=FilesProcessor.js.map
+import{__assign as e,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as i,useCallback as s}from"react";import c from"classnames";import{FilesDropzone as l}from"../FilesDropzone/FilesDropzone.js";import{FilesLoader as u}from"../FilesLoader/FilesLoader.js";import{Processor as a}from"./Processor.js";import f from"./FilesProcessor.scss.js";var m=function(m){var p=m.multiple,d=m.accept,v=m.className,g=m.processFile,F=m.value,h=void 0===F?[]:F,D=m.onDone,j=m.onDelete,x=m.maxFiles,P=m.maxSize,z=m.formatProgress,S=m.onProcessingFailure,N=m.onStartProcessing,b=m.testId,L=o([]),y=L[0],C=L[1];i((function(){y.length>0&&y.every((function(e){return"success"in e}))&&y.some((function(e){return e.success}))&&(C((function(e){return e.filter((function(e){return!e.success}))})),D(y.filter((function(e){var n=e.success,r=e.data;return!!n&&!!r})).map((function(e){return e.data}))))}),[y,D]);var I=s((function(e){C((function(n){return n.filter((function(n){return n.file!==e}))}))}),[]),_=s((function(n){n.success||null==S||S(n.file,n.cancelled,n.error),C((function(r){return r.map((function(r){return r.file===n.file?e(e({},r),{data:n.data,success:n.success,cancelled:n.cancelled}):r}))}))}),[S]),k=s((function(e){null==N||N(e);var r=e.map((function(e){return{file:e}}));C((function(e){return n(n([],e,!0),r,!0)}))}),[N]);return r("div",{className:c(f.root,v),"data-testid":b,children:[(p||0===y.length&&0===(null==h?void 0:h.length))&&t(l,{multiple:p,onDrop:k,accept:d,maxFiles:x,maxSize:P}),(y.length>0||(null==h?void 0:h.length)>0)&&r("div",{className:f.files,children:[y.map((function(e){return t(a,{processFile:g,onStatusChange:_,file:e.file,onDelete:I,formatProgress:z},"".concat(e.file.size,"|").concat(e.file.name))})),null==h?void 0:h.map((function(e,n){return t(u,{name:e.name,onDelete:j?function(){return j(e)}:void 0,complete:!0},n)}))]})]})};export{m as FilesProcessor};

package/componentsV2/FilesProcessor/FilesProcessor.scss.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = "/* This file was automatically generated and should not be edited. */\n/* CSS variables from MUI theme */\n/* Other common variables ./src/styles/vars.base.scss */\n/* SCSS functions ./src/styles/utils.scss */\n/* SCSS mixins ./src/styles/mixins.scss */\n.FilesProcessor_root__uHIL1 {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.FilesProcessor_files__1o-qw {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}";
-var styles = {"spacing":"8","root":"FilesProcessor_root__uHIL1","files":"FilesProcessor_files__1o-qw"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=FilesProcessor.scss.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"FilesProcessor_root__uHIL1",files:"FilesProcessor_files__1o-qw"};e(".FilesProcessor_root__uHIL1{display:flex;flex-direction:column;gap:24px}.FilesProcessor_files__1o-qw{display:flex;flex-direction:column;gap:16px}");export{o as default};

package/componentsV2/FilesProcessor/Processor.js

@@ -1,175 +1 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState, useCallback, useMemo, useEffect } from 'react';
-import { FilesLoader } from '../FilesLoader/FilesLoader.js';
-import { jsx } from 'react/jsx-runtime';
-
-var Processor = function Processor(props) {
-  var onStatusChange = props.onStatusChange,
-    file = props.file,
-    processFile = props.processFile,
-    onDelete = props.onDelete,
-    formatProgress = props.formatProgress;
-  var _useState = useState({
-      total: 0,
-      current: 0,
-      indeterminate: true,
-      complete: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    progress = _useState2[0],
-    setProgress = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isCancelled = _useState6[0],
-    setIsCancelled = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    cancelFunction = _useState8[0],
-    setCancelFunction = _useState8[1];
-  var registerProgress = useCallback(function (total, current) {
-    setProgress({
-      total: total,
-      current: current,
-      indeterminate: false,
-      complete: false
-    });
-  }, []);
-  var handleCancel = useMemo(function () {
-    if (!cancelFunction) {
-      return undefined;
-    }
-    return function () {
-      cancelFunction();
-      setIsCancelled(true);
-      onStatusChange({
-        success: false,
-        cancelled: true,
-        file: file
-      });
-    };
-  }, [cancelFunction, file, onStatusChange]);
-
-  // We use closure here to properly handle cancellation: we should not listen to updates from processFile
-  // if processing is cancelled, and properly listen to the new process (not both) when processing is restarted
-  var getFileProcessor = useCallback(function () {
-    var isCancelled = false;
-    return /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
-        var ownRegisterProgress, ownSetCancelFunction, data, _error;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                ownRegisterProgress = function ownRegisterProgress() {
-                  if (!isCancelled) {
-                    registerProgress.apply(void 0, arguments);
-                  }
-                };
-                ownSetCancelFunction = function ownSetCancelFunction(onCancel) {
-                  setCancelFunction(function () {
-                    return function () {
-                      isCancelled = true;
-                      onCancel();
-                    };
-                  });
-                };
-                _context.next = 5;
-                return processFile(file, ownRegisterProgress, ownSetCancelFunction);
-              case 5:
-                data = _context.sent;
-                if (!isCancelled) {
-                  _context.next = 8;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 8:
-                setProgress(function (_ref2) {
-                  var total = _ref2.total,
-                    indeterminate = _ref2.indeterminate;
-                  return {
-                    total: total,
-                    current: total,
-                    indeterminate: indeterminate,
-                    complete: true
-                  };
-                });
-                onStatusChange({
-                  success: true,
-                  cancelled: false,
-                  data: data,
-                  file: file
-                });
-                _context.next = 19;
-                break;
-              case 12:
-                _context.prev = 12;
-                _context.t0 = _context["catch"](0);
-                if (!isCancelled) {
-                  _context.next = 16;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 16:
-                _error = _context.t0 instanceof Error ? _context.t0 : new Error(String(_context.t0));
-                setError(_error);
-                onStatusChange({
-                  success: false,
-                  cancelled: false,
-                  error: _error,
-                  file: file
-                });
-              case 19:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 12]]);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-  }, [processFile, onStatusChange, registerProgress]);
-  var handleReload = useCallback(function () {
-    setError(undefined);
-    setIsCancelled(false);
-    onStatusChange({
-      file: file,
-      success: false,
-      data: undefined,
-      error: undefined,
-      cancelled: false
-    });
-    getFileProcessor()(file);
-  }, [file, getFileProcessor, onStatusChange]);
-  var handleDelete = useCallback(function () {
-    onDelete(file);
-  }, [onDelete, file]);
-  useEffect(function () {
-    getFileProcessor()(file);
-  }, [file, getFileProcessor]);
-  var cancelledMessage = isCancelled ? 'Cancelled' : null;
-  var errorMessage = error ? error === null || error === void 0 ? void 0 : error.message : cancelledMessage;
-  return /*#__PURE__*/jsx(FilesLoader, {
-    name: file.name,
-    total: progress.total,
-    current: progress.current,
-    error: errorMessage,
-    onCancel: handleCancel,
-    onReload: handleReload,
-    onDelete: handleDelete,
-    formatProgress: formatProgress,
-    complete: progress.complete,
-    indeterminate: progress.indeterminate
-  });
-};
-
-export { Processor };
-//# sourceMappingURL=Processor.js.map
+import{__awaiter as e,__generator as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{useState as r,useCallback as o,useMemo as i,useEffect as c}from"react";import{FilesLoader as a}from"../FilesLoader/FilesLoader.js";var l=function(l){var u=l.onStatusChange,s=l.file,f=l.processFile,d=l.onDelete,m=l.formatProgress,v=r({total:0,current:0,indeterminate:!0,complete:!1}),p=v[0],g=v[1],h=r(),b=h[0],j=h[1],C=r(!1),F=C[0],w=C[1],x=r(),y=x[0],D=x[1],E=o((function(e,t){g({total:e,current:t,indeterminate:!1,complete:!1})}),[]),L=i((function(){if(y)return function(){y(),w(!0),u({success:!1,cancelled:!0,file:s})}}),[y,s,u]),P=o((function(){var n=!1;return function(r){return e(void 0,void 0,void 0,(function(){var e,o,i,c;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),e=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];n||E.apply(void 0,e)},[4,f(r,e,(function(e){D((function(){return function(){n=!0,e()}}))}))];case 1:return o=t.sent(),n?[2]:(g((function(e){var t=e.total;return{total:t,current:t,indeterminate:e.indeterminate,complete:!0}})),u({success:!0,cancelled:!1,data:o,file:r}),[3,3]);case 2:return i=t.sent(),n?[2]:(c=i instanceof Error?i:new Error(String(i)),j(c),u({success:!1,cancelled:!1,error:c,file:r}),[3,3]);case 3:return[2]}}))}))}}),[f,u,E]),S=o((function(){j(void 0),w(!1),u({file:s,success:!1,data:void 0,error:void 0,cancelled:!1}),P()(s)}),[s,P,u]),R=o((function(){d(s)}),[d,s]);c((function(){P()(s)}),[s,P]);var _=F?"Cancelled":null,k=b?null==b?void 0:b.message:_;return n(a,{name:s.name,total:p.total,current:p.current,error:k,onCancel:L,onReload:S,onDelete:R,formatProgress:m,complete:p.complete,indeterminate:p.indeterminate})};export{l as Processor};