@corva/ui 3.73.0-6 → 3.73.0-8

package/components/Template/TemplateSharingDialog/index.js

@@ -1,2 +1,2 @@
-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 b from"./UsersChipSelector.js";import{getUsers as y}from"../../../clients/jsonApi/index.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,y(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(b,{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 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 m,Button as f}from"@material-ui/core";import{get as d}from"lodash";import h from"classnames";import b from"./UsersChipSelector.js";import{getUsers as y}from"../../../clients/jsonApi/index.js";import{jsxs as v,jsx as g}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=void 0===a?null:a,x=c.open,S=c.onSave,P=c.onCancel,C=c.currentUser,R=j(),U=!1,k=o([]),A=t(k,2),q=A[0],D=A[1],T=o(new Set),E=t(T,2),N=E[0],_=E[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(C,["company","id"])},e.next=4,y(r);case 4:t=e.sent,o=(t||[]).filter((function(e){return d(e,"id")!==d(C,"id")})).map((function(e){return w(w({},e),{},{id:d(e,"id"),displayName:"".concat(d(e,"first_name")," ").concat(d(e,"last_name"))})})),D(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 B=function(){_(new Set),P()};return v(s,{open:x,onClose:B,fullScreen:U,classes:{paper:h(e({},R.dialog,!0))},children:[g(p,{children:O||"Share Templates"}),v(l,{children:[g(u,{variant:"subtitle1",gutterBottom:!0,children:"Share with users"}),g(b,{users:q,selectedUsers:N,onAddUser:function(e){_((function(r){return new Set(r.add(e))}))},onRemoveUser:function(e){_((function(r){return r.delete(e),new Set(r)}))}})]}),v(m,{className:h(R.actions,e({},R.mobileActions,U)),children:[g(f,{color:"primary",onClick:B,children:"Cancel"}),g(f,{variant:"contained",color:"primary",onClick:function(){S(q.filter((function(e){return N.has(d(e,"id"))}))),_(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};export{x as default};
 //# sourceMappingURL=index.js.map

package/components/Template/TemplateSharingDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplateSharingDialog/index.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  Typography,\n  DialogActions,\n  Button,\n  makeStyles,\n} from '@material-ui/core';\nimport { get } from 'lodash';\nimport classnames from 'classnames';\n\nimport UsersChipSelector from './UsersChipSelector';\n\nimport { getUsers } from '~/clients/jsonApi';\n\nconst useStyles = makeStyles({\n  dialog: {\n    width: '600px',\n    height: '600px',\n  },\n  actions: {\n    padding: '8px 40px',\n    boxShadow: '0px -4px 10px rgb(0 0 0 / 25%)',\n  },\n  mobileActions: {\n    paddingRight: '100px',\n  },\n});\n\nfunction TemplateSharingDialog({ title, open, onSave, onCancel, currentUser }) {\n  const classes = useStyles();\n  const isFullScreen = false;\n\n  const [users, setUsers] = useState([]);\n  const [selectedUserIds, setSelectedUserIds] = useState(new Set());\n\n  useEffect(() => {\n    async function handleFetchCompanyUsers() {\n      try {\n        const queryParams = {\n          companyId: get(currentUser, ['company', 'id']),\n        };\n        const res = await getUsers(queryParams);\n        const fetchedUsers = (res || [])\n          .filter(item => get(item, 'id') !== get(currentUser, 'id'))\n          .map(item => ({\n            ...item,\n            id: get(item, 'id'),\n            displayName: `${get(item, 'first_name')} ${get(item, 'last_name')}`,\n          }));\n        setUsers(fetchedUsers);\n      } catch (e) {\n        console.error(e);\n      }\n    }\n\n    handleFetchCompanyUsers();\n  }, []);\n\n  const handleAddSharesWithUser = id => {\n    setSelectedUserIds(prev => new Set(prev.add(id)));\n  };\n\n  const handleRemoveSharesWithUser = id => {\n    setSelectedUserIds(prev => {\n      prev.delete(id);\n      return new Set(prev);\n    });\n  };\n\n  const handleSave = () => {\n    onSave(users.filter(item => selectedUserIds.has(get(item, 'id'))));\n    setSelectedUserIds(new Set());\n  };\n\n  const handleCancel = () => {\n    setSelectedUserIds(new Set());\n    onCancel();\n  };\n\n  return (\n    <Dialog\n      open={open}\n      onClose={handleCancel}\n      fullScreen={isFullScreen}\n      classes={{ paper: classnames({ [classes.dialog]: !isFullScreen }) }}\n    >\n      <DialogTitle>{title || 'Share Templates'}</DialogTitle>\n\n      <DialogContent>\n        <Typography variant=\"subtitle1\" gutterBottom>\n          Share with users\n        </Typography>\n\n        <UsersChipSelector\n          users={users}\n          selectedUsers={selectedUserIds}\n          onAddUser={handleAddSharesWithUser}\n          onRemoveUser={handleRemoveSharesWithUser}\n        />\n      </DialogContent>\n\n      <DialogActions\n        className={classnames(classes.actions, { [classes.mobileActions]: isFullScreen })}\n      >\n        <Button color=\"primary\" onClick={handleCancel}>\n          Cancel\n        </Button>\n        <Button variant=\"contained\" color=\"primary\" onClick={handleSave}>\n          Save\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nTemplateSharingDialog.propTypes = {\n  title: PropTypes.string,\n  open: PropTypes.bool.isRequired,\n  onSave: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n};\n\nTemplateSharingDialog.defaultProps = {\n  title: null,\n};\n\nexport default TemplateSharingDialog;\n"],"names":["useStyles","makeStyles","dialog","width","height","actions","padding","boxShadow","mobileActions","paddingRight","TemplateSharingDialog","_ref","title","open","onSave","onCancel","currentUser","classes","isFullScreen","useState","_useState2","_slicedToArray","_useState","users","setUsers","_useState3","Set","_useState4","selectedUserIds","setSelectedUserIds","useEffect","_handleFetchCompanyUsers","_asyncToGenerator","_regeneratorRuntime","mark","_callee","queryParams","res","fetchedUsers","wrap","_context","prev","next","companyId","get","getUsers","sent","filter","item","map","_objectSpread","id","displayName","concat","t0","console","error","stop","apply","this","arguments","handleFetchCompanyUsers","handleCancel","_jsxs","Dialog","onClose","fullScreen","paper","classnames","children","_jsx","DialogTitle","DialogContent","Typography","variant","gutterBottom","UsersChipSelector","selectedUsers","onAddUser","add","onRemoveUser","delete","DialogActions","className","Button","color","onClick","has","propTypes","PropTypes","string","bool","isRequired","func","shape","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplateSharingDialog/index.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  Typography,\n  DialogActions,\n  Button,\n  makeStyles,\n} from '@material-ui/core';\nimport { get } from 'lodash';\nimport classnames from 'classnames';\n\nimport UsersChipSelector from './UsersChipSelector';\n\nimport { getUsers } from '~/clients/jsonApi';\n\nconst useStyles = makeStyles({\n  dialog: {\n    width: '600px',\n    height: '600px',\n  },\n  actions: {\n    padding: '8px 40px',\n    boxShadow: '0px -4px 10px rgb(0 0 0 / 25%)',\n  },\n  mobileActions: {\n    paddingRight: '100px',\n  },\n});\n\nfunction TemplateSharingDialog({ title = null, open, onSave, onCancel, currentUser }) {\n  const classes = useStyles();\n  const isFullScreen = false;\n\n  const [users, setUsers] = useState([]);\n  const [selectedUserIds, setSelectedUserIds] = useState(new Set());\n\n  useEffect(() => {\n    async function handleFetchCompanyUsers() {\n      try {\n        const queryParams = {\n          companyId: get(currentUser, ['company', 'id']),\n        };\n        const res = await getUsers(queryParams);\n        const fetchedUsers = (res || [])\n          .filter(item => get(item, 'id') !== get(currentUser, 'id'))\n          .map(item => ({\n            ...item,\n            id: get(item, 'id'),\n            displayName: `${get(item, 'first_name')} ${get(item, 'last_name')}`,\n          }));\n        setUsers(fetchedUsers);\n      } catch (e) {\n        console.error(e);\n      }\n    }\n\n    handleFetchCompanyUsers();\n  }, []);\n\n  const handleAddSharesWithUser = id => {\n    setSelectedUserIds(prev => new Set(prev.add(id)));\n  };\n\n  const handleRemoveSharesWithUser = id => {\n    setSelectedUserIds(prev => {\n      prev.delete(id);\n      return new Set(prev);\n    });\n  };\n\n  const handleSave = () => {\n    onSave(users.filter(item => selectedUserIds.has(get(item, 'id'))));\n    setSelectedUserIds(new Set());\n  };\n\n  const handleCancel = () => {\n    setSelectedUserIds(new Set());\n    onCancel();\n  };\n\n  return (\n    <Dialog\n      open={open}\n      onClose={handleCancel}\n      fullScreen={isFullScreen}\n      classes={{ paper: classnames({ [classes.dialog]: !isFullScreen }) }}\n    >\n      <DialogTitle>{title || 'Share Templates'}</DialogTitle>\n\n      <DialogContent>\n        <Typography variant=\"subtitle1\" gutterBottom>\n          Share with users\n        </Typography>\n\n        <UsersChipSelector\n          users={users}\n          selectedUsers={selectedUserIds}\n          onAddUser={handleAddSharesWithUser}\n          onRemoveUser={handleRemoveSharesWithUser}\n        />\n      </DialogContent>\n\n      <DialogActions\n        className={classnames(classes.actions, { [classes.mobileActions]: isFullScreen })}\n      >\n        <Button color=\"primary\" onClick={handleCancel}>\n          Cancel\n        </Button>\n        <Button variant=\"contained\" color=\"primary\" onClick={handleSave}>\n          Save\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\nTemplateSharingDialog.propTypes = {\n  title: PropTypes.string,\n  open: PropTypes.bool.isRequired,\n  onSave: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n};\n\nexport default TemplateSharingDialog;\n"],"names":["useStyles","makeStyles","dialog","width","height","actions","padding","boxShadow","mobileActions","paddingRight","TemplateSharingDialog","_ref","_ref$title","title","open","onSave","onCancel","currentUser","classes","isFullScreen","useState","_useState2","_slicedToArray","_useState","users","setUsers","_useState3","Set","_useState4","selectedUserIds","setSelectedUserIds","useEffect","_handleFetchCompanyUsers","_asyncToGenerator","_regeneratorRuntime","mark","_callee","queryParams","res","fetchedUsers","wrap","_context","prev","next","companyId","get","getUsers","sent","filter","item","map","_objectSpread","id","displayName","concat","t0","console","error","stop","apply","this","arguments","handleFetchCompanyUsers","handleCancel","_jsxs","Dialog","onClose","fullScreen","paper","classnames","children","_jsx","DialogTitle","DialogContent","Typography","variant","gutterBottom","UsersChipSelector","selectedUsers","onAddUser","add","onRemoveUser","delete","DialogActions","className","Button","color","onClick","has","propTypes","PropTypes","string","bool","isRequired","func","shape"],"mappings":"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"}

package/components/TracesEditModal/TracesEditModal.d.ts

@@ -2,16 +2,16 @@ import PropTypes from 'prop-types';
 declare function TracesMemoModal({ onClose, onApply, postValue, onPostChange, timestampMs, onTimestampChange, timestampError, minDateMs, maxDateMs, isApplyDisabled, isDepthDataLoading, holeDepth, bitDepth, userCompanyId, }: {
     bitDepth: any;
     holeDepth: any;
-    isApplyDisabled: any;
-    isDepthDataLoading: any;
+    isApplyDisabled?: boolean | undefined;
+    isDepthDataLoading?: boolean | undefined;
     maxDateMs: any;
     minDateMs: any;
-    onApply: any;
-    onClose: any;
+    onApply?: ((...args: any[]) => void) | undefined;
+    onClose?: ((...args: any[]) => void) | undefined;
     onPostChange: any;
     onTimestampChange: any;
     postValue: any;
-    timestampError: any;
+    timestampError?: string | undefined;
     timestampMs: any;
     userCompanyId: any;
 }): import("react").JSX.Element;
@@ -36,14 +36,6 @@ declare namespace TracesMemoModal {
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         onApply: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    var defaultProps: {
-        initialAttachment: null;
-        onClose: (...args: any[]) => void;
-        onApply: (...args: any[]) => void;
-        timestampError: string;
-        isApplyDisabled: boolean;
-        isDepthDataLoading: boolean;
-    };
 }
 export default TracesMemoModal;
 //# sourceMappingURL=TracesEditModal.d.ts.map

package/components/TracesEditModal/TracesEditModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TracesEditModal.d.ts","sourceRoot":"","sources":["../../../src/components/TracesEditModal/TracesEditModal.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;iCAiBV,EACvB,OAAO,EACP,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,aAAa,GACd;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA0Gc,eAAe"}
+{"version":3,"file":"TracesEditModal.d.ts","sourceRoot":"","sources":["../../../src/components/TracesEditModal/TracesEditModal.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;iCAiBV,EACvB,OAAc,EACd,OAAc,EACd,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,cAAmB,EACnB,SAAS,EACT,SAAS,EACT,eAAuB,EACvB,kBAA0B,EAC1B,SAAS,EACT,QAAQ,EACR,aAAa,GACd;;;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;eAiGc,eAAe"}

package/components/TracesEditModal/TracesEditModal.js

@@ -1,2 +1,2 @@
-import e from"prop-types";import{noop as t}from"lodash";import{Grid as i,Button as a,Box as n}from"@material-ui/core";import o from"./TracesEditModal.css.js";import{Regular14 as r}from"../Typography.js";import s from"../Modal/Modal.js";import l from"../KeyboardDateTimePicker.js";import m from"../PostInput/PostInput.js";import{convertValue as p}from"../../utils/convert.js";import{getUnitDisplay as d}from"../../utils/index.js";import{jsxs as c,jsx as h}from"react/jsx-runtime";var u="TracesEditModal",f=function(e){var t=e.onClose,f=e.onApply,D=e.postValue,y=e.onPostChange,b=e.timestampMs,g=e.onTimestampChange,C=e.timestampError,x=e.minDateMs,T=e.maxDateMs,M=e.isApplyDisabled,j=e.isDepthDataLoading,q=e.holeDepth,A=e.bitDepth,R=e.userCompanyId,I=d("length"),L=p(+A,"length","ft"),N=p(+q,"length","ft");return c(s,{open:!0,onClose:t,title:"Edit",contentClassName:o.modal,actions:c(i,{container:!0,direction:"row",justify:"flex-end",alignItems:"center",spacing:2,children:[h(i,{item:!0,children:h(a,{"data-testid":"".concat(u,"_cancel"),color:"primary",onClick:t,children:"Cancel"})}),h(i,{item:!0,children:h(a,{"data-testid":"".concat(u,"_apply"),variant:"contained",color:"primary",disabled:M,onClick:f,children:"Apply"})})]}),children:[h(m,{className:o.modalPostInput,initialValue:D,userCompanyId:R,onChange:y}),c(n,{display:"flex",flexDirection:"column",children:[h(n,{display:"flex",flexDirection:"column",mb:2,children:h(l,{label:"Time","data-testid":"".concat(u,"_date"),className:o.modalDateInput,disabled:j,ampm:!1,value:b,minDate:x,maxDate:T,onChange:g,format:"MM/DD/YYYY, HH:mm",error:!!C,helperText:C})}),Number.isFinite(q)&&c(n,{display:"flex",flexDirection:"column",mb:3,children:[h("span",{className:o.modalFieldLabel,children:"Hole Depth"}),h(r,{"data-testid":"".concat(u,"_holeDepth"),children:j?"Loading...":"".concat(N," ").concat(I)})]}),Number.isFinite(A)&&c(n,{display:"flex",flexDirection:"column",children:[h("span",{className:o.modalFieldLabel,children:"Bit Depth"}),h(r,{"data-testid":"".concat(u,"_bitDepth"),children:j?"Loading...":"".concat(L," ").concat(I)})]})]})]})};f.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},f.defaultProps={initialAttachment:null,onClose:t,onApply:t,timestampError:"",isApplyDisabled:!1,isDepthDataLoading:!1};export{f as default};
+import e from"prop-types";import{noop as i}from"lodash";import{Grid as t,Button as a,Box as o}from"@material-ui/core";import n from"./TracesEditModal.css.js";import{Regular14 as r}from"../Typography.js";import s from"../Modal/Modal.js";import l from"../KeyboardDateTimePicker.js";import m from"../PostInput/PostInput.js";import{convertValue as d}from"../../utils/convert.js";import{getUnitDisplay as p}from"../../utils/index.js";import{jsxs as c,jsx as h}from"react/jsx-runtime";var u="TracesEditModal",f=function(e){var f=e.onClose,y=void 0===f?i:f,D=e.onApply,b=void 0===D?i:D,g=e.postValue,x=e.onPostChange,C=e.timestampMs,T=e.onTimestampChange,M=e.timestampError,v=void 0===M?"":M,j=e.minDateMs,q=e.maxDateMs,R=e.isApplyDisabled,I=void 0!==R&&R,N=e.isDepthDataLoading,A=void 0!==N&&N,L=e.holeDepth,O=e.bitDepth,P=e.userCompanyId,E=p("length"),_=d(+O,"length","ft"),F=d(+L,"length","ft");return c(s,{open:!0,onClose:y,title:"Edit",contentClassName:n.modal,actions:c(t,{container:!0,direction:"row",justify:"flex-end",alignItems:"center",spacing:2,children:[h(t,{item:!0,children:h(a,{"data-testid":"".concat(u,"_cancel"),color:"primary",onClick:y,children:"Cancel"})}),h(t,{item:!0,children:h(a,{"data-testid":"".concat(u,"_apply"),variant:"contained",color:"primary",disabled:I,onClick:b,children:"Apply"})})]}),children:[h(m,{className:n.modalPostInput,initialValue:g,userCompanyId:P,onChange:x}),c(o,{display:"flex",flexDirection:"column",children:[h(o,{display:"flex",flexDirection:"column",mb:2,children:h(l,{label:"Time","data-testid":"".concat(u,"_date"),className:n.modalDateInput,disabled:A,ampm:!1,value:C,minDate:j,maxDate:q,onChange:T,format:"MM/DD/YYYY, HH:mm",error:!!v,helperText:v})}),Number.isFinite(L)&&c(o,{display:"flex",flexDirection:"column",mb:3,children:[h("span",{className:n.modalFieldLabel,children:"Hole Depth"}),h(r,{"data-testid":"".concat(u,"_holeDepth"),children:A?"Loading...":"".concat(F," ").concat(E)})]}),Number.isFinite(O)&&c(o,{display:"flex",flexDirection:"column",children:[h("span",{className:n.modalFieldLabel,children:"Bit Depth"}),h(r,{"data-testid":"".concat(u,"_bitDepth"),children:A?"Loading...":"".concat(_," ").concat(E)})]})]})]})};f.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};export{f as default};
 //# sourceMappingURL=TracesEditModal.js.map

package/components/TracesEditModal/TracesEditModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TracesEditModal.js","sources":["../../../src/components/TracesEditModal/TracesEditModal.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { Grid, Button, Box } from '@material-ui/core';\n\nimport styles from './TracesEditModal.css';\n\nimport { Regular14 } from '~/components/Typography';\nimport Modal from '~/components/Modal';\nimport KeyboardDateTimePicker from '~/components/KeyboardDateTimePicker';\nimport PostInput from '~/components/PostInput';\nimport { convertValue } from '~/utils/convert';\nimport { getUnitDisplay } from '~/utils';\n\nconst PAGE_NAME = 'TracesEditModal';\n\nconst TIME_FORMAT = 'MM/DD/YYYY, HH:mm';\n\nconst TracesMemoModal = ({\n  onClose,\n  onApply,\n  postValue,\n  onPostChange,\n  timestampMs,\n  onTimestampChange,\n  timestampError,\n  minDateMs,\n  maxDateMs,\n  isApplyDisabled,\n  isDepthDataLoading,\n  holeDepth,\n  bitDepth,\n  userCompanyId,\n}) => {\n  const depthUnit = getUnitDisplay('length');\n  const bitDepthConverted = convertValue(+bitDepth, 'length', 'ft');\n  const holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Edit\"\n      contentClassName={styles.modal}\n      actions={\n        <Grid container direction=\"row\" justify=\"flex-end\" alignItems=\"center\" spacing={2}>\n          <Grid item>\n            <Button data-testid={`${PAGE_NAME}_cancel`} color=\"primary\" onClick={onClose}>\n              Cancel\n            </Button>\n          </Grid>\n          <Grid item>\n            <Button\n              data-testid={`${PAGE_NAME}_apply`}\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={isApplyDisabled}\n              onClick={onApply}\n            >\n              Apply\n            </Button>\n          </Grid>\n        </Grid>\n      }\n    >\n      <PostInput\n        className={styles.modalPostInput}\n        initialValue={postValue}\n        userCompanyId={userCompanyId}\n        onChange={onPostChange}\n      />\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box display=\"flex\" flexDirection=\"column\" mb={2}>\n          <KeyboardDateTimePicker\n            label=\"Time\"\n            data-testid={`${PAGE_NAME}_date`}\n            className={styles.modalDateInput}\n            disabled={isDepthDataLoading}\n            ampm={false}\n            value={timestampMs}\n            minDate={minDateMs}\n            maxDate={maxDateMs}\n            onChange={onTimestampChange}\n            format={TIME_FORMAT}\n            error={!!timestampError}\n            helperText={timestampError}\n          />\n        </Box>\n        {Number.isFinite(holeDepth) && (\n          <Box display=\"flex\" flexDirection=\"column\" mb={3}>\n            <span className={styles.modalFieldLabel}>Hole Depth</span>\n            <Regular14 data-testid={`${PAGE_NAME}_holeDepth`}>\n              {isDepthDataLoading ? 'Loading...' : `${holeDepthConverted} ${depthUnit}`}\n            </Regular14>\n          </Box>\n        )}\n        {Number.isFinite(bitDepth) && (\n          <Box display=\"flex\" flexDirection=\"column\">\n            <span className={styles.modalFieldLabel}>Bit Depth</span>\n            <Regular14 data-testid={`${PAGE_NAME}_bitDepth`}>\n              {isDepthDataLoading ? 'Loading...' : `${bitDepthConverted} ${depthUnit}`}\n            </Regular14>\n          </Box>\n        )}\n      </Box>\n    </Modal>\n  );\n};\n\nTracesMemoModal.propTypes = {\n  isApplyDisabled: PropTypes.bool,\n  isDepthDataLoading: PropTypes.bool,\n  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  timestampMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  minDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  maxDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  timestampError: PropTypes.string,\n  holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  initialAttachment: PropTypes.shape({}),\n  postValue: PropTypes.shape({\n    body: PropTypes.string,\n    attachment: PropTypes.shape({}),\n  }).isRequired,\n  onPostChange: PropTypes.func.isRequired,\n  onTimestampChange: PropTypes.func.isRequired,\n  onClose: PropTypes.func,\n  onApply: PropTypes.func,\n};\n\nTracesMemoModal.defaultProps = {\n  initialAttachment: null,\n  onClose: noop,\n  onApply: noop,\n  timestampError: '',\n  isApplyDisabled: false,\n  isDepthDataLoading: false,\n};\n\nexport default TracesMemoModal;\n"],"names":["PAGE_NAME","TracesMemoModal","_ref","onClose","onApply","postValue","onPostChange","timestampMs","onTimestampChange","timestampError","minDateMs","maxDateMs","isApplyDisabled","isDepthDataLoading","holeDepth","bitDepth","userCompanyId","depthUnit","getUnitDisplay","bitDepthConverted","convertValue","holeDepthConverted","_jsxs","Modal","open","title","contentClassName","styles","modal","actions","Grid","container","direction","justify","alignItems","spacing","children","_jsx","item","Button","concat","color","onClick","variant","disabled","PostInput","className","modalPostInput","initialValue","onChange","Box","display","flexDirection","mb","KeyboardDateTimePicker","label","modalDateInput","ampm","value","minDate","maxDate","format","error","helperText","Number","isFinite","modalFieldLabel","Regular14","propTypes","PropTypes","bool","oneOfType","string","number","isRequired","initialAttachment","shape","body","attachment","func","defaultProps","noop"],"mappings":"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"}
+{"version":3,"file":"TracesEditModal.js","sources":["../../../src/components/TracesEditModal/TracesEditModal.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { Grid, Button, Box } from '@material-ui/core';\n\nimport styles from './TracesEditModal.css';\n\nimport { Regular14 } from '~/components/Typography';\nimport Modal from '~/components/Modal';\nimport KeyboardDateTimePicker from '~/components/KeyboardDateTimePicker';\nimport PostInput from '~/components/PostInput';\nimport { convertValue } from '~/utils/convert';\nimport { getUnitDisplay } from '~/utils';\n\nconst PAGE_NAME = 'TracesEditModal';\n\nconst TIME_FORMAT = 'MM/DD/YYYY, HH:mm';\n\nconst TracesMemoModal = ({\n  onClose = noop,\n  onApply = noop,\n  postValue,\n  onPostChange,\n  timestampMs,\n  onTimestampChange,\n  timestampError = '',\n  minDateMs,\n  maxDateMs,\n  isApplyDisabled = false,\n  isDepthDataLoading = false,\n  holeDepth,\n  bitDepth,\n  userCompanyId,\n}) => {\n  const depthUnit = getUnitDisplay('length');\n  const bitDepthConverted = convertValue(+bitDepth, 'length', 'ft');\n  const holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Edit\"\n      contentClassName={styles.modal}\n      actions={\n        <Grid container direction=\"row\" justify=\"flex-end\" alignItems=\"center\" spacing={2}>\n          <Grid item>\n            <Button data-testid={`${PAGE_NAME}_cancel`} color=\"primary\" onClick={onClose}>\n              Cancel\n            </Button>\n          </Grid>\n          <Grid item>\n            <Button\n              data-testid={`${PAGE_NAME}_apply`}\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={isApplyDisabled}\n              onClick={onApply}\n            >\n              Apply\n            </Button>\n          </Grid>\n        </Grid>\n      }\n    >\n      <PostInput\n        className={styles.modalPostInput}\n        initialValue={postValue}\n        userCompanyId={userCompanyId}\n        onChange={onPostChange}\n      />\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box display=\"flex\" flexDirection=\"column\" mb={2}>\n          <KeyboardDateTimePicker\n            label=\"Time\"\n            data-testid={`${PAGE_NAME}_date`}\n            className={styles.modalDateInput}\n            disabled={isDepthDataLoading}\n            ampm={false}\n            value={timestampMs}\n            minDate={minDateMs}\n            maxDate={maxDateMs}\n            onChange={onTimestampChange}\n            format={TIME_FORMAT}\n            error={!!timestampError}\n            helperText={timestampError}\n          />\n        </Box>\n        {Number.isFinite(holeDepth) && (\n          <Box display=\"flex\" flexDirection=\"column\" mb={3}>\n            <span className={styles.modalFieldLabel}>Hole Depth</span>\n            <Regular14 data-testid={`${PAGE_NAME}_holeDepth`}>\n              {isDepthDataLoading ? 'Loading...' : `${holeDepthConverted} ${depthUnit}`}\n            </Regular14>\n          </Box>\n        )}\n        {Number.isFinite(bitDepth) && (\n          <Box display=\"flex\" flexDirection=\"column\">\n            <span className={styles.modalFieldLabel}>Bit Depth</span>\n            <Regular14 data-testid={`${PAGE_NAME}_bitDepth`}>\n              {isDepthDataLoading ? 'Loading...' : `${bitDepthConverted} ${depthUnit}`}\n            </Regular14>\n          </Box>\n        )}\n      </Box>\n    </Modal>\n  );\n};\n\nTracesMemoModal.propTypes = {\n  isApplyDisabled: PropTypes.bool,\n  isDepthDataLoading: PropTypes.bool,\n  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  timestampMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  minDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  maxDateMs: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  timestampError: PropTypes.string,\n  holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  initialAttachment: PropTypes.shape({}),\n  postValue: PropTypes.shape({\n    body: PropTypes.string,\n    attachment: PropTypes.shape({}),\n  }).isRequired,\n  onPostChange: PropTypes.func.isRequired,\n  onTimestampChange: PropTypes.func.isRequired,\n  onClose: PropTypes.func,\n  onApply: PropTypes.func,\n};\n\nexport default TracesMemoModal;\n"],"names":["PAGE_NAME","TracesMemoModal","_ref","_ref$onClose","onClose","noop","_ref$onApply","onApply","postValue","onPostChange","timestampMs","onTimestampChange","_ref$timestampError","timestampError","minDateMs","maxDateMs","_ref$isApplyDisabled","isApplyDisabled","_ref$isDepthDataLoadi","isDepthDataLoading","holeDepth","bitDepth","userCompanyId","depthUnit","getUnitDisplay","bitDepthConverted","convertValue","holeDepthConverted","_jsxs","Modal","open","title","contentClassName","styles","modal","actions","Grid","container","direction","justify","alignItems","spacing","children","_jsx","item","Button","concat","color","onClick","variant","disabled","PostInput","className","modalPostInput","initialValue","onChange","Box","display","flexDirection","mb","KeyboardDateTimePicker","label","modalDateInput","ampm","value","minDate","maxDate","format","error","helperText","Number","isFinite","modalFieldLabel","Regular14","propTypes","PropTypes","bool","oneOfType","string","number","isRequired","initialAttachment","shape","body","attachment","func"],"mappings":"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"}

package/components/UserCard/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("react").ComponentType<Pick<import("@material-ui/types").ConsistentWith<{
     classes: any;
-    currentUser: any;
+    currentUser?: {} | undefined;
     user: {
         email: any;
         first_name: any;

package/components/UserCard/index.js

@@ -1,2 +1,2 @@
-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 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"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as d}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsxs as p,jsx as u}from"react/jsx-runtime";import h from"./style.css.js";var f="UserCardDialogPo";function g(e){var t=e.user,g=t.id,v=t.email,b=t.mobile,C=t.title,y=t.first_name,N=t.last_name,_=t.profile_photo,x=e.currentUser,B=e.classes;return p(r,{"data-testid":"".concat(f),className:B.card,children:[u(o,{"data-testid":"".concat(f,"_placeholder"),className:B.media,image:_||"https://cdn.corva.ai/app/images/user-placeholder.svg",title:"".concat(y," ").concat(N),children:Number(x.id)===Number(g)&&u("div",{className:h.cUserCardMediaBackdrop,children:u(d,{href:"/config/users/".concat(g),children:u(n,{"data-not-migrated-MuiChip":!0,"data-testid":"".concat(f,"_viewProfile"),className:h.cUserCardMediaBackdropToProfile,label:"View Profile"})})})}),p(i,{className:B.content,children:[u(s,{"data-testid":"".concat(f,"_name"),variant:"h5",className:B.userName,children:"".concat(y," ").concat(N)}),C&&u(s,{variant:"subtitle1",children:C}),u("br",{}),v&&u("a",{href:"mailto:".concat(v),target:"_top",children:p(s,{"data-testid":"".concat(f,"_email"),gutterBottom:!0,variant:"body1",className:B.contact,children:[u(l,{className:B.contactIcon}),v]})}),b&&u("a",{href:"tel:".concat(b),target:"_top",children:p(s,{"data-testid":"".concat(f,"_phone"),variant:"body1",className:B.contact,children:[u(m,{className:B.contactIcon}),b]})})]}),p(a,{className:B.actions,children:[v?u("a",{href:"mailto:".concat(v),target:"_top",children:u(c,{"data-testid":"".concat(f,"_emailButton"),className:B.actionButton,variant:"contained",color:"primary",children:"Email"})}):u(c,{disabled:!0,className:B.actionButton,variant:"contained",color:"primary",children:"Email"}),u(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 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 m from"@material-ui/icons/Email";import l from"@material-ui/icons/Phone";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import{UniversalLink as d}from"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsxs as p,jsx as u}from"react/jsx-runtime";import h from"./style.css.js";var f="UserCardDialogPo";function g(e){var t=e.user,g=t.id,b=t.email,C=t.mobile,y=t.title,N=t.first_name,_=t.last_name,x=t.profile_photo,B=e.currentUser,R=void 0===B?v:B,w=e.classes;return p(a,{"data-testid":"".concat(f),className:w.card,children:[u(o,{"data-testid":"".concat(f,"_placeholder"),className:w.media,image:x||"https://cdn.corva.ai/app/images/user-placeholder.svg",title:"".concat(N," ").concat(_),children:Number(R.id)===Number(g)&&u("div",{className:h.cUserCardMediaBackdrop,children:u(d,{href:"/config/users/".concat(g),children:u(n,{"data-not-migrated-MuiChip":!0,"data-testid":"".concat(f,"_viewProfile"),className:h.cUserCardMediaBackdropToProfile,label:"View Profile"})})})}),p(i,{className:w.content,children:[u(s,{"data-testid":"".concat(f,"_name"),variant:"h5",className:w.userName,children:"".concat(N," ").concat(_)}),y&&u(s,{variant:"subtitle1",children:y}),u("br",{}),b&&u("a",{href:"mailto:".concat(b),target:"_top",children:p(s,{"data-testid":"".concat(f,"_email"),gutterBottom:!0,variant:"body1",className:w.contact,children:[u(m,{className:w.contactIcon}),b]})}),C&&u("a",{href:"tel:".concat(C),target:"_top",children:p(s,{"data-testid":"".concat(f,"_phone"),variant:"body1",className:w.contact,children:[u(l,{className:w.contactIcon}),C]})})]}),p(r,{className:w.actions,children:[b?u("a",{href:"mailto:".concat(b),target:"_top",children:u(c,{"data-testid":"".concat(f,"_emailButton"),className:w.actionButton,variant:"contained",color:"primary",children:"Email"})}):u(c,{disabled:!0,className:w.actionButton,variant:"contained",color:"primary",children:"Email"}),u(c,{"data-testid":"".concat(f,"_messageButton"),disabled:!0,className:w.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])})};var v={},b=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{b as default};
 //# sourceMappingURL=index.js.map

package/components/UserCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/UserCard/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Chip from '@material-ui/core/Chip';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport EmailIcon from '@material-ui/icons/Email';\nimport PhoneIcon from '@material-ui/icons/Phone';\n\nimport { UniversalLink } from '../DevCenter/DevCenterRouterContext';\n\nimport styles from './style.css';\n\nconst PAGE_NAME = 'UserCardDialogPo';\n\nconst muiStyles = theme => ({\n  card: {\n    width: 352,\n  },\n  media: {\n    height: 264,\n    width: '100%',\n  },\n  content: { cursor: 'auto', padding: '10px 28px 28px 28px' },\n  userName: { fontWeight: 'bold' },\n  contact: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: 12,\n    cursor: 'pointer',\n  },\n  contactIcon: {\n    height: 15,\n    width: 15,\n    marginRight: 10,\n    color: theme.palette.grey[300],\n  },\n  actions: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: '0 28px 28px 28px',\n  },\n  actionButton: {\n    width: 139,\n  },\n});\n\nfunction UserCard({\n  user: {\n    id,\n    email,\n    mobile,\n    title,\n    first_name: firstName,\n    last_name: lastName,\n    profile_photo: profilePhoto,\n  },\n  currentUser,\n  classes,\n}) {\n  return (\n    <Card data-testid={`${PAGE_NAME}`} className={classes.card}>\n      <CardMedia\n        data-testid={`${PAGE_NAME}_placeholder`}\n        className={classes.media}\n        image={profilePhoto || 'https://cdn.corva.ai/app/images/user-placeholder.svg'}\n        title={`${firstName} ${lastName}`}\n      >\n        {Number(currentUser.id) === Number(id) && (\n          <div className={styles.cUserCardMediaBackdrop}>\n            <UniversalLink href={`/config/users/${id}`}>\n              <Chip\n                data-not-migrated-MuiChip\n                data-testid={`${PAGE_NAME}_viewProfile`}\n                className={styles.cUserCardMediaBackdropToProfile}\n                label=\"View Profile\"\n              />\n            </UniversalLink>\n          </div>\n        )}\n      </CardMedia>\n      <CardContent className={classes.content}>\n        <Typography data-testid={`${PAGE_NAME}_name`} variant=\"h5\" className={classes.userName}>\n          {`${firstName} ${lastName}`}\n        </Typography>\n        {title && <Typography variant=\"subtitle1\">{title}</Typography>}\n        <br />\n        {email && (\n          <a href={`mailto:${email}`} target=\"_top\">\n            <Typography\n              data-testid={`${PAGE_NAME}_email`}\n              gutterBottom\n              variant=\"body1\"\n              className={classes.contact}\n            >\n              <EmailIcon className={classes.contactIcon} />\n              {email}\n            </Typography>\n          </a>\n        )}\n        {mobile && (\n          <a href={`tel:${mobile}`} target=\"_top\">\n            <Typography\n              data-testid={`${PAGE_NAME}_phone`}\n              variant=\"body1\"\n              className={classes.contact}\n            >\n              <PhoneIcon className={classes.contactIcon} />\n              {mobile}\n            </Typography>\n          </a>\n        )}\n      </CardContent>\n      <CardActions className={classes.actions}>\n        {email ? (\n          <a href={`mailto:${email}`} target=\"_top\">\n            <Button\n              data-testid={`${PAGE_NAME}_emailButton`}\n              className={classes.actionButton}\n              variant=\"contained\"\n              color=\"primary\"\n            >\n              Email\n            </Button>\n          </a>\n        ) : (\n          <Button disabled className={classes.actionButton} variant=\"contained\" color=\"primary\">\n            Email\n          </Button>\n        )}\n\n        {/* NOTE: Disabled since chat is turned off */}\n        <Button\n          data-testid={`${PAGE_NAME}_messageButton`}\n          disabled\n          className={classes.actionButton}\n          variant=\"contained\"\n          color=\"primary\"\n        >\n          Message\n        </Button>\n      </CardActions>\n    </Card>\n  );\n}\n\nUserCard.propTypes = {\n  user: PropTypes.shape({\n    id: PropTypes.number.isRequired,\n    email: PropTypes.string,\n    mobile: PropTypes.string,\n    title: PropTypes.string,\n    role: PropTypes.string,\n    first_name: PropTypes.string.isRequired,\n    last_name: PropTypes.string.isRequired,\n    profile_photo: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  currentUser: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  }),\n};\n\nUserCard.defaultProps = {\n  currentUser: {},\n};\n\nexport default withStyles(muiStyles)(UserCard);\n"],"names":["PAGE_NAME","UserCard","_ref","_ref$user","user","id","email","mobile","title","firstName","first_name","lastName","last_name","profilePhoto","profile_photo","currentUser","classes","_jsxs","Card","concat","className","card","children","_jsx","CardMedia","media","image","Number","styles","cUserCardMediaBackdrop","UniversalLink","href","Chip","cUserCardMediaBackdropToProfile","label","CardContent","content","Typography","variant","userName","target","gutterBottom","contact","EmailIcon","contactIcon","PhoneIcon","CardActions","actions","Button","actionButton","color","disabled","propTypes","PropTypes","shape","number","isRequired","string","role","oneOfType","defaultProps","UserCard$1","withStyles","theme","width","height","cursor","padding","fontWeight","display","alignItems","fontSize","marginRight","palette","grey","justifyContent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/UserCard/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\nimport Chip from '@material-ui/core/Chip';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport EmailIcon from '@material-ui/icons/Email';\nimport PhoneIcon from '@material-ui/icons/Phone';\n\nimport { UniversalLink } from '../DevCenter/DevCenterRouterContext';\n\nimport styles from './style.css';\n\nconst PAGE_NAME = 'UserCardDialogPo';\n\nconst muiStyles = theme => ({\n  card: {\n    width: 352,\n  },\n  media: {\n    height: 264,\n    width: '100%',\n  },\n  content: { cursor: 'auto', padding: '10px 28px 28px 28px' },\n  userName: { fontWeight: 'bold' },\n  contact: {\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: 12,\n    cursor: 'pointer',\n  },\n  contactIcon: {\n    height: 15,\n    width: 15,\n    marginRight: 10,\n    color: theme.palette.grey[300],\n  },\n  actions: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: '0 28px 28px 28px',\n  },\n  actionButton: {\n    width: 139,\n  },\n});\n\nfunction UserCard({\n  user: {\n    id,\n    email,\n    mobile,\n    title,\n    first_name: firstName,\n    last_name: lastName,\n    profile_photo: profilePhoto,\n  },\n  currentUser = DEFAULT_USER_CARD_CURRENT_USER,\n  classes,\n}) {\n  return (\n    <Card data-testid={`${PAGE_NAME}`} className={classes.card}>\n      <CardMedia\n        data-testid={`${PAGE_NAME}_placeholder`}\n        className={classes.media}\n        image={profilePhoto || 'https://cdn.corva.ai/app/images/user-placeholder.svg'}\n        title={`${firstName} ${lastName}`}\n      >\n        {Number(currentUser.id) === Number(id) && (\n          <div className={styles.cUserCardMediaBackdrop}>\n            <UniversalLink href={`/config/users/${id}`}>\n              <Chip\n                data-not-migrated-MuiChip\n                data-testid={`${PAGE_NAME}_viewProfile`}\n                className={styles.cUserCardMediaBackdropToProfile}\n                label=\"View Profile\"\n              />\n            </UniversalLink>\n          </div>\n        )}\n      </CardMedia>\n      <CardContent className={classes.content}>\n        <Typography data-testid={`${PAGE_NAME}_name`} variant=\"h5\" className={classes.userName}>\n          {`${firstName} ${lastName}`}\n        </Typography>\n        {title && <Typography variant=\"subtitle1\">{title}</Typography>}\n        <br />\n        {email && (\n          <a href={`mailto:${email}`} target=\"_top\">\n            <Typography\n              data-testid={`${PAGE_NAME}_email`}\n              gutterBottom\n              variant=\"body1\"\n              className={classes.contact}\n            >\n              <EmailIcon className={classes.contactIcon} />\n              {email}\n            </Typography>\n          </a>\n        )}\n        {mobile && (\n          <a href={`tel:${mobile}`} target=\"_top\">\n            <Typography\n              data-testid={`${PAGE_NAME}_phone`}\n              variant=\"body1\"\n              className={classes.contact}\n            >\n              <PhoneIcon className={classes.contactIcon} />\n              {mobile}\n            </Typography>\n          </a>\n        )}\n      </CardContent>\n      <CardActions className={classes.actions}>\n        {email ? (\n          <a href={`mailto:${email}`} target=\"_top\">\n            <Button\n              data-testid={`${PAGE_NAME}_emailButton`}\n              className={classes.actionButton}\n              variant=\"contained\"\n              color=\"primary\"\n            >\n              Email\n            </Button>\n          </a>\n        ) : (\n          <Button disabled className={classes.actionButton} variant=\"contained\" color=\"primary\">\n            Email\n          </Button>\n        )}\n\n        {/* NOTE: Disabled since chat is turned off */}\n        <Button\n          data-testid={`${PAGE_NAME}_messageButton`}\n          disabled\n          className={classes.actionButton}\n          variant=\"contained\"\n          color=\"primary\"\n        >\n          Message\n        </Button>\n      </CardActions>\n    </Card>\n  );\n}\n\nUserCard.propTypes = {\n  user: PropTypes.shape({\n    id: PropTypes.number.isRequired,\n    email: PropTypes.string,\n    mobile: PropTypes.string,\n    title: PropTypes.string,\n    role: PropTypes.string,\n    first_name: PropTypes.string.isRequired,\n    last_name: PropTypes.string.isRequired,\n    profile_photo: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  currentUser: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  }),\n};\n\nconst DEFAULT_USER_CARD_CURRENT_USER = {};\n\nexport default withStyles(muiStyles)(UserCard);\n"],"names":["PAGE_NAME","UserCard","_ref","_ref$user","user","id","email","mobile","title","firstName","first_name","lastName","last_name","profilePhoto","profile_photo","_ref$currentUser","currentUser","DEFAULT_USER_CARD_CURRENT_USER","classes","_jsxs","Card","concat","className","card","children","_jsx","CardMedia","media","image","Number","styles","cUserCardMediaBackdrop","UniversalLink","href","Chip","cUserCardMediaBackdropToProfile","label","CardContent","content","Typography","variant","userName","target","gutterBottom","contact","EmailIcon","contactIcon","PhoneIcon","CardActions","actions","Button","actionButton","color","disabled","propTypes","PropTypes","shape","number","isRequired","string","role","oneOfType","UserCard$1","withStyles","theme","width","height","cursor","padding","fontWeight","display","alignItems","fontSize","marginRight","palette","grey","justifyContent"],"mappings":"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"}

package/components/UserCardPopover.d.ts

@@ -1,5 +1,11 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferProps<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
+    children: any;
+    classes: any;
+    currentUser?: {} | undefined;
+    user: any;
+    wrapperStyle?: {} | undefined;
+}, "currentUser" | "wrapperStyle"> & Pick<PropTypes.InferProps<{
     wrapperStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
     user: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
@@ -17,9 +23,12 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
         popoverPaper: PropTypes.Validator<string>;
         childrenWrapper: PropTypes.Validator<string>;
     }>>>;
-}>> & {
-    wrapperStyle?: PropTypes.InferProps<{}> | null | undefined;
-    currentUser?: PropTypes.InferProps<{}> | null | undefined;
-} & {}, "children" | "currentUser" | "user" | "wrapperStyle"> & import("@material-ui/styles").StyledComponentProps<"childrenWrapper" | "popoverPaper">>;
+}>> & Pick<{
+    children: any;
+    classes: any;
+    currentUser?: {} | undefined;
+    user: any;
+    wrapperStyle?: {} | undefined;
+}, never>, "children" | "currentUser" | "user" | "wrapperStyle"> & import("@material-ui/styles").StyledComponentProps<"childrenWrapper" | "popoverPaper">>;
 export default _default;
 //# sourceMappingURL=UserCardPopover.d.ts.map

package/components/UserCardPopover.js

@@ -1,2 +1,2 @@
-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 r from"@babel/runtime/helpers/slicedToArray";import{useState as e}from"react";import o from"prop-types";import{withStyles as i,Popover as p}from"@material-ui/core";import a from"./UserCard/index.js";import{jsxs as s,Fragment as n,jsx as t}from"react/jsx-runtime";var l={},c={};function u(o){var i=o.wrapperStyle,u=void 0===i?l:i,d=o.currentUser,h=void 0===d?c:d,m=o.classes,v=o.children,f=o.user,g=e(null),y=r(g,2),q=y[0],R=y[1],b=Boolean(q);return s(n,{children:[t("div",{"aria-owns":b?"user-popover":void 0,"aria-haspopup":"true",onClick:function(r){R(r.currentTarget)},className:m.childrenWrapper,style:u,children:v}),t(p,{id:"user-popover",open:b,classes:{paper:m.popoverPaper},anchorEl:q,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:function(){R(null)},children:t(a,{user:f,currentUser:h})})]})}u.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};var d=i({popoverPaper:{background:"transparent"},childrenWrapper:{cursor:"pointer"}})(u);export{d as default};
 //# sourceMappingURL=UserCardPopover.js.map

package/components/UserCardPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserCardPopover.js","sources":["../../src/components/UserCardPopover.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles, Popover } from '@material-ui/core';\n\nimport UserCard from '~/components/UserCard';\n\nconst muiStyles = {\n  popoverPaper: { background: 'transparent' },\n  childrenWrapper: { cursor: 'pointer' },\n};\n\nfunction UserCardPopover(props) {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const open = Boolean(anchorEl);\n\n  const handlePopoverOpen = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <>\n      <div\n        aria-owns={open ? 'user-popover' : undefined}\n        aria-haspopup=\"true\"\n        onClick={handlePopoverOpen}\n        className={props.classes.childrenWrapper}\n        style={props.wrapperStyle}\n      >\n        {props.children}\n      </div>\n      <Popover\n        id=\"user-popover\"\n        open={open}\n        classes={{ paper: props.classes.popoverPaper }}\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n        onClose={handlePopoverClose}\n      >\n        <UserCard user={props.user} currentUser={props.currentUser} />\n      </Popover>\n    </>\n  );\n}\n\nUserCardPopover.propTypes = {\n  wrapperStyle: PropTypes.shape({}),\n  user: PropTypes.shape({}).isRequired,\n  children: PropTypes.node.isRequired,\n\n  currentUser: PropTypes.shape({}),\n\n  classes: PropTypes.shape({\n    popoverPaper: PropTypes.string.isRequired,\n    childrenWrapper: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nUserCardPopover.defaultProps = {\n  wrapperStyle: {},\n  currentUser: {},\n};\n\nexport default withStyles(muiStyles)(UserCardPopover);\n"],"names":["UserCardPopover","props","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","open","Boolean","_jsxs","_Fragment","children","_jsx","undefined","onClick","event","currentTarget","className","classes","childrenWrapper","style","wrapperStyle","Popover","id","paper","popoverPaper","anchorOrigin","vertical","horizontal","transformOrigin","onClose","UserCard","user","currentUser","propTypes","PropTypes","shape","isRequired","node","string","defaultProps","UserCardPopover$1","withStyles","background","cursor"],"mappings":"8QAWA,SAASA,EAAgBC,GACvB,IAAgCC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACtBK,EAAOC,QAAQH,GAUrB,OACEI,EAAAC,EAAA,CAAAC,SACE,CAAAC,EAAA,MAAA,CACE,YAAWL,EAAO,oBAAiBM,EACnC,gBAAc,OACdC,QAboB,SAAAC,GACxBT,EAAYS,EAAMC,gBAadC,UAAWjB,EAAMkB,QAAQC,gBACzBC,MAAOpB,EAAMqB,aAAaV,SAEzBX,EAAMW,WAETC,EAACU,EAAO,CACNC,GAAG,eACHhB,KAAMA,EACNW,QAAS,CAAEM,MAAOxB,EAAMkB,QAAQO,cAChCpB,SAAUA,EACVqB,aAAc,CACZC,SAAU,SACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QAEdE,QA5BqB,WACzBxB,EAAY,OA2BoBK,SAE5BC,EAACmB,EAAQ,CAACC,KAAMhC,EAAMgC,KAAMC,YAAajC,EAAMiC,kBAIvD,CAEAlC,EAAgBmC,UAAY,CAC1Bb,aAAcc,EAAUC,MAAM,IAC9BJ,KAAMG,EAAUC,MAAM,CAAA,GAAIC,WAC1B1B,SAAUwB,EAAUG,KAAKD,WAEzBJ,YAAaE,EAAUC,MAAM,IAE7BlB,QAASiB,EAAUC,MAAM,CACvBX,aAAcU,EAAUI,OAAOF,WAC/BlB,gBAAiBgB,EAAUI,OAAOF,aACjCA,YAGLtC,EAAgByC,aAAe,CAC7BnB,aAAc,CAAE,EAChBY,YAAa,CAAC,GAGhB,IAAAQ,EAAeC,EAnEG,CAChBjB,aAAc,CAAEkB,WAAY,eAC5BxB,gBAAiB,CAAEyB,OAAQ,YAiEdF,CAAsB3C"}
+{"version":3,"file":"UserCardPopover.js","sources":["../../src/components/UserCardPopover.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles, Popover } from '@material-ui/core';\n\nimport UserCard from '~/components/UserCard';\n\nconst muiStyles = {\n  popoverPaper: { background: 'transparent' },\n  childrenWrapper: { cursor: 'pointer' },\n};\n\nconst DEFAULT_WRAPPER_STYLE = {};\nconst DEFAULT_CURRENT_USER = {};\n\nfunction UserCardPopover({\n  wrapperStyle = DEFAULT_WRAPPER_STYLE,\n  currentUser = DEFAULT_CURRENT_USER,\n  classes,\n  children,\n  user,\n}) {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const open = Boolean(anchorEl);\n\n  const handlePopoverOpen = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <>\n      <div\n        aria-owns={open ? 'user-popover' : undefined}\n        aria-haspopup=\"true\"\n        onClick={handlePopoverOpen}\n        className={classes.childrenWrapper}\n        style={wrapperStyle}\n      >\n        {children}\n      </div>\n      <Popover\n        id=\"user-popover\"\n        open={open}\n        classes={{ paper: classes.popoverPaper }}\n        anchorEl={anchorEl}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n        onClose={handlePopoverClose}\n      >\n        <UserCard user={user} currentUser={currentUser} />\n      </Popover>\n    </>\n  );\n}\n\nUserCardPopover.propTypes = {\n  wrapperStyle: PropTypes.shape({}),\n  user: PropTypes.shape({}).isRequired,\n  children: PropTypes.node.isRequired,\n\n  currentUser: PropTypes.shape({}),\n\n  classes: PropTypes.shape({\n    popoverPaper: PropTypes.string.isRequired,\n    childrenWrapper: PropTypes.string.isRequired,\n  }).isRequired,\n};\n\nexport default withStyles(muiStyles)(UserCardPopover);\n"],"names":["DEFAULT_WRAPPER_STYLE","DEFAULT_CURRENT_USER","UserCardPopover","_ref","_ref$wrapperStyle","wrapperStyle","_ref$currentUser","currentUser","classes","children","user","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","open","Boolean","_jsxs","_Fragment","_jsx","undefined","onClick","event","currentTarget","className","childrenWrapper","style","Popover","id","paper","popoverPaper","anchorOrigin","vertical","horizontal","transformOrigin","onClose","UserCard","propTypes","PropTypes","shape","isRequired","node","string","UserCardPopover$1","withStyles","background","cursor"],"mappings":"8QAMA,IAKMA,EAAwB,CAAA,EACxBC,EAAuB,CAAA,EAE7B,SAASC,EAMNC,GAAA,IAAAC,EAAAD,EALDE,aAAAA,aAAeL,EAAqBI,EAAAE,EAAAH,EACpCI,YAAAA,aAAcN,EAAoBK,EAClCE,IAAAA,QACAC,IAAAA,SACAC,IAAAA,KAEgCC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACtBK,EAAOC,QAAQH,GAUrB,OACEI,EAAAC,EAAA,CAAAX,SACE,CAAAY,EAAA,MAAA,CACE,YAAWJ,EAAO,oBAAiBK,EACnC,gBAAc,OACdC,QAboB,SAAAC,GACxBR,EAAYQ,EAAMC,gBAadC,UAAWlB,EAAQmB,gBACnBC,MAAOvB,EAAaI,SAEnBA,IAEHY,EAACQ,EAAO,CACNC,GAAG,eACHb,KAAMA,EACNT,QAAS,CAAEuB,MAAOvB,EAAQwB,cAC1BjB,SAAUA,EACVkB,aAAc,CACZC,SAAU,SACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QAEdE,QA5BqB,WACzBrB,EAAY,OA2BoBP,SAE5BY,EAACiB,EAAQ,CAAC5B,KAAMA,EAAMH,YAAaA,QAI3C,CAEAL,EAAgBqC,UAAY,CAC1BlC,aAAcmC,EAAUC,MAAM,IAC9B/B,KAAM8B,EAAUC,MAAM,CAAA,GAAIC,WAC1BjC,SAAU+B,EAAUG,KAAKD,WAEzBnC,YAAaiC,EAAUC,MAAM,IAE7BjC,QAASgC,EAAUC,MAAM,CACvBT,aAAcQ,EAAUI,OAAOF,WAC/Bf,gBAAiBa,EAAUI,OAAOF,aACjCA,YAGL,IAAAG,EAAeC,EAvEG,CAChBd,aAAc,CAAEe,WAAY,eAC5BpB,gBAAiB,CAAEqB,OAAQ,YAqEdF,CAAsB5C"}

package/components/UserMention/index.js

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

package/components/UserMention/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\nimport { USER_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange,\n  singleLine,\n  suggestionsPortalHost,\n  value,\n  inputRef,\n  classes,\n  style,\n  withLightTheme,\n  placeholder,\n  onMount,\n  onKeyDown,\n  onKeyUp,\n  onFocus,\n  onBlur,\n  autoFocus,\n  disabled,\n  companyId,\n  currentUser,\n  isCompanySelectVisible,\n  mentionProps,\n  allowSuggestionsAboveCursor,\n  allowEmptyQuery,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds, allowEmptyQuery);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId, allowEmptyQuery]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = Object.assign(\n    withLightTheme ? lightThemeInputStyles : darkThemeInputStyles,\n    style\n  );\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }),\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  /** Show default users when only \"@\" is typed, instead of waiting for a search term. */\n  allowEmptyQuery: PropTypes.bool,\n};\n\nUserMention.defaultProps = {\n  onChange: () => undefined,\n  singleLine: false,\n  suggestionsPortalHost: null,\n  value: '',\n  inputRef: null,\n  withLightTheme: false,\n  placeholder: \"Mention people using '@'\",\n  style: {\n    suggestions: {\n      list: {\n        background: '#414141',\n      },\n      item: {\n        color: 'white',\n        height: 30,\n        '&focused': {\n          backgroundColor: 'rgba(255, 255, 255, 0.08)',\n        },\n      },\n    },\n  },\n  mentionProps: {},\n  onMount: () => undefined,\n  onKeyDown: () => undefined,\n  onKeyUp: () => undefined,\n  onFocus: () => undefined,\n  onBlur: () => undefined,\n  autoFocus: true,\n  disabled: false,\n  allowSuggestionsAboveCursor: false,\n  allowEmptyQuery: false,\n  companyId: null,\n  currentUser: null,\n};\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","blue","mentionDarkStyle","color","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","onChange","singleLine","suggestionsPortalHost","value","inputRef","classes","style","withLightTheme","placeholder","onMount","onKeyDown","onKeyUp","onFocus","onBlur","autoFocus","disabled","companyId","currentUser","isCompanySelectVisible","mentionProps","allowSuggestionsAboveCursor","allowEmptyQuery","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","Object","assign","_jsx","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","Mention","_objectSpread","markup","USER_MARKUP","renderSuggestion","entry","_jsxs","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","mention__suggestion__info","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","defaultProps","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\nimport { USER_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange = DEFAULT_USER_MENTION_ON_CHANGE,\n  singleLine = false,\n  suggestionsPortalHost = null,\n  value = '',\n  inputRef = null,\n  classes,\n  style = DEFAULT_USER_MENTION_STYLE,\n  withLightTheme = false,\n  placeholder = \"Mention people using '@'\",\n  onMount = DEFAULT_USER_MENTION_ON_MOUNT,\n  onKeyDown = DEFAULT_USER_MENTION_ON_KEY_DOWN,\n  onKeyUp = DEFAULT_USER_MENTION_ON_KEY_UP,\n  onFocus = DEFAULT_USER_MENTION_ON_FOCUS,\n  onBlur = DEFAULT_USER_MENTION_ON_BLUR,\n  autoFocus = true,\n  disabled = false,\n  companyId = null,\n  currentUser = null,\n  isCompanySelectVisible,\n  mentionProps = DEFAULT_USER_MENTION_MENTION_PROPS,\n  allowSuggestionsAboveCursor = false,\n  allowEmptyQuery = false,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds, allowEmptyQuery);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId, allowEmptyQuery]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = Object.assign(\n    withLightTheme ? lightThemeInputStyles : darkThemeInputStyles,\n    style\n  );\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }),\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  /** Show default users when only \"@\" is typed, instead of waiting for a search term. */\n  allowEmptyQuery: PropTypes.bool,\n};\n\nconst DEFAULT_USER_MENTION_ON_CHANGE = () => undefined;\n\nconst DEFAULT_USER_MENTION_STYLE = {\n  suggestions: {\n    list: {\n      background: '#414141',\n    },\n    item: {\n      color: 'white',\n      height: 30,\n      '&focused': {\n        backgroundColor: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n  },\n};\n\nconst DEFAULT_USER_MENTION_MENTION_PROPS = {};\nconst DEFAULT_USER_MENTION_ON_MOUNT = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_DOWN = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_UP = () => undefined;\nconst DEFAULT_USER_MENTION_ON_FOCUS = () => undefined;\nconst DEFAULT_USER_MENTION_ON_BLUR = () => undefined;\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","blue","mentionDarkStyle","color","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","_ref$onChange","onChange","DEFAULT_USER_MENTION_ON_CHANGE","_ref$singleLine","singleLine","_ref$suggestionsPorta","suggestionsPortalHost","_ref$value","value","_ref$inputRef","inputRef","classes","_ref$style","style","DEFAULT_USER_MENTION_STYLE","_ref$withLightTheme","withLightTheme","_ref$placeholder","placeholder","_ref$onMount","onMount","DEFAULT_USER_MENTION_ON_MOUNT","_ref$onKeyDown","onKeyDown","DEFAULT_USER_MENTION_ON_KEY_DOWN","_ref$onKeyUp","onKeyUp","DEFAULT_USER_MENTION_ON_KEY_UP","_ref$onFocus","onFocus","DEFAULT_USER_MENTION_ON_FOCUS","_ref$onBlur","onBlur","DEFAULT_USER_MENTION_ON_BLUR","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$companyId","companyId","_ref$currentUser","currentUser","isCompanySelectVisible","_ref$mentionProps","mentionProps","DEFAULT_USER_MENTION_MENTION_PROPS","_ref$allowSuggestions","allowSuggestionsAboveCursor","_ref$allowEmptyQuery","allowEmptyQuery","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","Object","assign","_jsx","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","Mention","_objectSpread","markup","USER_MARKUP","renderSuggestion","entry","_jsxs","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","mention__suggestion__info","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"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"}

package/components/WellSummary/ActivitySummaryChart.d.ts

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types';
-declare function ActivitySummaryChart({ title, currentActivityName, activities, showTooltip }: {
+declare function ActivitySummaryChart({ title, currentActivityName, activities, showTooltip, }: {
     activities: any;
     currentActivityName: any;
-    showTooltip: any;
-    title: any;
+    showTooltip?: boolean | undefined;
+    title?: string | undefined;
 }): import("react").JSX.Element;
 declare namespace ActivitySummaryChart {
     var propTypes: {
@@ -16,10 +16,6 @@ declare namespace ActivitySummaryChart {
         currentActivityName: PropTypes.Validator<string>;
         showTooltip: PropTypes.Requireable<boolean>;
     };
-    var defaultProps: {
-        title: string;
-        showTooltip: boolean;
-    };
 }
 export default ActivitySummaryChart;
 //# sourceMappingURL=ActivitySummaryChart.d.ts.map

package/components/WellSummary/ActivitySummaryChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivitySummaryChart.d.ts","sourceRoot":"","sources":["../../../src/components/WellSummary/ActivitySummaryChart.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiInC,iBAAS,oBAAoB,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE;;;;;CAAA,+BA6JpF;kBA7JQ,oBAAoB;;;;;;;;;;;;;;;;eAiLd,oBAAoB"}
+{"version":3,"file":"ActivitySummaryChart.d.ts","sourceRoot":"","sources":["../../../src/components/WellSummary/ActivitySummaryChart.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiInC,iBAAS,oBAAoB,CAAC,EAC5B,KAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,WAAmB,GACpB;;;;;CAAA,+BA6JA;kBAlKQ,oBAAoB;;;;;;;;;;;;eAiLd,oBAAoB"}

package/components/WellSummary/ActivitySummaryChart.js

@@ -1,2 +1,2 @@
-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{drawRadicalGradient as m,drawDonutSlice as g}from"./utils.js";import{Regular14 as f}from"../Typography.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)&&m(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");g(c,100,100,100,r,o,t.color||"#000000",!0)}else g(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(f,{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},e)}))]})})]})}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"@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 a,useEffect as o,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{drawRadicalGradient as m,drawDonutSlice as g}from"./utils.js";import{Regular14 as f}from"../Typography.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=void 0===s?"Last 24hrs":s,N=i.currentActivityName,R=i.activities,S=i.showTooltip,T=void 0!==S&&S,k=y({activitiesLength:R.length}),E=n(null),A=n([]),j=r(null),B=e(j,2),C=B[0],I=B[1],O=a((function(){return R.filter((function(t){return t.duration}))}),[R]),z=a((function(){return u(R,"duration")}),[R]),H=a((function(){return null===C?R.find((function(t){return t.name===N})):O[C]}),[R,N,O,C]),P=function(t){var e=!1;A.current.forEach((function(i,n){var r=i.current;if(r&&!e){var a=r.getContext("2d");(e=a.isPointInPath(t.offsetX,t.offsetY))&&I(n)}})),e||I(null)},W=function(){I(null)};return o((function(){var t=E.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=O.length;A.current.length!==i&&(A.current=Array(i).fill().map((function(t,e){return A.current[e]||c()})));var n=0;O.forEach((function(t,i){var r=n,a=r+t.duration/z*Math.PI*2;(null===C&&t.name===N||i===C)&&m(e,100,100,100,r,a);var o=A.current[i].current;if(o){o.width=200,o.height=200,o.style.width="".concat(200,"px"),o.style.height="".concat(200,"px"),T&&(o.onmousemove=P,o.onmouseleave=W);var c=o.getContext("2d");g(c,100,100,100,r,a,t.color||"#000000",!0)}else g(e,100,100,100,r,a,t.color||"#000000",!0);n=a}))})),x("div",{className:k.root,children:[v("div",{className:l(k.backgroundRoot,t({},k.emptyStateBackground,!R.length)),children:v("div",{className:k.dropShadowRoot})}),x("div",{className:k.content,children:[v(d,{className:k.activityTimeRange,children:w}),R.length?x(b,{children:[v("div",{className:k.lastActivityRoot,children:H&&H.duration?x(d,{className:k.activityDuration,children:[(H.duration/3600).toFixed(1),v("span",{className:k.durationUnit,children:" h"})]}):null}),v(d,{className:k.activityName,children:h((null==H?void 0:H.name)||"")})]}):v("div",{className:k.noOperationsRoot,children:v(f,{className:k.noOperationsText,children:"No operations"})})]}),v(p,{title:null!==C?"".concat(O[C].name,": ").concat((O[C].duration/3600).toFixed(3),"h"):"",placement:"bottom",children:x("div",{className:k.chart,children:[v("canvas",{ref:E,className:k.canvas}),O.map((function(t,e){return v("canvas",{ref:A.current[e],className:k.activities},e)}))]})})]})}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};export{w as default};
 //# sourceMappingURL=ActivitySummaryChart.js.map