npm - @corva/ui - Versions diffs - 0.26.0-8 → 0.26.0-9 - Mend

@corva/ui 0.26.0-8 → 0.26.0-9

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

Files changed (15) hide show

package/cjs/devcenter/webpack/public/index.html CHANGED Viewed

@@ -10,9 +10,9 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
     <title>Corva React App</title>
   </head>
-  <body>
+  <body data-corva-theme-dark>
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root" data-corva-theme-dark></div>
+    <div id="root"></div>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

package/components/AssetEditor/AssetEditorAutocomplete.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"@babel/runtime/helpers/defineProperty";import{debounce as t,identity as r}from"lodash";import n from"@babel/runtime/helpers/slicedToArray";import{jsxs as o,jsx as i}from"react/jsx-runtime";import{withStyles as a,List as l,FormControl as s,InputLabel as p,FormHelperText as u,Typography as c,TextField as d,InputAdornment as f,Chip as m}from"@material-ui/core";import{forwardRef as b,useState as g,useEffect as h,useMemo as y}from"react";import O from"@babel/runtime/helpers/objectWithoutProperties";import x from"prop-types";import{Search as v}from"@material-ui/icons";import T from"../TruncatedText/index.js";import{PER_PAGE as I,SCROLL_THRESHOLD as j}from"./constants.js";import{useAssetAutoCompleteSelectData as P}from"./effects/index.js";import{Autocomplete as A}from"@material-ui/lab";function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?C(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var M="DC_SingleAssetEditorAutocomplete",w={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},L=function(e){var t=e.text;return i("li",{style:w,children:i(c,{variant:"body2",color:"textSecondary",children:void 0===t?"Loading...":t})},"loading")},D=b((function(e,t){var r=e.children,n=e.loading,a=e.hasMore,s=O(e,["children","loading","hasMore"]);return o(l,S(S({},s),{},{ref:t,role:"listbox",children:[r,(a\|\|n)&&i(L,{})]}))})),N=function(e){var a=e["data-testid"],l=e.appKey,c=e.assetType,b=e.classes,O=e.companyId,x=e.currentValue,C=e.disabled,w=e.errorText,N=e.isMultiple,R=e.isNullable,V=e.label,E=e.onChange,K=e.parentAssetId,_=e.parentAssetType,k=g(N?[]:null),q=n(k,2),z=q[0],H=q[1],B=g(""),W=n(B,2),F=W[0],G=W[1],J=g(""),Q=n(J,2),U=Q[0],X=Q[1],Y=g(!1),Z=n(Y,2),$=Z[0],ee=Z[1],te=g(1),re=n(te,2),ne~~=re~~[0],oe=re[1],ie=g(!0),ae=n(ie,2),le=ae[0],se=ae[1];h((function(){H(N?[]:null),oe(1),ee(!1)}),[c]);var pe=P({appKey:l,assetType:c,companyId:O,currentValue:x,isMultiple:N,parentAssetId:K,parentAssetType:_,scrollPage:ne,searchText:F,setCurrentOption:H}),ue=pe.assets,ce=pe.loading;h((function(){var e=ue.length>=I*ne;se(e)}),[ue,ne]);var de=y((function(){return t((function(e){oe(1),G(e)}),200)}),[]),fe=y((function(){return t((function(){return oe((function(e){return e+1}))}),250)}),[]),me={root:b.root,inputRoot:b.inputRoot,popupIndicator:b.popupIndicator,option:b.option,noOptions:b.noOptions,listbox:b.listbox};return o(s,{disabled:C,error:!!w,className:b.formControl,children:[!R&&i(p,{shrink:!0,children:V}),i(A,S({disabled:C,blurOnSelect:!0,classes:me,clearOnBlur:!0,clearOnEscape:!0,"data-testid":a,~~disableClearable:!0,~~filterOptions:r,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:$?U:(null==z?void 0:z.name)\|\|"",ListboxComponent:D,ListboxProps:{onScroll:function(e){if(le&&!ce){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-j&&fe()}},loading:ce,hasMore:le},options:ue,onChange:function(e,t){H(t),E(N?t.map((function(e){return e.id})):null==t?void 0:t.id,t)},onClose:function(){X(""),G(""),ee(!1),oe(1)},onInputChange:function(e,t,r){"input"===r?(X(t),ee(!0),de(t)):G("")},noOptionsText:i(L,{text:ce?"Loading...":"No options"}),renderInput:function(e){return i(d,S(S({},e),{},{variant:"standard",placeholder:"Search for asset..."},!N&&{InputProps:S(S({},e.InputProps),{},{startAdornment:i(f,{children:i(v,{className:b.searchIcon})})})}))},renderOption:function(e){var t=e.id,r=e.name;return i(T,{"data-testid":"".concat(M,"_option_").concat(r,"MenuItem"),children:N&&x.includes(t)?"".concat(r," (already selected)"):r},t)},value:z,multiple:N},N&&{renderTags:function(e,t){return e.map((function(e,r){return i(m,S({label:null==e?void 0:e.name},t({index:r})),e.id)}))},getOptionDisabled:function(e){return x.includes(e.id)}})),i(u,{children:w})]})};N.defaultProps={label:"Choose An Asset",currentValue:void 0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,companyId:void 0,errorText:"","data-testid":"".concat(M,"_autoComplete"),disabled:!1,isMultiple:!1,appKey:null},N.propTypes={label:x.string,currentValue:x.oneOfType([x.number,x.arrayOf(x.number)]),isNullable:x.bool,onChange:x.func.isRequired,classes:x.shape({}).isRequired,parentAssetId:x.number,parentAssetType:x.string,companyId:x.number,assetType:x.string.isRequired,errorText:x.string,"data-testid":x.string,disabled:x.bool,isMultiple:x.bool,appKey:x.string};var R=a((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(N);export default R;
1	+ import e from"@babel/runtime/helpers/defineProperty";import{debounce as t,identity as n}from"lodash";import r from"@babel/runtime/helpers/slicedToArray";import{jsxs as o,jsx as i}from"react/jsx-runtime";import{withStyles as a,List as l,FormControl as s,InputLabel as p,FormHelperText as u,Typography as c,TextField as d,InputAdornment as f,Chip as m}from"@material-ui/core";import{forwardRef as b,useState as g,useEffect as h,useMemo as y}from"react";import O from"@babel/runtime/helpers/objectWithoutProperties";import v from"prop-types";import{Search as x}from"@material-ui/icons";import T from"../TruncatedText/index.js";import{PER_PAGE as I,SCROLL_THRESHOLD as j}from"./constants.js";import{useAssetAutoCompleteSelectData as P}from"./effects/index.js";import{Autocomplete as A}from"@material-ui/lab";function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?C(Object(r),!0).forEach((function(n){e(t,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var M="DC_SingleAssetEditorAutocomplete",w={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},L=function(e){var t=e.text;return i("li",{style:w,children:i(c,{variant:"body2",color:"textSecondary",children:void 0===t?"Loading...":t})},"loading")},D=b((function(e,t){var n=e.children,r=e.loading,a=e.hasMore,s=O(e,["children","loading","hasMore"]);return o(l,S(S({},s),{},{ref:t,role:"listbox",children:[n,(a\|\|r)&&i(L,{})]}))})),N=function(e){var a=e["data-testid"],l=e.appKey,c=e.assetType,b=e.classes,O=e.companyId,v=e.currentValue,C=e.disabled,w=e.errorText,N=e.isMultiple,R=e.isNullable,V=e.label,E=e.onChange,K=e.parentAssetId,_=e.parentAssetType,k=g(N?[]:null),q=r(k,2),z=q[0],H=q[1],B=g(""),W=r(B,2),F=W[0],G=W[1],J=g(""),Q=r(J,2),U=Q[0],X=Q[1],Y=g(!1),Z=r(Y,2),$=Z[0],ee=Z[1],te=g(1),ne=r(te,2),re=ne[0],oe=ne[1],ie=g(!0),ae=r(ie,2),le=ae[0],se=ae[1];h((function(){H(N?[]:null),oe(1),ee(!1)}),[c]);var pe=P({appKey:l,assetType:c,companyId:O,currentValue:v,isMultiple:N,parentAssetId:K,parentAssetType:_,scrollPage:re,searchText:F,setCurrentOption:H}),ue=pe.assets,ce=pe.loading;h((function(){var e=ue.length>=I*re;se(e)}),[ue,re]);var de=y((function(){return t((function(e){oe(1),G(e)}),200)}),[]),fe=y((function(){return t((function(){return oe((function(e){return e+1}))}),250)}),[]),me={root:b.root,inputRoot:b.inputRoot,popupIndicator:b.popupIndicator,option:b.option,noOptions:b.noOptions,listbox:b.listbox};return o(s,{disabled:C,error:!!w,className:b.formControl,children:[!R&&i(p,{shrink:!0,children:V}),i(A,S({disabled:C,blurOnSelect:!0,classes:me,clearOnBlur:!0,clearOnEscape:!0,"data-testid":a,filterOptions:n,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:$?U:(null==z?void 0:z.name)\|\|"",ListboxComponent:D,ListboxProps:{onScroll:function(e){if(le&&!ce){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-j&&fe()}},loading:ce,hasMore:le},options:ue,onChange:function(e,t){var n;H(t),E(N?t.map((function(e){return e.id})):null!==(n=null==t?void 0:t.id)&&void 0!==n?n:null,t)},onClose:function(){X(""),G(""),ee(!1),oe(1)},onInputChange:function(e,t,n){"input"===n?(X(t),ee(!0),de(t)):G("")},noOptionsText:i(L,{text:ce?"Loading...":"No options"}),renderInput:function(e){return i(d,S(S({},e),{},{variant:"standard",placeholder:"Search for asset..."},!N&&{InputProps:S(S({},e.InputProps),{},{startAdornment:i(f,{children:i(x,{className:b.searchIcon})})})}))},renderOption:function(e){var t=e.id,n=e.name;return i(T,{"data-testid":"".concat(M,"_option_").concat(n,"MenuItem"),children:N&&v.includes(t)?"".concat(n," (already selected)"):n},t)},value:z,multiple:N},N&&{renderTags:function(e,t){return e.map((function(e,n){return i(m,S({label:null==e?void 0:e.name},t({index:n})),e.id)}))},getOptionDisabled:function(e){return v.includes(e.id)}})),i(u,{children:w})]})};N.defaultProps={label:"Choose An Asset",currentValue:void 0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,companyId:void 0,errorText:"","data-testid":"".concat(M,"_autoComplete"),disabled:!1,isMultiple:!1,appKey:null},N.propTypes={label:v.string,currentValue:v.oneOfType([v.number,v.arrayOf(v.number)]),isNullable:v.bool,onChange:v.func.isRequired,classes:v.shape({}).isRequired,parentAssetId:v.number,parentAssetType:v.string,companyId:v.number,assetType:v.string.isRequired,errorText:v.string,"data-testid":v.string,disabled:v.bool,isMultiple:v.bool,appKey:v.string};var R=a((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(N);export default R;

package/components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t from"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/toConsumableArray";import"../../../../../constants/completion.js";import"../../../../../constants/alerts.js";import{cloneDeep as e,get as r}from"lodash";import i from"@babel/runtime/helpers/slicedToArray";import{DEV_CENTER_CLI_APP_ID as o}from"../../../../../constants/devcenter.js";import"../../../../../constants/goals.js";import{SEGMENT_TO_ASSET_TYPE as n,SEGMENTS as s}from"../../../../../constants/segment.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"@babel/runtime/regenerator";import"@babel/runtime/helpers/asyncToGenerator";import"../../../../../utils/mobileDetect.js";import"@babel/runtime/helpers/typeof";import"../../../../../utils/index.js";import{jsxs as p,jsx as a,Fragment as m}from"react/jsx-runtime";import{withStyles as l,Dialog as c,Tabs as d,DialogTitle as u,Divider as j,DialogContent as g,Tab as f,DialogActions as A}from"@material-ui/core";import{useState as C}from"react";import"querystring";import"uuid/v1";import"../../../../../clients/jsonApi/index.js";import"../../../../../clients/subscriptions.js";import"uuid";import"@babel/runtime/helpers/objectWithoutProperties";import{func as S,shape as b,string as x,bool as y}from"prop-types";import"classnames";import"../../../../Modal/index.js";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Tooltip.js";import"../../../../Avatar/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../DevCenterRouterContext/DevCenterRouterContext.js";import"react-router";import{useDevCenterRouter as v}from"../../../DevCenterRouterContext/effects/useDevCenterRouter.js";import"../../../DevCenterRouterContext/UniversalLink/UniversalLink.js";import h from"../../../../ConfirmationDialog.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../AppHeader/AppHeader.js";import"../../../AppSideBar/AppSideBar.js";import"../../../AppContext.js";import"../../../AppsDataProvider/AppsDataProvider.js";import"../AppActions/AppActions.css.js";import"../../../../ErrorBoundary/InternalErrorView/InternalErrorView.js";import P from"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../Typography.js";import E from"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import D from"./RemoveAppButton.js";import"../../../../SlateFormattedText/RenderElements.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import T from"./AppDetails.js";import k from"./AppSettingsDialog.module.css.js";import"../AnnotationsButton/AnnotationsButton.js";import"../NonPriorityMenus/NonPriorityMenus.js";import"../FullscreenButton/FullscreenButton.js";import"../AppInfoMessage/AppInfoMessage.js";import"../../DevCenterAppContainer.css.js";import"../RestoreAppSizeButton/index.js";import"../PriorityMenus/PriorityMenus.css.js";import"../../../NavigationBar/NavigationBar.js";import"../../../SideBar/SideBar.js";import"../../../../TruncatedText/index.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import L from"../../../../AssetEditor/index.js";import I from"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../SettingEditors/ColorEditor/index.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SettingEditors/RadioEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../RangeSlider/RangeSlider.js";import"../../../../Login/components/Login.js";import"../../../../Login/components/PasswordField.js";import"../../../../Login/components/Chip.js";import"../../../../Login/components/StepFooter.js";import"../../../../Login/components/StepContent.js";import"../../../../Login/components/StepHeader.js";import"../../../../Login/components/Step.js";import"../../../../Login/components/OrDivider.js";import"../../../../Login/components/HiddenEmailField.js";import"../../../../Login/components/EmailField.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/index.js";import"../../../../EmptyView/EmptyAppView/index.js";import O from"../../../../Button/index.js";import"../../../../MenuItem/index.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../IconButton/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTable/index.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../Notifications/Notifications.js";import"../../../../TextLink/index.js";import"../../../../Template/TemplatePopover/index.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Stepper/Stepper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";function B(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,i)}return r}function R(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?B(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):B(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var w="DC_appSettings",F=l({paper:{minWidth:"50rem",height:"40rem"}})(c),M=l({root:{marginBottom:10}})(d),W="SETTINGS",V="APP DETAILS";function N(l){var c=l.AppSettingsComponent,d=l.app,S=l.appData,b=l.appName,x=l.currentUser,y=l.isMultiRig,B=l.isProductSubscriptionFeatureActive,N=l.layoutEnvironment,q=l.onAppRemove,H=l.onSettingsChange,U=l.segment,_=l.toggleAppSettingsDialog,G=C(W),z=i(G,2),K=z[0],Y=z[1],J=C((function(){var t;return R(R({},e(d.settings)),{},{package:d.settings.package\|\|(null==d\|\|null===(t=d.package)\|\|void 0===t?void 0:t.version)})})),Q=i(J,2),X=Q[0],Z=Q[1],$=C(!0),tt=i($,2),et=tt[0],rt=tt[1],it=v(),ot=d.id===o,nt=function(e,r){return Z((function(i){return R(R({},i),{},t({},e,r))}))},st=function(t){return Z((function(e){return R(R({},e),t)}))},pt=N&&"asset"===N.type,at=!(y\|\|pt&&U===s.COMPLETION);return p(F,{open:!0,onBackdropClick:_,children:[p(u,{children:[b," settings"]}),a(j,{}),p(g,{children:[p(M,{value:K,onChange:function(t,e){return Y(e)},indicatorColor:"primary",textColor:"primary",children:[a(f,{"data-testid":"".concat(w,"_settingsTab"),label:W,value:W}),a(f,{"data-testid":"".concat(w,"_appDetailsTab"),label:V,value:V}),a(O,{className:k.viewAppButton,onClick:function(){var t,e;return it.push((e=null==d\|\|null===(t=d.app)\|\|void 0===t?void 0:t.id,"/apps/".concat(e)))},children:"VIEW APP PAGE"})]}),p(P,{ErrorView:E,app:d,children:[a(h,{open:!et&&!X.package,isShowCancel:!1,title:"Validation failed",text:"You should select the app version to proceed",handleOk:function(){return rt(!0)}}),K===W&&p(m,{children:[at&&a(L,{appKey:B&&!ot?d.app_key:null,settings:X,onSettingsChange:st,appType:n[U],isNullable:!1,label:"Active Asset"}),c&&a(c,{app:d,appData:S,settings:X,onSettingChange:nt,onSettingsChange:st,layoutEnvironment:N,currentUser:x}),!ot&&a(I,{appId:d.app.id,value:X.package,onChange:function(t){return nt("package",t)},currentUser:x})]}),K===V&&a(T,{appDescription:r(d,"app.description"),appSummary:r(d,"app.summary")})]})]}),p(A,{children:[q&&a(D,{appName:b,onAppRemove:q}),a(O,{"data-testid":"".concat(w,"_cancel"),variation:"secondary",onClick:_,children:"Cancel"}),a(O,{"data-testid":"".concat(w,"_save"),variation:"primary",onClick:function(){X.package\|\|ot?(H(X),_()):rt(!1)},children:"Save"})]})]})}N.propTypes={AppSettingsComponent:S,app:b({}).isRequired,appData:b({}).isRequired,appName:x.isRequired,currentUser:b({}).isRequired,isMultiRig:y.isRequired,isProductSubscriptionFeatureActive:y,layoutEnvironment:b({}).isRequired,onAppRemove:S,onSettingsChange:S.isRequired,segment:x.isRequired,toggleAppSettingsDialog:S.isRequired},N.defaultProps={AppSettingsComponent:null,isProductSubscriptionFeatureActive:!1,onAppRemove:void 0};export default N;
1	+ import t from"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/toConsumableArray";import"../../../../../constants/completion.js";import"../../../../../constants/alerts.js";import{cloneDeep as e,get as r}from"lodash";import i from"@babel/runtime/helpers/slicedToArray";import{DEV_CENTER_CLI_APP_ID as o}from"../../../../../constants/devcenter.js";import"../../../../../constants/goals.js";import{SEGMENT_TO_ASSET_TYPE as n,SEGMENTS as s}from"../../../../../constants/segment.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"@babel/runtime/regenerator";import"@babel/runtime/helpers/asyncToGenerator";import"../../../../../utils/mobileDetect.js";import"@babel/runtime/helpers/typeof";import"../../../../../utils/index.js";import{jsxs as p,jsx as a,Fragment as m}from"react/jsx-runtime";import{withStyles as l,Dialog as c,Tabs as d,DialogTitle as u,Divider as j,DialogContent as g,Tab as f,DialogActions as A}from"@material-ui/core";import{useState as C}from"react";import"querystring";import"uuid/v1";import"../../../../../clients/jsonApi/index.js";import"../../../../../clients/subscriptions.js";import"uuid";import"@babel/runtime/helpers/objectWithoutProperties";import{func as S,shape as b,string as x,bool as y}from"prop-types";import"classnames";import"../../../../Modal/index.js";import"../../../../IconMenu/index.js";import"../../../../StyledMenuItem/index.js";import"../../../../LoadingIndicator/LoadingIndicator.js";import"../../../../Tooltip.js";import"../../../../Avatar/index.js";import"../../../../Annotations/AnnotationsContext.js";import"../../../DevCenterRouterContext/DevCenterRouterContext.js";import"react-router";import{useDevCenterRouter as v}from"../../../DevCenterRouterContext/effects/useDevCenterRouter.js";import"../../../DevCenterRouterContext/UniversalLink/UniversalLink.js";import h from"../../../../ConfirmationDialog.js";import"../../../../Annotations/components/AnnotationsList/index.js";import"../../../../Annotations/components/LastAnnotation/index.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../AppHeader/AppHeader.js";import"../../../AppSideBar/AppSideBar.js";import"../../../AppContext.js";import"../../../AppsDataProvider/AppsDataProvider.js";import"../AppActions/AppActions.css.js";import"../../../../ErrorBoundary/InternalErrorView/InternalErrorView.js";import P from"../../../../ErrorBoundary/ErrorBoundary.js";import"../../../../Typography.js";import E from"../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import D from"./RemoveAppButton.js";import"../../../../SlateFormattedText/RenderElements.js";import"../../../../SlateFormattedText/SlateFormattedText.js";import T from"./AppDetails.js";import k from"./AppSettingsDialog.module.css.js";import"../AnnotationsButton/AnnotationsButton.js";import"../NonPriorityMenus/NonPriorityMenus.js";import"../FullscreenButton/FullscreenButton.js";import"../AppInfoMessage/AppInfoMessage.js";import"../../DevCenterAppContainer.css.js";import"../RestoreAppSizeButton/index.js";import"../PriorityMenus/PriorityMenus.css.js";import"../../../NavigationBar/NavigationBar.js";import"../../../SideBar/SideBar.js";import"../../../../TruncatedText/index.js";import"../../../../AssetEditor/SingleAssetEditor.js";import"../../../../AssetEditor/AssetEditorAutocomplete.js";import L from"../../../../AssetEditor/index.js";import I from"../../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../../CollapsableSidebar.js";import"../../../../DateTimePicker/index.js";import"../../../../DatePicker/index.js";import"../../../../ColorPicker/ColorPicker.js";import"../../../../ParameterCharts/AddEditTrack.js";import"../../../../ParameterCharts/ParameterCharts.js";import"../../../../ChartActionsList/ChartActionsList.js";import"../../../../SettingEditors/ColorEditor/index.js";import"../../../../SettingEditors/DropdownEditor/index.js";import"../../../../SettingEditors/RadioEditor/index.js";import"../../../../SwitchControl/index.js";import"../../../../RangeSlider/RangeSlider.js";import"../../../../Login/components/Login.js";import"../../../../Login/components/PasswordField.js";import"../../../../Login/components/Chip.js";import"../../../../Login/components/StepFooter.js";import"../../../../Login/components/StepContent.js";import"../../../../Login/components/StepHeader.js";import"../../../../Login/components/Step.js";import"../../../../Login/components/OrDivider.js";import"../../../../Login/components/HiddenEmailField.js";import"../../../../Login/components/EmailField.js";import"../../../../Breadcrumbs/index.js";import"../../../../VirtualizedTable/index.js";import"../../../../EmptyView/index.js";import"../../../../EmptyView/EmptyAppView/index.js";import O from"../../../../Button/index.js";import"../../../../MenuItem/index.js";import"../../../../ContextMenuItem/index.js";import"../../../../FolderMenuItem/index.js";import"../../../../EditableItem/EditableItem/index.js";import"../../../../EditableItem/EditableItemWithBadge/index.js";import"../../../../Checkbox/index.js";import"../../../../FolderMenuItemWithLinks/index.js";import"../../../../IconButton/index.js";import"../../../../Chip/index.js";import"../../../../Counter/index.js";import"../../../../AnchorsList/AnchorsList.js";import"../../../../Select/index.js";import"../../../../Tabs/Tabs.js";import"../../../../Tabs/Tab.js";import"../../../../Drillstring/BHASchematic.js";import"../../../../Drillstring/BHAComponentIcon.js";import"../../../../Drillstring/BHATable/index.js";import"../../../../Drillstring/BHAComponentDetail/index.js";import"../../../../Casing/CasingComponentIcon.js";import"../../../../Casing/CasingTable/index.js";import"../../../../WellSummary/WellSummaryItemLabel.js";import"../../../../WellSummary/WellSummaryItemTitle.js";import"../../../../WellSummary/WellSummaryItemValue.js";import"../../../../WellSummary/ActivitySummaryChart.js";import"../../../../WellSummary/FracWirelineTimeChart.js";import"../../../../BICOffsetPickerDialog/index.js";import"../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../../Notifications/Notifications.js";import"../../../../TextLink/index.js";import"../../../../Template/TemplatePopover/index.js";import"../../../../PinnableFilters/PinnableFilters.js";import"../../../../HeaderLayout/HeaderLayout.js";import"../../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../../PadOffsetsPicker/StagesSelector.js";import"../../../../Table/TableToolbar/TableToolbar.js";import"../../../../PriceInput/PriceInput.js";import"../../../../LabelsCounter/LabelsCounter.js";import"../../../../Stepper/Step.js";import"../../../../Stepper/StepsWrapper.js";import"../../../../Stepper/Stepper.js";import"../../../../Comment/CommentIcon/index.js";import"../../../../FilesLoader/FilesLoader.js";function B(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,i)}return r}function R(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?B(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):B(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var w="DC_appSettings",F=l({paper:{minWidth:"50rem",height:"40rem"}})(c),M=l({root:{marginBottom:10}})(d),W="SETTINGS",V="APP DETAILS";function N(l){var c=l.AppSettingsComponent,d=l.app,S=l.appData,b=l.appName,x=l.currentUser,y=l.isMultiRig,B=l.isProductSubscriptionFeatureActive,N=l.layoutEnvironment,q=l.onAppRemove,H=l.onSettingsChange,U=l.segment,_=l.toggleAppSettingsDialog,G=C(W),z=i(G,2),K=z[0],Y=z[1],J=C((function(){var t;return R(R({},e(d.settings)),{},{package:d.settings.package\|\|(null==d\|\|null===(t=d.package)\|\|void 0===t?void 0:t.version)})})),Q=i(J,2),X=Q[0],Z=Q[1],$=C(!0),tt=i($,2),et=tt[0],rt=tt[1],it=v(),ot=d.id===o,nt=function(e,r){return Z((function(i){return R(R({},i),{},t({},e,r))}))},st=function(t){return Z((function(e){return R(R({},e),t)}))},pt=N&&"asset"===N.type,at=!(y\|\|pt&&U===s.COMPLETION);return p(F,{open:!0,onBackdropClick:_,children:[p(u,{children:[b," settings"]}),a(j,{}),p(g,{children:[p(M,{value:K,onChange:function(t,e){return Y(e)},indicatorColor:"primary",textColor:"primary",children:[a(f,{"data-testid":"".concat(w,"_settingsTab"),label:W,value:W}),a(f,{"data-testid":"".concat(w,"_appDetailsTab"),label:V,value:V}),a(O,{className:k.viewAppButton,onClick:function(){var t,e;return it.push((e=null==d\|\|null===(t=d.app)\|\|void 0===t?void 0:t.id,"/apps/".concat(e)))},children:"VIEW APP PAGE"})]}),p(P,{ErrorView:E,app:d,children:[a(h,{open:!et&&!X.package,isShowCancel:!1,title:"Validation failed",text:"You should select the app version to proceed",handleOk:function(){return rt(!0)}}),K===W&&p(m,{children:[at&&a(L,{appKey:B&&!ot?d.app_key:null,settings:X,onSettingsChange:st,appType:n[U],isNullable:pt,label:"Active Asset"}),c&&a(c,{app:d,appData:S,settings:X,onSettingChange:nt,onSettingsChange:st,layoutEnvironment:N,currentUser:x}),!ot&&a(I,{appId:d.app.id,value:X.package,onChange:function(t){return nt("package",t)},currentUser:x})]}),K===V&&a(T,{appDescription:r(d,"app.description"),appSummary:r(d,"app.summary")})]})]}),p(A,{children:[q&&a(D,{appName:b,onAppRemove:q}),a(O,{"data-testid":"".concat(w,"_cancel"),variation:"secondary",onClick:_,children:"Cancel"}),a(O,{"data-testid":"".concat(w,"_save"),variation:"primary",onClick:function(){X.package\|\|ot?(H(X),_()):rt(!1)},children:"Save"})]})]})}N.propTypes={AppSettingsComponent:S,app:b({}).isRequired,appData:b({}).isRequired,appName:x.isRequired,currentUser:b({}).isRequired,isMultiRig:y.isRequired,isProductSubscriptionFeatureActive:y,layoutEnvironment:b({}).isRequired,onAppRemove:S,onSettingsChange:S.isRequired,segment:x.isRequired,toggleAppSettingsDialog:S.isRequired},N.defaultProps={AppSettingsComponent:null,isProductSubscriptionFeatureActive:!1,onAppRemove:void 0};export default N;

package/components/FilesLoader/FilesLoader.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"@babel/runtime/helpers/~~toConsumableArray~~";import n from"@babel/runtime/helpers/slicedToArray";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{~~makeStyles~~ as r,~~Button~~ as o,~~Typography~~ as a}from"@material-ui/core";import{~~useRef~~ as l,~~useState~~ as c}from"react";import p from"prop-types";import{~~Publish~~ as u}from"@material-ui/icons";import m from"./~~partials~~/~~UploadingFileState/FileLoadingProgress~~.js";~~var~~ ~~s=r({filesLoader:{display:~~"~~flex~~"~~,flexDirection:~~"~~column~~"~~,justifyContent:~~"~~center~~"~~,alignItems:~~"~~center~~",~~width:"100%"~~},~~uploadingFiles:~~{~~width~~:~~"100%"},fileInput:~~{~~display:"none"~~}~~,inputButton:~~{~~display:"flex"~~,~~alignItems~~:~~"center"}~~,~~inputButtonText~~:{~~marginLeft:"6px"~~,~~fontSize:"14px"~~}});function f(r){var p=s(),f=~~r.onLoad~~,d=l(),g=c([]),h=n(g,2),v=h[0],x=h[1],y=~~function(~~e,~~n){f(~~e,~~n)}~~;return t(~~"div"~~,{~~className~~:~~p.filesLoader~~,~~children~~:~~[i(~~"~~div~~",~~{className~~:p.~~uploadingFiles~~,~~children~~:v.~~map~~(~~(function(n~~){~~return i(m~~,~~{file~~:n,~~onLoad~~:~~function~~(e){~~return y~~(~~n,e~~)},~~onDelete:~~function(t){~~return~~ i=~~n,(r=v~~.~~findIndex~~((function(e){return e.~~name===i~~.~~name~~})))~~>-1&&v.splice~~(r,1),~~void x~~(e(~~v));var i~~,~~r}}~~,n.name)}))})~~,!v~~.~~length&&i~~("div",{className:p.~~inputButton~~,children:t(o,{~~color~~:"~~primary~~",~~variant~~:"~~contained~~",~~onClick~~:~~function~~(){~~return~~ d.~~current~~.~~click~~()},children:[i("~~input~~",{~~ref~~:d,~~type~~:"~~file~~",~~accept~~:".~~csv~~, ~~text/csv~~",className:p.~~fileInput~~,~~onChange~~:function(e){~~var~~ ~~n=Array.from~~(e~~.target.files~~)~~;n.length&&x(n~~)}}),i(u,{}),i(a,{~~className~~:~~p.inputButtonText~~,children:~~"Upload File"~~})]})})]})}f.propTypes={~~onLoad~~:p.func.isRequired};export default f;
1	+ import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{jsxs as o,jsx as n}from"react/jsx-runtime";import{Typography as t,LinearProgress as a,Tooltip as i,IconButton as c}from"@material-ui/core";import{useState as l,useEffect as s}from"react";import d from"prop-types";import{Delete as m}from"@material-ui/icons";import p from"./Icons/IconWarning.js";import f from"./Icons/IconCancel.js";import u from"./Icons/IconSuccess.js";import{useStyles as h}from"./useStyles.js";import v from"./Icons/FileIcon.js";function y(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,n)}return o}function b(r){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?y(Object(n),!0).forEach((function(o){e(r,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function j(e){var d=h(),y=l({}),j=r(y,2),w=j[0],O=j[1],g=l(0),N=r(g,2),P=N[0],S=N[1],z=e.name,B=e.sizeBytes,I=e.handleCancel,M=e.onDelete,C=e.loadedBytes,D=e.error;return s((function(){B&&O(B>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(B/Math.pow(10,5))/10}:B>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(B/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10B)/10})}),[B]),s((function(){if(C){var e=Math.round(C/B100);O((function(r){return b(b({},r),{},{downloaded:Math.floor(r.convertedSize*e/10)/10})})),S(e)}}),[C]),o("div",{className:d.fileStateWrapper,children:[n("div",{className:d.fileIconContainer,children:n(v,{name:z})}),o("div",{className:d.fileState,children:[o("div",{className:d.fileStateProgress,children:[n("div",{className:d.fileNameWrapper,children:n(t,{className:d.fileName,children:z})}),n(a,{className:d.progressBar,variant:"determinate",value:P,classes:{colorPrimary:d.progressBackground}}),o("div",{className:d.loaderProgressContainer,children:[n(t,{className:d.fileSize,component:"span",children:"".concat(w.downloaded," of ").concat(w.convertedSize," ").concat(w.unit)}),n("div",{className:d.progressStatus,children:D?n(i,{title:"There was a server error during the upload request. Please try later.",children:o(t,{component:"div",className:d.errorContainer,children:[n(t,{component:"span",className:d.errorText,children:"Upload Error"}),n(p,{})]})}):"".concat(P," %")})]})]}),o("div",{className:d.fileActions,children:[P<100&&!D&&n(c,{size:"small",onClick:function(){I(z),S(0),O((function(e){return b(b({},e),{},{downloaded:0})}))},children:n(f,{})}),100===P&&!D&&(M?n(c,{size:"small",onClick:M,children:n(m,{className:d.deleteIcon})}):n(u,{}))]})]})]})}j.propTypes={onDelete:d.func,handleCancel:d.func,name:d.string,sizeBytes:d.number,error:d.bool,loadedBytes:d.number.isRequired},j.defaultProps={onDelete:null,name:"",sizeBytes:1,error:null,handleCancel:null};export default j;

package/components/FilesLoader/{partials/Icons → Icons}/DocFileIcon.js RENAMED Viewed

File without changes

package/components/FilesLoader/{partials/Icons → Icons}/ExelFileIcon.js RENAMED Viewed

File without changes

package/components/FilesLoader/Icons/FileIcon.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{jsx as o}from"react/jsx-runtime";import r from"prop-types";import e from"./DocFileIcon.js";import i from"./PdfFileIcon.js";import n from"./ExelFileIcon.js";import m from"./UnknownFileIcon.js";var p=function(r){var p=r.name;return p.includes(".doc")?o(e,{}):p.includes(".pdf")?o(i,{}):p.includes(".xls")?o(n,{}):o(m,{})};p.propTypes={name:r.string.isRequired};export default p;

package/components/FilesLoader/{partials/Icons → Icons}/IconCancel.js RENAMED Viewed

File without changes

package/components/FilesLoader/{partials/Icons → Icons}/IconSuccess.js RENAMED Viewed

File without changes

package/components/FilesLoader/{partials/Icons → Icons}/IconWarning.js RENAMED Viewed

File without changes

package/components/FilesLoader/{partials/Icons → Icons}/PdfFileIcon.js RENAMED Viewed

File without changes

package/components/FilesLoader/{partials/Icons → Icons}/UnknownFileIcon.js RENAMED Viewed

File without changes

package/components/FilesLoader/useStyles.js ADDED Viewed

@@ -0,0 +1 @@

+ import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{fileStateWrapper:{display:"flex",alignItems:"center"},fileIconContainer:{display:"flex",alignItems:"center",marginRight:"10px"},fileState:{display:"flex",flexGrow:"1",alignItems:"center"},fileStateProgress:{flexGrow:"1"},fileNameWrapper:{display:"table",tableLayout:"fixed",width:"100%"},fileName:{display:"table-cell",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:"14px",lineHeight:"16px"},fileSize:{fontSize:"11px",lineHeight:"12px",color:e.palette.primary.text6},checkIcon:{color:e.palette.success.bright},deleteIcon:{color:e.palette.primary.text6,cursor:"pointer"},progressBar:{borderRadius:"2px",height:"2px",margin:"4px 0"},fileActions:{display:"flex",alignItems:"center",paddingLeft:"24px"},progressBackground:{backgroundColor:e.palette.primary.dark},loaderProgressContainer:{display:"flex",width:"100%",fontSize:"11px",fontWeight:"400",letterSpacing:"0.4px",color:e.palette.primary.text6,marginTop:"4px"},progressStatus:{flexGrow:1,display:"flex",justifyContent:"flex-end"},errorContainer:{display:"flex",cursor:"pointer"},errorText:{color:e.palette.error.main,fontSize:"11px",fontWeight:"400",letterSpacing:"0.4px",marginRight:"5px",lineHeight:"16px"}}}));export{t as useStyles};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.26.0-8",
+  "version": "0.26.0-9",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"

package/components/FilesLoader/partials/UploadingFileState/FileLoadingProgress.js DELETED Viewed

@@ -1 +0,0 @@

- import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{makeStyles as n,Typography as i,LinearProgress as l,Tooltip as a,IconButton as c}from"@material-ui/core";import{useState as s,useEffect as p}from"react";import d from"prop-types";import{Delete as f}from"@material-ui/icons";import m from"../Icons/IconWarning.js";import u from"../Icons/IconCancel.js";import h from"../Icons/IconSuccess.js";import g from"../Icons/DocFileIcon.js";import x from"../Icons/PdfFileIcon.js";import y from"../Icons/UnknownFileIcon.js";import b from"../Icons/ExelFileIcon.js";function w(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function v(r){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?w(Object(t),!0).forEach((function(o){e(r,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var S=n((function(e){return{fileStateWrapper:{display:"flex",alignItems:"center"},fileIconContainer:{display:"flex",alignItems:"center",marginRight:"10px"},fileState:{display:"flex",flexGrow:"1",alignItems:"center"},fileStateProgress:{flexGrow:"1"},fileNameWrapper:{display:"table",tableLayout:"fixed",width:"100%"},fileName:{display:"table-cell",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",fontSize:"14px",lineHeight:"16px"},fileSize:{fontSize:"11px",lineHeight:"12px",color:e.palette.primary.text6},checkIcon:{color:e.palette.success.bright},deleteIcon:{color:e.palette.primary.text6,cursor:"pointer"},progressBar:{borderRadius:"2px",height:"2px",margin:"4px 0"},fileActions:{display:"flex",alignItems:"center",paddingLeft:"24px"},progressBackground:{backgroundColor:e.palette.primary.dark},loaderProgressContainer:{display:"flex",width:"100%",fontSize:"11px",fontWeight:"400",letterSpacing:"0.4px",color:e.palette.primary.text6,marginTop:"4px"},progressStatus:{flexGrow:1,display:"flex",justifyContent:"flex-end"},errorContainer:{display:"flex",cursor:"pointer"},errorText:{color:e.palette.error.main,fontSize:"11px",fontWeight:"400",letterSpacing:"0.4px",marginRight:"5px",lineHeight:"16px"}}}));function I(e){var n=S(),d=s({}),w=r(d,2),I=w[0],j=w[1],N=s(0),O=r(N,2),P=O[0],z=O[1],C=e.name,B=e.sizeBytes,M=e.handleCancel,k=e.onDelete,D=e.loadedBytes,W=e.error;return p((function(){B&&j(B>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(B/Math.pow(10,5))/10}:B>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(B/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*B)/10})}),[B]),p((function(){if(D){var e=Math.round(D/B*100);j((function(r){return v(v({},r),{},{downloaded:Math.floor(r.convertedSize*e/10)/10})})),z(e)}}),[D]),o("div",{className:n.fileStateWrapper,children:[t("div",{className:n.fileIconContainer,children:C.includes(".doc")?t(g,{}):C.includes(".pdf")?t(x,{}):C.includes(".xls")?t(b,{}):t(y,{})}),o("div",{className:n.fileState,children:[o("div",{className:n.fileStateProgress,children:[t("div",{className:n.fileNameWrapper,children:t(i,{className:n.fileName,children:C})}),t(l,{className:n.progressBar,variant:"determinate",value:P,classes:{colorPrimary:n.progressBackground}}),o("div",{className:n.loaderProgressContainer,children:[t(i,{className:n.fileSize,component:"span",children:"".concat(I.downloaded," of ").concat(I.convertedSize," ").concat(I.unit)}),t("div",{className:n.progressStatus,children:W?t(a,{title:"There was a server error during the upload request. Please try later.",children:o(i,{component:"div",className:n.errorContainer,children:[t(i,{component:"span",className:n.errorText,children:"Upload Error"}),t(m,{})]})}):"".concat(P," %")})]})]}),o("div",{className:n.fileActions,children:[P<100&&!W&&t(c,{size:"small",onClick:function(){M(C),z(0),j((function(e){return v(v({},e),{},{downloaded:0})}))},children:t(u,{})}),100===P&&!W&&(k?t(c,{size:"small",onClick:k,children:t(f,{className:n.deleteIcon})}):t(h,{}))]})]})]})}I.propTypes={onDelete:d.func,handleCancel:d.func,name:d.string,sizeBytes:d.number,error:d.bool,loadedBytes:d.number.isRequired},I.defaultProps={onDelete:null,name:"",sizeBytes:1,error:null,handleCancel:null};export default I;