@corva/ui 3.73.0-7 → 3.73.0-rc.0

package/cjs-bundle/components/Template/TemplatePopover/index.js

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

package/cjs-bundle/components/Template/TemplatePopover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Typography,\n  IconButton,\n  List,\n  ListItem,\n  TextField,\n  Popover,\n  CircularProgress,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  Layers as LayersIcon,\n  LayersClear as LayersClearIcon,\n  AddCircle as AddCircleIcon,\n  Check as CheckIcon,\n  Delete as DeleteIcon,\n  Edit as EditIcon,\n  Share as ShareIcon,\n  Close as CloseIcon,\n  FileCopy as CopyIcon,\n} from '@material-ui/icons';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\n\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n  USER: 'USER',\n  DEFAULT: 'DEFAULT',\n  SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n  [TEMPLATE_TYPES.USER]: 'No templates yet...',\n  [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n  [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n  [TEMPLATE_TYPES.USER]: 'My Template',\n  [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n  [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n  currentUser,\n  // popover\n  open,\n  anchorEl,\n  anchorOrigin,\n  transformOrigin,\n  onClose,\n  // templates\n  templates,\n  activeTemplateId,\n  getDefaultTemplates,\n  getUserTemplates,\n  getSharedTemplates,\n  onAddNewTemplate,\n  onTemplateDelete,\n  onTemplateCopy,\n  onTemplateEdit,\n  onTemplateShare,\n  onActiveTemplateChange,\n  loading,\n  classes: customMuiStyles,\n  // custome slot\n  hasNameSlot,\n  renderSlot,\n  readOnly,\n  hideDefaultTemplates,\n}) {\n  const classes = useTemplatePopoverStyles();\n  const [allTemplates, setAllTemplates] = useState(templates);\n  const [templateToShare, setTemplateToShare] = useState(null);\n  const [error, setError] = useState({});\n  useEffect(() => {\n    setAllTemplates(templates);\n  }, [templates]);\n\n  // NOTE: Group template by type\n  const groupedTemplates = useMemo(() => {\n    const groups = [\n      {\n        type: TEMPLATE_TYPES.USER,\n        templatesList: getUserTemplates(allTemplates),\n      },\n    ];\n    if (!hideDefaultTemplates)\n      groups.push({\n        type: TEMPLATE_TYPES.DEFAULT,\n        templatesList: getDefaultTemplates(allTemplates),\n      });\n    if (!readOnly)\n      groups.push({\n        type: TEMPLATE_TYPES.SHARED,\n        templatesList: getSharedTemplates(allTemplates),\n      });\n    return groups;\n  }, [allTemplates, readOnly, hideDefaultTemplates]);\n\n  const handleClickTemplate = nextActiveTemplateId => () => {\n    onActiveTemplateChange(nextActiveTemplateId);\n  };\n\n  const handleChange = (templateId, callback) => e => {\n    e.stopPropagation();\n    if (!readOnly) callback(templateId);\n  };\n\n  // NOTE: Handlers for template name change\n  const handleTemplateNameEdit = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n      )\n    );\n  };\n  const handleTemplateNameChange = templateId => e => {\n    e.stopPropagation();\n\n    const allTemplateNames = allTemplates\n      .filter(template => template.id !== templateId)\n      .map(template => template.name);\n    if (allTemplateNames.includes(e.target.value)) {\n      setError({\n        ...error,\n        [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n      });\n    } else {\n      setError({\n        ...error,\n        [templateId]: null,\n      });\n    }\n\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n    );\n  };\n  const handleTemplateNameEditApply = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n    );\n    const currentTemplate = allTemplates.find(template => template.id === templateId);\n    onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n  };\n  const handleTemplateNameEditCancel = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n      )\n    );\n  };\n  const handleKeyDown = templateId => e => {\n    if (e.key === 'Enter') {\n      setAllTemplates(\n        allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n      );\n      const currentTemplate = allTemplates.find(template => template.id === templateId);\n      onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n    }\n  };\n\n  // NOTE: Handlers for template sharing\n  const handleTemplateSharingDialogOpen = templateId => e => {\n    e.stopPropagation();\n    const currentTemplate = allTemplates.find(item => item.id === templateId);\n    setTemplateToShare(currentTemplate);\n  };\n  const handleTemplateSharingDialogClose = () => {\n    setTemplateToShare(null);\n  };\n  const handleTemplateSharingSave = usersToShare => {\n    if (templateToShare) {\n      onTemplateShare(templateToShare.id, usersToShare);\n    }\n    handleTemplateSharingDialogClose();\n  };\n\n  return (\n    <Popover\n      id=\"app-settings-template-popper\"\n      classes={{\n        paper: classnames(classes.paper, customMuiStyles.paper),\n      }}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={anchorOrigin}\n      transformOrigin={transformOrigin}\n    >\n      <div className={classes.paperWrapper}>\n        <div className={classes.titleWrapper}>\n          <Typography className={classes.title}>Templates</Typography>\n          {loading && <CircularProgress size={16} />}\n        </div>\n\n        <div\n          className={classnames(classes.selectedGroup, {\n            [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n            [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n          })}\n          onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n        >\n          <div className={classes.noTemplateItem}>\n            {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n              <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n            ) : (\n              <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n            )}\n            <div className={classes.selectedLabel}>No Template Selected</div>\n          </div>\n        </div>\n\n        {groupedTemplates.map(({ type, templatesList }) => (\n          <Fragment key={`template-list-${type}`}>\n            <div className={classes.templateHeader}>\n              <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n              {type === TEMPLATE_TYPES.USER && !readOnly && (\n                <Tooltip title=\"Create Template\" placement=\"right\">\n                  <AddCircleIcon\n                    fontSize=\"small\"\n                    color=\"primary\"\n                    className={classes.addNewTemplateIcon}\n                    onClick={onAddNewTemplate}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {templatesList.length === 0 ? (\n              <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n            ) : (\n              <List className={classes.templateList}>\n                {templatesList.map(template => (\n                  <Tooltip\n                    key={`template-list-item-${template.id}`}\n                    title={template.disabled ? template.tooltipTitle : ''}\n                  >\n                    <ListItem\n                      className={classnames(classes.templateListItem, {\n                        [classes.templateListItemSelected]: template.id === activeTemplateId,\n                        [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n                      })}\n                      onClick={template.disabled ? null : handleClickTemplate(template.id)}\n                      disabled={template.disabled ?? false}\n                    >\n                      {template.id === activeTemplateId ? (\n                        <CheckIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      ) : (\n                        <LayersIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      )}\n\n                      {template.isEditing ? (\n                        <TextField\n                          autoFocus\n                          className={classes.templateListItemInput}\n                          value={template.name}\n                          onClick={e => e.stopPropagation()}\n                          onChange={handleTemplateNameChange(template.id)}\n                          onKeyDown={handleKeyDown(template.id)}\n                          error={!!error[template.id]}\n                          helperText={error[template.id]}\n                        />\n                      ) : (\n                        <Typography className={classes.templateListItemName}>\n                          {template.name}\n                        </Typography>\n                      )}\n\n                      {!template.isEditing\n                        ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n                        : null}\n\n                      {template.isEditing ? (\n                        <div\n                          className={classnames(\n                            classes.actionWrapper,\n                            classes.actionWrapperEditing\n                          )}\n                        >\n                          <Tooltip title=\"Save\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditApply(template.id)}\n                            >\n                              <CheckIcon fontSize=\"small\" color=\"primary\" />\n                            </IconButton>\n                          </Tooltip>\n\n                          <Tooltip title=\"Cancel\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditCancel(template.id)}\n                            >\n                              <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n                            </IconButton>\n                          </Tooltip>\n                        </div>\n                      ) : (\n                        <div\n                          className={classnames(classes.actionWrapper, {\n                            [classes.actionWrapperHidden]: template.disabled || readOnly,\n                          })}\n                        >\n                          {type === TEMPLATE_TYPES.USER ? (\n                            <>\n                              <Tooltip title=\"Delete\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateDelete)}\n                                >\n                                  <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Rename\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateNameEdit(template.id)}\n                                >\n                                  <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Copy\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateCopy)}\n                                >\n                                  <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Share\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateSharingDialogOpen(template.id)}\n                                >\n                                  <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n                            </>\n                          ) : (\n                            <Tooltip title=\"Copy To My Templates\">\n                              <IconButton\n                                className={classes.actionIconButton}\n                                onClick={handleChange(template.id, onTemplateCopy)}\n                              >\n                                <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                              </IconButton>\n                            </Tooltip>\n                          )}\n                        </div>\n                      )}\n                    </ListItem>\n                  </Tooltip>\n                ))}\n              </List>\n            )}\n          </Fragment>\n        ))}\n      </div>\n\n      <TemplateSharingDialog\n        title={`Share \"${get(templateToShare, 'name')}\"`}\n        open={!!templateToShare}\n        onSave={handleTemplateSharingSave}\n        onCancel={handleTemplateSharingDialogClose}\n        currentUser={currentUser}\n      />\n    </Popover>\n  );\n}\n\nTemplatePopover.propTypes = {\n  open: PropTypes.bool.isRequired,\n  anchorEl: PropTypes.node,\n  anchorOrigin: PropTypes.shape({}),\n  transformOrigin: PropTypes.shape({}),\n  onClose: PropTypes.func.isRequired,\n  templates: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      name: PropTypes.string,\n      settings: PropTypes.shape({}),\n      shared: PropTypes.bool,\n    })\n  ).isRequired,\n  activeTemplateId: PropTypes.number.isRequired,\n  getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n  onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n  onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n  onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n  onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n  onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n  loading: PropTypes.bool, // Template loading status\n\n  // Customize styles\n  classes: PropTypes.shape({\n    paper: PropTypes.string,\n  }),\n  hasNameSlot: PropTypes.bool,\n  renderSlot: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  readOnly: PropTypes.bool,\n  hideDefaultTemplates: PropTypes.bool,\n};\n\nTemplatePopover.defaultProps = {\n  loading: false,\n  classes: {},\n  hasNameSlot: false,\n  anchorEl: null,\n  anchorOrigin: {},\n  transformOrigin: {},\n  readOnly: false,\n  hideDefaultTemplates: false,\n};\n\nexport default TemplatePopover;\n"],"names":["TEMPLATE_TYPES","NO_TEMPLATE_MSG","_NO_TEMPLATE_MSG","TEMPLATE_LABELS","_TEMPLATE_LABELS","TemplatePopover","_ref","_classnames","currentUser","open","anchorEl","anchorOrigin","transformOrigin","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","loading","customMuiStyles","classes","hasNameSlot","renderSlot","readOnly","hideDefaultTemplates","useTemplatePopoverStyles","useState","_useState2","_slicedToArray","_useState","allTemplates","setAllTemplates","_useState4","_useState3","templateToShare","setTemplateToShare","_useState5","_useState6","error","setError","useEffect","groupedTemplates","useMemo","groups","type","templatesList","push","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameEditApply","currentTemplate","find","template","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","_jsxs","Popover","paper","classnames","children","jsxs","className","paperWrapper","titleWrapper","_jsx","Typography","title","jsx","CircularProgress","size","selectedGroup","_defineProperty","selectedGroupSelected","selectedGroupUnSelected","onClick","noTemplateItem","CheckIcon","fontSize","selectedIcon","LayersClearIcon","selectedLabel","_ref2","Fragment","templateHeader","subtitle","Tooltip","placement","AddCircleIcon","color","addNewTemplateIcon","length","noTemplateLabel","List","templateList","_classnames2","_template$disabled","disabled","tooltipTitle","ListItem","templateListItem","templateListItemSelected","templateListItemUnSelected","Check","_objectSpread","LayersIcon","Layers","TextField","autoFocus","templateListItemInput","value","onChange","filter","includes","target","onKeyDown","helperText","templateListItemName","get","actionWrapper","actionWrapperEditing","IconButton","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","concat","TemplateSharingDialog","onSave","usersToShare","onCancel","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Typography,\n  IconButton,\n  List,\n  ListItem,\n  TextField,\n  Popover,\n  CircularProgress,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  Layers as LayersIcon,\n  LayersClear as LayersClearIcon,\n  AddCircle as AddCircleIcon,\n  Check as CheckIcon,\n  Delete as DeleteIcon,\n  Edit as EditIcon,\n  Share as ShareIcon,\n  Close as CloseIcon,\n  FileCopy as CopyIcon,\n} from '@material-ui/icons';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\n\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n  USER: 'USER',\n  DEFAULT: 'DEFAULT',\n  SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n  [TEMPLATE_TYPES.USER]: 'No templates yet...',\n  [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n  [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n  [TEMPLATE_TYPES.USER]: 'My Template',\n  [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n  [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n  currentUser,\n  // popover\n  open,\n  anchorEl = null,\n  anchorOrigin = DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN,\n  transformOrigin = DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN,\n  onClose,\n  // templates\n  templates,\n  activeTemplateId,\n  getDefaultTemplates,\n  getUserTemplates,\n  getSharedTemplates,\n  onAddNewTemplate,\n  onTemplateDelete,\n  onTemplateCopy,\n  onTemplateEdit,\n  onTemplateShare,\n  onActiveTemplateChange,\n  loading = false,\n  classes: customMuiStyles = DEFAULT_TEMPLATE_POPOVER_CLASSES,\n  // custome slot\n  hasNameSlot = false,\n  renderSlot,\n  readOnly = false,\n  hideDefaultTemplates = false,\n}) {\n  const classes = useTemplatePopoverStyles();\n  const [allTemplates, setAllTemplates] = useState(templates);\n  const [templateToShare, setTemplateToShare] = useState(null);\n  const [error, setError] = useState({});\n  useEffect(() => {\n    setAllTemplates(templates);\n  }, [templates]);\n\n  // NOTE: Group template by type\n  const groupedTemplates = useMemo(() => {\n    const groups = [\n      {\n        type: TEMPLATE_TYPES.USER,\n        templatesList: getUserTemplates(allTemplates),\n      },\n    ];\n    if (!hideDefaultTemplates)\n      groups.push({\n        type: TEMPLATE_TYPES.DEFAULT,\n        templatesList: getDefaultTemplates(allTemplates),\n      });\n    if (!readOnly)\n      groups.push({\n        type: TEMPLATE_TYPES.SHARED,\n        templatesList: getSharedTemplates(allTemplates),\n      });\n    return groups;\n  }, [allTemplates, readOnly, hideDefaultTemplates]);\n\n  const handleClickTemplate = nextActiveTemplateId => () => {\n    onActiveTemplateChange(nextActiveTemplateId);\n  };\n\n  const handleChange = (templateId, callback) => e => {\n    e.stopPropagation();\n    if (!readOnly) callback(templateId);\n  };\n\n  // NOTE: Handlers for template name change\n  const handleTemplateNameEdit = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n      )\n    );\n  };\n  const handleTemplateNameChange = templateId => e => {\n    e.stopPropagation();\n\n    const allTemplateNames = allTemplates\n      .filter(template => template.id !== templateId)\n      .map(template => template.name);\n    if (allTemplateNames.includes(e.target.value)) {\n      setError({\n        ...error,\n        [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n      });\n    } else {\n      setError({\n        ...error,\n        [templateId]: null,\n      });\n    }\n\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n    );\n  };\n  const handleTemplateNameEditApply = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n    );\n    const currentTemplate = allTemplates.find(template => template.id === templateId);\n    onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n  };\n  const handleTemplateNameEditCancel = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n      )\n    );\n  };\n  const handleKeyDown = templateId => e => {\n    if (e.key === 'Enter') {\n      setAllTemplates(\n        allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n      );\n      const currentTemplate = allTemplates.find(template => template.id === templateId);\n      onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n    }\n  };\n\n  // NOTE: Handlers for template sharing\n  const handleTemplateSharingDialogOpen = templateId => e => {\n    e.stopPropagation();\n    const currentTemplate = allTemplates.find(item => item.id === templateId);\n    setTemplateToShare(currentTemplate);\n  };\n  const handleTemplateSharingDialogClose = () => {\n    setTemplateToShare(null);\n  };\n  const handleTemplateSharingSave = usersToShare => {\n    if (templateToShare) {\n      onTemplateShare(templateToShare.id, usersToShare);\n    }\n    handleTemplateSharingDialogClose();\n  };\n\n  return (\n    <Popover\n      id=\"app-settings-template-popper\"\n      classes={{\n        paper: classnames(classes.paper, customMuiStyles.paper),\n      }}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={anchorOrigin}\n      transformOrigin={transformOrigin}\n    >\n      <div className={classes.paperWrapper}>\n        <div className={classes.titleWrapper}>\n          <Typography className={classes.title}>Templates</Typography>\n          {loading && <CircularProgress size={16} />}\n        </div>\n\n        <div\n          className={classnames(classes.selectedGroup, {\n            [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n            [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n          })}\n          onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n        >\n          <div className={classes.noTemplateItem}>\n            {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n              <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n            ) : (\n              <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n            )}\n            <div className={classes.selectedLabel}>No Template Selected</div>\n          </div>\n        </div>\n\n        {groupedTemplates.map(({ type, templatesList }) => (\n          <Fragment key={`template-list-${type}`}>\n            <div className={classes.templateHeader}>\n              <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n              {type === TEMPLATE_TYPES.USER && !readOnly && (\n                <Tooltip title=\"Create Template\" placement=\"right\">\n                  <AddCircleIcon\n                    fontSize=\"small\"\n                    color=\"primary\"\n                    className={classes.addNewTemplateIcon}\n                    onClick={onAddNewTemplate}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {templatesList.length === 0 ? (\n              <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n            ) : (\n              <List className={classes.templateList}>\n                {templatesList.map(template => (\n                  <Tooltip\n                    key={`template-list-item-${template.id}`}\n                    title={template.disabled ? template.tooltipTitle : ''}\n                  >\n                    <ListItem\n                      className={classnames(classes.templateListItem, {\n                        [classes.templateListItemSelected]: template.id === activeTemplateId,\n                        [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n                      })}\n                      onClick={template.disabled ? null : handleClickTemplate(template.id)}\n                      disabled={template.disabled ?? false}\n                    >\n                      {template.id === activeTemplateId ? (\n                        <CheckIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      ) : (\n                        <LayersIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      )}\n\n                      {template.isEditing ? (\n                        <TextField\n                          autoFocus\n                          className={classes.templateListItemInput}\n                          value={template.name}\n                          onClick={e => e.stopPropagation()}\n                          onChange={handleTemplateNameChange(template.id)}\n                          onKeyDown={handleKeyDown(template.id)}\n                          error={!!error[template.id]}\n                          helperText={error[template.id]}\n                        />\n                      ) : (\n                        <Typography className={classes.templateListItemName}>\n                          {template.name}\n                        </Typography>\n                      )}\n\n                      {!template.isEditing\n                        ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n                        : null}\n\n                      {template.isEditing ? (\n                        <div\n                          className={classnames(\n                            classes.actionWrapper,\n                            classes.actionWrapperEditing\n                          )}\n                        >\n                          <Tooltip title=\"Save\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditApply(template.id)}\n                            >\n                              <CheckIcon fontSize=\"small\" color=\"primary\" />\n                            </IconButton>\n                          </Tooltip>\n\n                          <Tooltip title=\"Cancel\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditCancel(template.id)}\n                            >\n                              <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n                            </IconButton>\n                          </Tooltip>\n                        </div>\n                      ) : (\n                        <div\n                          className={classnames(classes.actionWrapper, {\n                            [classes.actionWrapperHidden]: template.disabled || readOnly,\n                          })}\n                        >\n                          {type === TEMPLATE_TYPES.USER ? (\n                            <>\n                              <Tooltip title=\"Delete\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateDelete)}\n                                >\n                                  <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Rename\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateNameEdit(template.id)}\n                                >\n                                  <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Copy\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateCopy)}\n                                >\n                                  <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Share\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateSharingDialogOpen(template.id)}\n                                >\n                                  <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n                            </>\n                          ) : (\n                            <Tooltip title=\"Copy To My Templates\">\n                              <IconButton\n                                className={classes.actionIconButton}\n                                onClick={handleChange(template.id, onTemplateCopy)}\n                              >\n                                <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                              </IconButton>\n                            </Tooltip>\n                          )}\n                        </div>\n                      )}\n                    </ListItem>\n                  </Tooltip>\n                ))}\n              </List>\n            )}\n          </Fragment>\n        ))}\n      </div>\n\n      <TemplateSharingDialog\n        title={`Share \"${get(templateToShare, 'name')}\"`}\n        open={!!templateToShare}\n        onSave={handleTemplateSharingSave}\n        onCancel={handleTemplateSharingDialogClose}\n        currentUser={currentUser}\n      />\n    </Popover>\n  );\n}\n\nTemplatePopover.propTypes = {\n  open: PropTypes.bool.isRequired,\n  anchorEl: PropTypes.node,\n  anchorOrigin: PropTypes.shape({}),\n  transformOrigin: PropTypes.shape({}),\n  onClose: PropTypes.func.isRequired,\n  templates: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      name: PropTypes.string,\n      settings: PropTypes.shape({}),\n      shared: PropTypes.bool,\n    })\n  ).isRequired,\n  activeTemplateId: PropTypes.number.isRequired,\n  getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n  onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n  onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n  onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n  onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n  onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n  loading: PropTypes.bool, // Template loading status\n\n  // Customize styles\n  classes: PropTypes.shape({\n    paper: PropTypes.string,\n  }),\n  hasNameSlot: PropTypes.bool,\n  renderSlot: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  readOnly: PropTypes.bool,\n  hideDefaultTemplates: PropTypes.bool,\n};\n\nconst DEFAULT_TEMPLATE_POPOVER_CLASSES = {};\nconst DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN = {};\nconst DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN = {};\n\nexport default TemplatePopover;\n"],"names":["TEMPLATE_TYPES","NO_TEMPLATE_MSG","_NO_TEMPLATE_MSG","TEMPLATE_LABELS","_TEMPLATE_LABELS","TemplatePopover","_ref","_classnames","currentUser","open","_ref$anchorEl","anchorEl","_ref$anchorOrigin","anchorOrigin","DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","_ref$loading","loading","_ref$classes","classes","customMuiStyles","DEFAULT_TEMPLATE_POPOVER_CLASSES","_ref$hasNameSlot","hasNameSlot","renderSlot","_ref$readOnly","readOnly","_ref$hideDefaultTempl","hideDefaultTemplates","useTemplatePopoverStyles","useState","_useState2","_slicedToArray","_useState","allTemplates","setAllTemplates","_useState4","_useState3","templateToShare","setTemplateToShare","_useState5","_useState6","error","setError","useEffect","groupedTemplates","useMemo","groups","type","templatesList","push","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameEditApply","currentTemplate","find","template","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","_jsxs","Popover","paper","classnames","children","jsxs","className","paperWrapper","titleWrapper","_jsx","Typography","title","jsx","CircularProgress","size","selectedGroup","_defineProperty","selectedGroupSelected","selectedGroupUnSelected","onClick","noTemplateItem","CheckIcon","fontSize","selectedIcon","LayersClearIcon","selectedLabel","_ref2","Fragment","templateHeader","subtitle","Tooltip","placement","AddCircleIcon","color","addNewTemplateIcon","length","noTemplateLabel","List","templateList","_classnames2","_template$disabled","disabled","tooltipTitle","ListItem","templateListItem","templateListItemSelected","templateListItemUnSelected","Check","_objectSpread","LayersIcon","Layers","TextField","autoFocus","templateListItemInput","value","onChange","filter","includes","target","onKeyDown","helperText","templateListItemName","get","actionWrapper","actionWrapperEditing","IconButton","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","concat","TemplateSharingDialog","onSave","usersToShare","onCancel","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared"],"mappings":"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"}

package/cjs-bundle/components/Template/TemplateSharingDialog/index.js

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

package/cjs-bundle/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/cjs-bundle/components/TracesEditModal/TracesEditModal.js

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

package/cjs-bundle/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","jsx","modalFieldLabel","Regular14","propTypes","PropTypes","bool","oneOfType","string","number","isRequired","initialAttachment","shape","body","attachment","func","defaultProps","noop"],"mappings":"wcAaMA,EAAY,kBAIZC,EAAkB,SAelBC,GAAA,IAdJC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,UACAC,IAAAA,aACAC,IAAAA,YACAC,IAAAA,kBACAC,IAAAA,eACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,gBACAC,IAAAA,mBACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,cAEMC,EAAYC,iBAAe,UAC3BC,EAAoBC,EAAAA,cAAcL,EAAU,SAAU,MACtDM,EAAqBD,EAAAA,cAAcN,EAAW,SAAU,MAE9D,OACEQ,EAAAA,KAACC,EAAK,CACJC,MAAI,EACJrB,QAASA,EACTsB,MAAM,OACNC,iBAAkBC,EAAOC,MACzBC,QACEP,OAACQ,OAAI,CAACC,WAAS,EAACC,UAAU,MAAMC,QAAQ,WAAWC,WAAW,SAASC,QAAS,EAAEC,SAAA,CAChFC,MAACP,OAAI,CAACQ,MAAI,EAAAF,SACRC,MAACE,SAAM,CAAC,cAAA,GAAAC,OAAgBxC,EAAmB,WAACyC,MAAM,UAAUC,QAASvC,EAAQiC,SAAA,aAI/EC,MAACP,OAAI,CAACQ,MAAI,EAAAF,SACRC,MAACE,SAAM,CACL,cAAA,GAAAC,OAAgBxC,EAAkB,UAClC2C,QAAQ,YACRF,MAAM,UACNG,SAAUhC,EACV8B,QAAStC,EAAQgC,SAAA,eAMxBA,SAAA,CAEDC,MAACQ,EAAS,CACRC,UAAWnB,EAAOoB,eAClBC,aAAc3C,EACdW,cAAeA,EACfiC,SAAU3C,IAEZgB,OAAC4B,MAAG,CAACC,QAAQ,OAAOC,cAAc,SAAQhB,SAAA,CACxCC,MAACa,MAAG,CAACC,QAAQ,OAAOC,cAAc,SAASC,GAAI,EAAEjB,SAC/CC,MAACiB,EAAsB,CACrBC,MAAM,OACN,cAAA,GAAAf,OAAgBxC,EAAiB,SACjC8C,UAAWnB,EAAO6B,eAClBZ,SAAU/B,EACV4C,MAAM,EACNC,MAAOnD,EACPoD,QAASjD,EACTkD,QAASjD,EACTsC,SAAUzC,EACVqD,OAnEQ,oBAoERC,QAASrD,EACTsD,WAAYtD,MAGfuD,OAAOC,SAASnD,IACfQ,EAAAA,KAAC4B,EAAAA,IAAG,CAACC,QAAQ,OAAOC,cAAc,SAASC,GAAI,EAAEjB,SAC/C,CAAAC,EAAA6B,IAAA,OAAA,CAAMpB,UAAWnB,EAAOwC,gBAAgB/B,SAAA,eACxCC,MAAC+B,YAAS,CAAC,cAAA,GAAA5B,OAAgBxC,EAAsB,cAAAoC,SAC9CvB,EAAqB,aAAkBQ,GAAAA,OAAAA,cAAsBJ,QAInE+C,OAAOC,SAASlD,IACfO,EAAAA,KAAC4B,EAAAA,IAAG,CAACC,QAAQ,OAAOC,cAAc,SAAQhB,SACxC,CAAAC,EAAA6B,IAAA,OAAA,CAAMpB,UAAWnB,EAAOwC,gBAAgB/B,SAAA,cACxCC,MAAC+B,YAAS,CAAC,cAAA,GAAA5B,OAAgBxC,EAAqB,aAAAoC,SAC7CvB,EAAqB,aAAkBM,GAAAA,OAAAA,cAAqBF,aAO3E,EAEAhB,EAAgBoE,UAAY,CAC1BzD,gBAAiB0D,EAAS,QAACC,KAC3B1D,mBAAoByD,EAAS,QAACC,KAC9BvD,cAAesD,EAAAA,QAAUE,UAAU,CAACF,EAAAA,QAAUG,OAAQH,EAAS,QAACI,SAASC,WACzEpE,YAAa+D,EAAAA,QAAUE,UAAU,CAACF,EAAAA,QAAUG,OAAQH,EAAS,QAACI,SAASC,WACvEjE,UAAW4D,EAAAA,QAAUE,UAAU,CAACF,EAAAA,QAAUG,OAAQH,EAAS,QAACI,SAASC,WACrEhE,UAAW2D,EAAAA,QAAUE,UAAU,CAACF,EAAAA,QAAUG,OAAQH,EAAS,QAACI,SAASC,WACrElE,eAAgB6D,EAAS,QAACG,OAC1B3D,UAAWwD,EAAAA,QAAUE,UAAU,CAACF,EAAAA,QAAUG,OAAQH,EAAS,QAACI,SAASC,WACrE5D,SAAUuD,EAAAA,QAAUE,UAAU,CAACF,EAAAA,QAAUG,OAAQH,EAAS,QAACI,SAASC,WACpEC,kBAAmBN,EAAAA,QAAUO,MAAM,IACnCxE,UAAWiE,EAAS,QAACO,MAAM,CACzBC,KAAMR,EAAS,QAACG,OAChBM,WAAYT,EAAAA,QAAUO,MAAM,MAC3BF,WACHrE,aAAcgE,EAAAA,QAAUU,KAAKL,WAC7BnE,kBAAmB8D,EAAAA,QAAUU,KAAKL,WAClCxE,QAASmE,EAAS,QAACU,KACnB5E,QAASkE,EAAS,QAACU,MAGrB/E,EAAgBgF,aAAe,CAC7BL,kBAAmB,KACnBzE,QAAS+E,EAAIA,KACb9E,QAAS8E,EAAIA,KACbzE,eAAgB,GAChBG,iBAAiB,EACjBC,oBAAoB"}
+{"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","jsx","modalFieldLabel","Regular14","propTypes","PropTypes","bool","oneOfType","string","number","isRequired","initialAttachment","shape","body","attachment","func"],"mappings":"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"}

package/cjs-bundle/components/UserCard/index.js

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

package/cjs-bundle/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","jsx","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","jsx","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/cjs-bundle/components/UserCardPopover.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),a=require("prop-types"),s=require("@material-ui/core"),t=require("./UserCard/index.js"),i=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(e),p=u(a);function l(e){var a=r.useState(null),u=n.default(a,2),p=u[0],l=u[1],o=Boolean(p);return i.jsxs(i.Fragment,{children:[i.jsx("div",{"aria-owns":o?"user-popover":void 0,"aria-haspopup":"true",onClick:function(e){l(e.currentTarget)},className:e.classes.childrenWrapper,style:e.wrapperStyle,children:e.children}),i.jsx(s.Popover,{id:"user-popover",open:o,classes:{paper:e.classes.popoverPaper},anchorEl:p,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:function(){l(null)},children:i.jsx(t,{user:e.user,currentUser:e.currentUser})})]})}l.propTypes={wrapperStyle:p.default.shape({}),user:p.default.shape({}).isRequired,children:p.default.node.isRequired,currentUser:p.default.shape({}),classes:p.default.shape({popoverPaper:p.default.string.isRequired,childrenWrapper:p.default.string.isRequired}).isRequired},l.defaultProps={wrapperStyle:{},currentUser:{}};var o=s.withStyles({popoverPaper:{background:"transparent"},childrenWrapper:{cursor:"pointer"}})(l);module.exports=o;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),a=require("prop-types"),i=require("@material-ui/core"),t=require("./UserCard/index.js"),s=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),u=o(a),p={},l={};function d(e){var a=e.wrapperStyle,o=void 0===a?p:a,u=e.currentUser,d=void 0===u?l:u,c=e.classes,h=e.children,f=e.user,v=r.useState(null),q=n.default(v,2),m=q[0],y=q[1],g=Boolean(m);return s.jsxs(s.Fragment,{children:[s.jsx("div",{"aria-owns":g?"user-popover":void 0,"aria-haspopup":"true",onClick:function(e){y(e.currentTarget)},className:c.childrenWrapper,style:o,children:h}),s.jsx(i.Popover,{id:"user-popover",open:g,classes:{paper:c.popoverPaper},anchorEl:m,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:function(){y(null)},children:s.jsx(t,{user:f,currentUser:d})})]})}d.propTypes={wrapperStyle:u.default.shape({}),user:u.default.shape({}).isRequired,children:u.default.node.isRequired,currentUser:u.default.shape({}),classes:u.default.shape({popoverPaper:u.default.string.isRequired,childrenWrapper:u.default.string.isRequired}).isRequired};var c=i.withStyles({popoverPaper:{background:"transparent"},childrenWrapper:{cursor:"pointer"}})(d);module.exports=c;
 //# sourceMappingURL=UserCardPopover.js.map

package/cjs-bundle/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","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":"uSAWA,SAASA,EAAgBC,GACvB,IAAgCC,EAAAA,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACtBK,EAAOC,QAAQH,GAUrB,OACEI,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SACE,CAAAC,EAAAC,IAAA,MAAA,CACE,YAAWN,EAAO,oBAAiBO,EACnC,gBAAc,OACdC,QAboB,SAAAC,GACxBV,EAAYU,EAAMC,gBAadC,UAAWlB,EAAMmB,QAAQC,gBACzBC,MAAOrB,EAAMsB,aAAaX,SAEzBX,EAAMW,WAETC,MAACW,UAAO,CACNC,GAAG,eACHjB,KAAMA,EACNY,QAAS,CAAEM,MAAOzB,EAAMmB,QAAQO,cAChCrB,SAAUA,EACVsB,aAAc,CACZC,SAAU,SACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QAEdE,QA5BqB,WACzBzB,EAAY,OA2BoBK,SAE5BC,MAACoB,EAAQ,CAACC,KAAMjC,EAAMiC,KAAMC,YAAalC,EAAMkC,kBAIvD,CAEAnC,EAAgBoC,UAAY,CAC1Bb,aAAcc,EAAAA,QAAUC,MAAM,IAC9BJ,KAAMG,EAAS,QAACC,MAAM,CAAA,GAAIC,WAC1B3B,SAAUyB,EAAAA,QAAUG,KAAKD,WAEzBJ,YAAaE,EAAAA,QAAUC,MAAM,IAE7BlB,QAASiB,EAAS,QAACC,MAAM,CACvBX,aAAcU,EAAAA,QAAUI,OAAOF,WAC/BlB,gBAAiBgB,EAAAA,QAAUI,OAAOF,aACjCA,YAGLvC,EAAgB0C,aAAe,CAC7BnB,aAAc,CAAE,EAChBY,YAAa,CAAC,GAGhB,IAAAQ,EAAeC,aAnEG,CAChBjB,aAAc,CAAEkB,WAAY,eAC5BxB,gBAAiB,CAAEyB,OAAQ,YAiEdF,CAAsB5C"}
+{"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","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":"uSAWMA,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,EAAQA,SAAC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACtBK,EAAOC,QAAQH,GAUrB,OACEI,EAAAA,KAAAC,EAAAA,SAAA,CAAAX,SACE,CAAAY,EAAAC,IAAA,MAAA,CACE,YAAWL,EAAO,oBAAiBM,EACnC,gBAAc,OACdC,QAboB,SAAAC,GACxBT,EAAYS,EAAMC,gBAadC,UAAWnB,EAAQoB,gBACnBC,MAAOxB,EAAaI,SAEnBA,IAEHY,MAACS,UAAO,CACNC,GAAG,eACHd,KAAMA,EACNT,QAAS,CAAEwB,MAAOxB,EAAQyB,cAC1BlB,SAAUA,EACVmB,aAAc,CACZC,SAAU,SACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QAEdE,QA5BqB,WACzBtB,EAAY,OA2BoBP,SAE5BY,MAACkB,EAAQ,CAAC7B,KAAMA,EAAMH,YAAaA,QAI3C,CAEAL,EAAgBsC,UAAY,CAC1BnC,aAAcoC,EAAAA,QAAUC,MAAM,IAC9BhC,KAAM+B,EAAS,QAACC,MAAM,CAAA,GAAIC,WAC1BlC,SAAUgC,EAAAA,QAAUG,KAAKD,WAEzBpC,YAAakC,EAAAA,QAAUC,MAAM,IAE7BlC,QAASiC,EAAS,QAACC,MAAM,CACvBT,aAAcQ,EAAAA,QAAUI,OAAOF,WAC/Bf,gBAAiBa,EAAAA,QAAUI,OAAOF,aACjCA,YAGL,IAAAG,EAAeC,aAvEG,CAChBd,aAAc,CAAEe,WAAY,eAC5BpB,gBAAiB,CAAEqB,OAAQ,YAqEdF,CAAsB7C"}

package/cjs-bundle/components/UserMention/index.js

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

package/cjs-bundle/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","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","jsxs","mention__suggestion__info","jsx","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","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","jsxs","mention__suggestion__info","jsx","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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"}