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

package/components/FilesLoader/useStyles.js

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

package/components/FilesLoaderV2/FilesLoaderV2.js

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

package/components/FilesLoaderV2/FilesLoaderV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesLoaderV2.js","sources":["../../../src/components/FilesLoaderV2/FilesLoaderV2.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { LinearProgress } from '@material-ui/core';\nimport { FileIcon } from '~/components/FileIcon';\nimport IconButton from '~/components/IconButton';\nimport { CautionFilledCustomIcon, CloseIcon, DeleteFourIcon, RedoIcon } from '~/icons';\nimport { MiddleTruncatedText } from '~/components/MiddleTruncatedText';\nimport { Regular12, Regular14 } from '~/components/Typography';\nimport { formatSizeProgress } from './utils';\nimport { useStyles } from './styles';\n\nexport type FilesLoaderV2Props = {\n  name: string;\n  /**\n   * Total progress value (bytes by default)\n   *\n   * If undefined or < 0 - makes progress bar indeterminate\n   */\n  total?: number;\n  /**\n   * Current progress value (bytes by default)\n   *\n   * If undefined or < 0 - makes progress bar indeterminate\n   */\n  current?: number;\n  /**\n   * Error to show\n   */\n  errorText?: string;\n  /**\n   * If exists - displays the \"Delete\" button\n   */\n  onDelete?: () => void;\n  /**\n   * If exists - displays the \"Reload\" button on error state\n   */\n  onReload?: () => void;\n  /**\n   * If exists - displays the \"Cancel\" button when loading\n   */\n  onCancel?: () => void;\n  /**\n   * Allows custom progress units\n   * @param total total progress value\n   * @param current current progress value\n   */\n  formatProgress?: (total?: number, current?: number) => ReactNode;\n  className?: string;\n};\n\nexport const FilesLoaderV2 = (props: FilesLoaderV2Props) => {\n  const {\n    formatProgress = formatSizeProgress,\n    className,\n    name,\n    current,\n    total,\n    errorText,\n    onCancel,\n    onReload,\n    onDelete,\n  } = props;\n  const styles = useStyles();\n  const isDeterminate = total >= 0 && current >= 0;\n  const progressPercent = Math.min(100, Math.ceil((current / total) * 100));\n  const isComplete = current >= total;\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <FileIcon name={name} className={styles.icon} strokeWidth={2} />\n\n      <div className={styles.content}>\n        <Regular14 className={styles.name}>\n          <MiddleTruncatedText key={name}>{name}</MiddleTruncatedText>\n        </Regular14>\n\n        {!errorText && !isComplete && (\n          <>\n            <LinearProgress\n              className={styles.progressBar}\n              variant={isDeterminate ? 'determinate' : undefined}\n              value={progressPercent}\n            />\n\n            <div className={styles.progressTextContainer}>\n              <Regular12 className={styles.progressText}>\n                {formatProgress(total, current)}\n              </Regular12>\n\n              {isDeterminate && (\n                <Regular12 className={styles.progressText}>{progressPercent}%</Regular12>\n              )}\n            </div>\n          </>\n        )}\n\n        {errorText && (\n          <Regular14 className={styles.error}>\n            <CautionFilledCustomIcon size={16} />\n            {errorText}\n          </Regular14>\n        )}\n      </div>\n\n      {onCancel && !errorText && !isComplete && (\n        <IconButton onClick={onCancel} size={'small'} tooltipProps={{ title: 'Cancel' }}>\n          <CloseIcon />\n        </IconButton>\n      )}\n\n      {onDelete && (errorText || isComplete) && (\n        <IconButton onClick={onDelete} size={'small'} tooltipProps={{ title: 'Remove File' }}>\n          <DeleteFourIcon />\n        </IconButton>\n      )}\n\n      {onReload && errorText && (\n        <IconButton onClick={onReload} size={'small'} tooltipProps={{ title: 'Reload' }}>\n          <RedoIcon />\n        </IconButton>\n      )}\n    </div>\n  );\n};\n"],"names":["FilesLoaderV2","props","formatProgress","formatSizeProgress","className","name","current","total","errorText","onCancel","onReload","onDelete","styles","useStyles","isDeterminate","progressPercent","Math","min","ceil","isComplete","_jsxs","classNames","root","_jsx","icon","content","_Fragment","progressBar","undefined","progressTextContainer","progressText","error","title"],"mappings":"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"}

package/components/FilesLoaderV2/styles.js

@@ -1 +1,57 @@
-import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{root:{borderRadius:e.spacing(1),border:"1px solid ".concat(e.palette.primary.text1,"14"),padding:e.spacing(1,2),width:"100%",minHeight:64,display:"flex",flexFlow:"row nowrap",gap:e.spacing(2),alignItems:"center",justifyContent:"space-between"},icon:{width:32,height:32},content:{flexGrow:1,minWidth:1},name:{lineHeight:"20px!important"},progressBar:{height:2,margin:e.spacing(.5,0),borderRadius:2},progressTextContainer:{display:"flex",flexFlow:"row nowrap",gap:e.spacing(2),justifyContent:"space-between",minWidth:1},progressText:{color:e.palette.primary.text6,lineHeight:"16px!important"},error:{lineHeight:"16px!important",color:e.palette.error.main,display:"flex",flexFlow:"row nowrap",alignItems:"center",gap:e.spacing(1),paddingTop:e.spacing(.5)}}}));export{t as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      borderRadius: theme.spacing(1),
+      border: "1px solid ".concat(theme.palette.primary.text1, "14"),
+      padding: theme.spacing(1, 2),
+      width: "100%",
+      minHeight: 64,
+      display: 'flex',
+      flexFlow: 'row nowrap',
+      gap: theme.spacing(2),
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    },
+    icon: {
+      width: 32,
+      height: 32
+    },
+    content: {
+      flexGrow: 1,
+      minWidth: 1
+    },
+    name: {
+      lineHeight: '20px!important'
+    },
+    progressBar: {
+      height: 2,
+      margin: theme.spacing(0.5, 0),
+      borderRadius: 2
+    },
+    progressTextContainer: {
+      display: 'flex',
+      flexFlow: 'row nowrap',
+      gap: theme.spacing(2),
+      justifyContent: 'space-between',
+      minWidth: 1
+    },
+    progressText: {
+      color: theme.palette.primary.text6,
+      lineHeight: '16px!important'
+    },
+    error: {
+      lineHeight: '16px!important',
+      color: theme.palette.error.main,
+      display: 'flex',
+      flexFlow: 'row nowrap',
+      alignItems: 'center',
+      gap: theme.spacing(1),
+      paddingTop: theme.spacing(0.5)
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map

package/components/FilesLoaderV2/utils.js

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

package/components/FilesProcessor/FilesProcessor.js

@@ -1 +1,122 @@
-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{FilesDropzone as c}from"../FilesDropzone/FilesDropzone.js";import{FilesLoaderV2 as l}from"../FilesLoaderV2/FilesLoaderV2.js";import{useStyles as u}from"./styles.js";import a from"classnames";import{Processor as f}from"./Processor.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,z=m.maxSize,P=m.formatProgress,S=m.onProcessingFailure,N=m.onStartProcessing,b=u(),y=o([]),L=y[0],V=y[1];i((function(){L.length>0&&L.every((function(e){return"success"in e}))&&L.some((function(e){return e.success}))&&(V((function(e){return e.filter((function(e){return!e.success}))})),D(L.filter((function(e){return e.success})).map((function(e){return e.data}))))}),[L]);var C=s((function(e){V((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),V((function(r){return r.map((function(r){return r.file===n.file?e(e({},r),{data:n.data,success:n.success}):r}))}))}),[]),k=s((function(e){null==N||N(e);var r=e.map((function(e){return{file:e}}));V((function(e){return n(n([],e,!0),r,!0)}))}),[]);return r("div",{className:a(b.root,v),children:[(p||0===L.length&&0===(null==h?void 0:h.length))&&t(c,{multiple:p,onDrop:k,accept:d,maxFiles:x,maxSize:z}),(L.length>0||(null==h?void 0:h.length)>0)&&r("div",{className:b.files,children:[L.map((function(e){return t(f,{processFile:g,onStatusChange:_,file:e.file,onDelete:C,formatProgress:P},"".concat(e.file.size,"|").concat(e.file.name))})),null==h?void 0:h.map((function(e){return t(l,{name:e.name,onDelete:j?function(){return j(e)}:void 0,total:0,current:0})}))]})]})};export{m as FilesProcessor};
+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 { FilesDropzone } from '../FilesDropzone/FilesDropzone.js';
+import { FilesLoaderV2 } from '../FilesLoaderV2/FilesLoaderV2.js';
+import { useStyles } from './styles.js';
+import classNames from 'classnames';
+import { Processor } from './Processor.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(props) {
+  var multiple = props.multiple,
+    accept = props.accept,
+    className = props.className,
+    processFile = props.processFile,
+    _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    onDone = props.onDone,
+    onDelete = props.onDelete,
+    maxFiles = props.maxFiles,
+    maxSize = props.maxSize,
+    formatProgress = props.formatProgress,
+    onProcessingFailure = props.onProcessingFailure,
+    onStartProcessing = props.onStartProcessing;
+  var styles = useStyles();
+  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 (_ref) {
+          var success = _ref.success;
+          return !success;
+        });
+      });
+      onDone(uploadingFiles.filter(function (_ref2) {
+        var success = _ref2.success;
+        return success;
+      }).map(function (_ref3) {
+        var data = _ref3.data;
+        return data;
+      }));
+    }
+  }, [uploadingFiles]);
+  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
+          });
+        }
+        return uploadingFile;
+      });
+    });
+  }, []);
+  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));
+    });
+  }, []);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.root, className),
+    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) {
+        return /*#__PURE__*/jsx(FilesLoaderV2, {
+          name: item.name,
+          onDelete: onDelete ? function () {
+            return onDelete(item);
+          } : undefined,
+          total: 0,
+          current: 0
+        });
+      })]
+    })]
+  });
+};
+
+export { FilesProcessor };
+//# sourceMappingURL=FilesProcessor.js.map

package/components/FilesProcessor/FilesProcessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesProcessor.js","sources":["../../../src/components/FilesProcessor/FilesProcessor.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { FilesDropzone, FilesDropzoneProps } from '~/components/FilesDropzone';\nimport { FilesLoaderV2 } from '~/components/FilesLoaderV2';\nimport { FileProcessorFunction, ProcessingResult } from './types';\nimport { useStyles } from './styles';\nimport classNames from 'classnames';\nimport { Processor, ProcessorProps } from '~/components/FilesProcessor/Processor';\n\nexport type { FileProcessorFunction };\n\ntype ValueItem = {\n  id: string | number;\n  name: string;\n};\n\ntype FilesProcessorProps<T> = {\n  /**\n   * Function that processes file (uploads, parses, etc.)\n   *\n   * Accepts 3 arguments:<br/>\n   * `file: File`<br/>\n   * `onProgress: (totalProgress: number, currentProgress: number) => void,`<br/>\n   * `registerOnCancel: (onCancel: Function) => void` - processing cancellation function\n   */\n  processFile: FileProcessorFunction<T>;\n\n  /**\n   * Called when files are uploaded/reuploaded\n   * @param results array of results from `processFile`\n   */\n  onDone: (results: T[]) => void;\n\n  /**\n   * Files list to display\n   *\n   * `type ValueItem = {id: string | number; name: string;};`\n   */\n  value?: ValueItem[];\n\n  /**\n   * Used in conjunction with `value`. Called when user presses \"delete\" button. If undefined - no button is shown\n   * @param item\n   */\n  onDelete?: (item: ValueItem) => void;\n\n  /**\n   * Fired when file(s) selected for processing\n   */\n  onStartProcessing?: (files: File[]) => void;\n\n  /**\n   * Fired when file processing failed or cancelled\n   */\n  onProcessingFailure?: (file: File, isCancelled?: boolean, error?: Error) => void;\n\n  /**\n   * Controls if multiple files can be processed\n   */\n  multiple?: FilesDropzoneProps['multiple'];\n\n  /**\n   * Array of or comma-separated MIME types/File Extensions to accept\n   *\n   * See `FilesDropzone`'s props\n   */\n  accept?: FilesDropzoneProps['accept'];\n\n  /**\n   * Maximum files to accept\n   */\n  maxFiles?: FilesDropzoneProps['maxFiles'];\n\n  /**\n   * Maximum file size to accept\n   */\n  maxSize?: FilesDropzoneProps['maxSize'];\n\n  /**\n   * Allows custom progress units\n   * @param total total progress value\n   * @param current current progress value\n   */\n  formatProgress?: ProcessorProps<any>['formatProgress'];\n\n  className?: string;\n};\n\ntype UploadingFile<T> = {\n  file: File;\n  success?: boolean;\n  data?: T;\n};\n\nexport const FilesProcessor = <T extends any>(props: FilesProcessorProps<T>) => {\n  const {\n    multiple,\n    accept,\n    className,\n    processFile,\n    value = [],\n    onDone,\n    onDelete,\n    maxFiles,\n    maxSize,\n    formatProgress,\n    onProcessingFailure,\n    onStartProcessing,\n  } = props;\n  const styles = useStyles();\n  const [uploadingFiles, setUploadingFiles] = useState<UploadingFile<T>[]>([]);\n\n  useEffect(() => {\n    const done =\n      uploadingFiles.length > 0 &&\n      uploadingFiles.every(item => 'success' in item) &&\n      uploadingFiles.some(item => item.success);\n\n    if (done) {\n      setUploadingFiles(items => items.filter(({ success }) => !success));\n      onDone(uploadingFiles.filter(({ success }) => success).map(({ data }) => data));\n    }\n  }, [uploadingFiles]);\n\n  const onUploadedDelete = useCallback((file: File) => {\n    setUploadingFiles(items => items.filter(item => item.file !== file));\n  }, []);\n\n  const onFileUploaded = useCallback((result: ProcessingResult<T>) => {\n    if (!result.success) {\n      onProcessingFailure?.(result.file, result.cancelled, result.error);\n    }\n\n    setUploadingFiles(uploadingFiles =>\n      uploadingFiles.map(uploadingFile => {\n        if (uploadingFile.file === result.file) {\n          return {\n            ...uploadingFile,\n            data: result.data,\n            success: result.success,\n          };\n        }\n        return uploadingFile;\n      })\n    );\n  }, []);\n\n  const onDrop = useCallback((files: File[]) => {\n    onStartProcessing?.(files);\n    const newFiles = files.map(file => ({ file }));\n    setUploadingFiles(initial => [...initial, ...newFiles]);\n  }, []);\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      {(multiple || (uploadingFiles.length === 0 && value?.length === 0)) && (\n        <FilesDropzone\n          multiple={multiple}\n          onDrop={onDrop}\n          accept={accept}\n          maxFiles={maxFiles}\n          maxSize={maxSize}\n        />\n      )}\n\n      {(uploadingFiles.length > 0 || value?.length > 0) && (\n        <div className={styles.files}>\n          {uploadingFiles.map(item => (\n            <Processor\n              processFile={processFile}\n              onStatusChange={onFileUploaded}\n              file={item.file}\n              key={`${item.file.size}|${item.file.name}`}\n              onDelete={onUploadedDelete}\n              formatProgress={formatProgress}\n            />\n          ))}\n\n          {value?.map(item => (\n            <FilesLoaderV2\n              name={item.name}\n              onDelete={onDelete ? () => onDelete(item) : undefined}\n              total={0}\n              current={0}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilesProcessor","props","multiple","accept","className","processFile","value","onDone","onDelete","maxFiles","maxSize","formatProgress","onProcessingFailure","onStartProcessing","styles","useStyles","useState","uploadingFiles","setUploadingFiles","useEffect","done","length","every","item","some","success","items","filter","map","data","onUploadedDelete","useCallback","file","onFileUploaded","result","cancelled","error","uploadingFile","onDrop","files","newFiles","initial","_jsxs","classNames","root","_jsx","size","name","undefined"],"mappings":"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"}