@corva/ui 3.75.0-10 → 3.75.0-11

package/cjs-bundle/components/FilesDropzone/FilesDropzone.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("react-dropzone"),e=require("classnames"),c=require("./styles.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js");var n=require("../../icons/customIcons/icons/CautionFilled.js");require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=require("../Typography.js"),t=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var u=require("react/jsx-runtime"),a=require("../../componentsV2/FilesDropzone/utils.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s),j=m(e);function q(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?q(Object(e),!0).forEach((function(o){l.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):q(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.FilesDropzone=function(s){var e=s.multiple,m=s.children,l=s.accept,q=s.onDrop,I=s.className,d=s.maxFiles,b=s.maxSize,h=s.errorText,O=s.disabled,v=c.useStyles(),f=a.parseAccept(l),C=f.mimetypes,g=f.extensions,x=C.length||g.length?p({"*/*":g},Object.fromEntries(C.map((function(s){return[s,[]]})))):void 0,y=a.formatDescription(g,b),F=o.useDropzone({onDrop:q,multiple:e,accept:x,maxFiles:d,maxSize:b,disabled:O}),P=F.getRootProps,D=F.getInputProps,A=F.isDragActive;return u.jsxs("div",{className:I,children:[u.jsxs("div",p(p({},P()),{},{className:j.default(v.root,O&&v.disabled,A&&v.active),children:[u.jsx("input",p({},D())),m||u.jsxs(u.Fragment,{children:[u.jsx(i.FileAdditionOne,{size:24,className:v.icon}),u.jsx(r.Regular14,{children:"Drag & Drop your file here or"}),u.jsx(t,{variation:"tertiary",size:"small",disabled:O,className:v.uploadButton,children:"Choose file"})]})]})),!h&&y&&u.jsx(r.Regular14,{className:j.default(v.description,O&&v.disabled),children:y}),h&&u.jsxs(r.Regular14,{className:v.error,children:[u.jsx(n.CautionFilledCustomIcon,{size:20}),h]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("react-dropzone"),e=require("classnames"),c=require("./styles.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js");var n=require("../../icons/customIcons/icons/CautionFilled.js");require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=require("../Typography.js"),t=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("@material-ui/core"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var u=require("react/jsx-runtime"),a=require("../../componentsV2/FilesDropzone/utils.js");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=m(s),j=m(e);function q(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function I(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?q(Object(e),!0).forEach((function(o){l.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):q(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.FilesDropzone=function(s){var e=s.multiple,m=s.children,l=s.accept,q=s.onDrop,p=s.className,d=s.maxFiles,b=s.maxSize,h=s.errorText,O=s.disabled,f=c.useStyles(),v=a.parseAccept(l),C=v.mimetypes,g=v.extensions,x=C.length||g.length?I({"*/*":g},Object.fromEntries(C.map((function(s){return[s,[]]})))):void 0,y=a.formatDescription(g,b),F=o.useDropzone({onDrop:q,multiple:e,accept:x,maxFiles:d,maxSize:b,disabled:O}),P=F.getRootProps,D=F.getInputProps,A=F.isDragActive;return u.jsxs("div",{className:p,children:[u.jsxs("div",I(I({},P()),{},{className:j.default(f.root,O&&f.disabled,A&&f.active),children:[u.jsx("input",I({},D())),m||u.jsxs(u.Fragment,{children:[u.jsx(i.FileAdditionOne,{size:24,className:f.icon}),u.jsx(r.Regular14,{children:"Drag & Drop your file here or"}),u.jsx(t,{variation:"tertiary",size:"small",disabled:O,className:f.uploadButton,children:"Choose file"})]})]})),!h&&y&&u.jsx(r.Regular14,{className:j.default(f.description,O&&f.disabled),children:y}),h&&u.jsxs(r.Regular14,{className:f.error,children:[u.jsx(n.CautionFilledCustomIcon,{size:20}),h]})]})};
 //# sourceMappingURL=FilesDropzone.js.map

package/cjs-bundle/components/FilesDropzone/FilesDropzone.js.map

@@ -1 +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 | undefined =\n    mimetypes.length || extensions.length\n      ? {\n          '*/*': extensions,\n          ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [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":["props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","FileAdditionOne","size","icon","Regular14","Button","variation","uploadButton","jsxs","error","CautionFilledCustomIcon"],"mappings":"mpKAsD6B,SAACA,GAC5B,IAAQC,EACND,EADMC,SAAUC,EAChBF,EADgBE,SAAUC,EAC1BH,EAD0BG,OAAQC,EAClCJ,EADkCI,OAAQC,EAC1CL,EAD0CK,UAAWC,EACrDN,EADqDM,SAAUC,EAC/DP,EAD+DO,QAASC,EACxER,EADwEQ,UAAWC,EACnFT,EADmFS,SAE/EC,EAASC,EAAAA,YACmBC,EAAAA,EAAWA,YAACT,GAAtCU,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAAA,kBAAkBV,EAAYP,GAElDkB,EAAsDC,EAAAA,YAAY,CAChEtB,OAAAA,EACAH,SAAAA,EACAE,OAAQY,EACRT,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMkB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAQrC,OACEC,EAAAA,KAAA,MAAA,CAAKzB,UAAWA,EAAUH,SACxB,CAAA4B,OAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBtB,UAAW0B,EAAAA,QACTrB,EAAOsB,KACPvB,GAAYC,EAAOD,SACnBoB,GAAgBnB,EAAOuB,QACvB/B,SAAA,CAEFgC,EAAAA,iBAAWN,MACV1B,GACC4B,EAAAA,KAAAK,EAAAA,SAAA,CAAAjC,SAAA,CACEgC,MAACE,kBAAe,CAACC,KAAM,GAAIhC,UAAWK,EAAO4B,OAC7CJ,MAACK,YAAS,CAAArC,SAAA,kCACVgC,MAACM,EAAM,CACLC,UAAU,WACVJ,KAAK,QACL5B,SAAUA,EACVJ,UAAWK,EAAOgC,aAAaxC,SAAA,wBAQrCM,GAAae,GACbW,EAAAA,IAACK,EAAAA,UAAS,CAAClC,UAAW0B,EAAU,QAACrB,EAAOa,YAAad,GAAYC,EAAOD,UAAUP,SAC/EqB,IAIJf,GACCsB,EAAAa,KAACJ,YAAS,CAAClC,UAAWK,EAAOkC,MAAM1C,SAAA,CACjCgC,MAACW,0BAAuB,CAACR,KAAM,KAC9B7B,OAKX"}
+{"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 | undefined =\n    mimetypes.length || extensions.length\n      ? {\n          '*/*': extensions,\n          ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [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":["props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","FileAdditionOne","size","icon","Regular14","Button","variation","uploadButton","jsxs","error","CautionFilledCustomIcon"],"mappings":"mwKAsD6B,SAACA,GAC5B,IAAQC,EACND,EADMC,SAAUC,EAChBF,EADgBE,SAAUC,EAC1BH,EAD0BG,OAAQC,EAClCJ,EADkCI,OAAQC,EAC1CL,EAD0CK,UAAWC,EACrDN,EADqDM,SAAUC,EAC/DP,EAD+DO,QAASC,EACxER,EADwEQ,UAAWC,EACnFT,EADmFS,SAE/EC,EAASC,EAAAA,YACmBC,EAAAA,EAAWA,YAACT,GAAtCU,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAAA,kBAAkBV,EAAYP,GAElDkB,EAAsDC,EAAAA,YAAY,CAChEtB,OAAAA,EACAH,SAAAA,EACAE,OAAQY,EACRT,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMkB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAQrC,OACEC,EAAAA,KAAA,MAAA,CAAKzB,UAAWA,EAAUH,SACxB,CAAA4B,OAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBtB,UAAW0B,EAAAA,QACTrB,EAAOsB,KACPvB,GAAYC,EAAOD,SACnBoB,GAAgBnB,EAAOuB,QACvB/B,SAAA,CAEFgC,EAAAA,iBAAWN,MACV1B,GACC4B,EAAAA,KAAAK,EAAAA,SAAA,CAAAjC,SAAA,CACEgC,MAACE,kBAAe,CAACC,KAAM,GAAIhC,UAAWK,EAAO4B,OAC7CJ,MAACK,YAAS,CAAArC,SAAA,kCACVgC,MAACM,EAAM,CACLC,UAAU,WACVJ,KAAK,QACL5B,SAAUA,EACVJ,UAAWK,EAAOgC,aAAaxC,SAAA,wBAQrCM,GAAae,GACbW,EAAAA,IAACK,EAAAA,UAAS,CAAClC,UAAW0B,EAAU,QAACrB,EAAOa,YAAad,GAAYC,EAAOD,UAAUP,SAC/EqB,IAIJf,GACCsB,EAAAa,KAACJ,YAAS,CAAClC,UAAWK,EAAOkC,MAAM1C,SAAA,CACjCgC,MAACW,0BAAuB,CAACR,KAAM,KAC9B7B,OAKX"}

package/cjs-bundle/components/FilesLoader/FilesLoader.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("prop-types"),i=require("classnames"),c=require("@material-ui/core"),r=require("../IconButton/index.js"),t=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime"),l=require("./Icons/IconWarning.js"),d=require("../FileIcon/FileIcon.js"),m=require("./useStyles.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=j(e),p=j(s),I=j(n),q=j(i);function h(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function v(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?h(Object(o),!0).forEach((function(s){f.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}function g(e){var s=e.size,n=void 0===s?"small":s,i=e.unit,j=void 0===i?"size":i,I=e.name,h=void 0===I?"":I,g=e.customUnitName,x=void 0===g?"":g,b=e.sizeBytes,y=void 0===b?1:b,C=e.handleCancel,O=void 0===C?null:C,z=e.onReload,S=void 0===z?null:z,P=e.onDelete,B=void 0===P?null:P,N=e.loadedBytes,F=e.error,w=void 0===F?null:F,M=e.errorText,k=void 0===M?"":M,A=e.formatError,E=void 0!==A&&A,L=e.importButtonType,T=void 0===L?"default":L,D=e.isLoadingAnimation,U=void 0!==D&&D,R=e.showActions,W=void 0===R||R,G=m.useStyles(),K=o.useState({}),Z=p.default(K,2),H=Z[0],J=Z[1],Q=o.useState(0),V=p.default(Q,2),X=V[0],Y=V[1],$=o.useState(!0),_=p.default($,2),ee=_[0],se=_[1],oe="large"===n,ne=oe?24:16,ie=oe?"medium":"small";o.useEffect((function(){J(function(e,s,o){return"time"===s?{downloaded:0,unit:"min",convertedSize:e}:"custom"===s?{downloaded:0,unit:o,convertedSize:e}:e>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(e/Math.pow(10,5))/10}:e>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(e/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*e)/10}}(null!=y?y:1,null!=j?j:"size",null!=x?x:""))}),[y,j]),o.useEffect((function(){if(N&&y){var e=Math.round(N/y*100);J((function(s){var o;return v(v({},s),{},{downloaded:Math.floor((null!==(o=s.convertedSize)&&void 0!==o?o:0)*e/10)/10})})),Y(e)}}),[N,y]),o.useEffect((function(){var e;return B&&X>=100&&(se(!0),e=setTimeout((function(){se(!1)}),5e3)),function(){return e&&clearTimeout(e)}}),[X]),o.useEffect((function(){w&&(Y(0),J((function(e){return v(v({},e),{},{downloaded:0})})))}),[w]);var ce=o.useMemo((function(){return[q.default(G.iconButton,f.default({},G.iconButtonLarge,oe)),q.default(G.actionIcon,f.default({},G.actionIconLarge,oe))]}),[oe]),re=p.default(ce,2),te=re[0],ue=re[1];return a.jsxs("div",{className:G.fileStateWrapper,children:[a.jsx("div",{className:G.fileIconContainer,children:a.jsx(d.FileIcon,{name:null!=h?h:"",style:{fontSize:oe?48:32}})}),a.jsxs("div",{className:G.fileState,children:[a.jsxs("div",{className:G.fileStateProgress,children:[a.jsx("div",{className:G.fileNameWrapper,children:a.jsx(c.Typography,{className:q.default(G.fileName,f.default({},G.fileNameLarge,oe)),children:h&&h.length>7?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:G.firstPart,children:h.slice(0,h.length-7)}),a.jsx("span",{children:h.slice(-7)})]}):h})}),!U&&a.jsx(c.LinearProgress,{className:G.progressBar,variant:"determinate",value:X,classes:{colorPrimary:q.default(G.progressBackground,f.default({},G.progressBarError,w)),barColorPrimary:q.default(G.progressBarColor,f.default({},G.progressBarError,w))}}),a.jsxs("div",{className:G.loaderProgressContainer,children:[!U&&a.jsx(c.Typography,{className:q.default(G.fileSize,f.default({},G.fileSizeLarge,oe)),component:"span",children:"".concat(H.downloaded," of ").concat(H.convertedSize," ").concat(H.unit)}),a.jsxs("div",{className:q.default(G.progressStatus,f.default({},G.fileSizeLarge,oe)),children:[w&&a.jsxs(c.Typography,{component:"div",className:G.errorContainer,children:[a.jsx(l,{size:n}),a.jsx(c.Typography,{component:"span",className:q.default(G.errorText,f.default({},G.fileSizeLarge,oe)),children:E?"Upload Error. Unacceptable file format.":"Upload Error".concat(k&&". ".concat(k))})]}),!w&&!U&&"".concat(X," %")]})]})]}),W&&a.jsxs("div",{className:G.fileActions,children:[X<100&&!w&&a.jsx(a.Fragment,{children:U?a.jsx("div",{className:q.default(G.loadingIcon,f.default({},G.loadingLargeIcon,oe)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):a.jsx(r,{tooltipProps:{title:"Cancel"},className:te,onClick:function(){null==O||O(h),Y(0),J((function(e){return v(v({},e),{},{downloaded:0})}))},size:ie,children:a.jsx(u.CloseSmallIcon,{className:ue,size:ne})})}),100===X&&!w&&(!ee&&B?a.jsx(r,{variant:"contained",tooltipProps:{title:"Delete"},className:te,onClick:B,size:ie,children:a.jsx(u.DeleteFourIcon,{className:ue,size:ne})}):a.jsx(u.CheckOneIcon,{fill:"#75DB29",size:ne,style:{marginLeft:12}})),S&&w&&a.jsx(a.Fragment,{children:E?a.jsx(a.Fragment,{children:"default"===T?a.jsx(t,{size:oe?"medium":"small",variation:"primary",startIcon:a.jsx(u.UploadIcon,{}),onClick:S,children:"Import"}):a.jsx(r,{size:ie,tooltipProps:{title:"Import File"},className:te,onClick:S,children:a.jsx(u.UploadIcon,{size:ne})})}):a.jsx(r,{size:ie,tooltipProps:{title:"Reload"},className:te,onClick:S,children:a.jsx(u.RedoIcon,{size:ne})})})]})]})]})}var x={size:I.default.oneOf(["small","large"]),unit:I.default.oneOf(["size","time","custom"]),customUnitName:I.default.string,onDelete:I.default.func,onReload:I.default.func,handleCancel:I.default.func,name:I.default.string,sizeBytes:I.default.number,error:I.default.bool,errorText:I.default.string,formatError:I.default.bool,importButtonType:I.default.oneOf(["default","icon"]),loadedBytes:I.default.number.isRequired,isLoadingAnimation:I.default.bool,showActions:I.default.bool};g.propTypes=x,module.exports=g;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),n=require("prop-types"),i=require("classnames"),c=require("@material-ui/core"),r=require("../IconButton/index.js"),t=require("../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../Button/components/LiveButton/styles.js");var u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime"),l=require("./Icons/IconWarning.js"),d=require("../FileIcon/FileIcon.js"),m=require("./useStyles.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=j(e),p=j(s),I=j(n),q=j(i);function h(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function v(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?h(Object(o),!0).forEach((function(s){f.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}function g(e){var s=e.size,n=void 0===s?"small":s,i=e.unit,j=void 0===i?"size":i,I=e.name,h=void 0===I?"":I,g=e.customUnitName,x=void 0===g?"":g,b=e.sizeBytes,y=void 0===b?1:b,C=e.handleCancel,O=void 0===C?null:C,z=e.onReload,S=void 0===z?null:z,P=e.onDelete,B=void 0===P?null:P,F=e.loadedBytes,N=e.error,w=void 0===N?null:N,M=e.errorText,k=void 0===M?"":M,A=e.formatError,E=void 0!==A&&A,L=e.importButtonType,T=void 0===L?"default":L,D=e.isLoadingAnimation,R=void 0!==D&&D,U=e.showActions,W=void 0===U||U,G=m.useStyles(),K=o.useState({}),Z=p.default(K,2),H=Z[0],J=Z[1],Q=o.useState(0),V=p.default(Q,2),X=V[0],Y=V[1],$=o.useState(!0),_=p.default($,2),ee=_[0],se=_[1],oe="large"===n,ne=oe?24:16,ie=oe?"medium":"small";o.useEffect((function(){J(function(e,s,o){return"time"===s?{downloaded:0,unit:"min",convertedSize:e}:"custom"===s?{downloaded:0,unit:o,convertedSize:e}:e>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(e/Math.pow(10,5))/10}:e>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(e/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*e)/10}}(null!=y?y:1,null!=j?j:"size",null!=x?x:""))}),[y,j]),o.useEffect((function(){if(F&&y){var e=Math.round(F/y*100);J((function(s){var o;return v(v({},s),{},{downloaded:Math.floor((null!==(o=s.convertedSize)&&void 0!==o?o:0)*e/10)/10})})),Y(e)}}),[F,y]),o.useEffect((function(){var e;return B&&X>=100&&(se(!0),e=setTimeout((function(){se(!1)}),5e3)),function(){return e&&clearTimeout(e)}}),[X]),o.useEffect((function(){w&&(Y(0),J((function(e){return v(v({},e),{},{downloaded:0})})))}),[w]);var ce=o.useMemo((function(){return[q.default(G.iconButton,f.default({},G.iconButtonLarge,oe)),q.default(G.actionIcon,f.default({},G.actionIconLarge,oe))]}),[oe]),re=p.default(ce,2),te=re[0],ue=re[1];return a.jsxs("div",{className:G.fileStateWrapper,children:[a.jsx("div",{className:G.fileIconContainer,children:a.jsx(d.FileIcon,{name:null!=h?h:"",style:{fontSize:oe?48:32}})}),a.jsxs("div",{className:G.fileState,children:[a.jsxs("div",{className:G.fileStateProgress,children:[a.jsx("div",{className:G.fileNameWrapper,children:a.jsx(c.Typography,{className:q.default(G.fileName,f.default({},G.fileNameLarge,oe)),children:h&&h.length>7?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:G.firstPart,children:h.slice(0,h.length-7)}),a.jsx("span",{children:h.slice(-7)})]}):h})}),!R&&a.jsx(c.LinearProgress,{className:G.progressBar,variant:"determinate",value:X,classes:{colorPrimary:q.default(G.progressBackground,f.default({},G.progressBarError,w)),barColorPrimary:q.default(G.progressBarColor,f.default({},G.progressBarError,w))}}),a.jsxs("div",{className:G.loaderProgressContainer,children:[!R&&a.jsx(c.Typography,{className:q.default(G.fileSize,f.default({},G.fileSizeLarge,oe)),component:"span",children:"".concat(H.downloaded," of ").concat(H.convertedSize," ").concat(H.unit)}),a.jsxs("div",{className:q.default(G.progressStatus,f.default({},G.fileSizeLarge,oe)),children:[w&&a.jsxs(c.Typography,{component:"div",className:G.errorContainer,children:[a.jsx(l,{size:n}),a.jsx(c.Typography,{component:"span",className:q.default(G.errorText,f.default({},G.fileSizeLarge,oe)),children:E?"Upload Error. Unacceptable file format.":"Upload Error".concat(k&&". ".concat(k))})]}),!w&&!R&&"".concat(X," %")]})]})]}),W&&a.jsxs("div",{className:G.fileActions,children:[X<100&&!w&&a.jsx(a.Fragment,{children:R?a.jsx("div",{className:q.default(G.loadingIcon,f.default({},G.loadingLargeIcon,oe)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):a.jsx(r,{tooltipProps:{title:"Cancel"},className:te,onClick:function(){null==O||O(h),Y(0),J((function(e){return v(v({},e),{},{downloaded:0})}))},size:ie,children:a.jsx(u.CloseSmallIcon,{className:ue,size:ne})})}),100===X&&!w&&(!ee&&B?a.jsx(r,{variant:"contained",tooltipProps:{title:"Delete"},className:te,onClick:B,size:ie,children:a.jsx(u.DeleteFourIcon,{className:ue,size:ne})}):a.jsx(u.CheckOneIcon,{fill:"#75DB29",size:ne,style:{marginLeft:12}})),S&&w&&a.jsx(a.Fragment,{children:E?a.jsx(a.Fragment,{children:"default"===T?a.jsx(t,{size:oe?"medium":"small",variation:"primary",startIcon:a.jsx(u.UploadIcon,{}),onClick:S,children:"Import"}):a.jsx(r,{size:ie,tooltipProps:{title:"Import File"},className:te,onClick:S,children:a.jsx(u.UploadIcon,{size:ne})})}):a.jsx(r,{size:ie,tooltipProps:{title:"Reload"},className:te,onClick:S,children:a.jsx(u.RedoIcon,{size:ne})})})]})]})]})}var x={size:I.default.oneOf(["small","large"]),unit:I.default.oneOf(["size","time","custom"]),customUnitName:I.default.string,onDelete:I.default.func,onReload:I.default.func,handleCancel:I.default.func,name:I.default.string,sizeBytes:I.default.number,error:I.default.bool,errorText:I.default.string,formatError:I.default.bool,importButtonType:I.default.oneOf(["default","icon"]),loadedBytes:I.default.number.isRequired,isLoadingAnimation:I.default.bool,showActions:I.default.bool};g.propTypes=x,module.exports=g;
 //# sourceMappingURL=FilesLoader.js.map

package/cjs-bundle/components/FilesLoader/FilesLoader.js.map

@@ -1 +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: number, unit: string, customUnitName: string) {\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 = 'small',\n  unit = 'size',\n  name = '',\n  customUnitName = '',\n  sizeBytes = 1,\n  handleCancel = null,\n  onReload = null,\n  onDelete = null,\n  loadedBytes,\n  error = null,\n  errorText = '',\n  formatError = false,\n  importButtonType = 'default',\n  isLoadingAnimation = false,\n  showActions = true,\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 ?? 1, unit ?? 'size', 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 ?? 0) * currentPercent) / 10) / 10,\n      }));\n      setProgressPercent(currentPercent);\n    }\n  }, [loadedBytes, sizeBytes]);\n\n  useEffect(() => {\n    let timerId: ReturnType<typeof setTimeout>;\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 && 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\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","_ref$size","size","_ref$unit","unit","_ref$name","name","_ref$customUnitName","customUnitName","_ref$sizeBytes","sizeBytes","_ref$handleCancel","handleCancel","_ref$onReload","onReload","_ref$onDelete","onDelete","loadedBytes","_ref$error","error","_ref$errorText","errorText","_ref$formatError","formatError","_ref$importButtonType","importButtonType","_ref$isLoadingAnimati","isLoadingAnimation","_ref$showActions","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","jsx","fileIconContainer","FileIcon","style","fontSize","jsxs","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes"],"mappings":"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"}
+{"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: number, unit: string, customUnitName: string) {\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 = 'small',\n  unit = 'size',\n  name = '',\n  customUnitName = '',\n  sizeBytes = 1,\n  handleCancel = null,\n  onReload = null,\n  onDelete = null,\n  loadedBytes,\n  error = null,\n  errorText = '',\n  formatError = false,\n  importButtonType = 'default',\n  isLoadingAnimation = false,\n  showActions = true,\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 ?? 1, unit ?? 'size', 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 ?? 0) * currentPercent) / 10) / 10,\n      }));\n      setProgressPercent(currentPercent);\n    }\n  }, [loadedBytes, sizeBytes]);\n\n  useEffect(() => {\n    let timerId: ReturnType<typeof setTimeout>;\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 && 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\nexport default FilesLoader;\n"],"names":["FilesLoader","_ref","_ref$size","size","_ref$unit","unit","_ref$name","name","_ref$customUnitName","customUnitName","_ref$sizeBytes","sizeBytes","_ref$handleCancel","handleCancel","_ref$onReload","onReload","_ref$onDelete","onDelete","loadedBytes","_ref$error","error","_ref$errorText","errorText","_ref$formatError","formatError","_ref$importButtonType","importButtonType","_ref$isLoadingAnimati","isLoadingAnimation","_ref$showActions","showActions","classes","useStyles","_useState","useState","_useState2","_slicedToArray","sizeParams","setSizeParams","_useState4","_useState3","progressPercent","setProgressPercent","_useState6","_useState5","isSuccessButtonVisible","setIsSuccessButtonVisible","isLarge","iconSize","iconButtonSize","useEffect","downloaded","convertedSize","Math","pow","floor","getInitSizeParams","currentPercent","round","prev","_prev$convertedSize","_objectSpread","timerId","setTimeout","clearTimeout","useMemo","classNames","iconButton","_defineProperty","iconButtonLarge","actionIcon","actionIconLarge","_useMemo2","_useMemo","iconButtonClassName","actionIconClassName","_jsxs","className","fileStateWrapper","children","_jsx","jsx","fileIconContainer","FileIcon","style","fontSize","jsxs","fileState","fileStateProgress","fileNameWrapper","Typography","fileName","fileNameLarge","length","_Fragment","firstPart","slice","LinearProgress","progressBar","variant","value","colorPrimary","progressBackground","progressBarError","barColorPrimary","progressBarColor","loaderProgressContainer","fileSize","fileSizeLarge","component","concat","progressStatus","errorContainer","IconWarning","fileActions","loadingIcon","loadingLargeIcon","backgroundImage","IconButton","tooltipProps","title","onClick","CloseSmallIcon","DeleteFourIcon","CheckOneIcon","fill","marginLeft","Button","variation","startIcon","UploadIcon","RedoIcon","filesLoaderPropTypes","PropTypes","oneOf","string","func","number","bool","isRequired","propTypes"],"mappings":"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"}

package/cjs-bundle/components/FilesLoaderV2/FilesLoaderV2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("@material-ui/core"),c=require("../FileIcon/FileIcon.js"),e=require("../IconButton/index.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js");var n=require("../../icons/customIcons/icons/CautionFilled.js");require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=require("../MiddleTruncatedText/MiddleTruncatedText.js"),u=require("../Typography.js"),t=require("./utils.js"),l=require("./styles.js"),a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s);exports.FilesLoaderV2=function(s){var m=s.formatProgress,q=void 0===m?t.formatSizeProgress:m,I=s.className,d=s.name,p=s.current,x=s.total,C=s.errorText,h=s.onCancel,v=s.onReload,F=s.onDelete,g=l.useStyles(),P=void 0!==x&&x>=0&&void 0!==p&&p>=0,O=Math.min(100,Math.ceil((null!=p?p:0)/(null!=x?x:1)*100)),M=void 0!==p&&void 0!==x&&p>=x;return a.jsxs("div",{className:j.default(g.root,I),children:[a.jsx(c.FileIcon,{name:d,className:g.icon,strokeWidth:2}),a.jsxs("div",{className:g.content,children:[a.jsx(u.Regular14,{className:g.name,children:a.jsx(r.MiddleTruncatedText,{children:d},d)}),!C&&!M&&a.jsxs(a.Fragment,{children:[a.jsx(o.LinearProgress,{className:g.progressBar,variant:P?"determinate":void 0,value:O}),a.jsxs("div",{className:g.progressTextContainer,children:[a.jsx(u.Regular12,{className:g.progressText,children:q(x,p)}),P&&a.jsxs(u.Regular12,{className:g.progressText,children:[O,"%"]})]})]}),C&&a.jsxs(u.Regular14,{className:g.error,children:[a.jsx(n.CautionFilledCustomIcon,{size:16}),C]})]}),h&&!C&&!M&&a.jsx(e,{onClick:h,size:"small",tooltipProps:{title:"Cancel"},children:a.jsx(i.CloseIcon,{})}),F&&(C||M)&&a.jsx(e,{onClick:F,size:"small",tooltipProps:{title:"Remove File"},children:a.jsx(i.DeleteFourIcon,{})}),v&&C&&a.jsx(e,{onClick:v,size:"small",tooltipProps:{title:"Reload"},children:a.jsx(i.RedoIcon,{})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("@material-ui/core"),c=require("../FileIcon/FileIcon.js"),e=require("../IconButton/index.js"),i=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js");var n=require("../../icons/customIcons/icons/CautionFilled.js");require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=require("../MiddleTruncatedText/MiddleTruncatedText.js"),u=require("../Typography.js"),t=require("./utils.js"),l=require("./styles.js"),a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s);exports.FilesLoaderV2=function(s){var m=s.formatProgress,q=void 0===m?t.formatSizeProgress:m,I=s.className,d=s.name,p=s.current,x=s.total,C=s.errorText,h=s.onCancel,v=s.onReload,F=s.onDelete,g=l.useStyles(),P=void 0!==x&&x>=0&&void 0!==p&&p>=0,O=Math.min(100,Math.ceil((null!=p?p:0)/(null!=x?x:1)*100)),M=void 0!==p&&void 0!==x&&p>=x;return a.jsxs("div",{className:j.default(g.root,I),children:[a.jsx(c.FileIcon,{name:d,className:g.icon,strokeWidth:2}),a.jsxs("div",{className:g.content,children:[a.jsx(u.Regular14,{className:g.name,children:a.jsx(r.MiddleTruncatedText,{children:d},d)}),!C&&!M&&a.jsxs(a.Fragment,{children:[a.jsx(o.LinearProgress,{className:g.progressBar,variant:P?"determinate":void 0,value:O}),a.jsxs("div",{className:g.progressTextContainer,children:[a.jsx(u.Regular12,{className:g.progressText,children:q(x,p)}),P&&a.jsxs(u.Regular12,{className:g.progressText,children:[O,"%"]})]})]}),C&&a.jsxs(u.Regular14,{className:g.error,children:[a.jsx(n.CautionFilledCustomIcon,{size:16}),C]})]}),h&&!C&&!M&&a.jsx(e,{onClick:h,size:"small",tooltipProps:{title:"Cancel"},children:a.jsx(i.CloseIcon,{})}),F&&(C||M)&&a.jsx(e,{onClick:F,size:"small",tooltipProps:{title:"Remove File"},children:a.jsx(i.DeleteFourIcon,{})}),v&&C&&a.jsx(e,{onClick:v,size:"small",tooltipProps:{title:"Reload"},children:a.jsx(i.RedoIcon,{})})]})};
 //# sourceMappingURL=FilesLoaderV2.js.map

package/cjs-bundle/components/FilesLoaderV2/FilesLoaderV2.js.map

@@ -1 +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 !== undefined && total >= 0 && current !== undefined && current >= 0;\n  const progressPercent = Math.min(100, Math.ceil(((current ?? 0) / (total ?? 1)) * 100));\n  const isComplete = current !== undefined && total !== undefined && 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":["props","formatProgress","formatSizeProgress","_props$formatProgress","className","name","current","total","errorText","onCancel","onReload","onDelete","styles","useStyles","isDeterminate","undefined","progressPercent","Math","min","ceil","isComplete","_jsxs","classNames","root","children","_jsx","FileIcon","icon","strokeWidth","jsxs","content","Regular14","MiddleTruncatedText","_Fragment","LinearProgress","progressBar","variant","value","progressTextContainer","Regular12","progressText","error","CautionFilledCustomIcon","size","jsx","IconButton","onClick","tooltipProps","title","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"ozIAkD6B,SAACA,GAC5B,IAUIA,EAAAA,EATFC,eAAAA,aAAiBC,EAAkBA,mBAAAC,EACnCC,EAQEJ,EARFI,UACAC,EAOEL,EAPFK,KACAC,EAMEN,EANFM,QACAC,EAKEP,EALFO,MACAC,EAIER,EAJFQ,UACAC,EAGET,EAHFS,SACAC,EAEEV,EAFFU,SACAC,EACEX,EADFW,SAEIC,EAASC,EAAAA,YACTC,OAA0BC,IAAVR,GAAuBA,GAAS,QAAiBQ,IAAZT,GAAyBA,GAAW,EACzFU,EAAkBC,KAAKC,IAAI,IAAKD,KAAKE,MAAOb,QAAAA,EAAW,IAAMC,QAAAA,EAAS,GAAM,MAC5Ea,OAAyBL,IAAZT,QAAmCS,IAAVR,GAAuBD,GAAWC,EAE9E,OACEc,EAAAA,KAAA,MAAA,CAAKjB,UAAWkB,EAAU,QAACV,EAAOW,KAAMnB,GAAWoB,SAAA,CACjDC,MAACC,WAAQ,CAACrB,KAAMA,EAAMD,UAAWQ,EAAOe,KAAMC,YAAa,IAE3DP,EAAAQ,KAAA,MAAA,CAAKzB,UAAWQ,EAAOkB,QAAQN,SAAA,CAC7BC,MAACM,YAAS,CAAC3B,UAAWQ,EAAOP,KAAKmB,SAChCC,MAACO,sBAAmB,CAAAR,SAAanB,GAAPA,MAG1BG,IAAcY,GACdC,EAAAA,KAAAY,EAAAA,SAAA,CAAAT,SAAA,CACEC,MAACS,iBAAc,CACb9B,UAAWQ,EAAOuB,YAClBC,QAAStB,EAAgB,mBAAgBC,EACzCsB,MAAOrB,IAGTK,EAAAQ,KAAA,MAAA,CAAKzB,UAAWQ,EAAO0B,sBAAsBd,SAAA,CAC3CC,MAACc,YAAS,CAACnC,UAAWQ,EAAO4B,aAAahB,SACvCvB,EAAeM,EAAOD,KAGxBQ,GACCO,EAAAQ,KAACU,YAAS,CAACnC,UAAWQ,EAAO4B,aAAahB,SAAA,CAAER,EAAe,aAMlER,GACCa,EAAAQ,KAACE,YAAS,CAAC3B,UAAWQ,EAAO6B,MAAMjB,SAAA,CACjCC,MAACiB,0BAAuB,CAACC,KAAM,KAC9BnC,QAKNC,IAAaD,IAAcY,GAC1BK,EAAAmB,IAACC,EAAU,CAACC,QAASrC,EAAUkC,KAAM,QAASI,aAAc,CAAEC,MAAO,UAAWxB,SAC9EC,EAAAA,IAACwB,EAASA,UAAA,MAIbtC,IAAaH,GAAaY,IACzBK,EAAAA,IAACoB,EAAU,CAACC,QAASnC,EAAUgC,KAAM,QAASI,aAAc,CAAEC,MAAO,eAAgBxB,SACnFC,EAAAA,IAACyB,EAAcA,eAAA,MAIlBxC,GAAYF,GACXiB,EAAAA,IAACoB,EAAU,CAACC,QAASpC,EAAUiC,KAAM,QAASI,aAAc,CAAEC,MAAO,UAAWxB,SAC9EC,EAAAA,IAAC0B,EAAQA,SAAA,QAKnB"}
+{"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 !== undefined && total >= 0 && current !== undefined && current >= 0;\n  const progressPercent = Math.min(100, Math.ceil(((current ?? 0) / (total ?? 1)) * 100));\n  const isComplete = current !== undefined && total !== undefined && 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":["props","formatProgress","formatSizeProgress","_props$formatProgress","className","name","current","total","errorText","onCancel","onReload","onDelete","styles","useStyles","isDeterminate","undefined","progressPercent","Math","min","ceil","isComplete","_jsxs","classNames","root","children","_jsx","FileIcon","icon","strokeWidth","jsxs","content","Regular14","MiddleTruncatedText","_Fragment","LinearProgress","progressBar","variant","value","progressTextContainer","Regular12","progressText","error","CautionFilledCustomIcon","size","jsx","IconButton","onClick","tooltipProps","title","CloseIcon","DeleteFourIcon","RedoIcon"],"mappings":"o6IAkD6B,SAACA,GAC5B,IAUIA,EAAAA,EATFC,eAAAA,aAAiBC,EAAkBA,mBAAAC,EACnCC,EAQEJ,EARFI,UACAC,EAOEL,EAPFK,KACAC,EAMEN,EANFM,QACAC,EAKEP,EALFO,MACAC,EAIER,EAJFQ,UACAC,EAGET,EAHFS,SACAC,EAEEV,EAFFU,SACAC,EACEX,EADFW,SAEIC,EAASC,EAAAA,YACTC,OAA0BC,IAAVR,GAAuBA,GAAS,QAAiBQ,IAAZT,GAAyBA,GAAW,EACzFU,EAAkBC,KAAKC,IAAI,IAAKD,KAAKE,MAAOb,QAAAA,EAAW,IAAMC,QAAAA,EAAS,GAAM,MAC5Ea,OAAyBL,IAAZT,QAAmCS,IAAVR,GAAuBD,GAAWC,EAE9E,OACEc,EAAAA,KAAA,MAAA,CAAKjB,UAAWkB,EAAU,QAACV,EAAOW,KAAMnB,GAAWoB,SAAA,CACjDC,MAACC,WAAQ,CAACrB,KAAMA,EAAMD,UAAWQ,EAAOe,KAAMC,YAAa,IAE3DP,EAAAQ,KAAA,MAAA,CAAKzB,UAAWQ,EAAOkB,QAAQN,SAAA,CAC7BC,MAACM,YAAS,CAAC3B,UAAWQ,EAAOP,KAAKmB,SAChCC,MAACO,sBAAmB,CAAAR,SAAanB,GAAPA,MAG1BG,IAAcY,GACdC,EAAAA,KAAAY,EAAAA,SAAA,CAAAT,SAAA,CACEC,MAACS,iBAAc,CACb9B,UAAWQ,EAAOuB,YAClBC,QAAStB,EAAgB,mBAAgBC,EACzCsB,MAAOrB,IAGTK,EAAAQ,KAAA,MAAA,CAAKzB,UAAWQ,EAAO0B,sBAAsBd,SAAA,CAC3CC,MAACc,YAAS,CAACnC,UAAWQ,EAAO4B,aAAahB,SACvCvB,EAAeM,EAAOD,KAGxBQ,GACCO,EAAAQ,KAACU,YAAS,CAACnC,UAAWQ,EAAO4B,aAAahB,SAAA,CAAER,EAAe,aAMlER,GACCa,EAAAQ,KAACE,YAAS,CAAC3B,UAAWQ,EAAO6B,MAAMjB,SAAA,CACjCC,MAACiB,0BAAuB,CAACC,KAAM,KAC9BnC,QAKNC,IAAaD,IAAcY,GAC1BK,EAAAmB,IAACC,EAAU,CAACC,QAASrC,EAAUkC,KAAM,QAASI,aAAc,CAAEC,MAAO,UAAWxB,SAC9EC,EAAAA,IAACwB,EAASA,UAAA,MAIbtC,IAAaH,GAAaY,IACzBK,EAAAA,IAACoB,EAAU,CAACC,QAASnC,EAAUgC,KAAM,QAASI,aAAc,CAAEC,MAAO,eAAgBxB,SACnFC,EAAAA,IAACyB,EAAcA,eAAA,MAIlBxC,GAAYF,GACXiB,EAAAA,IAACoB,EAAU,CAACC,QAASpC,EAAUiC,KAAM,QAASI,aAAc,CAAEC,MAAO,UAAWxB,SAC9EC,EAAAA,IAAC0B,EAAQA,SAAA,QAKnB"}

package/cjs-bundle/components/Formula/CloseSuggestion.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@material-ui/core"),o=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("react/jsx-runtime"),n=s.makeStyles((function(s){return{buttonWrapper:{display:"flex",alignItems:"center",color:s.palette.primary.text7,"&:hover":{color:s.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));module.exports=function(s){var e=s.onClose,r=n();return i.jsx("div",{className:r.buttonWrapper,onClick:e,children:i.jsx(o.Tooltip,{title:"Clear",placement:"bottom",children:i.jsx(c.CloseSmallIcon,{size:16,strokeWidth:3})})})};
+"use strict";var s=require("@material-ui/core"),o=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var i=require("react/jsx-runtime"),n=s.makeStyles((function(s){return{buttonWrapper:{display:"flex",alignItems:"center",color:s.palette.primary.text7,"&:hover":{color:s.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));module.exports=function(s){var e=s.onClose,r=n();return i.jsx("div",{className:r.buttonWrapper,onClick:e,children:i.jsx(o.Tooltip,{title:"Clear",placement:"bottom",children:i.jsx(c.CloseSmallIcon,{size:16,strokeWidth:3})})})};
 //# sourceMappingURL=CloseSuggestion.js.map

package/cjs-bundle/components/Formula/CloseSuggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseSuggestion.js","sources":["../../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  buttonWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    color: theme.palette.primary.text7,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n      cursor: 'pointer',\n    },\n    marginLeft: '-24px',\n    zIndex: 999,\n  },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n  const classes = useStyles();\n  return (\n    <div className={classes.buttonWrapper} onClick={onClose}>\n      <Tooltip title=\"Clear\" placement=\"bottom\">\n        <CloseSmallIcon size={16} strokeWidth={3} />\n      </Tooltip>\n    </div>\n  );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"q/HAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,mBAEc,SAAsCC,GAAA,IAAXC,IAAAA,QAClCC,EAAUhB,IAChB,OACEiB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQb,cAAegB,QAASJ,EAAQK,SACtDH,MAACI,UAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,MAACO,iBAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}
+{"version":3,"file":"CloseSuggestion.js","sources":["../../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  buttonWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    color: theme.palette.primary.text7,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n      cursor: 'pointer',\n    },\n    marginLeft: '-24px',\n    zIndex: 999,\n  },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n  const classes = useStyles();\n  return (\n    <div className={classes.buttonWrapper} onClick={onClose}>\n      <Tooltip title=\"Clear\" placement=\"bottom\">\n        <CloseSmallIcon size={16} strokeWidth={3} />\n      </Tooltip>\n    </div>\n  );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"qmIAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,mBAEc,SAAsCC,GAAA,IAAXC,IAAAA,QAClCC,EAAUhB,IAChB,OACEiB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQb,cAAegB,QAASJ,EAAQK,SACtDH,MAACI,UAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,MAACO,iBAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}

package/cjs-bundle/components/Formula/Formula.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),i=require("classnames"),c=require("@material-ui/core"),n=require("./utils.js"),r=require("./useFormulaFunction.js"),u=require("./useFormulaStyles.js"),t=require("./RootXIcon.js"),a=require("./FormulaTextEditor.js"),l=require("./CloseSuggestion.js"),m=require("./SuggestionsMenu.js"),d=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var j=require("../../effects/useOutsideClick.js"),q=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var I=require("react/jsx-runtime");function p(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var f=p(s),h=p(e),v=p(i),x=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],C=function(s,e,o){return e?o?s.palette.error.main:s.palette.primary.main:s.palette.primary.text7};module.exports=function(s){var e,i=s.suggestions,p=void 0===i?[]:i,b=s.initFormula,F=void 0===b?"":b,S=s.onSave,g=void 0===S?function(){}:S,y=o.useState(!0),T=h.default(y,2),N=T[0],k=T[1],O=o.useState(!1),A=h.default(O,2),P=A[0],W=A[1],M=o.useState(!1),E=h.default(M,2),R=E[0],U=E[1],D=o.useState(F),H=h.default(D,2),B=H[0],L=H[1],V=o.useState(0),z=h.default(V,2),G=z[0],K=z[1],X=o.useState(0),Z=h.default(X,2),w=Z[0],J=Z[1],Q=n.replaceStringToLabel(B,p),Y=Q.search("/f"),$=-1!==Y,_=o.useMemo((function(){return p.map((function(s){return s.key}))}),[p]),ss=Q.substring(Y+"/f".length,G),es=o.useRef(null),os=u.useFormulaStyles({isValue:!$&&!!B}),is=c.useTheme(),cs=r.useFormulaFunction(B,_),ns=cs.formulaFunction,rs=cs.error;j(es,(function(){U(!1)}));var us=function(s){var e,o=p.find((function(e){return e.key===s}));W(!0),U(!0),L((function(e){return e.replace("".concat("/f").concat(ss),s?"[".concat(s,"]"):"")})),K(Y+((null==o||null===(e=o.label)||void 0===e?void 0:e.length)||0))},ts=o.useCallback((function(s,e){G!==e&&K(e),s!==B&&(L(s),k(!1))}),[B,G]);return o.useEffect((function(){L(F)}),[F]),I.jsxs("div",{className:os.formulaContainer,children:[I.jsxs("div",{className:os.formulaHeaderWrapper,children:[I.jsxs("div",{className:os.formulaHeaderTextWrapper,children:[I.jsx(t,{color:C(is,R,rs)}),I.jsx("div",{className:os.formulaHeaderText,style:{color:C(is,R,rs)},children:"Formula Expression"})]}),I.jsxs("div",{className:os.formulaHeaderButtonWrapper,onClick:function(){$||(k(!1),L(""),K(0),W(!0))},children:[I.jsx(d.CloseSmallIcon,{strokeWidth:3,size:16}),I.jsx("div",{className:os.formulaHeaderText,children:"Clear"})]})]}),I.jsxs("div",{className:os.formulaEditorWrapper,children:[I.jsx("div",{ref:es,onClick:function(){U(!0)},children:I.jsx(a.default,{initFormula:B,cursorPos:G,color:C(is,R,rs),suggestions:p,isValueUpdated:P,setIsValueUpdated:W,onChange:ts})}),$&&I.jsx(l,{onClose:function(){return us("")}})]}),$&&I.jsx(m,{suggestions:p,keyStr:ss,onAddSuggestion:us,onChangeHeight:J}),I.jsxs("div",{className:os.formulaFooterWrapper,style:{marginTop:$?-w:0},children:[I.jsx(d.InfoIcon,{className:os.formulaFooterIcon,strokeWidth:3,size:16}),I.jsx("div",{className:os.formulaFooterTextWrapper,children:I.jsxs("div",{className:os.formulaFooterText,children:["Type ",I.jsx("span",{className:os.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",I.jsx(q.Tooltip,{title:I.jsx("div",{className:os.tooltipWrapper,children:x.map((function(s){return I.jsxs("div",{className:os.tooltipLine,children:[I.jsx("span",{className:os.tooltipValue,children:s.value}),I.jsxs("div",{className:os.tooltipLabelContainer,children:[!!s.isShift&&I.jsx("span",{className:os.tooltipSymbol,children:"⇧"}),I.jsx("span",{children:s.label})]},s.value)]},s.value)}))}),placement:"bottom",children:I.jsx("span",{className:os.successColor,children:"math symbols"})})]})})]}),I.jsx(c.Button,{className:os.verifyButton,variant:"contained",color:"primary",onClick:function(){k(!0);var s=p.map((function(s){return s.key})).filter((function(s){return B&&B.includes(s)}));g({formula:B,variables:s,formulaFunc:ns})},disabled:N||!ns,children:"Verify"}),!!B&&I.jsx("span",{className:v.default(os.resultText,(e={},f.default(e,os.errorColor,!!rs),f.default(e,os.resultSuccessColor,!rs),e)),children:rs?"The formula is not valid":"The formula is valid"})]})};
+"use strict";var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),o=require("react"),i=require("classnames"),c=require("@material-ui/core"),n=require("./utils.js"),r=require("./useFormulaFunction.js"),u=require("./useFormulaStyles.js"),t=require("./RootXIcon.js"),a=require("./FormulaTextEditor.js"),l=require("./CloseSuggestion.js"),m=require("./SuggestionsMenu.js"),d=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var j=require("../../effects/useOutsideClick.js"),q=require("../Tooltip/Tooltip.js");require("../Tooltip/ScrollableTooltip.js");var I=require("react/jsx-runtime");function p(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var f=p(s),h=p(e),v=p(i),x=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],C=function(s,e,o){return e?o?s.palette.error.main:s.palette.primary.main:s.palette.primary.text7};module.exports=function(s){var e,i=s.suggestions,p=void 0===i?[]:i,b=s.initFormula,F=void 0===b?"":b,S=s.onSave,g=void 0===S?function(){}:S,y=o.useState(!0),T=h.default(y,2),N=T[0],k=T[1],O=o.useState(!1),A=h.default(O,2),P=A[0],W=A[1],M=o.useState(!1),E=h.default(M,2),R=E[0],U=E[1],D=o.useState(F),H=h.default(D,2),B=H[0],L=H[1],V=o.useState(0),z=h.default(V,2),G=z[0],K=z[1],X=o.useState(0),Z=h.default(X,2),w=Z[0],J=Z[1],Q=n.replaceStringToLabel(B,p),Y=Q.search("/f"),$=-1!==Y,_=o.useMemo((function(){return p.map((function(s){return s.key}))}),[p]),ss=Q.substring(Y+"/f".length,G),es=o.useRef(null),os=u.useFormulaStyles({isValue:!$&&!!B}),is=c.useTheme(),cs=r.useFormulaFunction(B,_),ns=cs.formulaFunction,rs=cs.error;j(es,(function(){U(!1)}));var us=function(s){var e,o=p.find((function(e){return e.key===s}));W(!0),U(!0),L((function(e){return e.replace("".concat("/f").concat(ss),s?"[".concat(s,"]"):"")})),K(Y+((null==o||null===(e=o.label)||void 0===e?void 0:e.length)||0))},ts=o.useCallback((function(s,e){G!==e&&K(e),s!==B&&(L(s),k(!1))}),[B,G]);return o.useEffect((function(){L(F)}),[F]),I.jsxs("div",{className:os.formulaContainer,children:[I.jsxs("div",{className:os.formulaHeaderWrapper,children:[I.jsxs("div",{className:os.formulaHeaderTextWrapper,children:[I.jsx(t,{color:C(is,R,rs)}),I.jsx("div",{className:os.formulaHeaderText,style:{color:C(is,R,rs)},children:"Formula Expression"})]}),I.jsxs("div",{className:os.formulaHeaderButtonWrapper,onClick:function(){$||(k(!1),L(""),K(0),W(!0))},children:[I.jsx(d.CloseSmallIcon,{strokeWidth:3,size:16}),I.jsx("div",{className:os.formulaHeaderText,children:"Clear"})]})]}),I.jsxs("div",{className:os.formulaEditorWrapper,children:[I.jsx("div",{ref:es,onClick:function(){U(!0)},children:I.jsx(a.default,{initFormula:B,cursorPos:G,color:C(is,R,rs),suggestions:p,isValueUpdated:P,setIsValueUpdated:W,onChange:ts})}),$&&I.jsx(l,{onClose:function(){return us("")}})]}),$&&I.jsx(m,{suggestions:p,keyStr:ss,onAddSuggestion:us,onChangeHeight:J}),I.jsxs("div",{className:os.formulaFooterWrapper,style:{marginTop:$?-w:0},children:[I.jsx(d.InfoIcon,{className:os.formulaFooterIcon,strokeWidth:3,size:16}),I.jsx("div",{className:os.formulaFooterTextWrapper,children:I.jsxs("div",{className:os.formulaFooterText,children:["Type ",I.jsx("span",{className:os.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",I.jsx(q.Tooltip,{title:I.jsx("div",{className:os.tooltipWrapper,children:x.map((function(s){return I.jsxs("div",{className:os.tooltipLine,children:[I.jsx("span",{className:os.tooltipValue,children:s.value}),I.jsxs("div",{className:os.tooltipLabelContainer,children:[!!s.isShift&&I.jsx("span",{className:os.tooltipSymbol,children:"⇧"}),I.jsx("span",{children:s.label})]},s.value)]},s.value)}))}),placement:"bottom",children:I.jsx("span",{className:os.successColor,children:"math symbols"})})]})})]}),I.jsx(c.Button,{className:os.verifyButton,variant:"contained",color:"primary",onClick:function(){k(!0);var s=p.map((function(s){return s.key})).filter((function(s){return B&&B.includes(s)}));g({formula:B,variables:s,formulaFunc:ns})},disabled:N||!ns,children:"Verify"}),!!B&&I.jsx("span",{className:v.default(os.resultText,(e={},f.default(e,os.errorColor,!!rs),f.default(e,os.resultSuccessColor,!rs),e)),children:rs?"The formula is not valid":"The formula is valid"})]})};
 //# sourceMappingURL=Formula.js.map

package/cjs-bundle/components/Formula/Formula.js.map

@@ -1 +1 @@
-{"version":3,"file":"Formula.js","sources":["../../../../src/components/Formula/Formula.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { Button, Theme, useTheme } from '@material-ui/core';\n\nimport { replaceStringToLabel } from './utils';\nimport { useFormulaFunction } from './useFormulaFunction';\nimport { useFormulaStyles } from './useFormulaStyles';\nimport RootXIcon from './RootXIcon';\nimport FormulaTextEditor from './FormulaTextEditor';\nimport CloseSuggestion from './CloseSuggestion';\nimport SuggestionsMenu from './SuggestionsMenu';\n\nimport { CloseSmallIcon, InfoIcon } from '~/icons';\nimport useOutsideClick from '~/effects/useOutsideClick';\nimport Tooltip from '~/components/Tooltip';\n\nconst HOT_STR = '/f';\nconst mathSymbols = [\n  { value: '*', isShift: true, label: '8' },\n  { value: '/', label: '/' },\n  { value: '(', isShift: true, label: '9' },\n  { value: ')', isShift: true, label: '0' },\n  { value: '+', isShift: true, label: '+' },\n  { value: '-', label: '-' },\n  { value: '^', isShift: true, label: '6' },\n];\nconst getColor = (theme: Theme, isHighlight: boolean, isError: string) => {\n  if (!isHighlight) return theme.palette.primary.text7;\n  return isError ? theme.palette.error.main : theme.palette.primary.main;\n};\n\ntype FormulaObject = any;\n\ntype FormulaProps = {\n  suggestions?: { key: string; label: string; unit?: string; type: string }[];\n  initFormula?: string;\n  /**\n   * `FormulaObject` is an instance of [fparser](https://github.com/bylexus/fparse)\n   */\n  onSave?: (param: { formula: string; variables: string[]; formulaFunc: FormulaObject }) => void;\n};\n\nconst Formula = ({ suggestions = [], initFormula = '', onSave = () => {} }: FormulaProps) => {\n  const [isVerified, setIsVerified] = useState(true);\n  const [isValueUpdated, setIsValueUpdated] = useState(false);\n  const [isHighlight, setIsHighlight] = useState(false);\n  const [formulaValue, setFormulaValue] = useState(initFormula);\n  const [cursorPos, setCursorPos] = useState(0);\n  const [suggestionsMenuHeight, setSuggestionsMenuHeight] = useState(0);\n  const formulaLabel = replaceStringToLabel(formulaValue, suggestions);\n  const hotStrPos = formulaLabel.search(HOT_STR);\n  const isSuggestionState = hotStrPos !== -1;\n  const suggestionKeys = useMemo(() => suggestions.map(item => item.key), [suggestions]);\n  const keyStr = formulaLabel.substring(hotStrPos + HOT_STR.length, cursorPos);\n\n  const formulaRef = useRef<HTMLDivElement>(null);\n  const classes = useFormulaStyles({ isValue: !isSuggestionState && !!formulaValue });\n\n  const theme = useTheme();\n  const { formulaFunction, error } = useFormulaFunction(formulaValue, suggestionKeys);\n\n  useOutsideClick(formulaRef, () => {\n    setIsHighlight(false);\n  });\n\n  const handleAddSuggestion = (value: string) => {\n    const suggestion = suggestions.find(item => item.key === value);\n    setIsValueUpdated(true);\n    setIsHighlight(true);\n    setFormulaValue(prev => prev.replace(`${HOT_STR}${keyStr}`, value ? `[${value}]` : ''));\n    setCursorPos(hotStrPos + (suggestion?.label?.length || 0));\n  };\n\n  const handleCloseSuggestionState = () => handleAddSuggestion('');\n\n  const handleChangeEditorValue = useCallback(\n    (newValue: string, newCursorPos: number) => {\n      if (cursorPos !== newCursorPos) {\n        setCursorPos(newCursorPos);\n      }\n      if (newValue !== formulaValue) {\n        setFormulaValue(newValue);\n        setIsVerified(false);\n      }\n    },\n    [formulaValue, cursorPos]\n  );\n\n  const handleClickValue = () => {\n    setIsHighlight(true);\n  };\n\n  const handleClear = () => {\n    if (isSuggestionState) return;\n    setIsVerified(false);\n    setFormulaValue('');\n    setCursorPos(0);\n    setIsValueUpdated(true);\n  };\n\n  const handleVerify = () => {\n    setIsVerified(true);\n    const variables = suggestions\n      .map(suggestion => suggestion.key)\n      .filter(item => formulaValue && formulaValue.includes(item));\n    onSave({ formula: formulaValue, variables, formulaFunc: formulaFunction });\n  };\n\n  useEffect(() => {\n    setFormulaValue(initFormula);\n  }, [initFormula]);\n\n  return (\n    <div className={classes.formulaContainer}>\n      <div className={classes.formulaHeaderWrapper}>\n        <div className={classes.formulaHeaderTextWrapper}>\n          <RootXIcon color={getColor(theme, isHighlight, error)} />\n          <div\n            className={classes.formulaHeaderText}\n            style={{ color: getColor(theme, isHighlight, error) }}\n          >\n            Formula Expression\n          </div>\n        </div>\n        <div className={classes.formulaHeaderButtonWrapper} onClick={handleClear}>\n          <CloseSmallIcon strokeWidth={3} size={16} />\n          <div className={classes.formulaHeaderText}>Clear</div>\n        </div>\n      </div>\n      <div className={classes.formulaEditorWrapper}>\n        <div ref={formulaRef} onClick={handleClickValue}>\n          <FormulaTextEditor\n            initFormula={formulaValue}\n            cursorPos={cursorPos}\n            color={getColor(theme, isHighlight, error)}\n            suggestions={suggestions}\n            isValueUpdated={isValueUpdated}\n            setIsValueUpdated={setIsValueUpdated}\n            onChange={handleChangeEditorValue}\n          />\n        </div>\n        {isSuggestionState && <CloseSuggestion onClose={handleCloseSuggestionState} />}\n      </div>\n      {isSuggestionState && (\n        <SuggestionsMenu\n          suggestions={suggestions}\n          keyStr={keyStr}\n          onAddSuggestion={handleAddSuggestion}\n          onChangeHeight={setSuggestionsMenuHeight}\n        />\n      )}\n      <div\n        className={classes.formulaFooterWrapper}\n        style={{ marginTop: isSuggestionState ? -suggestionsMenuHeight : 0 }}\n      >\n        <InfoIcon className={classes.formulaFooterIcon} strokeWidth={3} size={16} />\n        <div className={classes.formulaFooterTextWrapper}>\n          <div className={classes.formulaFooterText}>\n            Type <span className={classes.funcText}>/f</span> to do add live channels to your\n            equation. Use your keybord for numbers and{' '}\n            <Tooltip\n              title={\n                <div className={classes.tooltipWrapper}>\n                  {mathSymbols.map(item => (\n                    <div key={item.value} className={classes.tooltipLine}>\n                      <span className={classes.tooltipValue}>{item.value}</span>\n                      <div key={item.value} className={classes.tooltipLabelContainer}>\n                        {!!item.isShift && <span className={classes.tooltipSymbol}>&#8679;</span>}\n                        <span>{item.label}</span>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              }\n              placement=\"bottom\"\n            >\n              <span className={classes.successColor}>math symbols</span>\n            </Tooltip>\n          </div>\n        </div>\n      </div>\n      <Button\n        className={classes.verifyButton}\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={handleVerify}\n        disabled={isVerified || !formulaFunction}\n      >\n        Verify\n      </Button>\n      {!!formulaValue && (\n        <span\n          className={classnames(classes.resultText, {\n            [classes.errorColor]: !!error,\n            [classes.resultSuccessColor]: !error,\n          })}\n        >\n          {error ? 'The formula is not valid' : 'The formula is valid'}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default Formula;\n"],"names":["mathSymbols","value","isShift","label","getColor","theme","isHighlight","isError","palette","error","main","primary","text7","_ref","_classnames","_ref$suggestions","suggestions","_ref$initFormula","initFormula","_ref$onSave","onSave","useState","_useState2","_slicedToArray","_useState","isVerified","setIsVerified","_useState4","_useState3","isValueUpdated","setIsValueUpdated","_useState6","_useState5","setIsHighlight","_useState8","_useState7","formulaValue","setFormulaValue","_useState10","_useState9","cursorPos","setCursorPos","_useState12","_useState11","suggestionsMenuHeight","setSuggestionsMenuHeight","formulaLabel","replaceStringToLabel","hotStrPos","search","isSuggestionState","suggestionKeys","useMemo","map","item","key","keyStr","substring","length","formulaRef","useRef","classes","useFormulaStyles","isValue","useTheme","_useFormulaFunction","useFormulaFunction","formulaFunction","useOutsideClick","handleAddSuggestion","_suggestion$label","suggestion","find","prev","replace","concat","handleChangeEditorValue","useCallback","newValue","newCursorPos","useEffect","_jsxs","className","formulaContainer","children","jsxs","formulaHeaderWrapper","formulaHeaderTextWrapper","_jsx","RootXIcon","color","jsx","formulaHeaderText","style","formulaHeaderButtonWrapper","onClick","CloseSmallIcon","strokeWidth","size","formulaEditorWrapper","ref","FormulaTextEditor","onChange","CloseSuggestion","onClose","SuggestionsMenu","onAddSuggestion","onChangeHeight","formulaFooterWrapper","marginTop","InfoIcon","formulaFooterIcon","formulaFooterTextWrapper","formulaFooterText","funcText","Tooltip","title","tooltipWrapper","tooltipLine","tooltipValue","tooltipLabelContainer","tooltipSymbol","placement","successColor","Button","verifyButton","variant","variables","filter","includes","formula","formulaFunc","disabled","classnames","resultText","_defineProperty","errorColor","resultSuccessColor"],"mappings":"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"}
+{"version":3,"file":"Formula.js","sources":["../../../../src/components/Formula/Formula.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { Button, Theme, useTheme } from '@material-ui/core';\n\nimport { replaceStringToLabel } from './utils';\nimport { useFormulaFunction } from './useFormulaFunction';\nimport { useFormulaStyles } from './useFormulaStyles';\nimport RootXIcon from './RootXIcon';\nimport FormulaTextEditor from './FormulaTextEditor';\nimport CloseSuggestion from './CloseSuggestion';\nimport SuggestionsMenu from './SuggestionsMenu';\n\nimport { CloseSmallIcon, InfoIcon } from '~/icons';\nimport useOutsideClick from '~/effects/useOutsideClick';\nimport Tooltip from '~/components/Tooltip';\n\nconst HOT_STR = '/f';\nconst mathSymbols = [\n  { value: '*', isShift: true, label: '8' },\n  { value: '/', label: '/' },\n  { value: '(', isShift: true, label: '9' },\n  { value: ')', isShift: true, label: '0' },\n  { value: '+', isShift: true, label: '+' },\n  { value: '-', label: '-' },\n  { value: '^', isShift: true, label: '6' },\n];\nconst getColor = (theme: Theme, isHighlight: boolean, isError: string) => {\n  if (!isHighlight) return theme.palette.primary.text7;\n  return isError ? theme.palette.error.main : theme.palette.primary.main;\n};\n\ntype FormulaObject = any;\n\ntype FormulaProps = {\n  suggestions?: { key: string; label: string; unit?: string; type: string }[];\n  initFormula?: string;\n  /**\n   * `FormulaObject` is an instance of [fparser](https://github.com/bylexus/fparse)\n   */\n  onSave?: (param: { formula: string; variables: string[]; formulaFunc: FormulaObject }) => void;\n};\n\nconst Formula = ({ suggestions = [], initFormula = '', onSave = () => {} }: FormulaProps) => {\n  const [isVerified, setIsVerified] = useState(true);\n  const [isValueUpdated, setIsValueUpdated] = useState(false);\n  const [isHighlight, setIsHighlight] = useState(false);\n  const [formulaValue, setFormulaValue] = useState(initFormula);\n  const [cursorPos, setCursorPos] = useState(0);\n  const [suggestionsMenuHeight, setSuggestionsMenuHeight] = useState(0);\n  const formulaLabel = replaceStringToLabel(formulaValue, suggestions);\n  const hotStrPos = formulaLabel.search(HOT_STR);\n  const isSuggestionState = hotStrPos !== -1;\n  const suggestionKeys = useMemo(() => suggestions.map(item => item.key), [suggestions]);\n  const keyStr = formulaLabel.substring(hotStrPos + HOT_STR.length, cursorPos);\n\n  const formulaRef = useRef<HTMLDivElement>(null);\n  const classes = useFormulaStyles({ isValue: !isSuggestionState && !!formulaValue });\n\n  const theme = useTheme();\n  const { formulaFunction, error } = useFormulaFunction(formulaValue, suggestionKeys);\n\n  useOutsideClick(formulaRef, () => {\n    setIsHighlight(false);\n  });\n\n  const handleAddSuggestion = (value: string) => {\n    const suggestion = suggestions.find(item => item.key === value);\n    setIsValueUpdated(true);\n    setIsHighlight(true);\n    setFormulaValue(prev => prev.replace(`${HOT_STR}${keyStr}`, value ? `[${value}]` : ''));\n    setCursorPos(hotStrPos + (suggestion?.label?.length || 0));\n  };\n\n  const handleCloseSuggestionState = () => handleAddSuggestion('');\n\n  const handleChangeEditorValue = useCallback(\n    (newValue: string, newCursorPos: number) => {\n      if (cursorPos !== newCursorPos) {\n        setCursorPos(newCursorPos);\n      }\n      if (newValue !== formulaValue) {\n        setFormulaValue(newValue);\n        setIsVerified(false);\n      }\n    },\n    [formulaValue, cursorPos]\n  );\n\n  const handleClickValue = () => {\n    setIsHighlight(true);\n  };\n\n  const handleClear = () => {\n    if (isSuggestionState) return;\n    setIsVerified(false);\n    setFormulaValue('');\n    setCursorPos(0);\n    setIsValueUpdated(true);\n  };\n\n  const handleVerify = () => {\n    setIsVerified(true);\n    const variables = suggestions\n      .map(suggestion => suggestion.key)\n      .filter(item => formulaValue && formulaValue.includes(item));\n    onSave({ formula: formulaValue, variables, formulaFunc: formulaFunction });\n  };\n\n  useEffect(() => {\n    setFormulaValue(initFormula);\n  }, [initFormula]);\n\n  return (\n    <div className={classes.formulaContainer}>\n      <div className={classes.formulaHeaderWrapper}>\n        <div className={classes.formulaHeaderTextWrapper}>\n          <RootXIcon color={getColor(theme, isHighlight, error)} />\n          <div\n            className={classes.formulaHeaderText}\n            style={{ color: getColor(theme, isHighlight, error) }}\n          >\n            Formula Expression\n          </div>\n        </div>\n        <div className={classes.formulaHeaderButtonWrapper} onClick={handleClear}>\n          <CloseSmallIcon strokeWidth={3} size={16} />\n          <div className={classes.formulaHeaderText}>Clear</div>\n        </div>\n      </div>\n      <div className={classes.formulaEditorWrapper}>\n        <div ref={formulaRef} onClick={handleClickValue}>\n          <FormulaTextEditor\n            initFormula={formulaValue}\n            cursorPos={cursorPos}\n            color={getColor(theme, isHighlight, error)}\n            suggestions={suggestions}\n            isValueUpdated={isValueUpdated}\n            setIsValueUpdated={setIsValueUpdated}\n            onChange={handleChangeEditorValue}\n          />\n        </div>\n        {isSuggestionState && <CloseSuggestion onClose={handleCloseSuggestionState} />}\n      </div>\n      {isSuggestionState && (\n        <SuggestionsMenu\n          suggestions={suggestions}\n          keyStr={keyStr}\n          onAddSuggestion={handleAddSuggestion}\n          onChangeHeight={setSuggestionsMenuHeight}\n        />\n      )}\n      <div\n        className={classes.formulaFooterWrapper}\n        style={{ marginTop: isSuggestionState ? -suggestionsMenuHeight : 0 }}\n      >\n        <InfoIcon className={classes.formulaFooterIcon} strokeWidth={3} size={16} />\n        <div className={classes.formulaFooterTextWrapper}>\n          <div className={classes.formulaFooterText}>\n            Type <span className={classes.funcText}>/f</span> to do add live channels to your\n            equation. Use your keybord for numbers and{' '}\n            <Tooltip\n              title={\n                <div className={classes.tooltipWrapper}>\n                  {mathSymbols.map(item => (\n                    <div key={item.value} className={classes.tooltipLine}>\n                      <span className={classes.tooltipValue}>{item.value}</span>\n                      <div key={item.value} className={classes.tooltipLabelContainer}>\n                        {!!item.isShift && <span className={classes.tooltipSymbol}>&#8679;</span>}\n                        <span>{item.label}</span>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              }\n              placement=\"bottom\"\n            >\n              <span className={classes.successColor}>math symbols</span>\n            </Tooltip>\n          </div>\n        </div>\n      </div>\n      <Button\n        className={classes.verifyButton}\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={handleVerify}\n        disabled={isVerified || !formulaFunction}\n      >\n        Verify\n      </Button>\n      {!!formulaValue && (\n        <span\n          className={classnames(classes.resultText, {\n            [classes.errorColor]: !!error,\n            [classes.resultSuccessColor]: !error,\n          })}\n        >\n          {error ? 'The formula is not valid' : 'The formula is valid'}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default Formula;\n"],"names":["mathSymbols","value","isShift","label","getColor","theme","isHighlight","isError","palette","error","main","primary","text7","_ref","_classnames","_ref$suggestions","suggestions","_ref$initFormula","initFormula","_ref$onSave","onSave","useState","_useState2","_slicedToArray","_useState","isVerified","setIsVerified","_useState4","_useState3","isValueUpdated","setIsValueUpdated","_useState6","_useState5","setIsHighlight","_useState8","_useState7","formulaValue","setFormulaValue","_useState10","_useState9","cursorPos","setCursorPos","_useState12","_useState11","suggestionsMenuHeight","setSuggestionsMenuHeight","formulaLabel","replaceStringToLabel","hotStrPos","search","isSuggestionState","suggestionKeys","useMemo","map","item","key","keyStr","substring","length","formulaRef","useRef","classes","useFormulaStyles","isValue","useTheme","_useFormulaFunction","useFormulaFunction","formulaFunction","useOutsideClick","handleAddSuggestion","_suggestion$label","suggestion","find","prev","replace","concat","handleChangeEditorValue","useCallback","newValue","newCursorPos","useEffect","_jsxs","className","formulaContainer","children","jsxs","formulaHeaderWrapper","formulaHeaderTextWrapper","_jsx","RootXIcon","color","jsx","formulaHeaderText","style","formulaHeaderButtonWrapper","onClick","CloseSmallIcon","strokeWidth","size","formulaEditorWrapper","ref","FormulaTextEditor","onChange","CloseSuggestion","onClose","SuggestionsMenu","onAddSuggestion","onChangeHeight","formulaFooterWrapper","marginTop","InfoIcon","formulaFooterIcon","formulaFooterTextWrapper","formulaFooterText","funcText","Tooltip","title","tooltipWrapper","tooltipLine","tooltipValue","tooltipLabelContainer","tooltipSymbol","placement","successColor","Button","verifyButton","variant","variables","filter","includes","formula","formulaFunc","disabled","classnames","resultText","_defineProperty","errorColor","resultSuccessColor"],"mappings":"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"}