@corva/ui 0.72.0-5 → 0.72.0

package/components/Template/TemplatePopover/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as n,useEffect as i,useMemo as a,Fragment as r}from"react";import l from"prop-types";import{Popover as o,Typography as c,CircularProgress as s,Tooltip as p,List as m,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import{Check as h,LayersClear as g,AddCircle as N,Layers as y,Close as S,Delete as T,Edit as v,FileCopy as b,Share as O}from"@material-ui/icons";import C from"classnames";import{get as E,omit as I}from"lodash";import R from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as P}from"./Styles.js";import{jsxs as q,jsx as D,Fragment as j}from"react/jsx-runtime";var k,L;function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){t(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var U="USER",A="DEFAULT",B="SHARED",W=(t(k={},U,"No templates yet..."),t(k,A,"No templates yet..."),t(k,B,"No shared templates yet..."),k),x=(t(L={},U,"My Template"),t(L,A,"Default Templates"),t(L,B,"Shared With Me"),L);function F(l){var k,L=l.currentUser,z=l.open,F=l.anchorEl,G=l.anchorOrigin,H=l.transformOrigin,M=l.onClose,K=l.templates,J=l.activeTemplateId,Q=l.getDefaultTemplates,V=l.getUserTemplates,X=l.getSharedTemplates,Y=l.onAddNewTemplate,Z=l.onTemplateDelete,$=l.onTemplateCopy,_=l.onTemplateEdit,ee=l.onTemplateShare,te=l.onActiveTemplateChange,ne=l.loading,ie=l.classes,ae=l.hasNameSlot,re=l.renderSlot,le=P(),oe=n(K),ce=e(oe,2),se=ce[0],pe=ce[1],me=n(null),de=e(me,2),ue=de[0],fe=de[1],he=n({}),ge=e(he,2),Ne=ge[0],ye=ge[1];i((function(){pe(K)}),[K]);var Se=a((function(){return[{type:U,templatesList:V(se)},{type:A,templatesList:Q(se)},{type:B,templatesList:X(se)}]}),[se]),Te=function(e){return function(){te(e)}},ve=function(e,t){return function(n){n.stopPropagation(),t(e)}},be=function(e){return function(t){t.stopPropagation(),pe(se.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Oe=function(e){return function(t){t.stopPropagation(),pe(se.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=se.find((function(t){return t.id===e}));_(I(n,["prevName","isEditing"]))}},Ce=function(e){return function(t){t.stopPropagation(),pe(se.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},Ee=function(e){return function(t){if("Enter"===t.key){pe(se.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=se.find((function(t){return t.id===e}));_(I(n,["prevName","isEditing"]))}}},Ie=function(e){return function(t){t.stopPropagation();var n=se.find((function(t){return t.id===e}));fe(n)}},Re=function(){fe(null)};return q(o,{id:"app-settings-template-popper",classes:{paper:C(le.paper,ie.paper)},open:z,anchorEl:F,onClose:M,anchorOrigin:G,transformOrigin:H,children:[q("div",{className:le.paperWrapper,children:[q("div",{className:le.titleWrapper,children:[D(c,{className:le.title,children:"Templates"}),ne&&D(s,{size:16})]}),D("div",{className:C(le.selectedGroup,(k={},t(k,le.selectedGroupSelected,-100===J),t(k,le.selectedGroupUnSelected,-100!==J),k)),onClick:Te(-100),children:q("div",{className:le.noTemplateItem,children:[D(-100===J?h:g,{fontSize:"small",className:le.selectedIcon}),D("div",{className:le.selectedLabel,children:"No Template Selected"})]})}),Se.map((function(e){var n=e.type,i=e.templatesList;return q(r,{children:[q("div",{className:le.templateHeader,children:[D(c,{className:le.subtitle,children:x[n]}),n===U&&D(p,{title:"Create Template",placement:"right",children:D(N,{fontSize:"small",color:"primary",className:le.addNewTemplateIcon,onClick:Y})})]}),0===i.length?D(c,{className:le.noTemplateLabel,children:W[n]}):D(m,{className:le.templateList,children:i.map((function(e){var i,a,r;return D(p,{title:e.disabled?e.tooltipTitle:"",children:q(d,{className:C(le.templateListItem,(i={},t(i,le.templateListItemSelected,e.id===J),t(i,le.templateListItemUnSelected,e.id!==J),i)),onClick:e.disabled?null:Te(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===J?D(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})):D(y,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?D(u,{autoFocus:!0,className:le.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),se.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?ye(w(w({},Ne),{},t({},r,"Duplicated name"))):ye(w(w({},Ne),{},t({},r,null))),pe(se.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:Ee(e.id),error:!!Ne[e.id],helperText:Ne[e.id]}):D(c,{className:le.templateListItemName,children:e.name}),e.isEditing?null:ae&&re(E(e,["settings","data"],[])),e.isEditing?q("div",{className:C(le.actionWrapper,le.actionWrapperEditing),children:[D(p,{title:"Save",children:D(f,{className:le.actionIconButton,onClick:Oe(e.id),children:D(h,{fontSize:"small",color:"primary"})})}),D(p,{title:"Cancel",children:D(f,{className:le.actionIconButton,onClick:Ce(e.id),children:D(S,{className:le.actionIcon,fontSize:"small"})})})]}):D("div",{className:C(le.actionWrapper,t({},le.actionWrapperHidden,e.disabled)),children:n===U?q(j,{children:[D(p,{title:"Delete",children:D(f,{className:le.actionIconButton,onClick:ve(e.id,Z),children:D(T,{className:le.actionIcon,fontSize:"small"})})}),D(p,{title:"Rename",children:D(f,{className:le.actionIconButton,onClick:be(e.id),children:D(v,{className:le.actionIcon,fontSize:"small"})})}),D(p,{title:"Copy",children:D(f,{className:le.actionIconButton,onClick:ve(e.id,$),children:D(b,{className:le.actionIcon,fontSize:"small"})})}),D(p,{title:"Share",children:D(f,{className:le.actionIconButton,onClick:Ie(e.id),children:D(O,{className:le.actionIcon,fontSize:"small"})})})]}):D(p,{title:"Copy To My Templates",children:D(f,{className:le.actionIconButton,onClick:ve(e.id,$),children:D(b,{className:le.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),D(R,{title:'Share "'.concat(E(ue,"name"),'"'),open:!!ue,onSave:function(e){ue&&ee(ue.id,e),Re()},onCancel:Re,currentUser:L})]})}F.propTypes={open:l.bool.isRequired,anchorEl:l.node,anchorOrigin:l.shape({}),transformOrigin:l.shape({}),onClose:l.func.isRequired,templates:l.arrayOf(l.shape({id:l.number,name:l.string,settings:l.shape({}),shared:l.bool})).isRequired,activeTemplateId:l.number.isRequired,getDefaultTemplates:l.func.isRequired,getUserTemplates:l.func.isRequired,getSharedTemplates:l.func.isRequired,onAddNewTemplate:l.func.isRequired,onTemplateDelete:l.func.isRequired,onTemplateCopy:l.func.isRequired,onTemplateEdit:l.func.isRequired,onTemplateShare:l.func.isRequired,onActiveTemplateChange:l.func.isRequired,loading:l.bool,classes:l.shape({paper:l.string}),hasNameSlot:l.bool,renderSlot:l.func.isRequired,currentUser:l.shape({}).isRequired},F.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{}};export{F as default};
+import{useState as e,useEffect as t,useMemo as a,Fragment as i}from"react";import l from"prop-types";import{Popover as n,Typography as s,CircularProgress as o,Tooltip as r,List as c,ListItem as m,TextField as d,IconButton as p}from"@material-ui/core";import{Check as h,LayersClear as u,AddCircle as g,Layers as f,Close as N,Delete as T,Edit as S,FileCopy as C,Share as I}from"@material-ui/icons";import y from"classnames";import{get as v,omit as E}from"lodash";import R from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as q}from"./Styles.js";import{jsxs as b,jsx as L,Fragment as k}from"react/jsx-runtime";const z="USER",D="DEFAULT",O="SHARED",U={[z]:"No templates yet...",[D]:"No templates yet...",[O]:"No shared templates yet..."},P={[z]:"My Template",[D]:"Default Templates",[O]:"Shared With Me"};function B(l){let{currentUser:B,open:W,anchorEl:A,anchorOrigin:w,transformOrigin:x,onClose:j,templates:F,activeTemplateId:G,getDefaultTemplates:H,getUserTemplates:M,getSharedTemplates:$,onAddNewTemplate:K,onTemplateDelete:J,onTemplateCopy:Q,onTemplateEdit:V,onTemplateShare:X,onActiveTemplateChange:Y,loading:Z,classes:_,hasNameSlot:ee,renderSlot:te}=l;const ae=q(),[ie,le]=e(F),[ne,se]=e(null),[oe,re]=e({});t((()=>{le(F)}),[F]);const ce=a((()=>[{type:z,templatesList:M(ie)},{type:D,templatesList:H(ie)},{type:O,templatesList:$(ie)}]),[ie]),me=e=>()=>{Y(e)},de=(e,t)=>a=>{a.stopPropagation(),t(e)},pe=e=>t=>{t.stopPropagation(),le(ie.map((t=>t.id===e?{...t,isEditing:!0,prevName:t.name}:t)))},he=e=>t=>{t.stopPropagation(),le(ie.map((t=>t.id===e?{...t,isEditing:!1}:t)));const a=ie.find((t=>t.id===e));V(E(a,["prevName","isEditing"]))},ue=e=>t=>{t.stopPropagation(),le(ie.map((t=>t.id===e?{...t,name:t.prevName,isEditing:!1}:t)))},ge=e=>t=>{if("Enter"===t.key){le(ie.map((t=>t.id===e?{...t,isEditing:!1}:t)));const t=ie.find((t=>t.id===e));V(E(t,["prevName","isEditing"]))}},fe=e=>t=>{t.stopPropagation();const a=ie.find((t=>t.id===e));se(a)},Ne=()=>{se(null)};return b(n,{id:"app-settings-template-popper",classes:{paper:y(ae.paper,_.paper)},open:W,anchorEl:A,onClose:j,anchorOrigin:w,transformOrigin:x,children:[b("div",{className:ae.paperWrapper,children:[b("div",{className:ae.titleWrapper,children:[L(s,{className:ae.title,children:"Templates"}),Z&&L(o,{size:16})]}),L("div",{className:y(ae.selectedGroup,{[ae.selectedGroupSelected]:-100===G,[ae.selectedGroupUnSelected]:-100!==G}),onClick:me(-100),children:b("div",{className:ae.noTemplateItem,children:[L(-100===G?h:u,{fontSize:"small",className:ae.selectedIcon}),L("div",{className:ae.selectedLabel,children:"No Template Selected"})]})}),ce.map((e=>{let{type:t,templatesList:a}=e;return b(i,{children:[b("div",{className:ae.templateHeader,children:[L(s,{className:ae.subtitle,children:P[t]}),t===z&&L(r,{title:"Create Template",placement:"right",children:L(g,{fontSize:"small",color:"primary",className:ae.addNewTemplateIcon,onClick:K})})]}),0===a.length?L(s,{className:ae.noTemplateLabel,children:U[t]}):L(c,{className:ae.templateList,children:a.map((e=>{return L(r,{title:e.disabled?e.tooltipTitle:"",children:b(m,{className:y(ae.templateListItem,{[ae.templateListItemSelected]:e.id===G,[ae.templateListItemUnSelected]:e.id!==G}),onClick:e.disabled?null:me(e.id),disabled:e.disabled??!1,children:[e.id===G?L(h,{fontSize:"small",...e.isEditing&&{color:"primary"}}):L(f,{fontSize:"small",...e.isEditing&&{color:"primary"}}),e.isEditing?L(d,{autoFocus:!0,className:ae.templateListItemInput,value:e.name,onClick:e=>e.stopPropagation(),onChange:(a=e.id,e=>{e.stopPropagation(),ie.filter((e=>e.id!==a)).map((e=>e.name)).includes(e.target.value)?re({...oe,[a]:"Duplicated name"}):re({...oe,[a]:null}),le(ie.map((t=>t.id===a?{...t,name:e.target.value}:t)))}),onKeyDown:ge(e.id),error:!!oe[e.id],helperText:oe[e.id]}):L(s,{className:ae.templateListItemName,children:e.name}),e.isEditing?null:ee&&te(v(e,["settings","data"],[])),e.isEditing?b("div",{className:y(ae.actionWrapper,ae.actionWrapperEditing),children:[L(r,{title:"Save",children:L(p,{className:ae.actionIconButton,onClick:he(e.id),children:L(h,{fontSize:"small",color:"primary"})})}),L(r,{title:"Cancel",children:L(p,{className:ae.actionIconButton,onClick:ue(e.id),children:L(N,{className:ae.actionIcon,fontSize:"small"})})})]}):L("div",{className:y(ae.actionWrapper,{[ae.actionWrapperHidden]:e.disabled}),children:t===z?b(k,{children:[L(r,{title:"Delete",children:L(p,{className:ae.actionIconButton,onClick:de(e.id,J),children:L(T,{className:ae.actionIcon,fontSize:"small"})})}),L(r,{title:"Rename",children:L(p,{className:ae.actionIconButton,onClick:pe(e.id),children:L(S,{className:ae.actionIcon,fontSize:"small"})})}),L(r,{title:"Copy",children:L(p,{className:ae.actionIconButton,onClick:de(e.id,Q),children:L(C,{className:ae.actionIcon,fontSize:"small"})})}),L(r,{title:"Share",children:L(p,{className:ae.actionIconButton,onClick:fe(e.id),children:L(I,{className:ae.actionIcon,fontSize:"small"})})})]}):L(r,{title:"Copy To My Templates",children:L(p,{className:ae.actionIconButton,onClick:de(e.id,Q),children:L(C,{className:ae.actionIcon,fontSize:"small"})})})})]})},`template-list-item-${e.id}`);var a}))})]},`template-list-${t}`)}))]}),L(R,{title:`Share "${v(ne,"name")}"`,open:!!ne,onSave:e=>{ne&&X(ne.id,e),Ne()},onCancel:Ne,currentUser:B})]})}B.propTypes={open:l.bool.isRequired,anchorEl:l.node,anchorOrigin:l.shape({}),transformOrigin:l.shape({}),onClose:l.func.isRequired,templates:l.arrayOf(l.shape({id:l.number,name:l.string,settings:l.shape({}),shared:l.bool})).isRequired,activeTemplateId:l.number.isRequired,getDefaultTemplates:l.func.isRequired,getUserTemplates:l.func.isRequired,getSharedTemplates:l.func.isRequired,onAddNewTemplate:l.func.isRequired,onTemplateDelete:l.func.isRequired,onTemplateCopy:l.func.isRequired,onTemplateEdit:l.func.isRequired,onTemplateShare:l.func.isRequired,onActiveTemplateChange:l.func.isRequired,loading:l.bool,classes:l.shape({paper:l.string}),hasNameSlot:l.bool,renderSlot:l.func.isRequired,currentUser:l.shape({}).isRequired},B.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{}};export{B as default};

package/components/Template/TemplateSharingDialog/ChipSelector.js

@@ -1 +1 @@
-import t from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/assertThisInitialized";import n from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import s from"@babel/runtime/helpers/getPrototypeOf";import o from"@babel/runtime/helpers/defineProperty";import{PureComponent as a}from"react";import{get as l,isEmpty as c}from"lodash";import p from"prop-types";import u from"classnames";import{Chip as m,TextField as d,ListItem as f,ListItemText as h,FormControl as I,FormHelperText as b,List as g,withStyles as y}from"@material-ui/core";import{Autocomplete as v}from"@material-ui/lab";import"./ChipSelector.css.js";import{jsx as w,jsxs as O}from"react/jsx-runtime";function R(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?R(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=s(t);if(e){var o=s(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return i(this,r)}}var C=new RegExp("^new.*$"),N=function(i){n(p,a);var s=x(p);function p(e){var n;return t(this,p),n=s.call(this,e),o(r(n),"formatItem",(function(t){return{text:n.props.chipFormatter(t),id:l(t,"id"),persistent:l(t,"persistent",!1)}})),o(r(n),"handleChange",(function(t,e){var r=n.formattedSelectedItems,i=new Set(r.map((function(t){return t.id}))),s=new Set(e.map((function(t){return t.id}))),o=e.filter((function(t){return!i.has(t.id)})),a=r.filter((function(t){return!s.has(t.id)&&!t.persistent})).map((function(t){return t.id}));o.forEach(n.handleRequestAdd),a.forEach(n.handleRequestDelete)})),o(r(n),"handleRequestAdd",(function(t){var e=t.id,r=t.text;n.props.allowAddNewItems?n.itemWithSameNameExists(r)?n.setState({isError:!0}):n.props.onAddNew({id:"new".concat(r),name:r}):n.listedItems.find((function(t){return l(t,"id")===e}))?n.props.onAdd(e):n.setState({isError:!0})})),o(r(n),"handleRequestDelete",(function(t){n.props.allowAddNewItems&&C.test(t)?n.props.onRemoveNew(t):n.props.onRemove(t)})),o(r(n),"handleUpdateInput",(function(){n.state.isError&&n.setState({isError:!1})})),o(r(n),"getOptionLabel",(function(t){return t.text})),o(r(n),"renderTags",(function(t,e){return t.map((function(t,r){return w(m,S(S({"data-not-migrated-MuiChip":!0,label:n.getOptionLabel(t)},e({index:r})),{},{onDelete:t.persistent?null:function(){return n.handleRequestDelete(t.id)}}))}))})),o(r(n),"renderInput",(function(t){return w(d,S(S({},t),{},{variant:"standard",placeholder:n.props.hintText}))})),o(r(n),"itemWithSameNameExists",(function(t){return n.props.items.concat(n.props.newItems).map(n.formatItem).find((function(e){return l(e,"text")===t}))})),n.state={isError:!1},n}return e(p,[{key:"componentDidUpdate",value:function(t){var e=t.selectedItems;this.props.selectedItems!==e&&this.setState({isError:!1})}},{key:"itemList",get:function(){var t=this;return this.listedItems.map((function(e){return w(f,{"data-testid":"".concat("chipSelector","_item_").concat(t.props.listItemFormatter(e)),button:!0,divider:!0,onClick:function(){return t.props.onAdd(l(e,"id"))},children:w(h,{children:t.props.listItemFormatter(e)})},l(e,"id"))}))}},{key:"listedItems",get:function(){var t=this;return this.props.items.filter((function(e){return!t.props.selectedItems.has(l(e,"id"))}))}},{key:"selectedItems",get:function(){var t=this;return this.props.items.filter((function(e){return t.props.selectedItems.has(l(e,"id"))})).concat(this.props.allowAddNewItems?this.props.newItems:[])}},{key:"formattedSelectedItems",get:function(){return this.selectedItems.map(this.formatItem)}},{key:"formattedListedItems",get:function(){return this.listedItems.map(this.formatItem)}},{key:"render",value:function(){var t=this.state.isError?this.props.errorText:"",e=this.props.classes;return O("div",{children:[O(I,{className:e.formControl,error:!!t,fullWidth:!0,children:[w(v,{"data-testid":"generic_chipInput",multiple:!0,fullWidth:!0,id:"chip-selector",classes:{inputRoot:e.inputRoot},value:this.formattedSelectedItems,onChange:this.handleChange,onInputChange:this.handleUpdateInput,options:this.formattedListedItems,getOptionLabel:this.getOptionLabel,renderInput:this.renderInput,renderTags:this.renderTags}),w(b,{children:t})]}),w("div",{className:"c-chip-select-component__list-title",children:w("em",{children:this.props.listTitle})}),w(g,{className:u(this.props.listClasses,this.props.classes.listStyle),children:c(this.listedItems)?w("div",{className:"c-chip-select-component__empty-list",children:w("p",{"data-testid":"".concat("chipSelector","_emptyLabel"),children:"List is empty"})}):this.itemList})]})}}]),p}();N.propTypes={items:p.arrayOf(p.shape({})).isRequired,selectedItems:p.shape([]).isRequired,newItems:p.arrayOf(p.shape({})),onAdd:p.func.isRequired,onRemove:p.func.isRequired,allowAddNewItems:p.bool,onAddNew:p.func,onRemoveNew:p.func,chipFormatter:p.func,listItemFormatter:p.func,classes:p.string,listClasses:p.string,hintText:p.string,errorText:p.string,listTitle:p.string},N.defaultProps={allowAddNewItems:!1,chipFormatter:function(t){return t.toString()},listItemFormatter:function(t){return t.toString()},classes:"c-chip-select-component__container",listClasses:"c-chip-select-component__list",hintText:null,errorText:"You can not add not existing item",listTitle:"All items",onAddNew:null,onRemoveNew:null,newItems:null};var A=y({listStyle:{borderColor:"grey",overflow:"auto"},formControl:{marginBottom:8},inputRoot:{paddingBottom:"8px !important"}})(N);export{A as default};
+import t from"@babel/runtime/helpers/defineProperty";import{PureComponent as e}from"react";import{get as s,isEmpty as i}from"lodash";import r from"prop-types";import o from"classnames";import{withStyles as n,Chip as l,TextField as a,ListItem as p,ListItemText as d,FormControl as m,FormHelperText as h,List as c}from"@material-ui/core";import{Autocomplete as u}from"@material-ui/lab";import"./ChipSelector.css.js";import{jsx as f,jsxs as I}from"react/jsx-runtime";const g=new RegExp("^new.*$");class w extends e{constructor(e){super(e),t(this,"formatItem",(t=>({text:this.props.chipFormatter(t),id:s(t,"id"),persistent:s(t,"persistent",!1)}))),t(this,"handleChange",((t,e)=>{const s=this.formattedSelectedItems,i=new Set(s.map((t=>t.id))),r=new Set(e.map((t=>t.id))),o=e.filter((t=>!i.has(t.id))),n=s.filter((t=>!r.has(t.id)&&!t.persistent)).map((t=>t.id));o.forEach(this.handleRequestAdd),n.forEach(this.handleRequestDelete)})),t(this,"handleRequestAdd",(t=>{let{id:e,text:i}=t;this.props.allowAddNewItems?this.itemWithSameNameExists(i)?this.setState({isError:!0}):this.props.onAddNew({id:`new${i}`,name:i}):this.listedItems.find((t=>s(t,"id")===e))?this.props.onAdd(e):this.setState({isError:!0})})),t(this,"handleRequestDelete",(t=>{this.props.allowAddNewItems&&g.test(t)?this.props.onRemoveNew(t):this.props.onRemove(t)})),t(this,"handleUpdateInput",(()=>{this.state.isError&&this.setState({isError:!1})})),t(this,"getOptionLabel",(t=>t.text)),t(this,"renderTags",((t,e)=>t.map(((t,s)=>f(l,{"data-not-migrated-MuiChip":!0,label:this.getOptionLabel(t),...e({index:s}),onDelete:t.persistent?null:()=>this.handleRequestDelete(t.id)}))))),t(this,"renderInput",(t=>f(a,{...t,variant:"standard",placeholder:this.props.hintText}))),t(this,"itemWithSameNameExists",(t=>this.props.items.concat(this.props.newItems).map(this.formatItem).find((e=>s(e,"text")===t)))),this.state={isError:!1}}componentDidUpdate(t){let{selectedItems:e}=t;this.props.selectedItems!==e&&this.setState({isError:!1})}get itemList(){return this.listedItems.map((t=>f(p,{"data-testid":`chipSelector_item_${this.props.listItemFormatter(t)}`,button:!0,divider:!0,onClick:()=>this.props.onAdd(s(t,"id")),children:f(d,{children:this.props.listItemFormatter(t)})},s(t,"id"))))}get listedItems(){return this.props.items.filter((t=>!this.props.selectedItems.has(s(t,"id"))))}get selectedItems(){return this.props.items.filter((t=>this.props.selectedItems.has(s(t,"id")))).concat(this.props.allowAddNewItems?this.props.newItems:[])}get formattedSelectedItems(){return this.selectedItems.map(this.formatItem)}get formattedListedItems(){return this.listedItems.map(this.formatItem)}render(){const t=this.state.isError?this.props.errorText:"",{classes:e}=this.props;return I("div",{children:[I(m,{className:e.formControl,error:!!t,fullWidth:!0,children:[f(u,{"data-testid":"generic_chipInput",multiple:!0,fullWidth:!0,id:"chip-selector",classes:{inputRoot:e.inputRoot},value:this.formattedSelectedItems,onChange:this.handleChange,onInputChange:this.handleUpdateInput,options:this.formattedListedItems,getOptionLabel:this.getOptionLabel,renderInput:this.renderInput,renderTags:this.renderTags}),f(h,{children:t})]}),f("div",{className:"c-chip-select-component__list-title",children:f("em",{children:this.props.listTitle})}),f(c,{className:o(this.props.listClasses,this.props.classes.listStyle),children:i(this.listedItems)?f("div",{className:"c-chip-select-component__empty-list",children:f("p",{"data-testid":"chipSelector_emptyLabel",children:"List is empty"})}):this.itemList})]})}}w.propTypes={items:r.arrayOf(r.shape({})).isRequired,selectedItems:r.shape([]).isRequired,newItems:r.arrayOf(r.shape({})),onAdd:r.func.isRequired,onRemove:r.func.isRequired,allowAddNewItems:r.bool,onAddNew:r.func,onRemoveNew:r.func,chipFormatter:r.func,listItemFormatter:r.func,classes:r.string,listClasses:r.string,hintText:r.string,errorText:r.string,listTitle:r.string},w.defaultProps={allowAddNewItems:!1,chipFormatter:t=>t.toString(),listItemFormatter:t=>t.toString(),classes:"c-chip-select-component__container",listClasses:"c-chip-select-component__list",hintText:null,errorText:"You can not add not existing item",listTitle:"All items",onAddNew:null,onRemoveNew:null,newItems:null};var x=n({listStyle:{borderColor:"grey",overflow:"auto"},formControl:{marginBottom:8},inputRoot:{paddingBottom:"8px !important"}})(w);export{x as default};

package/components/Template/TemplateSharingDialog/UsersChipSelector.js

@@ -1 +1 @@
-import e from"prop-types";import{get as r}from"lodash";import s from"../../Avatar/index.js";import t from"./ChipSelector.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";var o={container:{display:"flex",justifyContent:"start",alignItems:"center"},username:{marginLeft:20}},a=function(e){return n("div",{style:o.container,children:[i(s,{displayName:r(e,"displayName"),imgSrc:r(e,"profilePhoto")}),i("div",{style:o.username,children:r(e,"displayName")})]})},d=function(e){var s=e.users,n=e.selectedUsers,o=e.onAddUser,d=e.onRemoveUser;return i(t,{items:s,selectedItems:n,onAdd:o,onRemove:d,chipFormatter:function(e){return r(e,"displayName")},listItemFormatter:a,hintText:"Type user name...",errorText:"You can not add not existing user",listTitle:"Recent users"})};d.propTypes={selectedUsers:e.shape([]).isRequired,onAddUser:e.func.isRequired,onRemoveUser:e.func.isRequired,users:e.arrayOf(e.shape({id:e.oneOfType([e.string,e.number]).isRequired,displayName:e.string.isRequired,persistent:e.bool})).isRequired};export{d as default};
+import e from"prop-types";import{get as r}from"lodash";import s from"../../Avatar/index.js";import t from"./ChipSelector.js";import{jsx as i,jsxs as o}from"react/jsx-runtime";const n={container:{display:"flex",justifyContent:"start",alignItems:"center"},username:{marginLeft:20}},a=e=>o("div",{style:n.container,children:[i(s,{displayName:r(e,"displayName"),imgSrc:r(e,"profilePhoto")}),i("div",{style:n.username,children:r(e,"displayName")})]}),d=e=>{let{users:s,selectedUsers:o,onAddUser:n,onRemoveUser:d}=e;return i(t,{items:s,selectedItems:o,onAdd:n,onRemove:d,chipFormatter:e=>r(e,"displayName"),listItemFormatter:a,hintText:"Type user name...",errorText:"You can not add not existing user",listTitle:"Recent users"})};d.propTypes={selectedUsers:e.shape([]).isRequired,onAddUser:e.func.isRequired,onRemoveUser:e.func.isRequired,users:e.arrayOf(e.shape({id:e.oneOfType([e.string,e.number]).isRequired,displayName:e.string.isRequired,persistent:e.bool})).isRequired};export{d as default};

package/components/Template/TemplateSharingDialog/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/regenerator";import{useState as o,useEffect as i}from"react";import c from"prop-types";import{makeStyles as a,Dialog as s,DialogTitle as p,DialogContent as l,Typography as u,DialogActions as f,Button as m}from"@material-ui/core";import{get as d}from"lodash";import h from"classnames";import{getUsers as b}from"../../../clients/jsonApi/index.js";import y from"./UsersChipSelector.js";import{jsxs as g,jsx as v}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function w(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var j=a({dialog:{width:"600px",height:"600px"},actions:{padding:"8px 40px",boxShadow:"0px -4px 10px rgb(0 0 0 / 25%)"},mobileActions:{paddingRight:"100px"}});function x(c){var a=c.title,O=c.open,x=c.onSave,S=c.onCancel,P=c.currentUser,C=j(),R=!1,U=o([]),k=t(U,2),A=k[0],q=k[1],D=o(new Set),T=t(D,2),E=T[0],N=T[1];i((function(){function e(){return(e=r(n.mark((function e(){var r,t,o;return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,r={companyId:d(P,["company","id"])},e.next=4,b(r);case 4:t=e.sent,o=(t||[]).filter((function(e){return d(e,"id")!==d(P,"id")})).map((function(e){return w(w({},e),{},{id:d(e,"id"),displayName:"".concat(d(e,"first_name")," ").concat(d(e,"last_name"))})})),q(o),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),console.error(e.t0);case 12:case"end":return e.stop()}}),e,null,[[0,9]])})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var _=function(){N(new Set),S()};return g(s,{open:O,onClose:_,fullScreen:R,classes:{paper:h(e({},C.dialog,!0))},children:[v(p,{children:a||"Share Templates"}),g(l,{children:[v(u,{variant:"subtitle1",gutterBottom:!0,children:"Share with users"}),v(y,{users:A,selectedUsers:E,onAddUser:function(e){N((function(r){return new Set(r.add(e))}))},onRemoveUser:function(e){N((function(r){return r.delete(e),new Set(r)}))}})]}),g(f,{className:h(C.actions,e({},C.mobileActions,R)),children:[v(m,{color:"primary",onClick:_,children:"Cancel"}),v(m,{variant:"contained",color:"primary",onClick:function(){x(A.filter((function(e){return E.has(d(e,"id"))}))),N(new Set)},children:"Save"})]})]})}x.propTypes={title:c.string,open:c.bool.isRequired,onSave:c.func.isRequired,onCancel:c.func.isRequired,currentUser:c.shape({}).isRequired},x.defaultProps={title:null};export{x as default};
+import{useState as e,useEffect as r}from"react";import i from"prop-types";import{makeStyles as o,Dialog as t,DialogTitle as n,DialogContent as s,Typography as a,DialogActions as l,Button as c}from"@material-ui/core";import{get as p}from"lodash";import d from"classnames";import{getUsers as m}from"../../../clients/jsonApi/index.js";import u from"./UsersChipSelector.js";import{jsxs as h,jsx as f}from"react/jsx-runtime";const S=o({dialog:{width:"600px",height:"600px"},actions:{padding:"8px 40px",boxShadow:"0px -4px 10px rgb(0 0 0 / 25%)"},mobileActions:{paddingRight:"100px"}});function x(i){let{title:o,open:x,onSave:g,onCancel:w,currentUser:y}=i;const C=S(),b=!1,[v,R]=e([]),[U,j]=e(new Set);r((()=>{!async function(){try{const e={companyId:p(y,["company","id"])},r=(await m(e)||[]).filter((e=>p(e,"id")!==p(y,"id"))).map((e=>({...e,id:p(e,"id"),displayName:`${p(e,"first_name")} ${p(e,"last_name")}`})));R(r)}catch(e){console.error(e)}}()}),[]);const q=()=>{j(new Set),w()};return h(t,{open:x,onClose:q,fullScreen:b,classes:{paper:d({[C.dialog]:!0})},children:[f(n,{children:o||"Share Templates"}),h(s,{children:[f(a,{variant:"subtitle1",gutterBottom:!0,children:"Share with users"}),f(u,{users:v,selectedUsers:U,onAddUser:e=>{j((r=>new Set(r.add(e))))},onRemoveUser:e=>{j((r=>(r.delete(e),new Set(r))))}})]}),h(l,{className:d(C.actions,{[C.mobileActions]:b}),children:[f(c,{color:"primary",onClick:q,children:"Cancel"}),f(c,{variant:"contained",color:"primary",onClick:()=>{g(v.filter((e=>U.has(p(e,"id"))))),j(new Set)},children:"Save"})]})]})}x.propTypes={title:i.string,open:i.bool.isRequired,onSave:i.func.isRequired,onCancel:i.func.isRequired,currentUser:i.shape({}).isRequired},x.defaultProps={title:null};export{x as default};

package/components/TextField/effects/index.js

@@ -1 +1 @@
-import n from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as r,useEffect as e}from"react";function o(o){var l=o.startIcon,u=o.endIcon,f=o.onFocus,i=o.onBlur,s=o.value,a=o.InputProps,d=t(),c=n(d,2),m=c[0],p=c[1],v=t(),h=n(v,2),g=h[0],b=h[1],A=t("string"==typeof s&&0!==s.length||"number"==typeof s&&0!==String(s).length||!(null==a||!a.startAdornment)||!1),I=n(A,2),y=I[0],B=I[1],F=r(null),O=r(null);e((function(){var n,t;p(null===(n=F.current)||void 0===n?void 0:n.offsetWidth),b(null===(t=O.current)||void 0===t?void 0:t.offsetWidth)}),[l,u]);return{shrink:y,onInputFocus:function(n){B(!0),f&&f(n)},onInputBlur:function(n){0!==n.target.value.length||null!=a&&a.startAdornment||B(!1),i&&i(n)},startlabelOffset:m,endlabelOffset:g,startAdornmentRef:F,endAdornmentRef:O}}export{o as useCustomShrink};
+import{useState as t,useRef as n,useEffect as e}from"react";function r(r){let{startIcon:o,endIcon:l,onFocus:u,onBlur:s,value:f,InputProps:d}=r;const[a,i]=t(),[c,p]=t(),[m,v]=t("string"==typeof f&&0!==f.length||"number"==typeof f&&0!==String(f).length||!(null==d||!d.startAdornment)||!1),g=n(null),h=n(null);e((()=>{var t,n;i(null===(t=g.current)||void 0===t?void 0:t.offsetWidth),p(null===(n=h.current)||void 0===n?void 0:n.offsetWidth)}),[o,l]);return{shrink:m,onInputFocus:t=>{v(!0),u&&u(t)},onInputBlur:t=>{0!==t.target.value.length||null!=d&&d.startAdornment||v(!1),s&&s(t)},startlabelOffset:a,endlabelOffset:c,startAdornmentRef:g,endAdornmentRef:h}}export{r as useCustomShrink};

package/components/TextField/index.js

@@ -1 +1 @@
-import t from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/objectWithoutProperties";import r from"prop-types";import{makeStyles as e,TextField as o,InputAdornment as u}from"@material-ui/core";import{useCustomShrink as i}from"./effects/index.js";import s from"../../config/theme/palette.mjs.js";import{jsx as l}from"react/jsx-runtime";var a=["startIcon","endIcon","onFocus","onBlur","InputProps","value","startAdornment","endAdornment"];function p(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.push.apply(r,e)}return r}function c(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?p(Object(e),!0).forEach((function(r){t(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var f=e((function(t){return{textField:{marginTop:16,marginBottom:8,"& .MuiFormLabel-root":{marginLeft:function(t){return t.startlabelOffset?"".concat(t.startlabelOffset+8,"px"):0},marginRight:function(t){return t.endlabelOffset?"".concat(t.endlabelOffset+8,"px"):0}},"&:hover":{"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:s.primary.contrastText}}},"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{width:16,height:16,fontSize:16,fill:"#DADADA"},"&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.error.main," !important")}},"& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:"".concat(t.palette.primary.main," !important")}},shrunkLabel:{"&.MuiInputLabel-shrink.MuiFormLabel-root":{marginLeft:0}}}})),d=function(t){var r=t.startIcon,e=t.endIcon,s=t.onFocus,p=t.onBlur,d=t.InputProps,m=t.value,b=t.startAdornment,I=t.endAdornment,v=n(t,a),O=i({startIcon:r,endIcon:e,onFocus:s,onBlur:p,value:m,InputProps:d}),g=O.shrink,h=O.onInputFocus,P=O.onInputBlur,A=O.startlabelOffset,M=O.endlabelOffset,j=O.startAdornmentRef,y=O.endAdornmentRef,F=f({startlabelOffset:A,endlabelOffset:M});return l(o,c(c({},v),{},{onFocus:h,onBlur:P,value:m,classes:{root:F.textField},InputLabelProps:c({shrink:g,classes:{shrink:F.shrunkLabel}},t.InputLabelProps),InputProps:c({startAdornment:r?l(u,{position:"start",ref:j,children:r}):b,endAdornment:e?l(u,{position:"end",ref:y,children:e}):I},t.InputProps)}))};d.propTypes={startIcon:r.node,endIcon:r.node,InputProps:r.shape({startAdornment:null}),InputLabelProps:r.shape({startAdornment:null}),value:r.oneOf([r.string,r.number]),onFocus:r.func,onBlur:r.func,endAdornment:r.node,startAdornment:r.node},d.defaultProps={startIcon:null,endIcon:null,InputProps:void 0,InputLabelProps:void 0,value:"",onFocus:void 0,onBlur:void 0,endAdornment:null,startAdornment:null};export{d as default};
+import t from"prop-types";import{makeStyles as n,TextField as o,InputAdornment as e}from"@material-ui/core";import{useCustomShrink as r}from"./effects/index.js";import s from"../../config/theme/palette.mjs.js";import{jsx as l}from"react/jsx-runtime";const u=n((t=>({textField:{marginTop:16,marginBottom:8,"& .MuiFormLabel-root":{marginLeft:t=>t.startlabelOffset?`${t.startlabelOffset+8}px`:0,marginRight:t=>t.endlabelOffset?`${t.endlabelOffset+8}px`:0},"&:hover":{"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:s.primary.contrastText}}},"&.MuiTextField-root .MuiInput-root":{"& .MuiInputAdornment-root svg.MuiSvgIcon-root":{width:16,height:16,fontSize:16,fill:"#DADADA"},"&.Mui-error .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:`${t.palette.error.main} !important`}},"& .Mui-focused .MuiInputAdornment-root svg.MuiSvgIcon-root":{fill:`${t.palette.primary.main} !important`}},shrunkLabel:{"&.MuiInputLabel-shrink.MuiFormLabel-root":{marginLeft:0}}}))),i=t=>{const{startIcon:n,endIcon:s,onFocus:i,onBlur:a,InputProps:p,value:d,startAdornment:m,endAdornment:f,...c}=t,{shrink:I,onInputFocus:A,onInputBlur:b,startlabelOffset:v,endlabelOffset:g,startAdornmentRef:M,endAdornmentRef:h}=r({startIcon:n,endIcon:s,onFocus:i,onBlur:a,value:d,InputProps:p}),F=u({startlabelOffset:v,endlabelOffset:g});return l(o,{...c,onFocus:A,onBlur:b,value:d,classes:{root:F.textField},InputLabelProps:{shrink:I,classes:{shrink:F.shrunkLabel},...t.InputLabelProps},InputProps:{startAdornment:n?l(e,{position:"start",ref:M,children:n}):m,endAdornment:s?l(e,{position:"end",ref:h,children:s}):f,...t.InputProps}})};i.propTypes={startIcon:t.node,endIcon:t.node,InputProps:t.shape({startAdornment:null}),InputLabelProps:t.shape({startAdornment:null}),value:t.oneOf([t.string,t.number]),onFocus:t.func,onBlur:t.func,endAdornment:t.node,startAdornment:t.node},i.defaultProps={startIcon:null,endIcon:null,InputProps:void 0,InputLabelProps:void 0,value:"",onFocus:void 0,onBlur:void 0,endAdornment:null,startAdornment:null};export{i as default};

package/components/TextLink/index.js

@@ -1 +1 @@
-import{__rest as e,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as r,Fragment as i}from"react/jsx-runtime";import{withStyles as s,Tooltip as n,makeStyles as p}from"@material-ui/core";import a from"prop-types";import m from"classnames";import l from"@material-ui/icons/Language";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"react";import"lodash";import"@material-ui/icons";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../utils/mobileDetect.js";import"../IconButton/index.js";import"../Modal/CorvaModal.css.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppContext.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/index.js";import"../SettingEditors/DropdownEditor/index.js";import"../SettingEditors/RadioEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/components/buttons/DragToZoomButton.js";import"../Chart/components/buttons/ZoomInButton.js";import"../Chart/components/buttons/ZoomOutButton.js";import"../Chart/components/buttons/PanButton.js";import"../Chart/components/buttons/ResetZoomButton.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/RangeSlider.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/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"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../GradientManager/configuration/constants.js";import"../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientPicker/GradientPicker.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Toaster/Toaster.js";import"../ConfirmationDialog.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.js";import"../PadModeSelect/PadModeSelect.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"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Tooltip/ScrollableTooltip.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";import"../FilesLoader/Icons/FileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../HelpCenter/HelpCenterIcon.js";import"../Autocomplete/Autocomplete.js";import"../DocumentViewer/DocumentViewer.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/InputAdornmentLeft.js";import"../Search/components/Groups.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.js";import"../../utils/index.js";import"jsona";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDevCenterRouter as d}from"../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";import"react-router";import"rollbar";import"@rollbar/react";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";var c=s({tooltip:{padding:"4px 8px",display:"flex",alignItems:"center"}})(n),j=p((function(e){return{root:{color:e.palette.primary.main,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px",textDecoration:"none","&:hover":{color:e.palette.primary.main,textDecoration:"underline"},"&:visited":{color:e.palette.primary.main}},disabled:{color:e.palette.primary.dark,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px"},icon:{marginRight:8},buttonLink:{border:"none",background:"none",padding:0,cursor:"pointer"}}})),C=function(s){var p=s.TooltipProps,a=s.children,C=s.className,u=s.disabled,A=s.showTooltip,b=s.tooltipText,g=s.target,D=s.href,h=e(s,["TooltipProps","children","className","disabled","showTooltip","tooltipText","target","href"]),v=j(),S=d();if(u)return o(n,t({title:"Disabled",placement:"bottom-start"},{children:o("span",t({className:m(v.disabled,C)},h,{children:a}))}));var P=S&&"_self"===g?o("button",t({tabIndex:0,role:"link",className:m(v.buttonLink,v.root,C),onClick:function(e){e.metaKey||e.ctrlKey?window.open(D,"_blank"):S.push(D)}},h,{children:a})):o("a",t({className:m(v.root,C),target:g,href:D,rel:"noopener noreferrer"},h,{children:a}));return A||b?o(c,t({title:r(i,{children:[o(l,{fontSize:"small",className:v.icon}),b||D]}),placement:"bottom-start"},p,{children:P})):P};a.node.isRequired,a.string.isRequired,a.string,a.oneOf(["_self","_blank"]),a.bool,a.bool,a.string,a.shape({}),C.propTypes={children:a.node.isRequired,href:a.string.isRequired,className:a.string,target:a.oneOf(["_self","_blank"]),disabled:a.bool,showTooltip:a.bool,tooltipText:a.string,TooltipProps:a.shape({})},C.defaultProps={TooltipProps:{},className:"",target:"_blank",disabled:!1,showTooltip:!1,tooltipText:""};export{C as default};
+import{__rest as e,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as r,Fragment as i}from"react/jsx-runtime";import{withStyles as s,Tooltip as n,makeStyles as p}from"@material-ui/core";import a from"prop-types";import m from"classnames";import l from"@material-ui/icons/Language";import"../DevCenter/AppHeader/AppHeader.js";import"../DevCenter/AppSideBar/AppSideBar.js";import"../DevCenter/AppsDataProvider/AppsDataProvider.js";import"react";import"lodash";import"@material-ui/icons";import"../Icons/AnnotationIcon.js";import"../Annotations/components/AnnotationsList/index.js";import"../Annotations/components/LastAnnotation/index.js";import"../Annotations/AnnotationsContext.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../utils/mobileDetect.js";import"../IconButton/index.js";import"../Modal/CorvaModal.css.js";import"uuid";import"../IconMenu/index.js";import"../StyledMenuItem/index.js";import"../AppIcon/AppIcon.js";import"../DevCenter/AppContext.js";import"../AssetEditor/index.js";import"../AssetEditorV2/index.js";import"../AppVersionsSelect/AppVersionsSelect.js";import"../LoadingIndicator/LoadingIndicator.js";import"../Typography.js";import"../RealTimeValuesSidebar/RealTimeSidebar.js";import"../CollapsableSidebar.js";import"../DateTimePicker/index.js";import"../DatePicker/index.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../SlateFormattedText/SlateFormattedText.js";import"../SlateFormattedText/RenderElements.js";import"slate";import"../EmptyState/EmptyState.js";import"../ParameterCharts/ParameterCharts.js";import"../ParameterCharts/AddEditTrack.js";import"../ChartActionsList/ChartActionsList.js";import"../CopyToClipboard/CopyToClipboard.js";import"../AssetEditor/AssetEditorAutocomplete.js";import"../AssetEditor/SingleAssetEditor.js";import"../SettingEditors/ColorEditor/index.js";import"../SettingEditors/DropdownEditor/index.js";import"../SettingEditors/RadioEditor/index.js";import"../SwitchControl/index.js";import"../ColorPicker/ColorPicker.js";import"../Chart/components/ChartButton.js";import"../Chart/components/ChartButtons.js";import"../Chart/components/ChartWrapper.js";import"../Chart/components/AxisDropdown.js";import"../Chart/components/ChartSelect.js";import"../Chart/components/buttons/DragToZoomButton.js";import"../Chart/components/buttons/ZoomInButton.js";import"../Chart/components/buttons/ZoomOutButton.js";import"../Chart/components/buttons/PanButton.js";import"../Chart/components/buttons/ResetZoomButton.js";import"../Chart/components/buttons/HideAxesButton.js";import"../Chart/components/buttons/ChartTypeButton.js";import"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../TruncatedText/index.js";import"../MiddleTruncatedText/MiddleTruncatedText.js";import"../RangeSlider/RangeSlider.js";import"../AdvancedSlider/AdvancedSlider.js";import"../Breadcrumbs/index.js";import"../VirtualizedTable/index.js";import"../EmptyView/EmptyView.js";import"../EmptyView/EmptyAppView/EmptyAppView.js";import"../Button/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"../TextField/index.js";import"../Chip/index.js";import"../Counter/index.js";import"../AnchorsList/AnchorsList.js";import"../Select/index.js";import"../Select/SelectFilterBy.js";import"../CustomSelect/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"../GradientManager/configuration/constants.js";import"../GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"../GradientManager/GradientPreview/GradientPreview.js";import"../GradientManager/GradientSelect.styles.js";import"../GradientPicker/GradientPicker.js";import"../GradientManager/GradientManager.styles.js";import"../Drillstring/BHASchematic.js";import"../Drillstring/BHATable/index.js";import"../Drillstring/BHAComponentIcon.js";import"../Drillstring/BHAComponentDetail/index.js";import"../Drillstring/BHATileIcon.js";import"../Drillstring/BHATile/BHATile.js";import"../Drillstring/BHAList/BHAList.js";import"../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../Casing/CasingTable/index.js";import"../Casing/CasingComponentIcon.js";import"../Casing/CasingTileIcon.js";import"../Casing/CasingTableV2/CasingTableV2.js";import"../Casing/CasingTile/CasingTile.js";import"../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../WellSummary/WellSummaryItemLabel.js";import"../WellSummary/WellSummaryItemTitle.js";import"../WellSummary/WellSummaryItemValue.js";import"../WellSummary/ActivitySummaryChart.js";import"../WellSummary/FracWirelineTimeChart.js";import"query-string";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../BICOffsetPickerDialog/index.js";import"../OffsetWellButton/OffsetWellButton.js";import"../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../OffsetWellPickerV3/index.js";import"../OffsetWellChips/Chip.js";import"../OffsetWellChips/ChipsContainer.js";import"../OffsetWellPickerV4/OffsetWellPickerV4.js";import"../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../Notifications/Toast.js";import"../Toaster/Toaster.js";import"../ConfirmationDialog.js";import"../Avatar/index.js";import"../Template/TemplatePopover/index.js";import"../Template/TemplateSharingDialog/index.js";import"../MenuItem/index.js";import"../MiddleTruncate/MiddleTruncate.js";import"../PadModeSelect/PadModeSelect.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"../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../Table/TableToolbar/TableToolbar.js";import"../Table/TableContainer/TableContainer.js";import"../Table/TableCell/TableCell.js";import"../Tooltip/ScrollableTooltip.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";import"../FilesLoader/Icons/FileIcon.js";import"../SearchInput/index.js";import"../FeedItem/FeedItem.js";import"../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../PostInput/PostInput.js";import"../KeyboardDateTimePicker.js";import"../AddComment/Popover.js";import"../AddComment/Popup.js";import"../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../StageDesignVActual/ComparisonHeader.js";import"../StageDesignVActual/ComparisonRow.js";import"../EmbeddedApp/DevCenterEmbeddedApp.js";import"../EmbeddedApp/EmbeddedApp.js";import"../HelpCenter/HelpCenterIcon.js";import"../Autocomplete/Autocomplete.js";import"../DocumentViewer/DocumentViewer.js";import"../ColorPickerPalette/ColorPickerPalette.js";import"../Search/Search.js";import"../Search/components/Listbox.js";import"../Search/components/Paper.js";import"../Search/components/RecentSearches.js";import"../Search/components/InputAdornmentLeft.js";import"../Search/components/Groups.js";import"../StatusBadge/index.js";import"../Attachment/index.js";import"../EmojiIconButton.js";import"../FileUploadIconButton.js";import"../FilePreview/index.js";import"../FailedFileUploading.js";import"../UserMention/index.js";import"../CommentsInfo/index.js";import"../CommentInput/index.js";import"../Comment/index.js";import"../CommentLoader.js";import"../AssetNameLabel/AssetStatusBadge.js";import"../AssetEditorV2/components/PrimaryAssetSelect.js";import"../AssetEditorV2/components/SecondaryAssetSelect.js";import"../AssetEditorV2/components/SelectItem.js";import"../AssetEditorV2/components/MultipleAssetsToggle.js";import"../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../EChartsWrapper/EChartsWrapper.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.js";import"../../utils/index.js";import"jsona";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDevCenterRouter as d}from"../DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";import"react-router";import"rollbar";import"@rollbar/react";import"../DevCenter/NavigationBar/NavigationBar.js";import"../DevCenter/SideBar/SideBar.js";import"../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";var c=s({tooltip:{padding:"4px 8px",display:"flex",alignItems:"center"}})(n),j=p((function(e){return{root:{color:e.palette.primary.main,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px",textDecoration:"none","&:hover":{color:e.palette.primary.main,textDecoration:"underline"},"&:visited":{color:e.palette.primary.main}},disabled:{color:e.palette.primary.dark,fontSize:"inherit",lineHeight:"inherit",letterSpacing:"0.15px"},icon:{marginRight:8},buttonLink:{border:"none",background:"none",padding:0,cursor:"pointer"}}})),C=function(s){var p=s.TooltipProps,a=s.children,C=s.className,u=s.disabled,A=s.showTooltip,g=s.tooltipText,D=s.target,b=s.href,v=e(s,["TooltipProps","children","className","disabled","showTooltip","tooltipText","target","href"]),h=j(),S=d();if(u)return o(n,t({title:"Disabled",placement:"bottom-start"},{children:o("span",t({className:m(h.disabled,C)},v,{children:a}))}));var P=S&&"_self"===D?o("button",t({tabIndex:0,role:"link",className:m(h.buttonLink,h.root,C),onClick:function(e){e.metaKey||e.ctrlKey?window.open(b,"_blank"):S.push(b)}},v,{children:a})):o("a",t({className:m(h.root,C),target:D,href:b,rel:"noopener noreferrer"},v,{children:a}));return A||g?o(c,t({title:r(i,{children:[o(l,{fontSize:"small",className:h.icon}),g||b]}),placement:"bottom-start"},p,{children:P})):P};a.node.isRequired,a.string.isRequired,a.string,a.oneOf(["_self","_blank"]),a.bool,a.bool,a.string,a.shape({}),C.propTypes={children:a.node.isRequired,href:a.string.isRequired,className:a.string,target:a.oneOf(["_self","_blank"]),disabled:a.bool,showTooltip:a.bool,tooltipText:a.string,TooltipProps:a.shape({})},C.defaultProps={TooltipProps:{},className:"",target:"_blank",disabled:!1,showTooltip:!1,tooltipText:""};export{C as default};

package/components/TracesEditModal/TracesEditModal.js

@@ -1 +1 @@
-import e from"prop-types";import{noop as i}from"lodash";import{Grid as a,Button as t,Box as n}from"@material-ui/core";import{Regular14 as o}from"../Typography.js";import r from"../Modal/Modal.js";import s from"../KeyboardDateTimePicker.js";import l from"../PostInput/PostInput.js";import p from"./TracesEditModal.css.js";import{jsxs as m,jsx as d}from"react/jsx-runtime";var c="TracesEditModal",h=function(e){var i=e.onClose,h=e.onApply,u=e.postValue,f=e.onPostChange,D=e.timestampMs,y=e.onTimestampChange,b=e.timestampError,g=e.minDateMs,C=e.maxDateMs,x=e.isApplyDisabled,T=e.isDepthDataLoading,M=e.holeDepth,q=e.bitDepth,A=e.userCompanyId;return m(r,{open:!0,onClose:i,title:"Edit",contentClassName:p.modal,actions:m(a,{container:!0,direction:"row",justify:"flex-end",alignItems:"center",spacing:2,children:[d(a,{item:!0,children:d(t,{"data-testid":"".concat(c,"_cancel"),color:"primary",onClick:i,children:"Cancel"})}),d(a,{item:!0,children:d(t,{"data-testid":"".concat(c,"_apply"),variant:"contained",color:"primary",disabled:x,onClick:h,children:"Apply"})})]}),children:[d(l,{className:p.modalPostInput,initialValue:u,userCompanyId:A,onChange:f}),m(n,{display:"flex",flexDirection:"column",children:[m(n,{display:"flex",flexDirection:"column",mb:2,children:[d("span",{className:p.modalFieldLabel,children:"Time"}),d(s,{"data-testid":"".concat(c,"_date"),className:p.modalDateInput,disabled:T,ampm:!1,value:D,minDate:g,maxDate:C,onChange:y,format:"MM/DD/YYYY, HH:mm",error:!!b,helperText:b})]}),m(n,{display:"flex",flexDirection:"column",mb:3,children:[d("span",{className:p.modalFieldLabel,children:"Hole Depth"}),d(o,{"data-testid":"".concat(c,"_holeDepth"),children:T?"Loading...":"".concat(M,"’")})]}),m(n,{display:"flex",flexDirection:"column",children:[d("span",{className:p.modalFieldLabel,children:"Bit Depth"}),d(o,{"data-testid":"".concat(c,"_bitDepth"),children:T?"Loading...":"".concat(q,"’")})]})]})]})};h.propTypes={isApplyDisabled:e.bool,isDepthDataLoading:e.bool,userCompanyId:e.oneOfType([e.string,e.number]).isRequired,timestampMs:e.oneOfType([e.string,e.number]).isRequired,minDateMs:e.oneOfType([e.string,e.number]).isRequired,maxDateMs:e.oneOfType([e.string,e.number]).isRequired,timestampError:e.string,holeDepth:e.oneOfType([e.string,e.number]).isRequired,bitDepth:e.oneOfType([e.string,e.number]).isRequired,initialAttachment:e.shape({}),postValue:e.shape({body:e.string,attachment:e.shape({})}).isRequired,onPostChange:e.func.isRequired,onTimestampChange:e.func.isRequired,onClose:e.func,onApply:e.func},h.defaultProps={initialAttachment:null,onClose:i,onApply:i,timestampError:"",isApplyDisabled:!1,isDepthDataLoading:!1};export{h as default};
+import e from"prop-types";import{noop as i}from"lodash";import{Grid as t,Button as a,Box as n}from"@material-ui/core";import{Regular14 as o}from"../Typography.js";import r from"../Modal/Modal.js";import s from"../KeyboardDateTimePicker.js";import l from"../PostInput/PostInput.js";import p from"./TracesEditModal.css.js";import{jsxs as m,jsx as d}from"react/jsx-runtime";const c="TracesEditModal",h=e=>{let{onClose:i,onApply:h,postValue:u,onPostChange:f,timestampMs:D,onTimestampChange:y,timestampError:b,minDateMs:g,maxDateMs:C,isApplyDisabled:x,isDepthDataLoading:T,holeDepth:M,bitDepth:q,userCompanyId:A}=e;return m(r,{open:!0,onClose:i,title:"Edit",contentClassName:p.modal,actions:m(t,{container:!0,direction:"row",justify:"flex-end",alignItems:"center",spacing:2,children:[d(t,{item:!0,children:d(a,{"data-testid":`${c}_cancel`,color:"primary",onClick:i,children:"Cancel"})}),d(t,{item:!0,children:d(a,{"data-testid":`${c}_apply`,variant:"contained",color:"primary",disabled:x,onClick:h,children:"Apply"})})]}),children:[d(l,{className:p.modalPostInput,initialValue:u,userCompanyId:A,onChange:f}),m(n,{display:"flex",flexDirection:"column",children:[m(n,{display:"flex",flexDirection:"column",mb:2,children:[d("span",{className:p.modalFieldLabel,children:"Time"}),d(s,{"data-testid":`${c}_date`,className:p.modalDateInput,disabled:T,ampm:!1,value:D,minDate:g,maxDate:C,onChange:y,format:"MM/DD/YYYY, HH:mm",error:!!b,helperText:b})]}),m(n,{display:"flex",flexDirection:"column",mb:3,children:[d("span",{className:p.modalFieldLabel,children:"Hole Depth"}),d(o,{"data-testid":`${c}_holeDepth`,children:T?"Loading...":`${M}’`})]}),m(n,{display:"flex",flexDirection:"column",children:[d("span",{className:p.modalFieldLabel,children:"Bit Depth"}),d(o,{"data-testid":`${c}_bitDepth`,children:T?"Loading...":`${q}’`})]})]})]})};h.propTypes={isApplyDisabled:e.bool,isDepthDataLoading:e.bool,userCompanyId:e.oneOfType([e.string,e.number]).isRequired,timestampMs:e.oneOfType([e.string,e.number]).isRequired,minDateMs:e.oneOfType([e.string,e.number]).isRequired,maxDateMs:e.oneOfType([e.string,e.number]).isRequired,timestampError:e.string,holeDepth:e.oneOfType([e.string,e.number]).isRequired,bitDepth:e.oneOfType([e.string,e.number]).isRequired,initialAttachment:e.shape({}),postValue:e.shape({body:e.string,attachment:e.shape({})}).isRequired,onPostChange:e.func.isRequired,onTimestampChange:e.func.isRequired,onClose:e.func,onApply:e.func},h.defaultProps={initialAttachment:null,onClose:i,onApply:i,timestampError:"",isApplyDisabled:!1,isDepthDataLoading:!1};export{h as default};

package/components/TracesEditModal/TracesEditModalContainer.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import a from"@babel/runtime/regenerator";import o from"prop-types";import{useState as n,useEffect as i}from"react";import{isEqual as s,minBy as m}from"lodash";import{FEED_ITEM_TYPES as p}from"../../constants/feed.js";import{getAppStorage as c}from"../../clients/jsonApi/index.js";import u from"./TracesEditModal.js";import{jsx as d}from"react/jsx-runtime";var f=function(o){var f,l,h,b,y=o.feedItem,D=o.onSave,x=o.onClose,v=o.minDateSec,T=o.maxDateSec,g=o.assetId,C=y.context[p.TRACES_MEMO],M=C.attachment,S=C.timestamp,R={body:C.body,attachment:M},q=n(R),A=r(q,2),N=A[0],E=A[1],j=n(S),I=r(j,2),O=I[0],_=I[1],w=n(C.holeDepth),k=r(w,2),P=k[0],G=k[1],L=n(C.bitDepth),V=r(L,2),z=V[0],B=V[1],F=n(!1),H=r(F,2),J=H[0],K=H[1],Q=(f=O,l=v,h=T,Number.isNaN(f)?"Can't parse date or time format":f<l||f>h?"Should be in range of available traces data":""),U=Number.isNaN(O)||!N.body&&!N.attachment||S===O&&s(R,N),W=(b=t(a.mark((function e(t){var r,o,n,i;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t+5,o="{timestamp#gte#".concat(t-5,"}AND{timestamp#lte#").concat(r,"}"),K(!0),e.prev=4,e.next=7,c("corva","wits",g,{limit:10,query:o});case 7:n=e.sent,i=n&&m(n,(function(e){return Math.abs(e.timestamp-t)})),G(i.data.hole_depth),B(i.data.bit_depth),e.next=16;break;case 13:e.prev=13,e.t0=e.catch(4),console.error(e.t0);case 16:K(!1);case 17:case"end":return e.stop()}}),e,null,[[4,13]])}))),function(e){return b.apply(this,arguments)});return i((function(){O&&!Q&&S!==O&&W(O)}),[Q,O,S]),d(u,{postValue:N,onPostChange:E,timestampMs:1e3*O,timestampError:Q,minDateMs:1e3*v,maxDateMs:1e3*T,isDepthDataLoading:J,isApplyDisabled:U,holeDepth:P,bitDepth:z,userCompanyId:y.company_id,onTimestampChange:function(e){_(e.unix())},onApply:function(){return D({context:e({},p.TRACES_MEMO,{body:N.body,attachment:N.attachment,timestamp:O,holeDepth:P,bitDepth:z})})},onClose:x})};f.propTypes={feedItem:o.shape().isRequired,onSave:o.func.isRequired,onClose:o.func.isRequired,minDateSec:o.oneOfType([o.number,o.string]).isRequired,maxDateSec:o.oneOfType([o.number,o.string]).isRequired,assetId:o.oneOfType([o.number,o.string]).isRequired};export{f as default};
+import e from"prop-types";import{useState as t,useEffect as a}from"react";import{isEqual as o,minBy as s}from"lodash";import{FEED_ITEM_TYPES as i}from"../../constants/feed.js";import{getAppStorage as m}from"../../clients/jsonApi/index.js";import r from"./TracesEditModal.js";import{jsx as n}from"react/jsx-runtime";const p=e=>{let{feedItem:p,onSave:d,onClose:c,minDateSec:h,maxDateSec:l,assetId:u}=e;const b=p.context[i.TRACES_MEMO],{attachment:f}=b,y=b.timestamp,D={body:b.body,attachment:f},[x,C]=t(D),[M,S]=t(y),[g,R]=t(b.holeDepth),[T,q]=t(b.bitDepth),[N,A]=t(!1),E=(j=M,v=h,I=l,Number.isNaN(j)?"Can't parse date or time format":j<v||j>I?"Should be in range of available traces data":"");var j,v,I;const O=Number.isNaN(M)||!x.body&&!x.attachment||y===M&&o(D,x);return a((()=>{M&&!E&&y!==M&&(async e=>{const t=`{timestamp#gte#${e-5}}AND{timestamp#lte#${e+5}}`;A(!0);try{const a=await m("corva","wits",u,{limit:10,query:t}),o=a&&s(a,(t=>Math.abs(t.timestamp-e)));R(o.data.hole_depth),q(o.data.bit_depth)}catch(e){console.error(e)}A(!1)})(M)}),[E,M,y]),n(r,{postValue:x,onPostChange:C,timestampMs:1e3*M,timestampError:E,minDateMs:1e3*h,maxDateMs:1e3*l,isDepthDataLoading:N,isApplyDisabled:O,holeDepth:g,bitDepth:T,userCompanyId:p.company_id,onTimestampChange:e=>{S(e.unix())},onApply:()=>d({context:{[i.TRACES_MEMO]:{body:x.body,attachment:x.attachment,timestamp:M,holeDepth:g,bitDepth:T}}}),onClose:c})};p.propTypes={feedItem:e.shape().isRequired,onSave:e.func.isRequired,onClose:e.func.isRequired,minDateSec:e.oneOfType([e.number,e.string]).isRequired,maxDateSec:e.oneOfType([e.number,e.string]).isRequired,assetId:e.oneOfType([e.number,e.string]).isRequired};export{p as default};

package/components/TruncatedText/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import{useState as o,useRef as i,useEffect as n}from"react";import s from"prop-types";import{makeStyles as l,Tooltip as c}from"@material-ui/core";import a from"classnames";import{jsx as p}from"react/jsx-runtime";var m=["children","className","maxLines","showTooltip"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function b(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?f(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var u=l({root:function(e){var r=e.maxLines;return b({overflow:"hidden"},r?{display:"-webkit-box","-webkit-line-clamp":r,"-webkit-box-orient":"vertical"}:{whiteSpace:"nowrap",textOverflow:"ellipsis"})}});function h(t){var s=t.children,l=t.className,f=t.maxLines,h=t.showTooltip,d=r(t,m),O=o(!1),w=e(O,2),y=w[0],v=w[1],j=i(),g=u({maxLines:f});n((function(){var e=j.current,r=e.scrollWidth,t=e.clientWidth,o=e.scrollHeight,i=e.clientHeight;v(f?o>i:r>t)}));var x=p("div",b(b({className:a(g.root,l),ref:j},d),{},{children:s}));return y&&h?p(c,{title:s,children:x}):x}h.propTypes={children:s.oneOfType([s.node,s.string]).isRequired,className:s.string,maxLines:s.number,showTooltip:s.bool},h.defaultProps={className:"",maxLines:null,showTooltip:!0};export{h as default};
+import{useState as e,useRef as o,useEffect as t}from"react";import i from"prop-types";import{makeStyles as r,Tooltip as s}from"@material-ui/core";import l from"classnames";import{jsx as n}from"react/jsx-runtime";const a=r({root:e=>{let{maxLines:o}=e;return{overflow:"hidden",...o?{display:"-webkit-box","-webkit-line-clamp":o,"-webkit-box-orient":"vertical"}:{whiteSpace:"nowrap",textOverflow:"ellipsis"}}}});function c(i){let{children:r,className:c,maxLines:m,showTooltip:p,...d}=i;const[h,f]=e(!1),u=o(),w=a({maxLines:m});t((()=>{const{scrollWidth:e,clientWidth:o,scrollHeight:t,clientHeight:i}=u.current;f(m?t>i:e>o)}));const x=n("div",{className:l(w.root,c),ref:u,...d,children:r});return h&&p?n(s,{title:r,children:x}):x}c.propTypes={children:i.oneOfType([i.node,i.string]).isRequired,className:i.string,maxLines:i.number,showTooltip:i.bool},c.defaultProps={className:"",maxLines:null,showTooltip:!0};export{c as default};

package/components/Typography.js

@@ -1 +1 @@
-import{styled as e,Typography as t}from"@material-ui/core";var o=e(t)({fontWeight:400,fontSize:"0.625rem"}),i=e(t)({fontWeight:400,fontSize:"0.6875rem"}),f=e(t)({fontWeight:400,fontSize:"0.75rem"}),n=e(t)({fontWeight:400,fontSize:"0.875rem"}),r=e(t)({fontWeight:400,fontSize:"1rem"}),m=e(t)({fontWeight:400,fontSize:"1.25rem"}),g=e(t)({fontWeight:500,fontSize:"0.8125rem"}),h=e(t)({fontWeight:500,fontSize:"0.875rem"}),z=e(t)({fontWeight:600,fontSize:"0.5625rem"});export{g as Medium13,h as Medium14,o as Regular10,i as Regular11,f as Regular12,n as Regular14,r as Regular16,m as Regular20,z as SemiBold9};
+import{styled as t,Typography as e}from"@material-ui/core";const o=t(e)({fontWeight:400,fontSize:"0.625rem"}),i=t(e)({fontWeight:400,fontSize:"0.6875rem"}),f=t(e)({fontWeight:400,fontSize:"0.75rem"}),n=t(e)({fontWeight:400,fontSize:"0.875rem"}),r=t(e)({fontWeight:400,fontSize:"1rem"}),m=t(e)({fontWeight:400,fontSize:"1.25rem"}),g=t(e)({fontWeight:500,fontSize:"0.8125rem"}),h=t(e)({fontWeight:500,fontSize:"0.875rem"}),z=t(e)({fontWeight:600,fontSize:"0.5625rem"});export{g as Medium13,h as Medium14,o as Regular10,i as Regular11,f as Regular12,n as Regular14,r as Regular16,m as Regular20,z as SemiBold9};

package/components/UserCard/index.js

@@ -1 +1 @@
-import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import a from"@material-ui/core/Card";import r from"@material-ui/core/CardActions";import i from"@material-ui/core/CardContent";import o from"@material-ui/core/CardMedia";import n from"@material-ui/core/Chip";import c from"@material-ui/core/Button";import s from"@material-ui/core/Typography";import l from"@material-ui/icons/Email";import m from"@material-ui/icons/Phone";import d from"./style.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as p}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsxs as u,jsx as h}from"react/jsx-runtime";var f="UserCardDialogPo";function g(e){var t=e.user,g=t.id,v=t.email,b=t.mobile,C=t.title,N=t.first_name,y=t.last_name,_=t.profile_photo,x=e.currentUser,B=e.classes;return u(a,{"data-testid":"".concat(f),className:B.card,children:[h(o,{"data-testid":"".concat(f,"_placeholder"),className:B.media,image:_||"https://cdn.corva.ai/app/images/user-placeholder.svg",title:"".concat(N," ").concat(y),children:Number(x.id)===Number(g)&&h("div",{className:d.cUserCardMediaBackdrop,children:h(p,{href:"/config/users/".concat(g),children:h(n,{"data-not-migrated-MuiChip":!0,"data-testid":"".concat(f,"_viewProfile"),className:d.cUserCardMediaBackdropToProfile,label:"View Profile"})})})}),u(i,{className:B.content,children:[h(s,{"data-testid":"".concat(f,"_name"),variant:"h5",className:B.userName,children:"".concat(N," ").concat(y)}),C&&h(s,{variant:"subtitle1",children:C}),h("br",{}),v&&h("a",{href:"mailto:".concat(v),target:"_top",children:u(s,{"data-testid":"".concat(f,"_email"),gutterBottom:!0,variant:"body1",className:B.contact,children:[h(l,{className:B.contactIcon}),v]})}),b&&h("a",{href:"tel:".concat(b),target:"_top",children:u(s,{"data-testid":"".concat(f,"_phone"),variant:"body1",className:B.contact,children:[h(m,{className:B.contactIcon}),b]})})]}),u(r,{className:B.actions,children:[v?h("a",{href:"mailto:".concat(v),target:"_top",children:h(c,{"data-testid":"".concat(f,"_emailButton"),className:B.actionButton,variant:"contained",color:"primary",children:"Email"})}):h(c,{disabled:!0,className:B.actionButton,variant:"contained",color:"primary",children:"Email"}),h(c,{"data-testid":"".concat(f,"_messageButton"),disabled:!0,className:B.actionButton,variant:"contained",color:"primary",children:"Message"})]})]})}g.propTypes={user:e.shape({id:e.number.isRequired,email:e.string,mobile:e.string,title:e.string,role:e.string,first_name:e.string.isRequired,last_name:e.string.isRequired,profile_photo:e.string}).isRequired,classes:e.shape({}).isRequired,currentUser:e.shape({id:e.oneOfType([e.number,e.string])})},g.defaultProps={currentUser:{}};var v=t((function(e){return{card:{width:352},media:{height:264,width:"100%"},content:{cursor:"auto",padding:"10px 28px 28px 28px"},userName:{fontWeight:"bold"},contact:{display:"flex",alignItems:"center",fontSize:12,cursor:"pointer"},contactIcon:{height:15,width:15,marginRight:10,color:e.palette.grey[300]},actions:{display:"flex",justifyContent:"space-between",padding:"0 28px 28px 28px"},actionButton:{width:139}}}))(g);export{v as default};
+import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import r from"@material-ui/core/Card";import a from"@material-ui/core/CardActions";import i from"@material-ui/core/CardContent";import o from"@material-ui/core/CardMedia";import s from"@material-ui/core/Chip";import n from"@material-ui/core/Button";import c from"@material-ui/core/Typography";import l from"@material-ui/icons/Email";import m from"@material-ui/icons/Phone";import d from"./style.css.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as p}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"react-router";import{jsxs as u,jsx as h}from"react/jsx-runtime";const f="UserCardDialogPo";function g(e){let{user:{id:t,email:g,mobile:v,title:C,first_name:N,last_name:y,profile_photo:$},currentUser:_,classes:b}=e;return u(r,{"data-testid":`${f}`,className:b.card,children:[h(o,{"data-testid":`${f}_placeholder`,className:b.media,image:$||"https://cdn.corva.ai/app/images/user-placeholder.svg",title:`${N} ${y}`,children:Number(_.id)===Number(t)&&h("div",{className:d.cUserCardMediaBackdrop,children:h(p,{href:`/config/users/${t}`,children:h(s,{"data-not-migrated-MuiChip":!0,"data-testid":`${f}_viewProfile`,className:d.cUserCardMediaBackdropToProfile,label:"View Profile"})})})}),u(i,{className:b.content,children:[h(c,{"data-testid":`${f}_name`,variant:"h5",className:b.userName,children:`${N} ${y}`}),C&&h(c,{variant:"subtitle1",children:C}),h("br",{}),g&&h("a",{href:`mailto:${g}`,target:"_top",children:u(c,{"data-testid":`${f}_email`,gutterBottom:!0,variant:"body1",className:b.contact,children:[h(l,{className:b.contactIcon}),g]})}),v&&h("a",{href:`tel:${v}`,target:"_top",children:u(c,{"data-testid":`${f}_phone`,variant:"body1",className:b.contact,children:[h(m,{className:b.contactIcon}),v]})})]}),u(a,{className:b.actions,children:[g?h("a",{href:`mailto:${g}`,target:"_top",children:h(n,{"data-testid":`${f}_emailButton`,className:b.actionButton,variant:"contained",color:"primary",children:"Email"})}):h(n,{disabled:!0,className:b.actionButton,variant:"contained",color:"primary",children:"Email"}),h(n,{"data-testid":`${f}_messageButton`,disabled:!0,className:b.actionButton,variant:"contained",color:"primary",children:"Message"})]})]})}g.propTypes={user:e.shape({id:e.number.isRequired,email:e.string,mobile:e.string,title:e.string,role:e.string,first_name:e.string.isRequired,last_name:e.string.isRequired,profile_photo:e.string}).isRequired,classes:e.shape({}).isRequired,currentUser:e.shape({id:e.oneOfType([e.number,e.string])})},g.defaultProps={currentUser:{}};var v=t((e=>({card:{width:352},media:{height:264,width:"100%"},content:{cursor:"auto",padding:"10px 28px 28px 28px"},userName:{fontWeight:"bold"},contact:{display:"flex",alignItems:"center",fontSize:12,cursor:"pointer"},contactIcon:{height:15,width:15,marginRight:10,color:e.palette.grey[300]},actions:{display:"flex",justifyContent:"space-between",padding:"0 28px 28px 28px"},actionButton:{width:139}})))(g);export{v as default};

package/components/UserCardPopover.js

@@ -1 +1 @@
-import r from"@babel/runtime/helpers/slicedToArray";import{useState as e}from"react";import o from"prop-types";import{withStyles as p,Popover as i}from"@material-ui/core";import s from"./UserCard/index.js";import{jsxs as a,Fragment as t,jsx as n}from"react/jsx-runtime";function l(o){var p=e(null),l=r(p,2),c=l[0],u=l[1],d=Boolean(c);return a(t,{children:[n("div",{"aria-owns":d?"user-popover":void 0,"aria-haspopup":"true",onClick:function(r){u(r.currentTarget)},className:o.classes.childrenWrapper,style:o.wrapperStyle,children:o.children}),n(i,{id:"user-popover",open:d,classes:{paper:o.classes.popoverPaper},anchorEl:c,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:function(){u(null)},children:n(s,{user:o.user,currentUser:o.currentUser})})]})}l.propTypes={wrapperStyle:o.shape({}),user:o.shape({}).isRequired,children:o.node.isRequired,currentUser:o.shape({}),classes:o.shape({popoverPaper:o.string.isRequired,childrenWrapper:o.string.isRequired}).isRequired},l.defaultProps={wrapperStyle:{},currentUser:{}};var c=p({popoverPaper:{background:"transparent"},childrenWrapper:{cursor:"pointer"}})(l);export{c as default};
+import{useState as r}from"react";import e from"prop-types";import{withStyles as p,Popover as o}from"@material-ui/core";import s from"./UserCard/index.js";import{jsxs as a,Fragment as i,jsx as t}from"react/jsx-runtime";function n(e){const[p,n]=r(null),l=Boolean(p);return a(i,{children:[t("div",{"aria-owns":l?"user-popover":void 0,"aria-haspopup":"true",onClick:r=>{n(r.currentTarget)},className:e.classes.childrenWrapper,style:e.wrapperStyle,children:e.children}),t(o,{id:"user-popover",open:l,classes:{paper:e.classes.popoverPaper},anchorEl:p,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:()=>{n(null)},children:t(s,{user:e.user,currentUser:e.currentUser})})]})}n.propTypes={wrapperStyle:e.shape({}),user:e.shape({}).isRequired,children:e.node.isRequired,currentUser:e.shape({}),classes:e.shape({popoverPaper:e.string.isRequired,childrenWrapper:e.string.isRequired}).isRequired},n.defaultProps={wrapperStyle:{},currentUser:{}};var l=p({popoverPaper:{background:"transparent"},childrenWrapper:{cursor:"pointer"}})(n);export{l as default};

package/components/UserMention/constants.js

@@ -1 +1 @@
-var _="@[user:__id__|__display__]",d={id:"__id__",display:"__display__"};export{d as PLACEHOLDERS,_ as USER_MARKUP};
+const _="@[user:__id__|__display__]",d={id:"__id__",display:"__display__"};export{d as PLACEHOLDERS,_ as USER_MARKUP};

package/components/UserMention/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useEffect as o,useCallback as n}from"react";import{debounce as r}from"lodash";import t from"prop-types";import{withStyles as s}from"@material-ui/core/styles";import{MentionsInput as i,Mention as a}from"react-mentions";import l from"@material-ui/core/colors/blue";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as u}from"../../permissions/constants/index.js";import"@babel/runtime/helpers/slicedToArray";import{withPermissionsHOC as c}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import p from"../Avatar/index.js";import{handleFetchUsers as m}from"./utils/index.js";import{USER_MARKUP as f}from"./constants.js";import g from"./style.css.js";import{jsx as d,jsxs as b}from"react/jsx-runtime";function y(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function h(o){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?y(Object(r),!0).forEach((function(n){e(o,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))}))}return o}var v={backgroundColor:l[100]},j={color:"#00bcd4"},_={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},w=h(h({},_),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),O=h(h({},_),{},{input:{color:"#000"}}),P=function(e){var t=e.onChange,s=e.singleLine,l=e.suggestionsPortalHost,u=e.value,c=e.inputRef,y=e.classes,_=e.style,P=e.withLightTheme,C=e.placeholder,S=e.onMount,x=e.onKeyDown,R=e.onKeyUp,A=e.onFocus,D=e.onBlur,F=e.autoFocus,K=e.disabled,L=e.companyId,N=e.currentUser,T=e.isCompanySelectVisible,k=e.mentionProps,U=e.allowSuggestionsAboveCursor;o(S,[]);var q=n(r((function(e,o){var n=T&&N&&N.company_id!==L?[N.company_id,L]:null;m(e,o,n)}),400),[L]),H=Object.assign(P?O:w,_);return d(i,{value:u,onChange:function(e,o){t(o)},singleLine:s,allowSpaceInQuery:!0,classNames:g,placeholder:C,suggestionsPortalHost:l,inputRef:c,style:H,onKeyDown:x,onKeyUp:R,autoFocus:F,onFocus:A,onBlur:D,disabled:K,allowSuggestionsAboveCursor:U,children:d(a,h({markup:f,renderSuggestion:function(e){return function(e,o){return b("div",{className:g.mention__suggestion,children:[d(p,{alt:e.display,displayName:e.display,className:o.avatar,imgSrc:e.photo}),b("div",{className:g.mention__suggestion__info,children:[d("span",{"data-testid":"".concat("userMention","_name_").concat(e.display),className:g.mention__suggestion__info__name,children:e.display}),e.title&&d("span",{className:g.mention__suggestion__info__group,children:e.title})]})]})}(e,y)},trigger:"@",data:q,displayTransform:function(e,o){return"@".concat(o)},style:P?v:j,appendSpaceOnAdd:!0},k))})};P.propTypes={onChange:t.func,singleLine:t.bool,suggestionsPortalHost:t.shape({current:t.instanceOf(Element)}),value:t.string,inputRef:t.shape({}),classes:t.shape({avatar:t.string.isRequired}).isRequired,withLightTheme:t.bool,placeholder:t.string,style:t.shape({}),mentionProps:t.shape({}),onMount:t.func,onKeyDown:t.func,onKeyUp:t.func,onFocus:t.func,onBlur:t.func,autoFocus:t.bool,disabled:t.bool,currentUser:t.shape({company_id:t.number.isRequired}).isRequired,companyId:t.number,isCompanySelectVisible:t.bool.isRequired,allowSuggestionsAboveCursor:t.bool},P.defaultProps={onChange:function(){},singleLine:!1,suggestionsPortalHost:null,value:"",inputRef:null,withLightTheme:!1,placeholder:"Mention people using '@'",style:{suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},mentionProps:{},onMount:function(){},onKeyDown:function(){},onKeyUp:function(){},onFocus:function(){},onBlur:function(){},autoFocus:!0,disabled:!1,allowSuggestionsAboveCursor:!1,companyId:null};var C=c({isCompanySelectVisible:u.companySelectorView})(s({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(P));export{C as default};
+import{useEffect as o,useCallback as e}from"react";import{debounce as s}from"lodash";import n from"prop-types";import{withStyles as i}from"@material-ui/core/styles";import{MentionsInput as t,Mention as r}from"react-mentions";import a from"@material-ui/core/colors/blue";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as l}from"../../permissions/constants/index.js";import{withPermissionsHOC as u}from"../../permissions/withPermissionsHOC.js";import"query-string";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../permissions/ProvidePermissions.js";import p from"../Avatar/index.js";import{handleFetchUsers as m}from"./utils/index.js";import{USER_MARKUP as c}from"./constants.js";import d from"./style.css.js";import{jsx as g,jsxs as f}from"react/jsx-runtime";const h={backgroundColor:a[100]},y={color:"#00bcd4"},b={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},_={...b,input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}},C={...b,input:{color:"#000"}},v=n=>{let{onChange:i,singleLine:a,suggestionsPortalHost:l,value:u,inputRef:b,classes:v,style:w,withLightTheme:j,placeholder:P,onMount:S,onKeyDown:R,onKeyUp:x,onFocus:F,onBlur:K,autoFocus:L,disabled:N,companyId:q,currentUser:A,isCompanySelectVisible:U,mentionProps:k,allowSuggestionsAboveCursor:H}=n;o(S,[]);const I=e(s(((o,e)=>{const s=U&&A&&A.company_id!==q?[A.company_id,q]:null;m(o,e,s)}),400),[q]),M=Object.assign(j?C:_,w);return g(t,{value:u,onChange:(o,e)=>{i(e)},singleLine:a,allowSpaceInQuery:!0,classNames:d,placeholder:P,suggestionsPortalHost:l,inputRef:b,style:M,onKeyDown:R,onKeyUp:x,autoFocus:L,onFocus:F,onBlur:K,disabled:N,allowSuggestionsAboveCursor:H,children:g(r,{markup:c,renderSuggestion:o=>((o,e)=>f("div",{className:d.mention__suggestion,children:[g(p,{alt:o.display,displayName:o.display,className:e.avatar,imgSrc:o.photo}),f("div",{className:d.mention__suggestion__info,children:[g("span",{"data-testid":`userMention_name_${o.display}`,className:d.mention__suggestion__info__name,children:o.display}),o.title&&g("span",{className:d.mention__suggestion__info__group,children:o.title})]})]}))(o,v),trigger:"@",data:I,displayTransform:(o,e)=>`@${e}`,style:j?h:y,appendSpaceOnAdd:!0,...k})})};v.propTypes={onChange:n.func,singleLine:n.bool,suggestionsPortalHost:n.shape({current:n.instanceOf(Element)}),value:n.string,inputRef:n.shape({}),classes:n.shape({avatar:n.string.isRequired}).isRequired,withLightTheme:n.bool,placeholder:n.string,style:n.shape({}),mentionProps:n.shape({}),onMount:n.func,onKeyDown:n.func,onKeyUp:n.func,onFocus:n.func,onBlur:n.func,autoFocus:n.bool,disabled:n.bool,currentUser:n.shape({company_id:n.number.isRequired}).isRequired,companyId:n.number,isCompanySelectVisible:n.bool.isRequired,allowSuggestionsAboveCursor:n.bool},v.defaultProps={onChange:()=>{},singleLine:!1,suggestionsPortalHost:null,value:"",inputRef:null,withLightTheme:!1,placeholder:"Mention people using '@'",style:{suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},mentionProps:{},onMount:()=>{},onKeyDown:()=>{},onKeyUp:()=>{},onFocus:()=>{},onBlur:()=>{},autoFocus:!0,disabled:!1,allowSuggestionsAboveCursor:!1,companyId:null};var w=u({isCompanySelectVisible:l.companySelectorView})(i({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(v));export{w as default};

package/components/UserMention/utils/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import{getUserAutocomplete as t}from"../../../clients/jsonApi/index.js";import n from"../../UserCardPopover.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as o}from"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsx as i}from"react/jsx-runtime";import{PLACEHOLDERS as a,USER_MARKUP as s}from"../constants.js";import c from"../style.css.js";var u,p=function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},l=function(e){var r=p(e),t=e[e.indexOf(a.display)+a.display.length],n=e[e.indexOf(a.display)+a.display.length];return new RegExp(r.replace(a.display,"([^".concat(p(t||""),"]+?)")).replace(a.id,"([^".concat(p(n||""),"]+?)")),"g")},m=function(e,r,t){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"#039be5",c=arguments.length>4?arguments[4]:void 0;if(!e)return e;var u=l(s),p=e.split(u),m=3,f=p.reduce((function(e,s,u){var l=e;if(u%m-1==0){var f="@".concat(p[u+1]),d=r&&r.length&&r.find((function(e){return e.id===Number(s)})),h=d&&!t?i(n,{user:d,wrapperStyle:{display:"inline-block",color:a},currentUser:c,children:f},"userCard-".concat(u)):i(o,{href:"/config/users/".concat(s),children:f},"userLink-".concat(u));l.push(h)}return u%m==0&&l.push(s),l}),[]);return f},f=function(e){return e.data.map((function(e){return{id:e.id,display:"".concat(e.first_name," ").concat(e.last_name),photo:e.profile_photo,title:e.title}}))},d=(u=e(r.mark((function e(n,o,i){var a,s;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n){e.next=2;break}return e.abrupt("return",o([]));case 2:return e.prev=2,e.next=5,t(null,n,i);case 5:a=e.sent,e.next=11;break;case 8:e.prev=8,e.t0=e.catch(2),console.error(e.t0);case 11:if(a&&0!==a.data.length){e.next=13;break}return e.abrupt("return",o([]));case 13:return s=f(a),e.abrupt("return",o(s));case 15:case"end":return e.stop()}}),e,null,[[2,8]])}))),function(e,r,t){return u.apply(this,arguments)}),h=function(){return document.getElementsByClassName(c.mention__suggestions__list).length>0};export{m as formatMentionText,d as handleFetchUsers,h as isSuggestionsListOpened};
+import{getUserAutocomplete as e}from"../../../clients/jsonApi/index.js";import t from"../../UserCardPopover.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as r}from"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"react-router";import{jsx as n}from"react/jsx-runtime";import{PLACEHOLDERS as i,USER_MARKUP as o}from"../constants.js";import s from"../style.css.js";const l=e=>e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),a=e=>{const t=l(e),r=e[e.indexOf(i.display)+i.display.length],n=e[e.indexOf(i.display)+i.display.length];return new RegExp(t.replace(i.display,`([^${l(r||"")}]+?)`).replace(i.id,`([^${l(n||"")}]+?)`),"g")},p=function(e,i,s){let l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"#039be5",p=arguments.length>4?arguments[4]:void 0;if(!e)return e;const c=a(o),d=e.split(c),u=3,m=d.reduce(((e,o,a)=>{const c=e;if(a%u-1==0){const e=`@${d[a+1]}`,u=i&&i.length&&i.find((e=>e.id===Number(o))),m=u&&!s?n(t,{user:u,wrapperStyle:{display:"inline-block",color:l},currentUser:p,children:e},`userCard-${a}`):n(r,{href:`/config/users/${o}`,children:e},`userLink-${a}`);c.push(m)}return a%u==0&&c.push(o),c}),[]);return m},c=async(t,r,n)=>{if(!t)return r([]);let i;try{i=await e(null,t,n)}catch(e){console.error(e)}if(!i||0===i.data.length)return r([]);const o=(e=>e.data.map((e=>({id:e.id,display:`${e.first_name} ${e.last_name}`,photo:e.profile_photo,title:e.title}))))(i);return r(o)},d=()=>document.getElementsByClassName(s.mention__suggestions__list).length>0;export{p as formatMentionText,c as handleFetchUsers,d as isSuggestionsListOpened};

package/components/VirtualizedTable/CustomizeColumnsDialog.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as t}from"react";import n from"prop-types";import{Dialog as i,DialogTitle as c,DialogContent as l,DialogActions as a,Button as s}from"@material-ui/core";import p from"./DraggableList.js";import{jsxs as u,jsx as f}from"react/jsx-runtime";function m(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 d(r){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?m(Object(t),!0).forEach((function(o){e(r,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}function h(e){var n=e.open,m=e.columns,h=e.handleCloseWithOK,b=e.handleCloseWithCancel,y=o(m),O=r(y,2),j=O[0],C=O[1];t((function(){C(m)}),[m]);return u(i,{disableBackdropClick:!0,disableEscapeKeyDown:!0,fullWidth:!0,maxWidth:"xs",open:n,children:[f(c,{children:"Customize Columns"}),f(l,{children:f(p,{items:j,onSort:function(e){C(e)},onClick:function(e){var r=j.map((function(r){return r.key===e.key?d(d({},r),{},{show:!!r.disabled||!r.show}):r}));C(r)}})}),u(a,{children:[f(s,{autoFocus:!0,onClick:function(){C(m),b()},color:"primary",children:"Cancel"}),f(s,{onClick:function(){h(j)},color:"primary",variant:"contained",children:"Ok"})]})]})}h.propTypes={open:n.bool.isRequired,handleCloseWithOK:n.func.isRequired,handleCloseWithCancel:n.func.isRequired,columns:n.array.isRequired};export{h as default};
+import{useState as e,useEffect as o}from"react";import i from"prop-types";import{Dialog as r,DialogTitle as l,DialogContent as n,DialogActions as a,Button as t}from"@material-ui/core";import c from"./DraggableList.js";import{jsxs as s,jsx as d}from"react/jsx-runtime";function m(i){let{open:m,columns:p,handleCloseWithOK:h,handleCloseWithCancel:u}=i;const[C,f]=e(p);o((()=>{f(p)}),[p]);return s(r,{disableBackdropClick:!0,disableEscapeKeyDown:!0,fullWidth:!0,maxWidth:"xs",open:m,children:[d(l,{children:"Customize Columns"}),d(n,{children:d(c,{items:C,onSort:e=>{f(e)},onClick:e=>{const o=C.map((o=>o.key===e.key?{...o,show:!!o.disabled||!o.show}:o));f(o)}})}),s(a,{children:[d(t,{autoFocus:!0,onClick:()=>{f(p),u()},color:"primary",children:"Cancel"}),d(t,{onClick:()=>{h(C)},color:"primary",variant:"contained",children:"Ok"})]})]})}m.propTypes={open:i.bool.isRequired,handleCloseWithOK:i.func.isRequired,handleCloseWithCancel:i.func.isRequired,columns:i.array.isRequired};export{m as default};

package/components/VirtualizedTable/DraggableList.js

@@ -1 +1 @@
-import e from"prop-types";import{SortableHandle as r,SortableElement as i,SortableContainer as a,arrayMove as t}from"react-sortable-hoc";import{makeStyles as o,Checkbox as n,Typography as l}from"@material-ui/core";import d from"@material-ui/icons/DragIndicator";import{jsx as s,jsxs as c}from"react/jsx-runtime";var m=o({draggableList:{borderNottom:"1px solid #e0e0e0",listStyle:"none",padding:"0"},draggableListItem:{cursor:"pointer",borderTop:"1px solid #e0e0e0",lineHeight:"1rem",zIndex:1500,display:"flex",alignItems:"center","&:hover $draggableListItemDraghandle":{opacity:1}},draggableListItemCheckBox:{padding:"8px"},draggableListItemDraghandle:{color:"#777",opacity:0}}),g=r((function(){return s(d,{className:"c-draggable-list__item_draghandle",fontSize:"small"})})),u=i((function(e){var r=e.item,i=e.onClick,a=m();return c("li",{className:a.draggableListItem,children:[s(g,{}),s(n,{className:a.draggableListItemCheckBox,color:"primary",checked:r.show,onClick:function(){return i(r)}}),s(l,{variant:"body2",children:r.customLabel||r.label||r})]})})),p=a((function(e){var r=e.items,i=e.onClick,a=m();return s("ul",{className:a.draggableList,children:r.map((function(e,r){return s(u,{index:r,item:e,onClick:i,disabled:e.disabled},e.label)}))})}));function b(e){var r=e.items,i=e.onSort,a=e.onClick;return s(p,{useDragHandle:!0,items:r,onSortEnd:function(e){var a=e.oldIndex,o=e.newIndex,n=t(r,a,o);i(n)},onClick:a})}b.propTypes={items:e.arrayOf(e.shape({})).isRequired,onSort:e.func.isRequired,onClick:e.func.isRequired};export{b as default};
+import e from"prop-types";import{SortableHandle as r,SortableElement as t,SortableContainer as a,arrayMove as i}from"react-sortable-hoc";import{makeStyles as o,Checkbox as l,Typography as n}from"@material-ui/core";import s from"@material-ui/icons/DragIndicator";import{jsx as d,jsxs as c}from"react/jsx-runtime";const m=o({draggableList:{borderNottom:"1px solid #e0e0e0",listStyle:"none",padding:"0"},draggableListItem:{cursor:"pointer",borderTop:"1px solid #e0e0e0",lineHeight:"1rem",zIndex:1500,display:"flex",alignItems:"center","&:hover $draggableListItemDraghandle":{opacity:1}},draggableListItemCheckBox:{padding:"8px"},draggableListItemDraghandle:{color:"#777",opacity:0}}),g=r((()=>d(s,{className:"c-draggable-list__item_draghandle",fontSize:"small"}))),p=t((e=>{let{item:r,onClick:t}=e;const a=m();return c("li",{className:a.draggableListItem,children:[d(g,{}),d(l,{className:a.draggableListItemCheckBox,color:"primary",checked:r.show,onClick:()=>t(r)}),d(n,{variant:"body2",children:r.customLabel||r.label||r})]})})),b=a((e=>{let{items:r,onClick:t}=e;const a=m();return d("ul",{className:a.draggableList,children:r.map(((e,r)=>d(p,{index:r,item:e,onClick:t,disabled:e.disabled},e.label)))})}));function u(e){let{items:r,onSort:t,onClick:a}=e;return d(b,{useDragHandle:!0,items:r,onSortEnd:e=>{let{oldIndex:a,newIndex:o}=e;const l=i(r,a,o);t(l)},onClick:a})}u.propTypes={items:e.arrayOf(e.shape({})).isRequired,onSort:e.func.isRequired,onClick:e.func.isRequired};export{u as default};

package/components/VirtualizedTable/VirtualizedTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA4FnC,aAAK,8BAA8B,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC;AAEtG,eAAO,MAAM,yBAAyB;sQAmBnC,8BAA8B,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+K9C,CAAA;AAED,QAAA,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCvC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaF,wBAAgE"}
+{"version":3,"file":"VirtualizedTable.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedTable/VirtualizedTable.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA4FnC,aAAK,8BAA8B,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC;AAEtG,eAAO,MAAM,yBAAyB;sQAmBnC,8BAA8B,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6K9C,CAAA;AAED,QAAA,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCvC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaF,wBAAgE"}

package/components/VirtualizedTable/VirtualizedTable.js

@@ -1 +1 @@
-import{__assign as e,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r,Fragment as n,jsxs as i}from"react/jsx-runtime";import{useMemo as o,useEffect as a}from"react";import l from"prop-types";import s from"classnames";import{Table as u,Column as c,SortDirection as d}from"react-virtualized";import{withStyles as m,IconButton as h,Typography as f,Tooltip as g}from"@material-ui/core";import{Settings as p,Sort as b,ArrowUpward as y,ArrowDownward as w}from"@material-ui/icons";import{getUnitDisplay as S}from"../../utils/convert.js";function R(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(S(n),")"):""}function x(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function v(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var C=function(l){var m=l.columns,S=l.data,C=l.useColumnSetting,_=l.useFixedColumnWidth,z=l.onOpenSettingDlg,k=l.classes,T=l.width,q=l.height,I=l.headerHeight,N=l.rowHeight,L=l.showTopSettingIcon,D=l.customMuiStyles,H=l.isTopSettingIconShownAlways,B=l.CustomCellRenderer,W=l.customRowStyle,O=l.sort,j=l.sortBy,A=l.sortDirection,F=e(e({},k),D),K=o((function(){return{label:"",key:"setting",width:C?25:0}}),[C]),V=o((function(){return m.filter((function(e){return e.show}))}),[m]),M=o((function(){return C?t(t([],V,!0),[K],!1):V}),[V,C,K]),E=o((function(){var e;if(T<=0)return{};var t=((e={})[K.key]=K.width,e),r=[];return V.filter((function(e){return Number.isFinite(e.width)})).forEach((function(e){t[e.key]=e.width-1,r.push(e.width-1)})),V.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(e){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((T-n-K.width)/(V.length-r.length)),o=e.minWidth||65,a=i<o?o:i;t[e.key]=a-1,r.push(a-1)})),t}),[T,V,K]),G=o((function(){return Object.values(E).reduce((function(e,t){return e+t}),0)}),[E]),U=H||G-12.5>=T;a((function(){L(U)}),[U]);var P=function(t){var n=t.label,o=t.dataKey,a=j||A||O;return o===K.key?U?null:r(h,e({size:"small","aria-label":"customize columns",className:F.settingIcon,onClick:z},{children:r(p,{fontSize:"inherit"})})):i(f,e({variant:"body2",className:s(F.headerLabel,x(m,o))},{children:[n," ",r("span",e({className:s(F.unitLabel,v(m,o))},{children:R(m,o)})),a&&o!==j&&r(g,e({title:"Sort A-Z"},{children:r(b,{fontSize:"small",className:k.sortIcon})})),a&&o===j&&(A===d.ASC?r(y,{fontSize:"small",className:k.sortIcon}):r(w,{fontSize:"small",className:k.sortIcon}))]}))},Z=function(t){var n=t.dataKey,i=t.rowData;return B?r(B,{columnKey:n,value:i[n]}):r(f,e({variant:"body2",className:F.cellData},{children:i[n]}))};return r(n,{children:r(u,e({width:_?G:T,height:q,headerHeight:I,rowClassName:function(e){var t,r=e.index;return s(((t={})[F.oddRow]=r%2==1,t))},rowHeight:N,rowCount:S.length,rowGetter:function(e){var t=e.index;return S[t]},rowStyle:W||{},className:F.table,sort:O,sortBy:j,sortDirection:A},{children:M.map((function(e){return r(c,{width:E[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:P,cellRenderer:Z},e.key)}))}))})},_={columns:l.arrayOf(l.shape({show:l.bool,minWidth:l.number,width:l.number,key:l.string,label:l.string})).isRequired,data:l.arrayOf(l.shape({})).isRequired,useColumnSetting:l.bool.isRequired,useFixedColumnWidth:l.bool.isRequired,headerHeight:l.number.isRequired,rowHeight:l.number.isRequired,width:l.number.isRequired,height:l.number.isRequired,onOpenSettingDlg:l.func.isRequired,showTopSettingIcon:l.func.isRequired,sort:l.func,sortBy:l.string,sortDirection:l.string,classes:l.shape({sortIcon:l.string}).isRequired,customMuiStyles:l.shape({table:l.string,oddRow:l.string,headerLabel:l.string,cellData:l.string,unitLabel:l.string,settingIcon:l.string}).isRequired,isTopSettingIconShownAlways:l.bool.isRequired,CustomCellRenderer:l.func,customRowStyle:l.func};C.propTypes=_,C.defaultProps={CustomCellRenderer:null,customRowStyle:null,sort:null,sortBy:null,sortDirection:null};var z=m((function(e){return{table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}))(C);export{C as VirtualizedTableComponent,z as default};
+import{__assign as e,__spreadArray as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r,jsxs as n}from"react/jsx-runtime";import{useMemo as i,useEffect as o}from"react";import a from"prop-types";import l from"classnames";import{Table as s,Column as u,SortDirection as c}from"react-virtualized";import{withStyles as d,IconButton as m,Typography as h,Tooltip as f}from"@material-ui/core";import{Settings as g,Sort as p,ArrowUpward as b,ArrowDownward as y}from"@material-ui/icons";import{getUnitDisplay as w}from"../../utils/convert.js";function S(e,t){var r=e.find((function(e){return e.key===t}))||{},n=r.unitType,i=r.customUnit;return i?"(".concat(i,")"):n?"(".concat(w(n),")"):""}function R(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelClassName||""}function x(e,t){return(e.find((function(e){return e.key===t}))||{}).headerLabelUnitClassName||""}var v=function(a){var d=a.columns,w=a.data,v=a.useColumnSetting,C=a.useFixedColumnWidth,_=a.onOpenSettingDlg,z=a.classes,k=a.width,T=a.height,q=a.headerHeight,I=a.rowHeight,N=a.showTopSettingIcon,L=a.customMuiStyles,D=a.isTopSettingIconShownAlways,H=a.CustomCellRenderer,B=a.customRowStyle,W=a.sort,O=a.sortBy,j=a.sortDirection,A=e(e({},z),L),F=i((function(){return{label:"",key:"setting",width:v?25:0}}),[v]),K=i((function(){return d.filter((function(e){return e.show}))}),[d]),V=i((function(){return v?t(t([],K,!0),[F],!1):K}),[K,v,F]),M=i((function(){var e;if(k<=0)return{};var t=((e={})[F.key]=F.width,e),r=[];return K.filter((function(e){return Number.isFinite(e.width)})).forEach((function(e){t[e.key]=e.width-1,r.push(e.width-1)})),K.filter((function(e){return!Number.isFinite(e.width)})).forEach((function(e){var n=r.reduce((function(e,t){return e+t}),0),i=Math.floor((k-n-F.width)/(K.length-r.length)),o=e.minWidth||65,a=i<o?o:i;t[e.key]=a-1,r.push(a-1)})),t}),[k,K,F]),E=i((function(){return Object.values(M).reduce((function(e,t){return e+t}),0)}),[M]),G=D||E-12.5>=k;o((function(){N(G)}),[G]);var U=function(t){var i=t.label,o=t.dataKey,a=O||j||W;return o===F.key?G?null:r(m,e({size:"small","aria-label":"customize columns",className:A.settingIcon,onClick:_},{children:r(g,{fontSize:"inherit"})})):n(h,e({variant:"body2",className:l(A.headerLabel,R(d,o))},{children:[i," ",r("span",e({className:l(A.unitLabel,x(d,o))},{children:S(d,o)})),a&&o!==O&&r(f,e({title:"Sort A-Z"},{children:r(p,{fontSize:"small",className:z.sortIcon})})),a&&o===O&&(j===c.ASC?r(b,{fontSize:"small",className:z.sortIcon}):r(y,{fontSize:"small",className:z.sortIcon}))]}))},P=function(t){var n=t.dataKey,i=t.rowData;return H?r(H,{columnKey:n,value:i[n]}):r(h,e({variant:"body2",className:A.cellData},{children:i[n]}))};return r(s,e({width:C?E:k,height:T,headerHeight:q,rowClassName:function(e){var t,r=e.index;return l(((t={})[A.oddRow]=r%2==1,t))},rowHeight:I,rowCount:w.length,rowGetter:function(e){var t=e.index;return w[t]},rowStyle:B||{},className:A.table,sort:W,sortBy:O,sortDirection:j},{children:V.map((function(e){return r(u,{width:M[e.key]||0,dataKey:e.key,label:e.label,headerRenderer:U,cellRenderer:P},e.key)}))}))},C={columns:a.arrayOf(a.shape({show:a.bool,minWidth:a.number,width:a.number,key:a.string,label:a.string})).isRequired,data:a.arrayOf(a.shape({})).isRequired,useColumnSetting:a.bool.isRequired,useFixedColumnWidth:a.bool.isRequired,headerHeight:a.number.isRequired,rowHeight:a.number.isRequired,width:a.number.isRequired,height:a.number.isRequired,onOpenSettingDlg:a.func.isRequired,showTopSettingIcon:a.func.isRequired,sort:a.func,sortBy:a.string,sortDirection:a.string,classes:a.shape({sortIcon:a.string}).isRequired,customMuiStyles:a.shape({table:a.string,oddRow:a.string,headerLabel:a.string,cellData:a.string,unitLabel:a.string,settingIcon:a.string}).isRequired,isTopSettingIconShownAlways:a.bool.isRequired,CustomCellRenderer:a.func,customRowStyle:a.func};v.propTypes=C,v.defaultProps={CustomCellRenderer:null,customRowStyle:null,sort:null,sortBy:null,sortDirection:null};var _=d((function(e){return{table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},oddRow:{backgroundColor:e.isLightTheme?"rgba(189, 189, 189, 0.1)":"#303030"},headerLabel:{lineHeight:"14px",fontSize:"12px",fontStyle:"normal",letterSpacing:"-0.25px",display:"flex",alignItems:"center",flexWrap:"wrap"},cellData:{lineHeight:"14px",fontSize:"12px",fontWeight:"normal",fontStyle:"normal",letterSpacing:"0.15px"},unitLabel:{fontSize:"10px",opacity:.5},settingIcon:{padding:"3px",fontSize:"20px"},sortIcon:{fontSize:"16px"}}}))(v);export{v as VirtualizedTableComponent,_ as default};

package/components/VirtualizedTable/index.js

@@ -1 +1 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useState as n,useMemo as r}from"react";import i from"prop-types";import{AutoSizer as u}from"react-virtualized";import{makeStyles as s,IconButton as l}from"@material-ui/core";import c from"@material-ui/icons/Settings";import a from"./CustomizeColumnsDialog.js";import m from"./VirtualizedTable.js";import{jsxs as p,Fragment as f,jsx as h}from"react/jsx-runtime";var g=["columns","useColumnSetting","savedColumns","onChangeColumns","customMuiStyles"];function d(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function y(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?d(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var C=s({vtTopSetting:{position:"relative",height:"25px"},vtTopSettingIcon:{position:"fixed",right:"20px",padding:"3px",fontSize:"20px"}});function b(e){var i=e.columns,s=e.useColumnSetting,d=e.savedColumns,b=e.onChangeColumns,S=e.customMuiStyles,O=o(e,g),v=C(),w=n(!1),j=t(w,2),P=j[0],T=j[1],x=n(!1),D=t(x,2),k=D[0],z=D[1],I=r((function(){var e=[];return d.forEach((function(t){var o=i.find((function(e){return e.key===t.key}));o&&e.push(y(y({},o),{},{show:t.show}))})),i.forEach((function(t){e.find((function(e){return e.key===t.key}))||e.push(t)})),e}),[i,d]),M=s&&k?25:0;return p(f,{children:[s&&k&&h("div",{className:v.vtTopSetting,children:h(l,{size:"small",className:v.vtTopSettingIcon,onClick:function(){return T(!0)},children:h(c,{fontSize:"inherit"})})}),h(u,{children:function(e){var t=e.width,o=e.height;return h(m,y({width:t,height:o-M,columns:I,useColumnSetting:s,onOpenSettingDlg:function(){return T(!0)},showTopSettingIcon:function(e){return z(e)},customMuiStyles:S},O))}}),h(a,{open:P,columns:I,handleCloseWithCancel:function(){return T(!1)},handleCloseWithOK:function(e){b&&b(e),T(!1)}})]})}b.propTypes={columns:i.arrayOf(i.shape({})),data:i.arrayOf(i.shape({})),useColumnSetting:i.bool,useFixedColumnWidth:i.bool,headerHeight:i.number,rowHeight:i.number,savedColumns:i.arrayOf(i.shape({})),onChangeColumns:i.func,customMuiStyles:i.shape({}),isTopSettingIconShownAlways:i.bool,CustomCellRenderer:i.func,customRowStyle:i.func,sort:i.func,sortBy:i.string,sortDirection:i.string},b.defaultProps={columns:[],data:[],useColumnSetting:!1,useFixedColumnWidth:!1,headerHeight:50,rowHeight:35,savedColumns:[],onChangeColumns:null,customMuiStyles:{},isTopSettingIconShownAlways:!1,CustomCellRenderer:null,customRowStyle:null,sort:null,sortBy:null,sortDirection:null};export{b as default};
+import{useState as t,useMemo as o}from"react";import e from"prop-types";import{AutoSizer as n}from"react-virtualized";import{makeStyles as i,IconButton as s}from"@material-ui/core";import l from"@material-ui/icons/Settings";import r from"./CustomizeColumnsDialog.js";import u from"./VirtualizedTable.js";import{jsxs as m,Fragment as a,jsx as c}from"react/jsx-runtime";const h=i({vtTopSetting:{position:"relative",height:"25px"},vtTopSettingIcon:{position:"fixed",right:"20px",padding:"3px",fontSize:"20px"}});function p(e){let{columns:i,useColumnSetting:p,savedColumns:d,onChangeColumns:g,customMuiStyles:f,...C}=e;const S=h(),[y,w]=t(!1),[v,x]=t(!1),T=o((()=>{const t=[];return d.forEach((o=>{const e=i.find((t=>t.key===o.key));e&&t.push({...e,show:o.show})})),i.forEach((o=>{t.find((t=>t.key===o.key))||t.push(o)})),t}),[i,d]),b=p&&v?25:0;return m(a,{children:[p&&v&&c("div",{className:S.vtTopSetting,children:c(s,{size:"small",className:S.vtTopSettingIcon,onClick:()=>w(!0),children:c(l,{fontSize:"inherit"})})}),c(n,{children:t=>{let{width:o,height:e}=t;return c(u,{width:o,height:e-b,columns:T,useColumnSetting:p,onOpenSettingDlg:()=>w(!0),showTopSettingIcon:t=>x(t),customMuiStyles:f,...C})}}),c(r,{open:y,columns:T,handleCloseWithCancel:()=>w(!1),handleCloseWithOK:t=>{g&&g(t),w(!1)}})]})}p.propTypes={columns:e.arrayOf(e.shape({})),data:e.arrayOf(e.shape({})),useColumnSetting:e.bool,useFixedColumnWidth:e.bool,headerHeight:e.number,rowHeight:e.number,savedColumns:e.arrayOf(e.shape({})),onChangeColumns:e.func,customMuiStyles:e.shape({}),isTopSettingIconShownAlways:e.bool,CustomCellRenderer:e.func,customRowStyle:e.func,sort:e.func,sortBy:e.string,sortDirection:e.string},p.defaultProps={columns:[],data:[],useColumnSetting:!1,useFixedColumnWidth:!1,headerHeight:50,rowHeight:35,savedColumns:[],onChangeColumns:null,customMuiStyles:{},isTopSettingIconShownAlways:!1,CustomCellRenderer:null,customRowStyle:null,sort:null,sortBy:null,sortDirection:null};export{p as default};

package/components/WellSummary/ActivitySummaryChart.js

@@ -1 +1 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import i from"prop-types";import{useRef as n,useState as r,useMemo as o,useEffect as a,createRef as c}from"react";import l from"classnames";import{makeStyles as s,Typography as d,Tooltip as p}from"@material-ui/core";import{sumBy as u,upperFirst as h}from"lodash";import{Regular14 as m}from"../Typography.js";import{drawRadicalGradient as g,drawDonutSlice as f}from"./utils.js";import{jsxs as x,jsx as v,Fragment as b}from"react/jsx-runtime";var y=s((function(t){return{root:{width:"228px",height:"228px",borderRadius:"50%",padding:"6px",position:"relative",background:"url(".concat("/static/media/9bda514bfc837939d0b6f7d8dbe94d03.svg",")"),backgroundRepeat:"no-repeat"},backgroundRoot:{width:"100%",height:"100%",borderRadius:"50%",border:"2px solid #616161",padding:"2px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:"url(".concat("/static/media/49092309a3fda5ecf77311bd794ac103.svg",")")},emptyStateBackground:{background:"radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)"},dropShadowRoot:{width:"100%",height:"100%",borderRadius:"50%",filter:"blur(36px)",border:"2px solid #64B5F6",display:"flex",alignItems:"center",justifyContent:"center"},content:function(t){return{position:"absolute",width:"100%",height:"100%",display:"flex",alignItems:"center",flexDirection:"column",left:0,top:t.activitiesLength?40:57}},lastActivityRoot:{width:"90px",height:"90px",background:"#3B3B3B",boxShadow:"0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.05)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"8px 0"},activityDuration:{marginTop:"9px",color:t.palette.primary.text1,fontSize:"36px",lineHeight:"24px",fontWeight:300,letterSpacing:"0.4px"},durationUnit:{fontSize:"12px",lineHeight:"24px",fontWeight:500,letterSpacing:"0.4px"},activityTimeRange:{fontSize:"10px",textTransform:"uppercase",color:"#9E9E9E",lineHeight:"24px",fontWeight:500,letterSpacing:"1px"},activityName:{width:"106px",textAlign:"center",fontSize:"12px",lineHeight:"14px",fontWeight:500,letterSpacing:"0.4px",color:t.palette.primary.text1},noOperationsRoot:{width:90,height:90},noOperationsText:{marginTop:24,color:"#9E9E9E"},chart:{position:"absolute",left:2,top:2,width:"100%",height:"100%",padding:"12px"},canvas:{width:"100%",height:"100%"},activities:{position:"absolute",left:12,top:12}}}));function w(i){var s=i.title,w=i.currentActivityName,N=i.activities,R=i.showTooltip,S=y({activitiesLength:N.length}),T=n(null),k=n([]),E=r(null),A=e(E,2),j=A[0],B=A[1],C=o((function(){return N.filter((function(t){return t.duration}))}),[N]),I=o((function(){return u(N,"duration")}),[N]),O=o((function(){return null===j?N.find((function(t){return t.name===w})):C[j]}),[N,w,C,j]),P=function(t){var e=!1;k.current.forEach((function(i,n){var r=i.current;if(r&&!e){var o=r.getContext("2d");(e=o.isPointInPath(t.offsetX,t.offsetY))&&B(n)}})),e||B(null)},z=function(){B(null)};return a((function(){var t=T.current,e=t.getContext("2d");t.width=200,t.height=200,t.style.width="".concat(200,"px"),t.style.height="".concat(200,"px");var i=C.length;k.current.length!==i&&(k.current=Array(i).fill().map((function(t,e){return k.current[e]||c()})));var n=0;C.forEach((function(t,i){var r=n,o=r+t.duration/I*Math.PI*2;(null===j&&t.name===w||i===j)&&g(e,100,100,100,r,o);var a=k.current[i].current;if(a){a.width=200,a.height=200,a.style.width="".concat(200,"px"),a.style.height="".concat(200,"px"),R&&(a.onmousemove=P,a.onmouseleave=z);var c=a.getContext("2d");f(c,100,100,100,r,o,t.color||"#000000",!0)}else f(e,100,100,100,r,o,t.color||"#000000",!0);n=o}))})),x("div",{className:S.root,children:[v("div",{className:l(S.backgroundRoot,t({},S.emptyStateBackground,!N.length)),children:v("div",{className:S.dropShadowRoot})}),x("div",{className:S.content,children:[v(d,{className:S.activityTimeRange,children:s}),N.length?x(b,{children:[v("div",{className:S.lastActivityRoot,children:O&&O.duration?x(d,{className:S.activityDuration,children:[(O.duration/3600).toFixed(1),v("span",{className:S.durationUnit,children:" h"})]}):null}),v(d,{className:S.activityName,children:h((null==O?void 0:O.name)||"")})]}):v("div",{className:S.noOperationsRoot,children:v(m,{className:S.noOperationsText,children:"No operations"})})]}),v(p,{title:null!==j?"".concat(C[j].name,": ").concat((C[j].duration/3600).toFixed(3),"h"):"",placement:"bottom",children:x("div",{className:S.chart,children:[v("canvas",{ref:T,className:S.canvas}),C.map((function(t,e){return v("canvas",{ref:k.current[e],className:S.activities})}))]})})]})}w.propTypes={title:i.string,activities:i.arrayOf(i.shape({name:i.string,day:i.number,night:i.number})).isRequired,currentActivityName:i.string.isRequired,showTooltip:i.bool},w.defaultProps={title:"Last 24hrs",showTooltip:!1};export{w as default};
+import t from"prop-types";import{useRef as e,useState as i,useMemo as o,useEffect as r,createRef as n}from"react";import a from"classnames";import{makeStyles as l,Typography as s,Tooltip as c}from"@material-ui/core";import{sumBy as d,upperFirst as p}from"lodash";import{Regular14 as h}from"../Typography.js";import{drawRadicalGradient as u,drawDonutSlice as g}from"./utils.js";import{jsxs as m,jsx as x,Fragment as f}from"react/jsx-runtime";const v=l((t=>({root:{width:"228px",height:"228px",borderRadius:"50%",padding:"6px",position:"relative",background:"url(/static/media/9bda514bfc837939d0b6f7d8dbe94d03.svg)",backgroundRepeat:"no-repeat"},backgroundRoot:{width:"100%",height:"100%",borderRadius:"50%",border:"2px solid #616161",padding:"2px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:"url(/static/media/49092309a3fda5ecf77311bd794ac103.svg)"},emptyStateBackground:{background:"radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)"},dropShadowRoot:{width:"100%",height:"100%",borderRadius:"50%",filter:"blur(36px)",border:"2px solid #64B5F6",display:"flex",alignItems:"center",justifyContent:"center"},content:t=>{let{activitiesLength:e}=t;return{position:"absolute",width:"100%",height:"100%",display:"flex",alignItems:"center",flexDirection:"column",left:0,top:e?40:57}},lastActivityRoot:{width:"90px",height:"90px",background:"#3B3B3B",boxShadow:"0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.05)",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",margin:"8px 0"},activityDuration:{marginTop:"9px",color:t.palette.primary.text1,fontSize:"36px",lineHeight:"24px",fontWeight:300,letterSpacing:"0.4px"},durationUnit:{fontSize:"12px",lineHeight:"24px",fontWeight:500,letterSpacing:"0.4px"},activityTimeRange:{fontSize:"10px",textTransform:"uppercase",color:"#9E9E9E",lineHeight:"24px",fontWeight:500,letterSpacing:"1px"},activityName:{width:"106px",textAlign:"center",fontSize:"12px",lineHeight:"14px",fontWeight:500,letterSpacing:"0.4px",color:t.palette.primary.text1},noOperationsRoot:{width:90,height:90},noOperationsText:{marginTop:24,color:"#9E9E9E"},chart:{position:"absolute",left:2,top:2,width:"100%",height:"100%",padding:"12px"},canvas:{width:"100%",height:"100%"},activities:{position:"absolute",left:12,top:12}})));function b(t){let{title:l,currentActivityName:b,activities:y,showTooltip:w}=t;const N=v({activitiesLength:y.length}),R=e(null),S=e([]),[T,k]=i(null),E=o((()=>y.filter((t=>t.duration))),[y]),j=o((()=>d(y,"duration")),[y]),A=o((()=>null===T?y.find((t=>t.name===b)):E[T]),[y,b,E,T]),B=t=>{let e=!1;S.current.forEach(((i,o)=>{const r=i.current;if(!r)return;if(e)return;const n=r.getContext("2d");e=n.isPointInPath(t.offsetX,t.offsetY),e&&k(o)})),e||k(null)},C=()=>{k(null)};return r((()=>{const t=R.current,e=t.getContext("2d");t.width=200,t.height=200,t.style.width="200px",t.style.height="200px";const i=E.length;S.current.length!==i&&(S.current=Array(i).fill().map(((t,e)=>S.current[e]||n())));let o=0;E.forEach(((t,i)=>{const r=o,n=r+t.duration/j*Math.PI*2;(null===T&&t.name===b||i===T)&&u(e,100,100,100,r,n);const a=S.current[i].current;if(a){a.width=200,a.height=200,a.style.width="200px",a.style.height="200px",w&&(a.onmousemove=B,a.onmouseleave=C);const e=a.getContext("2d");g(e,100,100,100,r,n,t.color||"#000000",!0)}else g(e,100,100,100,r,n,t.color||"#000000",!0);o=n}))})),m("div",{className:N.root,children:[x("div",{className:a(N.backgroundRoot,{[N.emptyStateBackground]:!y.length}),children:x("div",{className:N.dropShadowRoot})}),m("div",{className:N.content,children:[x(s,{className:N.activityTimeRange,children:l}),y.length?m(f,{children:[x("div",{className:N.lastActivityRoot,children:A&&A.duration?m(s,{className:N.activityDuration,children:[(A.duration/3600).toFixed(1),x("span",{className:N.durationUnit,children:" h"})]}):null}),x(s,{className:N.activityName,children:p((null==A?void 0:A.name)||"")})]}):x("div",{className:N.noOperationsRoot,children:x(h,{className:N.noOperationsText,children:"No operations"})})]}),x(c,{title:null!==T?`${E[T].name}: ${(E[T].duration/3600).toFixed(3)}h`:"",placement:"bottom",children:m("div",{className:N.chart,children:[x("canvas",{ref:R,className:N.canvas}),E.map(((t,e)=>x("canvas",{ref:S.current[e],className:N.activities})))]})})]})}b.propTypes={title:t.string,activities:t.arrayOf(t.shape({name:t.string,day:t.number,night:t.number})).isRequired,currentActivityName:t.string.isRequired,showTooltip:t.bool},b.defaultProps={title:"Last 24hrs",showTooltip:!1};export{b as default};