@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/FilesDropzone/FilesDropzone.js

@@ -1 +1,105 @@
-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{useStyles as e}from"./styles.js";import{FileAdditionOne as r}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 m}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{Regular14 as p}from"../Typography.js";import a from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{parseAccept as l,formatDescription as u}from"../../componentsV2/FilesDropzone/utils.js";var d=function(d){var j=d.multiple,I=d.children,h=d.accept,f=d.onDrop,x=d.className,b=d.maxFiles,v=d.maxSize,C=d.errorText,F=d.disabled,g=e(),z=l(h),B=z.mimetypes,y=z.extensions,D=B.length||y.length?o({"*/*":y},Object.fromEntries(B.map((function(o){return[o,[]]})))):void 0,N=u(y,v),k=n({onDrop:f,multiple:j,accept:D,maxFiles:b,maxSize:v,disabled:F}),S=k.getRootProps,A=k.getInputProps,E=k.isDragActive;return s("div",{className:x,children:[s("div",o({},S(),{className:t(g.root,F&&g.disabled,E&&g.active),children:[i("input",o({},A())),I||s(c,{children:[i(r,{size:24,className:g.icon}),i(p,{children:"Drag & Drop your file here or"}),i(a,{variation:"tertiary",size:"small",disabled:F,className:g.uploadButton,children:"Choose file"})]})]})),!C&&N&&i(p,{className:t(g.description,F&&g.disabled),children:N}),C&&s(p,{className:g.error,children:[i(m,{size:20}),C]})]})};export{d as FilesDropzone};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useDropzone } from 'react-dropzone';
+import classNames from 'classnames';
+import { useStyles } from './styles.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 { Regular14 } from '../Typography.js';
+import Button from '../Button/components/Button/index.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import 'moment-timezone';
+import '@material-ui/core';
+import '../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import '../Button/components/LiveButton/styles.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { parseAccept, formatDescription } from '../../componentsV2/FilesDropzone/utils.js';
+
+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(props) {
+  var multiple = props.multiple,
+    children = props.children,
+    accept = props.accept,
+    onDrop = props.onDrop,
+    className = props.className,
+    maxFiles = props.maxFiles,
+    maxSize = props.maxSize,
+    errorText = props.errorText,
+    disabled = props.disabled;
+  var styles = useStyles();
+  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: className,
+    children: [/*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
+      className: classNames(styles.root, 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(Regular14, {
+          children: "Drag & Drop your file here or"
+        }), /*#__PURE__*/jsx(Button, {
+          variation: "tertiary",
+          size: "small",
+          disabled: disabled,
+          className: styles.uploadButton,
+          children: "Choose file"
+        })]
+      })]
+    })), !errorText && description && /*#__PURE__*/jsx(Regular14, {
+      className: classNames(styles.description, disabled && styles.disabled),
+      children: description
+    }), errorText && /*#__PURE__*/jsxs(Regular14, {
+      className: styles.error,
+      children: [/*#__PURE__*/jsx(CautionFilledCustomIcon, {
+        size: 20
+      }), errorText]
+    })]
+  });
+};
+
+export { FilesDropzone };
+//# sourceMappingURL=FilesDropzone.js.map

package/components/FilesDropzone/FilesDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesDropzone.js","sources":["../../../src/components/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useStyles } from './styles';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\nimport { Regular14 } from '~/components/Typography';\nimport Button from '~/components/Button';\nimport { formatDescription, parseAccept } from '~/componentsV2/FilesDropzone/utils';\n\nexport type FilesDropzoneProps = {\n  /**\n   * Handles file drop\n   */\n  onDrop?: DropzoneOptions['onDrop'];\n\n  /**\n   * Content to render\n   */\n  children?: ReactNode;\n\n  /**\n   * Controls if dropzone accepts multiple files\n   */\n  multiple?: boolean;\n\n  /**\n   * Array of or comma-separated MIME types/File Extensions to accept\n   *\n   * NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n   * file extensions will be shown below the dropzone in the description\n   *\n   * Example:<br/>\n   * `.xsl,image/*,.csv`<br/>\n   * Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n   */\n  accept?: string[] | string;\n\n  /**\n   * Maximum files to accept\n   */\n  maxFiles?: number;\n\n  /**\n   * Maximum file size to accept\n   */\n  maxSize?: number;\n\n  errorText?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport const FilesDropzone = (props: FilesDropzoneProps) => {\n  const { multiple, children, accept, onDrop, className, maxFiles, maxSize, errorText, disabled } =\n    props;\n  const styles = useStyles();\n  const { mimetypes, extensions } = parseAccept(accept);\n\n  const acceptObject: Accept =\n    mimetypes.length || extensions.length\n      ? {\n          '*/*': extensions,\n          ...Object.fromEntries(mimetypes.map(mimetype => [mimetype, []])),\n        }\n      : undefined;\n\n  const description = formatDescription(extensions, maxSize);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    multiple,\n    accept: acceptObject,\n    maxFiles,\n    maxSize,\n    disabled,\n  });\n  return (\n    <div className={className}>\n      <div\n        {...getRootProps()}\n        className={classNames(\n          styles.root,\n          disabled && styles.disabled,\n          isDragActive && styles.active\n        )}\n      >\n        <input {...getInputProps()} />\n        {children || (\n          <>\n            <FileAdditionOne size={24} className={styles.icon} />\n            <Regular14>Drag & Drop your file here or</Regular14>\n            <Button\n              variation=\"tertiary\"\n              size=\"small\"\n              disabled={disabled}\n              className={styles.uploadButton}\n            >\n              Choose file\n            </Button>\n          </>\n        )}\n      </div>\n\n      {!errorText && description && (\n        <Regular14 className={classNames(styles.description, disabled && styles.disabled)}>\n          {description}\n        </Regular14>\n      )}\n\n      {errorText && (\n        <Regular14 className={styles.error}>\n          <CautionFilledCustomIcon size={20} />\n          {errorText}\n        </Regular14>\n      )}\n    </div>\n  );\n};\n"],"names":["FilesDropzone","props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","Object","fromEntries","map","mimetype","undefined","description","formatDescription","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","icon","uploadButton","error"],"mappings":"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"}

package/components/FilesDropzone/styles.js

@@ -1 +1,61 @@
-import{makeStyles as r}from"@material-ui/core";var t=r((function(r){return{disabled:{},active:{},icon:{transition:"all .3s"},root:{width:"100%",minHeight:"150px",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",borderRadius:"8px",border:"1px dashed ".concat(r.palette.primary.text9),color:r.palette.primary.text6,gap:r.spacing(1),transition:"all .3s","&:hover:not($disabled), &$active":{cursor:"pointer",background:"".concat(r.palette.primary.main,"1f"),border:"1px solid ".concat(r.palette.primary.main),"& $icon":{color:r.palette.primary.main}},"&$disabled":{cursor:"not-allowed",color:r.palette.primary.text9,borderColor:r.palette.primary.text9}},uploadButton:{marginTop:r.spacing(1)},error:{lineHeight:"16px!important",color:r.palette.error.main,display:"flex",flexFlow:"row nowrap",alignItems:"center",gap:r.spacing(1),marginTop:r.spacing(1)},description:{marginTop:r.spacing(1),color:r.palette.primary.text6,transition:"all .3s","&$disabled":{color:r.palette.primary.text9}}}}));export{t as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var transition = 'all .3s';
+var useStyles = makeStyles(function (theme) {
+  return {
+    disabled: {},
+    active: {},
+    icon: {
+      transition: transition
+    },
+    root: {
+      width: '100%',
+      minHeight: '150px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexDirection: 'column',
+      borderRadius: '8px',
+      border: "1px dashed ".concat(theme.palette.primary.text9),
+      color: theme.palette.primary.text6,
+      gap: theme.spacing(1),
+      transition: transition,
+      '&:hover:not($disabled), &$active': {
+        cursor: 'pointer',
+        background: "".concat(theme.palette.primary.main, "1f"),
+        border: "1px solid ".concat(theme.palette.primary.main),
+        '& $icon': {
+          color: theme.palette.primary.main
+        }
+      },
+      '&$disabled': {
+        cursor: 'not-allowed',
+        color: theme.palette.primary.text9,
+        borderColor: theme.palette.primary.text9
+      }
+    },
+    uploadButton: {
+      marginTop: theme.spacing(1)
+    },
+    error: {
+      lineHeight: '16px!important',
+      color: theme.palette.error.main,
+      display: 'flex',
+      flexFlow: 'row nowrap',
+      alignItems: 'center',
+      gap: theme.spacing(1),
+      marginTop: theme.spacing(1)
+    },
+    description: {
+      marginTop: theme.spacing(1),
+      color: theme.palette.primary.text6,
+      transition: 'all .3s',
+      '&$disabled': {
+        color: theme.palette.primary.text9
+      }
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map

package/components/FilesLoader/FilesLoader.js

@@ -1 +1,334 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as n,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as r}from"react";import c from"prop-types";import a from"classnames";import{Typography as l,LinearProgress as m}from"@material-ui/core";import d from"../IconButton/index.js";import u from"../Button/components/Button/index.js";import"moment-timezone";import{CloseSmallIcon as p,DeleteFourIcon as f,CheckOneIcon as h,RedoIcon as I,UploadIcon as g}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"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import j from"./Icons/IconWarning.js";import{FileIcon as z}from"../FileIcon/FileIcon.js";import{useStyles as v}from"./useStyles.js";function B(c){var B,N,C,S,b,y,w,L=c.size,k=c.unit,x=c.name,M=c.customUnitName,P=c.sizeBytes,A=c.handleCancel,E=c.onReload,F=c.onDelete,T=c.loadedBytes,R=c.error,D=c.errorText,O=c.formatError,U=c.importButtonType,W=c.isLoadingAnimation,q=c.showActions,G=v(),K=s({}),Z=K[0],_=K[1],H=s(0),J=H[0],Q=H[1],V=s(!0),X=V[0],Y=V[1],$="large"===L,oo=$?24:16,eo=$?"medium":"small";t((function(){_(function(o,e,n){return"time"===e?{downloaded:0,unit:"min",convertedSize:o}:"custom"===e?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(P,k,M))}),[P,k]),t((function(){if(T&&P){var e=Math.round(T/P*100);_((function(n){return o(o({},n),{downloaded:Math.floor(n.convertedSize*e/10)/10})})),Q(e)}}),[T,P]),t((function(){var o;return F&&J>=100&&(Y(!0),o=setTimeout((function(){Y(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[J]),t((function(){R&&(Q(0),_((function(e){return o(o({},e),{downloaded:0})})))}),[R]);var no=r((function(){var o,e;return[a(G.iconButton,((o={})[G.iconButtonLarge]=$,o)),a(G.actionIcon,((e={})[G.actionIconLarge]=$,e))]}),[$]),io=no[0],so=no[1];return e("div",{className:G.fileStateWrapper,children:[n("div",{className:G.fileIconContainer,children:n(z,{name:x,style:{fontSize:$?48:32}})}),e("div",{className:G.fileState,children:[e("div",{className:G.fileStateProgress,children:[n("div",{className:G.fileNameWrapper,children:n(l,{className:a(G.fileName,(B={},B[G.fileNameLarge]=$,B)),children:x.length>7?e(i,{children:[n("span",{className:G.firstPart,children:x.slice(0,x.length-7)}),n("span",{children:x.slice(-7)})]}):x})}),!W&&n(m,{className:G.progressBar,variant:"determinate",value:J,classes:{colorPrimary:a(G.progressBackground,(N={},N[G.progressBarError]=R,N)),barColorPrimary:a(G.progressBarColor,(C={},C[G.progressBarError]=R,C))}}),e("div",{className:G.loaderProgressContainer,children:[!W&&n(l,{className:a(G.fileSize,(S={},S[G.fileSizeLarge]=$,S)),component:"span",children:"".concat(Z.downloaded," of ").concat(Z.convertedSize," ").concat(Z.unit)}),e("div",{className:a(G.progressStatus,(b={},b[G.fileSizeLarge]=$,b)),children:[R&&e(l,{component:"div",className:G.errorContainer,children:[n(j,{size:L}),n(l,{component:"span",className:a(G.errorText,(y={},y[G.fileSizeLarge]=$,y)),children:O?"Upload Error. Unacceptable file format.":"Upload Error".concat(D&&". ".concat(D))})]}),!R&&!W&&"".concat(J," %")]})]})]}),q&&e("div",{className:G.fileActions,children:[J<100&&!R&&n(i,{children:W?n("div",{className:a(G.loadingIcon,(w={},w[G.loadingLargeIcon]=$,w)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):n(d,{tooltipProps:{title:"Cancel"},className:io,onClick:function(){A(x),Q(0),_((function(e){return o(o({},e),{downloaded:0})}))},size:eo,children:n(p,{className:so,size:oo})})}),100===J&&!R&&(!X&&F?n(d,{variant:"contained",tooltipProps:{title:"Delete"},className:io,onClick:F,size:eo,children:n(f,{className:so,size:oo})}):n(h,{fill:"#75DB29",size:oo,style:{marginLeft:12}})),E&&R&&n(i,{children:O?n(i,{children:"default"===U?n(u,{size:$?"medium":"small",variation:"primary",startIcon:n(g,{}),onClick:E,children:"Import"}):n(d,{size:eo,tooltipProps:{title:"Import File"},className:io,onClick:E,children:n(g,{size:oo})})}):n(d,{size:eo,tooltipProps:{title:"Reload"},className:io,onClick:E,children:n(I,{size:oo})})})]})]})]})}var N={size:c.oneOf(["small","large"]),unit:c.oneOf(["size","time","custom"]),customUnitName:c.string,onDelete:c.func,onReload:c.func,handleCancel:c.func,name:c.string,sizeBytes:c.number,error:c.bool,errorText:c.string,formatError:c.bool,importButtonType:c.oneOf(["default","icon"]),loadedBytes:c.number.isRequired,isLoadingAnimation:c.bool,showActions:c.bool};B.propTypes=N,B.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0};export{B as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { Typography, LinearProgress } from '@material-ui/core';
+import IconButton from '../IconButton/index.js';
+import Button from '../Button/components/Button/index.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'moment-timezone';
+import { CloseSmallIcon, DeleteFourIcon, CheckOneIcon, RedoIcon, UploadIcon } 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 '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import '../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import '../Button/components/LiveButton/styles.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import IconWarning from './Icons/IconWarning.js';
+import { FileIcon } from '../FileIcon/FileIcon.js';
+import { useStyles } from './useStyles.js';
+
+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 LoaderIcon = "/static/media/6fa6f1128bc0185126482345243bcd42.svg";
+function getInitSizeParams(sizeBytes, unit, customUnitName) {
+  if (unit === 'time') {
+    return {
+      downloaded: 0,
+      unit: 'min',
+      convertedSize: sizeBytes
+    };
+  }
+  if (unit === 'custom') {
+    return {
+      downloaded: 0,
+      unit: customUnitName,
+      convertedSize: sizeBytes
+    };
+  }
+  if (sizeBytes >= Math.pow(10, 6)) {
+    return {
+      downloaded: 0,
+      unit: 'MB',
+      convertedSize: Math.floor(sizeBytes / Math.pow(10, 5)) / 10
+    };
+  }
+  if (sizeBytes >= Math.pow(10, 3)) {
+    return {
+      downloaded: 0,
+      unit: 'KB',
+      convertedSize: Math.floor(sizeBytes / Math.pow(10, 2)) / 10
+    };
+  }
+  return {
+    downloaded: 0,
+    unit: 'B',
+    convertedSize: Math.floor(sizeBytes * 10) / 10
+  };
+}
+/**
+ * @deprecated
+ */
+function FilesLoader(_ref) {
+  var size = _ref.size,
+    unit = _ref.unit,
+    name = _ref.name,
+    customUnitName = _ref.customUnitName,
+    sizeBytes = _ref.sizeBytes,
+    handleCancel = _ref.handleCancel,
+    onReload = _ref.onReload,
+    onDelete = _ref.onDelete,
+    loadedBytes = _ref.loadedBytes,
+    error = _ref.error,
+    errorText = _ref.errorText,
+    formatError = _ref.formatError,
+    importButtonType = _ref.importButtonType,
+    isLoadingAnimation = _ref.isLoadingAnimation,
+    showActions = _ref.showActions;
+  var classes = useStyles();
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    sizeParams = _useState2[0],
+    setSizeParams = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    progressPercent = _useState4[0],
+    setProgressPercent = _useState4[1];
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isSuccessButtonVisible = _useState6[0],
+    setIsSuccessButtonVisible = _useState6[1];
+  var isLarge = size === 'large';
+  var iconSize = isLarge ? 24 : 16;
+  var iconButtonSize = isLarge ? 'medium' : 'small';
+  var handleCancelProgress = function handleCancelProgress() {
+    handleCancel(name);
+    setProgressPercent(0);
+    setSizeParams(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        downloaded: 0
+      });
+    });
+  };
+  useEffect(function () {
+    setSizeParams(getInitSizeParams(sizeBytes, unit, customUnitName));
+  }, [sizeBytes, unit]);
+  useEffect(function () {
+    if (loadedBytes && sizeBytes) {
+      var currentPercent = Math.round(loadedBytes / sizeBytes * 100);
+      setSizeParams(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          downloaded: Math.floor(prev.convertedSize * currentPercent / 10) / 10
+        });
+      });
+      setProgressPercent(currentPercent);
+    }
+  }, [loadedBytes, sizeBytes]);
+  useEffect(function () {
+    var timerId;
+    if (onDelete && progressPercent >= 100) {
+      setIsSuccessButtonVisible(true);
+      timerId = setTimeout(function () {
+        setIsSuccessButtonVisible(false);
+      }, 5000);
+    }
+    return function () {
+      return timerId && clearTimeout(timerId);
+    };
+  }, [progressPercent]);
+  useEffect(function () {
+    if (error) {
+      setProgressPercent(0);
+      setSizeParams(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          downloaded: 0
+        });
+      });
+    }
+  }, [error]);
+  var _useMemo = useMemo(function () {
+      var iconButtonStyle = classNames(classes.iconButton, _defineProperty({}, classes.iconButtonLarge, isLarge));
+      var actionIconStyle = classNames(classes.actionIcon, _defineProperty({}, classes.actionIconLarge, isLarge));
+      return [iconButtonStyle, actionIconStyle];
+    }, [isLarge]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    iconButtonClassName = _useMemo2[0],
+    actionIconClassName = _useMemo2[1];
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.fileStateWrapper,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.fileIconContainer,
+      children: /*#__PURE__*/jsx(FileIcon, {
+        name: name,
+        style: {
+          fontSize: isLarge ? 48 : 32
+        }
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.fileState,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classes.fileStateProgress,
+        children: [/*#__PURE__*/jsx("div", {
+          className: classes.fileNameWrapper,
+          children: /*#__PURE__*/jsx(Typography, {
+            className: classNames(classes.fileName, _defineProperty({}, classes.fileNameLarge, isLarge)),
+            children: name.length > 7 ? /*#__PURE__*/jsxs(Fragment, {
+              children: [/*#__PURE__*/jsx("span", {
+                className: classes.firstPart,
+                children: name.slice(0, name.length - 7)
+              }), /*#__PURE__*/jsx("span", {
+                children: name.slice(-7)
+              })]
+            }) : name
+          })
+        }), !isLoadingAnimation && /*#__PURE__*/jsx(LinearProgress, {
+          className: classes.progressBar,
+          variant: "determinate",
+          value: progressPercent,
+          classes: {
+            colorPrimary: classNames(classes.progressBackground, _defineProperty({}, classes.progressBarError, error)),
+            barColorPrimary: classNames(classes.progressBarColor, _defineProperty({}, classes.progressBarError, error))
+          }
+        }), /*#__PURE__*/jsxs("div", {
+          className: classes.loaderProgressContainer,
+          children: [!isLoadingAnimation && /*#__PURE__*/jsx(Typography, {
+            className: classNames(classes.fileSize, _defineProperty({}, classes.fileSizeLarge, isLarge)),
+            component: "span",
+            children: "".concat(sizeParams.downloaded, " of ").concat(sizeParams.convertedSize, " ").concat(sizeParams.unit)
+          }), /*#__PURE__*/jsxs("div", {
+            className: classNames(classes.progressStatus, _defineProperty({}, classes.fileSizeLarge, isLarge)),
+            children: [error && /*#__PURE__*/jsxs(Typography, {
+              component: "div",
+              className: classes.errorContainer,
+              children: [/*#__PURE__*/jsx(IconWarning, {
+                size: size
+              }), /*#__PURE__*/jsx(Typography, {
+                component: "span",
+                className: classNames(classes.errorText, _defineProperty({}, classes.fileSizeLarge, isLarge)),
+                children: formatError ? 'Upload Error. Unacceptable file format.' : "Upload Error".concat(errorText && ". ".concat(errorText))
+              })]
+            }), !error && !isLoadingAnimation && "".concat(progressPercent, " %")]
+          })]
+        })]
+      }), showActions && /*#__PURE__*/jsxs("div", {
+        className: classes.fileActions,
+        children: [progressPercent < 100 && !error && /*#__PURE__*/jsx(Fragment, {
+          children: isLoadingAnimation ? /*#__PURE__*/jsx("div", {
+            className: classNames(classes.loadingIcon, _defineProperty({}, classes.loadingLargeIcon, isLarge)),
+            style: {
+              backgroundImage: "url(".concat(LoaderIcon, ")")
+            }
+          }) : /*#__PURE__*/jsx(IconButton, {
+            tooltipProps: {
+              title: 'Cancel'
+            },
+            className: iconButtonClassName,
+            onClick: handleCancelProgress,
+            size: iconButtonSize,
+            children: /*#__PURE__*/jsx(CloseSmallIcon, {
+              className: actionIconClassName,
+              size: iconSize
+            })
+          })
+        }), progressPercent === 100 && !error && (!isSuccessButtonVisible && onDelete ? /*#__PURE__*/jsx(IconButton, {
+          variant: "contained",
+          tooltipProps: {
+            title: 'Delete'
+          },
+          className: iconButtonClassName,
+          onClick: onDelete,
+          size: iconButtonSize,
+          children: /*#__PURE__*/jsx(DeleteFourIcon, {
+            className: actionIconClassName,
+            size: iconSize
+          })
+        }) : /*#__PURE__*/jsx(CheckOneIcon, {
+          fill: "#75DB29",
+          size: iconSize,
+          style: {
+            marginLeft: 12
+          }
+        })), onReload && error && /*#__PURE__*/jsx(Fragment, {
+          children: !formatError ? /*#__PURE__*/jsx(IconButton, {
+            size: iconButtonSize,
+            tooltipProps: {
+              title: 'Reload'
+            },
+            className: iconButtonClassName,
+            onClick: onReload,
+            children: /*#__PURE__*/jsx(RedoIcon, {
+              size: iconSize
+            })
+          }) : /*#__PURE__*/jsx(Fragment, {
+            children: importButtonType === 'default' ? /*#__PURE__*/jsx(Button, {
+              size: isLarge ? 'medium' : 'small',
+              variation: "primary",
+              startIcon: /*#__PURE__*/jsx(UploadIcon, {}),
+              onClick: onReload,
+              children: "Import"
+            }) : /*#__PURE__*/jsx(IconButton, {
+              size: iconButtonSize,
+              tooltipProps: {
+                title: 'Import File'
+              },
+              className: iconButtonClassName,
+              onClick: onReload,
+              children: /*#__PURE__*/jsx(UploadIcon, {
+                size: iconSize
+              })
+            })
+          })
+        })]
+      })]
+    })]
+  });
+}
+var filesLoaderPropTypes = {
+  size: PropTypes.oneOf(['small', 'large']),
+  unit: PropTypes.oneOf(['size', 'time', 'custom']),
+  customUnitName: PropTypes.string,
+  onDelete: PropTypes.func,
+  onReload: PropTypes.func,
+  handleCancel: PropTypes.func,
+  name: PropTypes.string,
+  sizeBytes: PropTypes.number,
+  error: PropTypes.bool,
+  errorText: PropTypes.string,
+  formatError: PropTypes.bool,
+  importButtonType: PropTypes.oneOf(['default', 'icon']),
+  loadedBytes: PropTypes.number.isRequired,
+  isLoadingAnimation: PropTypes.bool,
+  showActions: PropTypes.bool
+};
+FilesLoader.propTypes = filesLoaderPropTypes;
+FilesLoader.defaultProps = {
+  size: 'small',
+  unit: 'size',
+  onDelete: null,
+  onReload: null,
+  name: '',
+  customUnitName: '',
+  sizeBytes: 1,
+  error: null,
+  errorText: '',
+  formatError: false,
+  importButtonType: 'default',
+  handleCancel: null,
+  isLoadingAnimation: false,
+  showActions: true
+};
+
+export { FilesLoader as default };
+//# sourceMappingURL=FilesLoader.js.map

package/components/FilesLoader/FilesLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesLoader.js","sources":["../../../src/components/FilesLoader/FilesLoader.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { LinearProgress, Typography } from '@material-ui/core';\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\n\nimport { CheckOneIcon, CloseSmallIcon, DeleteFourIcon, RedoIcon, UploadIcon } from '~/icons';\n\nimport IconWarning from './Icons/IconWarning';\nimport LoaderIcon from './Icons/IconLoader.svg';\nimport { FileIcon } from '~/components/FileIcon';\nimport { useStyles } from './useStyles';\n\nfunction getInitSizeParams(sizeBytes, unit, customUnitName) {\n  if (unit === 'time') {\n    return {\n      downloaded: 0,\n      unit: 'min',\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (unit === 'custom') {\n    return {\n      downloaded: 0,\n      unit: customUnitName,\n      convertedSize: sizeBytes,\n    };\n  }\n\n  if (sizeBytes >= 10 ** 6) {\n    return {\n      downloaded: 0,\n      unit: 'MB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 5) / 10,\n    };\n  }\n  if (sizeBytes >= 10 ** 3) {\n    return {\n      downloaded: 0,\n      unit: 'KB',\n      convertedSize: Math.floor(sizeBytes / 10 ** 2) / 10,\n    };\n  }\n  return {\n    downloaded: 0,\n    unit: 'B',\n    convertedSize: Math.floor(sizeBytes * 10) / 10,\n  };\n}\n\ninterface FilesLoaderProps extends PropTypes.InferProps<typeof filesLoaderPropTypes> {}\ninterface SizeParams {\n  downloaded?: number;\n  convertedSize?: number;\n  unit?: string;\n}\n\n/**\n * @deprecated\n */\nfunction FilesLoader({\n  size,\n  unit,\n  name,\n  customUnitName,\n  sizeBytes,\n  handleCancel,\n  onReload,\n  onDelete,\n  loadedBytes,\n  error,\n  errorText,\n  formatError,\n  importButtonType,\n  isLoadingAnimation,\n  showActions,\n}: FilesLoaderProps): JSX.Element {\n  const classes = useStyles();\n  const [sizeParams, setSizeParams] = useState<SizeParams>({});\n  const [progressPercent, setProgressPercent] = useState(0);\n  const [isSuccessButtonVisible, setIsSuccessButtonVisible] = useState(true);\n  const isLarge = size === 'large';\n  const iconSize = isLarge ? 24 : 16;\n  const iconButtonSize = isLarge ? 'medium' : 'small';\n\n  const handleCancelProgress = () => {\n    handleCancel(name);\n    setProgressPercent(0);\n    setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n  };\n\n  useEffect(() => {\n    setSizeParams(getInitSizeParams(sizeBytes, unit, customUnitName));\n  }, [sizeBytes, unit]);\n\n  useEffect(() => {\n    if (loadedBytes && sizeBytes) {\n      const currentPercent = Math.round((loadedBytes / sizeBytes) * 100);\n      setSizeParams(prev => ({\n        ...prev,\n        downloaded: Math.floor((prev.convertedSize * currentPercent) / 10) / 10,\n      }));\n      setProgressPercent(currentPercent);\n    }\n  }, [loadedBytes, sizeBytes]);\n\n  useEffect(() => {\n    let timerId;\n    if (onDelete && progressPercent >= 100) {\n      setIsSuccessButtonVisible(true);\n      timerId = setTimeout(() => {\n        setIsSuccessButtonVisible(false);\n      }, 5000);\n    }\n    return () => timerId && clearTimeout(timerId);\n  }, [progressPercent]);\n\n  useEffect(() => {\n    if (error) {\n      setProgressPercent(0);\n      setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n    }\n  }, [error]);\n\n  const [iconButtonClassName, actionIconClassName] = useMemo(() => {\n    const iconButtonStyle = classNames(classes.iconButton, {\n      [classes.iconButtonLarge]: isLarge,\n    });\n    const actionIconStyle = classNames(classes.actionIcon, {\n      [classes.actionIconLarge]: isLarge,\n    });\n    return [iconButtonStyle, actionIconStyle];\n  }, [isLarge]);\n\n  return (\n    <div className={classes.fileStateWrapper}>\n      <div className={classes.fileIconContainer}>\n        <FileIcon name={name} style={{ fontSize: isLarge ? 48 : 32 }} />\n      </div>\n      <div className={classes.fileState}>\n        <div className={classes.fileStateProgress}>\n          <div className={classes.fileNameWrapper}>\n            <Typography\n              className={classNames(classes.fileName, { [classes.fileNameLarge]: isLarge })}\n            >\n              {name.length > 7 ? (\n                <>\n                  <span className={classes.firstPart}>{name.slice(0, name.length - 7)}</span>\n                  <span>{name.slice(-7)}</span>\n                </>\n              ) : (\n                name\n              )}\n            </Typography>\n          </div>\n          {!isLoadingAnimation && (\n            <LinearProgress\n              className={classes.progressBar}\n              variant=\"determinate\"\n              value={progressPercent}\n              classes={{\n                colorPrimary: classNames(classes.progressBackground, {\n                  [classes.progressBarError]: error,\n                }),\n                barColorPrimary: classNames(classes.progressBarColor, {\n                  [classes.progressBarError]: error,\n                }),\n              }}\n            />\n          )}\n          <div className={classes.loaderProgressContainer}>\n            {!isLoadingAnimation && (\n              <Typography\n                className={classNames(classes.fileSize, { [classes.fileSizeLarge]: isLarge })}\n                component=\"span\"\n              >\n                {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n              </Typography>\n            )}\n            <div\n              className={classNames(classes.progressStatus, { [classes.fileSizeLarge]: isLarge })}\n            >\n              {error && (\n                <Typography component=\"div\" className={classes.errorContainer}>\n                  <IconWarning size={size} />\n                  <Typography\n                    component=\"span\"\n                    className={classNames(classes.errorText, { [classes.fileSizeLarge]: isLarge })}\n                  >\n                    {formatError\n                      ? 'Upload Error. Unacceptable file format.'\n                      : `Upload Error${errorText && `. ${errorText}`}`}\n                  </Typography>\n                </Typography>\n              )}\n              {!error && !isLoadingAnimation && `${progressPercent} %`}\n            </div>\n          </div>\n        </div>\n\n        {showActions && (\n          <div className={classes.fileActions}>\n            {progressPercent < 100 && !error && (\n              <>\n                {isLoadingAnimation ? (\n                  <div\n                    className={classNames(classes.loadingIcon, {\n                      [classes.loadingLargeIcon]: isLarge,\n                    })}\n                    style={{ backgroundImage: `url(${LoaderIcon})` }}\n                  />\n                ) : (\n                  <IconButton\n                    tooltipProps={{ title: 'Cancel' }}\n                    className={iconButtonClassName}\n                    onClick={handleCancelProgress}\n                    size={iconButtonSize}\n                  >\n                    <CloseSmallIcon className={actionIconClassName} size={iconSize} />\n                  </IconButton>\n                )}\n              </>\n            )}\n            {progressPercent === 100 &&\n              !error &&\n              (!isSuccessButtonVisible && onDelete ? (\n                <IconButton\n                  variant=\"contained\"\n                  tooltipProps={{ title: 'Delete' }}\n                  className={iconButtonClassName}\n                  onClick={onDelete}\n                  size={iconButtonSize}\n                >\n                  <DeleteFourIcon className={actionIconClassName} size={iconSize} />\n                </IconButton>\n              ) : (\n                <CheckOneIcon fill=\"#75DB29\" size={iconSize} style={{ marginLeft: 12 }} />\n              ))}\n\n            {onReload && error && (\n              <>\n                {!formatError ? (\n                  <IconButton\n                    size={iconButtonSize}\n                    tooltipProps={{ title: 'Reload' }}\n                    className={iconButtonClassName}\n                    onClick={onReload}\n                  >\n                    <RedoIcon size={iconSize} />\n                  </IconButton>\n                ) : (\n                  <>\n                    {importButtonType === 'default' ? (\n                      <Button\n                        size={isLarge ? 'medium' : 'small'}\n                        variation=\"primary\"\n                        startIcon={<UploadIcon />}\n                        onClick={onReload}\n                      >\n                        Import\n                      </Button>\n                    ) : (\n                      <IconButton\n                        size={iconButtonSize}\n                        tooltipProps={{ title: 'Import File' }}\n                        className={iconButtonClassName}\n                        onClick={onReload}\n                      >\n                        <UploadIcon size={iconSize} />\n                      </IconButton>\n                    )}\n                  </>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nconst filesLoaderPropTypes = {\n  size: PropTypes.oneOf(['small', 'large']),\n  unit: PropTypes.oneOf(['size', 'time', 'custom']),\n  customUnitName: PropTypes.string,\n  onDelete: PropTypes.func,\n  onReload: PropTypes.func,\n  handleCancel: PropTypes.func,\n  name: PropTypes.string,\n  sizeBytes: PropTypes.number,\n  error: PropTypes.bool,\n  errorText: PropTypes.string,\n  formatError: PropTypes.bool,\n  importButtonType: PropTypes.oneOf(['default', 'icon']),\n  loadedBytes: PropTypes.number.isRequired,\n  isLoadingAnimation: PropTypes.bool,\n  showActions: PropTypes.bool,\n};\n\nFilesLoader.propTypes = filesLoaderPropTypes;\n\nFilesLoader.defaultProps = {\n  size: 'small',\n  unit: 'size',\n  onDelete: null,\n  onReload: null,\n  name: '',\n  customUnitName: '',\n  sizeBytes: 1,\n  error: null,\n  errorText: '',\n  formatError: false,\n  importButtonType: 'default',\n  handleCancel: null,\n  isLoadingAnimation: false,\n  showActions: true,\n};\nexport default FilesLoader;\n"],"names":["getInitSizeParams","sizeBytes","unit","customUnitName","downloaded","convertedSize","Math","floor","FilesLoader","size","name","handleCancel","onReload","onDelete","loadedBytes","error","errorText","formatError","importButtonType","isLoadingAnimation","showActions","classes","useStyles","useState","sizeParams","setSizeParams","progressPercent","setProgressPercent","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","handleCancelProgress","prev","useEffect","currentPercent","round","timerId","setTimeout","clearTimeout","useMemo","iconButtonStyle","classNames","iconButton","iconButtonLarge","actionIconStyle","actionIcon","actionIconLarge","iconButtonClassName","actionIconClassName","_jsxs","fileStateWrapper","_jsx","fileIconContainer","fontSize","fileState","fileStateProgress","fileNameWrapper","fileName","fileNameLarge","length","_Fragment","firstPart","slice","progressBar","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","progressStatus","errorContainer","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","LoaderIcon","title","marginLeft","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes","defaultProps"],"mappings":"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"}

package/components/FilesLoader/Icons/IconWarning.js

@@ -1 +1,24 @@
-import{jsx as e}from"react/jsx-runtime";var l=function(l){var t=l.size,i=l.style;return e("svg",{width:"small"===t?16:20,height:"small"===t?16:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:void 0===i?{}:i,children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.72494 17.0865C2.4416 17.0865 1.6416 15.6948 2.28327 14.5865L8.55827 3.74482C9.19994 2.63649 10.7999 2.63649 11.4416 3.74482L17.7166 14.5865C18.3583 15.6948 17.5583 17.0865 16.2749 17.0865H3.72494ZM16.2749 15.4198L9.99994 4.57816L3.72494 15.4198H16.2749ZM9.1666 8.75316V10.4198C9.1666 10.8782 9.5416 11.2532 9.99994 11.2532C10.4583 11.2532 10.8333 10.8782 10.8333 10.4198V8.75316C10.8333 8.29482 10.4583 7.91982 9.99994 7.91982C9.5416 7.91982 9.1666 8.29482 9.1666 8.75316ZM10.8333 14.5865V12.9198H9.1666V14.5865H10.8333Z",fill:"#F44336"})})};export{l as default};
+import { jsx } from 'react/jsx-runtime';
+
+var IconWarning = function IconWarning(_ref) {
+  var size = _ref.size,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
+  return /*#__PURE__*/jsx("svg", {
+    width: size === 'small' ? 16 : 20,
+    height: size === 'small' ? 16 : 20,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: style,
+    children: /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M3.72494 17.0865C2.4416 17.0865 1.6416 15.6948 2.28327 14.5865L8.55827 3.74482C9.19994 2.63649 10.7999 2.63649 11.4416 3.74482L17.7166 14.5865C18.3583 15.6948 17.5583 17.0865 16.2749 17.0865H3.72494ZM16.2749 15.4198L9.99994 4.57816L3.72494 15.4198H16.2749ZM9.1666 8.75316V10.4198C9.1666 10.8782 9.5416 11.2532 9.99994 11.2532C10.4583 11.2532 10.8333 10.8782 10.8333 10.4198V8.75316C10.8333 8.29482 10.4583 7.91982 9.99994 7.91982C9.5416 7.91982 9.1666 8.29482 9.1666 8.75316ZM10.8333 14.5865V12.9198H9.1666V14.5865H10.8333Z",
+      fill: "#F44336"
+    })
+  });
+};
+
+export { IconWarning as default };
+//# sourceMappingURL=IconWarning.js.map