@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/Typography.js

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

package/components/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sources":["../../src/components/Typography.tsx"],"sourcesContent":["import { styled, Typography } from '@material-ui/core';\n\nexport const Regular10 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '0.625rem',\n});\n\nexport const Regular11 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '0.6875rem',\n});\n\nexport const Regular12 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '0.75rem',\n});\n\nexport const Regular14 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '0.875rem',\n});\n\nexport const Regular16 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '1rem',\n});\n\nexport const Regular20 = styled(Typography)({\n  fontWeight: 400,\n  fontSize: '1.25rem',\n});\n\nexport const Medium13 = styled(Typography)({\n  fontWeight: 500,\n  fontSize: '0.8125rem',\n});\n\nexport const Medium14 = styled(Typography)({\n  fontWeight: 500,\n  fontSize: '0.875rem',\n});\n\nexport const SemiBold9 = styled(Typography)({\n  fontWeight: 600,\n  fontSize: '0.5625rem',\n});\n"],"names":["Regular10","styled","Typography","fontWeight","fontSize","Regular11","Regular12","Regular14","Regular16","Regular20","Medium13","Medium14","SemiBold9"],"mappings":";;IAEaA,SAAS,GAAGC,MAAM,CAACC,YAAU,CAAC,CAAC;AAC1CC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,EAAC;IAEWC,SAAS,GAAGJ,MAAM,CAACC,YAAU,CAAC,CAAC;AAC1CC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,WAAA;AACZ,CAAC,EAAC;IAEWE,SAAS,GAAGL,MAAM,CAACC,YAAU,CAAC,CAAC;AAC1CC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,SAAA;AACZ,CAAC,EAAC;IAEWG,SAAS,GAAGN,MAAM,CAACC,YAAU,CAAC,CAAC;AAC1CC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,EAAC;IAEWI,SAAS,GAAGP,MAAM,CAACC,YAAU,CAAC,CAAC;AAC1CC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,MAAA;AACZ,CAAC,EAAC;IAEWK,SAAS,GAAGR,MAAM,CAACC,YAAU,CAAC,CAAC;AAC1CC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,SAAA;AACZ,CAAC,EAAC;IAEWM,QAAQ,GAAGT,MAAM,CAACC,YAAU,CAAC,CAAC;AACzCC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,WAAA;AACZ,CAAC,EAAC;IAEWO,QAAQ,GAAGV,MAAM,CAACC,YAAU,CAAC,CAAC;AACzCC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,EAAC;IAEWQ,SAAS,GAAGX,MAAM,CAACC,YAAU,CAAC,CAAC;AAC1CC,EAAAA,UAAU,EAAE,GAAG;AACfC,EAAAA,QAAQ,EAAE,WAAA;AACZ,CAAC;;;;"}

package/components/UserCard/index.js

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

package/components/UserCard/index.js.map

@@ -0,0 +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","muiStyles","theme","card","width","media","height","content","cursor","padding","userName","fontWeight","contact","display","alignItems","fontSize","contactIcon","marginRight","color","palette","grey","actions","justifyContent","actionButton","UserCard","user","id","email","mobile","title","firstName","first_name","lastName","last_name","profilePhoto","profile_photo","currentUser","classes","_jsxs","_jsx","Number","styles","cUserCardMediaBackdrop","cUserCardMediaBackdropToProfile","propTypes","PropTypes","shape","number","isRequired","string","role","oneOfType","defaultProps","withStyles"],"mappings":"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"}

package/components/UserCard/style.css.js

@@ -1 +0,0 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={cUserCardMediaBackdrop:"style_cUserCardMediaBackdrop__iJBty",cUserCardMediaBackdropToProfile:"style_cUserCardMediaBackdropToProfile__jljG2"};e(".style_cUserCardMediaBackdrop__iJBty{height:100%;position:relative;width:100%}.style_cUserCardMediaBackdrop__iJBty:hover{background-color:rgba(47,47,47,.25);transition:background-color .1s linear}.style_cUserCardMediaBackdrop__iJBty:hover .style_cUserCardMediaBackdropToProfile__jljG2{background-color:#303030;color:#fff;cursor:pointer;display:flex;font-family:Roboto;font-size:13px;font-weight:200;height:32px;justify-content:center;line-height:17px;opacity:.86;width:92px}.style_cUserCardMediaBackdropToProfile__jljG2{display:none;left:50%;position:absolute;top:14px;transform:translateX(-50%)}");export{r as default};

package/components/UserCardPopover.js

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

package/components/UserCardPopover.js.map

@@ -0,0 +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":["muiStyles","popoverPaper","background","childrenWrapper","cursor","UserCardPopover","props","useState","anchorEl","setAnchorEl","open","Boolean","handlePopoverOpen","event","currentTarget","handlePopoverClose","_jsxs","_Fragment","_jsx","undefined","classes","wrapperStyle","children","paper","vertical","horizontal","user","currentUser","propTypes","PropTypes","shape","isRequired","node","string","defaultProps","withStyles"],"mappings":"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"}

package/components/UserMention/constants.js

@@ -1 +1,8 @@
-var _="@[user:__id__|__display__]",d={id:"__id__",display:"__display__"};export{d as PLACEHOLDERS,_ as USER_MARKUP};
+var USER_MARKUP = '@[user:__id__|__display__]';
+var PLACEHOLDERS = {
+  id: '__id__',
+  display: '__display__'
+};
+
+export { PLACEHOLDERS, USER_MARKUP };
+//# sourceMappingURL=constants.js.map

package/components/UserMention/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/UserMention/constants.js"],"sourcesContent":["export const USER_MARKUP = '@[user:__id__|__display__]';\n\nexport const PLACEHOLDERS = {\n  id: '__id__',\n  display: '__display__',\n};\n"],"names":["USER_MARKUP","PLACEHOLDERS","id","display"],"mappings":"AAAO,IAAMA,WAAW,GAAG,6BAA4B;AAEhD,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,OAAO,EAAE,aAAA;AACX;;;;"}

package/components/UserMention/index.js

@@ -1 +1,230 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useEffect as o,useCallback as n}from"react";import{debounce as r}from"lodash";import t from"prop-types";import{withStyles as s}from"@material-ui/core/styles";import{MentionsInput as i,Mention as a}from"react-mentions";import l from"@material-ui/core/colors/blue";import{handleFetchUsers as u}from"./utils/index.js";import{USER_MARKUP as c}from"./constants.js";import p from"./style.css.js";import{AvatarComponent as m}from"../Avatar/index.js";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as f}from"../../permissions/constants/index.js";import"@babel/runtime/helpers/slicedToArray";import{withPermissionsHOC as g}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import{jsx as d,jsxs as b}from"react/jsx-runtime";function y(e,o){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),n.push.apply(n,r)}return n}function h(o){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?y(Object(r),!0).forEach((function(n){e(o,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))}))}return o}var v={backgroundColor:l[100]},j={color:"#00bcd4"},_={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},w=h(h({},_),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),O=h(h({},_),{},{input:{color:"#000"}}),P=function(e){var t=e.onChange,s=e.singleLine,l=e.suggestionsPortalHost,f=e.value,g=e.inputRef,y=e.classes,_=e.style,P=e.withLightTheme,C=e.placeholder,S=e.onMount,x=e.onKeyDown,R=e.onKeyUp,A=e.onFocus,D=e.onBlur,F=e.autoFocus,K=e.disabled,L=e.companyId,N=e.currentUser,T=e.isCompanySelectVisible,k=e.mentionProps,U=e.allowSuggestionsAboveCursor;o(S,[]);var q=n(r((function(e,o){var n=T&&N&&N.company_id!==L?[N.company_id,L]:null;u(e,o,n)}),400),[L]),H=Object.assign(P?O:w,_);return d(i,{value:f,onChange:function(e,o){t(o)},singleLine:s,allowSpaceInQuery:!0,classNames:p,placeholder:C,suggestionsPortalHost:l,inputRef:g,style:H,onKeyDown:x,onKeyUp:R,autoFocus:F,onFocus:A,onBlur:D,disabled:K,allowSuggestionsAboveCursor:U,children:d(a,h({markup:c,renderSuggestion:function(e){return function(e,o){return b("div",{className:p.mention__suggestion,children:[d(m,{alt:e.display,displayName:e.display,className:o.avatar,imgSrc:e.photo}),b("div",{className:p.mention__suggestion__info,children:[d("span",{"data-testid":"".concat("userMention","_name_").concat(e.display),className:p.mention__suggestion__info__name,children:e.display}),e.title&&d("span",{className:p.mention__suggestion__info__group,children:e.title})]})]})}(e,y)},trigger:"@",data:q,displayTransform:function(e,o){return"@".concat(o)},style:P?v:j,appendSpaceOnAdd:!0},k))})};P.propTypes={onChange:t.func,singleLine:t.bool,suggestionsPortalHost:t.shape({current:t.instanceOf(Element)}),value:t.string,inputRef:t.shape({}),classes:t.shape({avatar:t.string.isRequired}).isRequired,withLightTheme:t.bool,placeholder:t.string,style:t.shape({}),mentionProps:t.shape({}),onMount:t.func,onKeyDown:t.func,onKeyUp:t.func,onFocus:t.func,onBlur:t.func,autoFocus:t.bool,disabled:t.bool,currentUser:t.shape({company_id:t.number.isRequired}).isRequired,companyId:t.number,isCompanySelectVisible:t.bool.isRequired,allowSuggestionsAboveCursor:t.bool},P.defaultProps={onChange:function(){},singleLine:!1,suggestionsPortalHost:null,value:"",inputRef:null,withLightTheme:!1,placeholder:"Mention people using '@'",style:{suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},mentionProps:{},onMount:function(){},onKeyDown:function(){},onKeyUp:function(){},onFocus:function(){},onBlur:function(){},autoFocus:!0,disabled:!1,allowSuggestionsAboveCursor:!1,companyId:null};var C=g({isCompanySelectVisible:f.companySelectorView})(s({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(P));export{C as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useEffect, useCallback } from 'react';
+import { debounce } from 'lodash';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { MentionsInput, Mention } from 'react-mentions';
+import blue from '@material-ui/core/colors/blue';
+import { handleFetchUsers } from './utils/index.js';
+import { USER_MARKUP } from './constants.js';
+import styles from './style.css.js';
+import { AvatarComponent } from '../Avatar/index.js';
+import '../../permissions/PermissionsContext.js';
+import { PERMISSIONS } from '../../permissions/constants/index.js';
+import '@babel/runtime/helpers/slicedToArray';
+import { withPermissionsHOC } from '../../permissions/withPermissionsHOC.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import 'query-string';
+import '../../clients/api/apiCore.js';
+import '../../clients/constants.js';
+import '../../permissions/ProvidePermissions.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'userMention';
+var muiStyles = {
+  avatar: {
+    height: 45,
+    width: 45,
+    border: '1.5px solid #fff'
+  }
+};
+var mentionLightStyle = {
+  backgroundColor: blue[100]
+};
+var mentionDarkStyle = {
+  color: '#00bcd4'
+};
+
+// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values
+var inputStyles = {
+  suggestions: {
+    item: {
+      '&focused': {
+        backgroundColor: 'rgba(0, 0, 0, 0.08)'
+      }
+    }
+  }
+};
+var darkThemeInputStyles = _objectSpread(_objectSpread({}, inputStyles), {}, {
+  input: {
+    color: '#fff',
+    caretColor: '#fff',
+    zIndex: 1
+  },
+  highlighter: {
+    color: '#fff'
+  }
+});
+var lightThemeInputStyles = _objectSpread(_objectSpread({}, inputStyles), {}, {
+  input: {
+    color: '#000'
+  }
+});
+var _renderSuggestion = function renderSuggestion(entry, classes) {
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.mention__suggestion,
+    children: [/*#__PURE__*/jsx(AvatarComponent, {
+      alt: entry.display,
+      displayName: entry.display,
+      className: classes.avatar,
+      imgSrc: entry.photo
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.mention__suggestion__info,
+      children: [/*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_name_").concat(entry.display),
+        className: styles.mention__suggestion__info__name,
+        children: entry.display
+      }), entry.title && /*#__PURE__*/jsx("span", {
+        className: styles.mention__suggestion__info__group,
+        children: entry.title
+      })]
+    })]
+  });
+};
+var UserMention = function UserMention(_ref) {
+  var onChange = _ref.onChange,
+    singleLine = _ref.singleLine,
+    suggestionsPortalHost = _ref.suggestionsPortalHost,
+    value = _ref.value,
+    inputRef = _ref.inputRef,
+    classes = _ref.classes,
+    style = _ref.style,
+    withLightTheme = _ref.withLightTheme,
+    placeholder = _ref.placeholder,
+    onMount = _ref.onMount,
+    onKeyDown = _ref.onKeyDown,
+    onKeyUp = _ref.onKeyUp,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    autoFocus = _ref.autoFocus,
+    disabled = _ref.disabled,
+    companyId = _ref.companyId,
+    currentUser = _ref.currentUser,
+    isCompanySelectVisible = _ref.isCompanySelectVisible,
+    mentionProps = _ref.mentionProps,
+    allowSuggestionsAboveCursor = _ref.allowSuggestionsAboveCursor;
+  useEffect(onMount, []);
+  var fetchUsers = function fetchUsers(search, callback) {
+    var companyIds = isCompanySelectVisible && currentUser && currentUser.company_id !== companyId ? [currentUser.company_id, companyId] : null;
+    handleFetchUsers(search, callback, companyIds);
+  };
+  var debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId]);
+  var onInputChange = function onInputChange(event, newValue) {
+    onChange(newValue);
+  };
+  var themedStyle = Object.assign(withLightTheme ? lightThemeInputStyles : darkThemeInputStyles, style);
+  return /*#__PURE__*/jsx(MentionsInput, {
+    value: value,
+    onChange: onInputChange,
+    singleLine: singleLine,
+    allowSpaceInQuery: true,
+    classNames: styles,
+    placeholder: placeholder,
+    suggestionsPortalHost: suggestionsPortalHost,
+    inputRef: inputRef,
+    style: themedStyle,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp,
+    autoFocus: autoFocus,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    disabled: disabled,
+    allowSuggestionsAboveCursor: allowSuggestionsAboveCursor,
+    children: /*#__PURE__*/jsx(Mention, _objectSpread({
+      markup: USER_MARKUP,
+      renderSuggestion: function renderSuggestion(entry) {
+        return _renderSuggestion(entry, classes);
+      },
+      trigger: "@",
+      data: debouncedUsersFetch,
+      displayTransform: function displayTransform(id, display) {
+        return "@".concat(display);
+      },
+      style: withLightTheme ? mentionLightStyle : mentionDarkStyle,
+      appendSpaceOnAdd: true
+    }, mentionProps))
+  });
+};
+UserMention.propTypes = {
+  onChange: PropTypes.func,
+  singleLine: PropTypes.bool,
+  suggestionsPortalHost: PropTypes.shape({
+    current: PropTypes.instanceOf(Element)
+  }),
+  value: PropTypes.string,
+  inputRef: PropTypes.shape({}),
+  classes: PropTypes.shape({
+    avatar: PropTypes.string.isRequired
+  }).isRequired,
+  withLightTheme: PropTypes.bool,
+  placeholder: PropTypes.string,
+  style: PropTypes.shape({}),
+  mentionProps: PropTypes.shape({}),
+  onMount: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onKeyUp: PropTypes.func,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  autoFocus: PropTypes.bool,
+  disabled: PropTypes.bool,
+  currentUser: PropTypes.shape({
+    company_id: PropTypes.number.isRequired
+  }).isRequired,
+  companyId: PropTypes.number,
+  isCompanySelectVisible: PropTypes.bool.isRequired,
+  allowSuggestionsAboveCursor: PropTypes.bool
+};
+UserMention.defaultProps = {
+  onChange: function onChange() {
+    return undefined;
+  },
+  singleLine: false,
+  suggestionsPortalHost: null,
+  value: '',
+  inputRef: null,
+  withLightTheme: false,
+  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 onMount() {
+    return undefined;
+  },
+  onKeyDown: function onKeyDown() {
+    return undefined;
+  },
+  onKeyUp: function onKeyUp() {
+    return undefined;
+  },
+  onFocus: function onFocus() {
+    return undefined;
+  },
+  onBlur: function onBlur() {
+    return undefined;
+  },
+  autoFocus: true,
+  disabled: false,
+  allowSuggestionsAboveCursor: false,
+  companyId: null
+};
+var UserMention$1 = withPermissionsHOC({
+  isCompanySelectVisible: PERMISSIONS.companySelectorView
+})(withStyles(muiStyles)(UserMention));
+
+export { UserMention$1 as default };
+//# sourceMappingURL=index.js.map

package/components/UserMention/index.js.map

@@ -0,0 +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}) => {\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);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId]);\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  }).isRequired,\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: 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  companyId: null,\n};\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["PAGE_NAME","muiStyles","avatar","height","width","border","mentionLightStyle","backgroundColor","blue","mentionDarkStyle","color","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","renderSuggestion","entry","classes","_jsxs","styles","mention__suggestion","_jsx","Avatar","display","photo","mention__suggestion__info","mention__suggestion__info__name","title","mention__suggestion__info__group","UserMention","onChange","singleLine","suggestionsPortalHost","value","inputRef","style","withLightTheme","placeholder","onMount","onKeyDown","onKeyUp","onFocus","onBlur","autoFocus","disabled","companyId","currentUser","isCompanySelectVisible","mentionProps","allowSuggestionsAboveCursor","useEffect","fetchUsers","search","callback","companyIds","company_id","handleFetchUsers","debouncedUsersFetch","useCallback","debounce","onInputChange","event","newValue","themedStyle","Object","assign","USER_MARKUP","id","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","defaultProps","undefined","list","background","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,SAAS,GAAG,aAAa,CAAA;AAE/B,IAAMC,SAAS,GAAG;AAChBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,EAAE;AACVC,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE,kBAAA;AACV,GAAA;AACF,CAAC,CAAA;AAED,IAAMC,iBAAiB,GAAG;EACxBC,eAAe,EAAEC,IAAI,CAAC,GAAG,CAAA;AAC3B,CAAC,CAAA;AACD,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,KAAK,EAAE,SAAA;AACT,CAAC,CAAA;;AAED;AACA,IAAMC,WAAW,GAAG;AAClBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,IAAI,EAAE;AACJ,MAAA,UAAU,EAAE;AACVN,QAAAA,eAAe,EAAE,qBAAA;AACnB,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAC,CAAA;AAED,IAAMO,oBAAoB,mCACrBH,WAAW,CAAA,EAAA,EAAA,EAAA;AACdI,EAAAA,KAAK,EAAE;AACLL,IAAAA,KAAK,EAAE,MAAM;AACbM,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,MAAM,EAAE,CAAA;GACT;AACDC,EAAAA,WAAW,EAAE;AACXR,IAAAA,KAAK,EAAE,MAAA;AACT,GAAA;AAAC,CACF,CAAA,CAAA;AAED,IAAMS,qBAAqB,mCACtBR,WAAW,CAAA,EAAA,EAAA,EAAA;AACdI,EAAAA,KAAK,EAAE;AAAEL,IAAAA,KAAK,EAAE,MAAA;AAAO,GAAA;AAAC,CACzB,CAAA,CAAA;AAED,IAAMU,iBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAAK,EAAEC,OAAO,EAAA;EAAA,oBACtCC,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,MAAM,CAACC,mBAAoB;AAAA,IAAA,QAAA,EAAA,cACzCC,IAACC,eAAM,EAAA;MACL,GAAG,EAAEN,KAAK,CAACO,OAAQ;MACnB,WAAW,EAAEP,KAAK,CAACO,OAAQ;MAC3B,SAAS,EAAEN,OAAO,CAACpB,MAAO;MAC1B,MAAM,EAAEmB,KAAK,CAACQ,KAAAA;AAAM,KAAA,CACpB,eACFN,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEC,MAAM,CAACM,yBAA0B;MAAA,QAC/C,EAAA,cAAAJ,GAAA,CAAA,MAAA,EAAA;AACE,QAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB1B,SAAS,EAAA,QAAA,CAAA,CAAA,MAAA,CAASqB,KAAK,CAACO,OAAO,CAAG;QAClD,SAAS,EAAEJ,MAAM,CAACO,+BAAgC;AAAA,QAAA,QAAA,EAEjDV,KAAK,CAACO,OAAAA;AAAO,OAAA,CACT,EACNP,KAAK,CAACW,KAAK,iBACVN,GAAA,CAAA,MAAA,EAAA;QAAM,SAAS,EAAEF,MAAM,CAACS,gCAAiC;AAAA,QAAA,QAAA,EAAEZ,KAAK,CAACW,KAAAA;OAClE,CAAA,CAAA;KACG,CAAA,CAAA;GACF,CAAA,CAAA;AAAA,CACP,CAAA;AAED,IAAME,WAAW,GAAG,SAAdA,WAAW,CAsBX,IAAA,EAAA;EAAA,IArBJC,QAAQ,QAARA,QAAQ;AACRC,IAAAA,UAAU,QAAVA,UAAU;AACVC,IAAAA,qBAAqB,QAArBA,qBAAqB;AACrBC,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,QAAQ,QAARA,QAAQ;AACRjB,IAAAA,OAAO,QAAPA,OAAO;AACPkB,IAAAA,KAAK,QAALA,KAAK;AACLC,IAAAA,cAAc,QAAdA,cAAc;AACdC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,OAAO,QAAPA,OAAO;AACPC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,QAAQ,QAARA,QAAQ;AACRC,IAAAA,SAAS,QAATA,SAAS;AACTC,IAAAA,WAAW,QAAXA,WAAW;AACXC,IAAAA,sBAAsB,QAAtBA,sBAAsB;AACtBC,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,2BAA2B,QAA3BA,2BAA2B,CAAA;AAE3BC,EAAAA,SAAS,CAACZ,OAAO,EAAE,EAAE,CAAC,CAAA;EAEtB,IAAMa,UAAU,GAAG,SAAbA,UAAU,CAAIC,MAAM,EAAEC,QAAQ,EAAK;IACvC,IAAMC,UAAU,GACdP,sBAAsB,IAAID,WAAW,IAAIA,WAAW,CAACS,UAAU,KAAKV,SAAS,GACzE,CAACC,WAAW,CAACS,UAAU,EAAEV,SAAS,CAAC,GACnC,IAAI,CAAA;AAEVW,IAAAA,gBAAgB,CAACJ,MAAM,EAAEC,QAAQ,EAAEC,UAAU,CAAC,CAAA;GAC/C,CAAA;AAED,EAAA,IAAMG,mBAAmB,GAAGC,WAAW,CAACC,QAAQ,CAACR,UAAU,EAAE,GAAG,CAAC,EAAE,CAACN,SAAS,CAAC,CAAC,CAAA;EAE/E,IAAMe,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAK,EAAEC,QAAQ,EAAK;IACzChC,QAAQ,CAACgC,QAAQ,CAAC,CAAA;GACnB,CAAA;AAED,EAAA,IAAMC,WAAW,GAAGC,MAAM,CAACC,MAAM,CAC/B7B,cAAc,GAAGtB,qBAAqB,GAAGL,oBAAoB,EAC7D0B,KAAK,CACN,CAAA;AAED,EAAA,oBACEd,IAAC,aAAa,EAAA;AACZ,IAAA,KAAK,EAAEY,KAAM;AACb,IAAA,QAAQ,EAAE2B,aAAc;AACxB,IAAA,UAAU,EAAE7B,UAAW;IACvB,iBAAiB,EAAA,IAAA;AACjB,IAAA,UAAU,EAAEZ,MAAO;AACnB,IAAA,WAAW,EAAEkB,WAAY;AACzB,IAAA,qBAAqB,EAAEL,qBAAsB;AAC7C,IAAA,QAAQ,EAAEE,QAAS;AACnB,IAAA,KAAK,EAAE6B,WAAY;AACnB,IAAA,SAAS,EAAExB,SAAU;AACrB,IAAA,OAAO,EAAEC,OAAQ;AACjB,IAAA,SAAS,EAAEG,SAAU;AACrB,IAAA,OAAO,EAAEF,OAAQ;AACjB,IAAA,MAAM,EAAEC,MAAO;AACf,IAAA,QAAQ,EAAEE,QAAS;AACnB,IAAA,2BAA2B,EAAEK,2BAA4B;AAAA,IAAA,QAAA,eAEzD5B,IAAC,OAAO,EAAA,aAAA,CAAA;AACN,MAAA,MAAM,EAAE6C,WAAY;MACpB,gBAAgB,EAAE,0BAAAlD,KAAK,EAAA;AAAA,QAAA,OAAID,iBAAgB,CAACC,KAAK,EAAEC,OAAO,CAAC,CAAA;OAAC;AAC5D,MAAA,OAAO,EAAC,GAAG;AACX,MAAA,IAAI,EAAEwC,mBAAoB;AAC1B,MAAA,gBAAgB,EAAE,SAAA,gBAAA,CAACU,EAAE,EAAE5C,OAAO,EAAA;AAAA,QAAA,OAAA,GAAA,CAAA,MAAA,CAASA,OAAO,CAAA,CAAA;OAAG;AACjD,MAAA,KAAK,EAAEa,cAAc,GAAGnC,iBAAiB,GAAGG,gBAAiB;MAC7D,gBAAgB,EAAA,IAAA;AAAA,KAAA,EACZ4C,YAAY,CAAA,CAAA;GAEJ,CAAA,CAAA;AAEpB,CAAC,CAAA;AAEDnB,WAAW,CAACuC,SAAS,GAAG;EACtBtC,QAAQ,EAAEuC,SAAS,CAACC,IAAI;EACxBvC,UAAU,EAAEsC,SAAS,CAACE,IAAI;AAC1BvC,EAAAA,qBAAqB,EAAEqC,SAAS,CAACG,KAAK,CAAC;AACrCC,IAAAA,OAAO,EAAEJ,SAAS,CAACK,UAAU,CAACC,OAAO,CAAA;AACvC,GAAC,CAAC;EACF1C,KAAK,EAAEoC,SAAS,CAACO,MAAM;AACvB1C,EAAAA,QAAQ,EAAEmC,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC;AAC7BvD,EAAAA,OAAO,EAAEoD,SAAS,CAACG,KAAK,CAAC;AACvB3E,IAAAA,MAAM,EAAEwE,SAAS,CAACO,MAAM,CAACC,UAAAA;GAC1B,CAAC,CAACA,UAAU;EACbzC,cAAc,EAAEiC,SAAS,CAACE,IAAI;EAC9BlC,WAAW,EAAEgC,SAAS,CAACO,MAAM;AAC7BzC,EAAAA,KAAK,EAAEkC,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC;AAC1BxB,EAAAA,YAAY,EAAEqB,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC;EACjClC,OAAO,EAAE+B,SAAS,CAACC,IAAI;EACvB/B,SAAS,EAAE8B,SAAS,CAACC,IAAI;EACzB9B,OAAO,EAAE6B,SAAS,CAACC,IAAI;EACvB7B,OAAO,EAAE4B,SAAS,CAACC,IAAI;EACvB5B,MAAM,EAAE2B,SAAS,CAACC,IAAI;EACtB3B,SAAS,EAAE0B,SAAS,CAACE,IAAI;EACzB3B,QAAQ,EAAEyB,SAAS,CAACE,IAAI;AAExBzB,EAAAA,WAAW,EAAEuB,SAAS,CAACG,KAAK,CAAC;AAC3BjB,IAAAA,UAAU,EAAEc,SAAS,CAACS,MAAM,CAACD,UAAAA;GAC9B,CAAC,CAACA,UAAU;EACbhC,SAAS,EAAEwB,SAAS,CAACS,MAAM;AAC3B/B,EAAAA,sBAAsB,EAAEsB,SAAS,CAACE,IAAI,CAACM,UAAU;EACjD5B,2BAA2B,EAAEoB,SAAS,CAACE,IAAAA;AACzC,CAAC,CAAA;AAED1C,WAAW,CAACkD,YAAY,GAAG;AACzBjD,EAAAA,QAAQ,EAAE,SAAA,QAAA,GAAA;AAAA,IAAA,OAAMkD,SAAS,CAAA;AAAA,GAAA;AACzBjD,EAAAA,UAAU,EAAE,KAAK;AACjBC,EAAAA,qBAAqB,EAAE,IAAI;AAC3BC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,QAAQ,EAAE,IAAI;AACdE,EAAAA,cAAc,EAAE,KAAK;AACrBC,EAAAA,WAAW,EAAE,0BAA0B;AACvCF,EAAAA,KAAK,EAAE;AACL5B,IAAAA,WAAW,EAAE;AACX0E,MAAAA,IAAI,EAAE;AACJC,QAAAA,UAAU,EAAE,SAAA;OACb;AACD1E,MAAAA,IAAI,EAAE;AACJH,QAAAA,KAAK,EAAE,OAAO;AACdP,QAAAA,MAAM,EAAE,EAAE;AACV,QAAA,UAAU,EAAE;AACVI,UAAAA,eAAe,EAAE,2BAAA;AACnB,SAAA;AACF,OAAA;AACF,KAAA;GACD;EACD8C,YAAY,EAAE,EAAE;AAChBV,EAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,IAAA,OAAM0C,SAAS,CAAA;AAAA,GAAA;AACxBzC,EAAAA,SAAS,EAAE,SAAA,SAAA,GAAA;AAAA,IAAA,OAAMyC,SAAS,CAAA;AAAA,GAAA;AAC1BxC,EAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,IAAA,OAAMwC,SAAS,CAAA;AAAA,GAAA;AACxBvC,EAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,IAAA,OAAMuC,SAAS,CAAA;AAAA,GAAA;AACxBtC,EAAAA,MAAM,EAAE,SAAA,MAAA,GAAA;AAAA,IAAA,OAAMsC,SAAS,CAAA;AAAA,GAAA;AACvBrC,EAAAA,SAAS,EAAE,IAAI;AACfC,EAAAA,QAAQ,EAAE,KAAK;AACfK,EAAAA,2BAA2B,EAAE,KAAK;AAClCJ,EAAAA,SAAS,EAAE,IAAA;AACb,CAAC,CAAA;AAED,oBAAesC,kBAAkB,CAAC;EAAEpC,sBAAsB,EAAEqC,WAAW,CAACC,mBAAAA;AAAoB,CAAC,CAAC,CAC5FC,UAAU,CAAC1F,SAAS,CAAC,CAACiC,WAAW,CAAC,CACnC;;;;"}