npm - @corva/ui - Versions diffs - 3.1.0-rc.5 → 3.1.0 - Mend

@corva/ui 3.1.0-rc.5 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1899) hide show

package/components/FilesLoader/FilesLoader.js CHANGED Viewed

@@ -1,334 +1 @@
-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
+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};

package/components/FilesLoader/Icons/IconWarning.js CHANGED Viewed

@@ -1,24 +1 @@
-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
+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};

package/components/FilesLoader/useStyles.js CHANGED Viewed

@@ -1,140 +1 @@
-import { makeStyles, createStyles } from '@material-ui/core';
-var useStyles = makeStyles(function (theme) {
-  return createStyles({
-    fileStateWrapper: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    fileIconContainer: {
-      display: 'flex',
-      alignItems: 'center',
-      marginRight: '16px'
-    },
-    fileState: {
-      display: 'flex',
-      flexGrow: '1',
-      alignItems: 'center'
-    },
-    fileStateProgress: {
-      flexGrow: '1'
-    },
-    fileNameWrapper: {
-      display: 'table',
-      tableLayout: 'fixed',
-      width: '100%'
-    },
-    fileName: {
-      display: 'flex',
-      fontSize: '14px',
-      lineHeight: '20px',
-      color: theme.palette.primary.text1
-    },
-    fileNameLarge: {
-      fontSize: '18px',
-      lineHeight: '24px'
-    },
-    firstPart: {
-      maxWidth: "calc(100% - 72px)",
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
-    fileSize: {
-      fontSize: '12px',
-      lineHeight: '16px',
-      color: theme.palette.primary.text6
-    },
-    fileSizeLarge: {
-      fontSize: '14px !important',
-      lineHeight: '20px !important'
-    },
-    checkIcon: {
-      color: theme.palette.success.bright
-    },
-    iconButton: {
-      padding: '7px',
-      color: theme.palette.primary.text6,
-      '&:hover': {
-        color: theme.palette.primary.text1
-      }
-    },
-    iconButtonLarge: {
-      padding: '8px'
-    },
-    actionIcon: {
-      fontSize: '16px !important',
-      cursor: 'pointer',
-      color: 'white #important'
-    },
-    actionIconLarge: {
-      fontSize: '24px !important'
-    },
-    progressBar: {
-      borderRadius: '2px',
-      height: '2px',
-      margin: '4px 0'
-    },
-    fileActions: {
-      display: 'flex',
-      alignItems: 'center',
-      paddingLeft: '16px'
-    },
-    progressBackground: {
-      backgroundColor: "".concat(theme.palette.primary.light, "66")
-    },
-    progressBarColor: {
-      backgroundColor: theme.palette.primary.light
-    },
-    progressBarError: {
-      backgroundColor: "#ffffff66"
-    },
-    loaderProgressContainer: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      width: '100%',
-      fontSize: '11px',
-      fontWeight: '400',
-      letterSpacing: '0.4px',
-      color: theme.palette.primary.text6,
-      marginTop: '4px'
-    },
-    progressStatus: {
-      fontSize: '12px',
-      lineHeight: '16px',
-      color: theme.palette.primary.text6
-    },
-    errorContainer: {
-      display: 'flex'
-    },
-    errorText: {
-      color: theme.palette.error.main,
-      fontSize: '12px',
-      lineHeight: '16px',
-      marginLeft: '8px'
-    },
-    loadingIcon: {
-      width: '30px',
-      height: '30px',
-      backgroundRepeat: 'no-repeat',
-      backgroundPosition: 'center',
-      backgroundSize: 'contain',
-      animation: '$rotation 1.4s infinite linear'
-    },
-    '@keyframes rotation': {
-      from: {
-        transform: 'rotate(0deg)'
-      },
-      to: {
-        transform: 'rotate(359deg)'
-      }
-    },
-    loadingLargeIcon: {
-      width: '40px',
-      height: '40px'
-    }
-  });
-});
-export { useStyles };
-//# sourceMappingURL=useStyles.js.map
+import{makeStyles as e,createStyles as t}from"@material-ui/core";var r=e((function(e){return t({fileStateWrapper:{display:"flex",alignItems:"center"},fileIconContainer:{display:"flex",alignItems:"center",marginRight:"16px"},fileState:{display:"flex",flexGrow:"1",alignItems:"center"},fileStateProgress:{flexGrow:"1"},fileNameWrapper:{display:"table",tableLayout:"fixed",width:"100%"},fileName:{display:"flex",fontSize:"14px",lineHeight:"20px",color:e.palette.primary.text1},fileNameLarge:{fontSize:"18px",lineHeight:"24px"},firstPart:{maxWidth:"calc(100% - 72px)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},fileSize:{fontSize:"12px",lineHeight:"16px",color:e.palette.primary.text6},fileSizeLarge:{fontSize:"14px !important",lineHeight:"20px !important"},checkIcon:{color:e.palette.success.bright},iconButton:{padding:"7px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1}},iconButtonLarge:{padding:"8px"},actionIcon:{fontSize:"16px !important",cursor:"pointer",color:"white #important"},actionIconLarge:{fontSize:"24px !important"},progressBar:{borderRadius:"2px",height:"2px",margin:"4px 0"},fileActions:{display:"flex",alignItems:"center",paddingLeft:"16px"},progressBackground:{backgroundColor:"".concat(e.palette.primary.light,"66")},progressBarColor:{backgroundColor:e.palette.primary.light},progressBarError:{backgroundColor:"#ffffff66"},loaderProgressContainer:{display:"flex",justifyContent:"space-between",width:"100%",fontSize:"11px",fontWeight:"400",letterSpacing:"0.4px",color:e.palette.primary.text6,marginTop:"4px"},progressStatus:{fontSize:"12px",lineHeight:"16px",color:e.palette.primary.text6},errorContainer:{display:"flex"},errorText:{color:e.palette.error.main,fontSize:"12px",lineHeight:"16px",marginLeft:"8px"},loadingIcon:{width:"30px",height:"30px",backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"contain",animation:"$rotation 1.4s infinite linear"},"@keyframes rotation":{from:{transform:"rotate(0deg)"},to:{transform:"rotate(359deg)"}},loadingLargeIcon:{width:"40px",height:"40px"}})}));export{r as useStyles};

package/components/FilesLoaderV2/FilesLoaderV2.js CHANGED Viewed

@@ -1,111 +1 @@
-import classNames from 'classnames';
-import { LinearProgress } from '@material-ui/core';
-import { FileIcon } from '../FileIcon/FileIcon.js';
-import IconButton from '../IconButton/index.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 { MiddleTruncatedText } from '../MiddleTruncatedText/MiddleTruncatedText.js';
-import { Regular14, Regular12 } from '../Typography.js';
-import { formatSizeProgress } from './utils.js';
-import { useStyles } from './styles.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-var FilesLoaderV2 = function FilesLoaderV2(props) {
-  var _props$formatProgress = props.formatProgress,
-    formatProgress = _props$formatProgress === void 0 ? formatSizeProgress : _props$formatProgress,
-    className = props.className,
-    name = props.name,
-    current = props.current,
-    total = props.total,
-    errorText = props.errorText,
-    onCancel = props.onCancel,
-    onReload = props.onReload,
-    onDelete = props.onDelete;
-  var styles = useStyles();
-  var isDeterminate = total >= 0 && current >= 0;
-  var progressPercent = Math.min(100, Math.ceil(current / total * 100));
-  var isComplete = current >= total;
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.root, className),
-    children: [/*#__PURE__*/jsx(FileIcon, {
-      name: name,
-      className: styles.icon,
-      strokeWidth: 2
-    }), /*#__PURE__*/jsxs("div", {
-      className: styles.content,
-      children: [/*#__PURE__*/jsx(Regular14, {
-        className: styles.name,
-        children: /*#__PURE__*/jsx(MiddleTruncatedText, {
-          children: name
-        }, name)
-      }), !errorText && !isComplete && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(LinearProgress, {
-          className: styles.progressBar,
-          variant: isDeterminate ? 'determinate' : undefined,
-          value: progressPercent
-        }), /*#__PURE__*/jsxs("div", {
-          className: styles.progressTextContainer,
-          children: [/*#__PURE__*/jsx(Regular12, {
-            className: styles.progressText,
-            children: formatProgress(total, current)
-          }), isDeterminate && /*#__PURE__*/jsxs(Regular12, {
-            className: styles.progressText,
-            children: [progressPercent, "%"]
-          })]
-        })]
-      }), errorText && /*#__PURE__*/jsxs(Regular14, {
-        className: styles.error,
-        children: [/*#__PURE__*/jsx(CautionFilledCustomIcon, {
-          size: 16
-        }), errorText]
-      })]
-    }), onCancel && !errorText && !isComplete && /*#__PURE__*/jsx(IconButton, {
-      onClick: onCancel,
-      size: 'small',
-      tooltipProps: {
-        title: 'Cancel'
-      },
-      children: /*#__PURE__*/jsx(CloseIcon, {})
-    }), onDelete && (errorText || isComplete) && /*#__PURE__*/jsx(IconButton, {
-      onClick: onDelete,
-      size: 'small',
-      tooltipProps: {
-        title: 'Remove File'
-      },
-      children: /*#__PURE__*/jsx(DeleteFourIcon, {})
-    }), onReload && errorText && /*#__PURE__*/jsx(IconButton, {
-      onClick: onReload,
-      size: 'small',
-      tooltipProps: {
-        title: 'Reload'
-      },
-      children: /*#__PURE__*/jsx(RedoIcon, {})
-    })]
-  });
-};
-export { FilesLoaderV2 };
-//# sourceMappingURL=FilesLoaderV2.js.map
+import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{LinearProgress as n}from"@material-ui/core";import{FileIcon as r}from"../FileIcon/FileIcon.js";import t from"../IconButton/index.js";import{CloseIcon as e,DeleteFourIcon as m,RedoIcon as l}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 a}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{MiddleTruncatedText as p}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as d,Regular12 as u}from"../Typography.js";import{formatSizeProgress as j}from"./utils.js";import{useStyles as I}from"./styles.js";var h=function(h){var C=h.formatProgress,f=void 0===C?j:C,x=h.className,k=h.name,v=h.current,F=h.total,N=h.errorText,T=h.onCancel,g=h.onReload,M=h.onDelete,P=I(),R=F>=0&&v>=0,b=Math.min(100,Math.ceil(v/F*100)),z=v>=F;return o("div",{className:i(P.root,x),children:[s(r,{name:k,className:P.icon,strokeWidth:2}),o("div",{className:P.content,children:[s(d,{className:P.name,children:s(p,{children:k},k)}),!N&&!z&&o(c,{children:[s(n,{className:P.progressBar,variant:R?"determinate":void 0,value:b}),o("div",{className:P.progressTextContainer,children:[s(u,{className:P.progressText,children:f(F,v)}),R&&o(u,{className:P.progressText,children:[b,"%"]})]})]}),N&&o(d,{className:P.error,children:[s(a,{size:16}),N]})]}),T&&!N&&!z&&s(t,{onClick:T,size:"small",tooltipProps:{title:"Cancel"},children:s(e,{})}),M&&(N||z)&&s(t,{onClick:M,size:"small",tooltipProps:{title:"Remove File"},children:s(m,{})}),g&&N&&s(t,{onClick:g,size:"small",tooltipProps:{title:"Reload"},children:s(l,{})})]})};export{h as FilesLoaderV2};