@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/TruncatedText/index.js

@@ -1,75 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles, Tooltip } from '@material-ui/core';
-import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["children", "className", "maxLines", "showTooltip"];
-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 useStyles = makeStyles({
-  root: function root(_ref) {
-    var maxLines = _ref.maxLines;
-    return _objectSpread({
-      overflow: 'hidden'
-    }, maxLines ? {
-      display: '-webkit-box',
-      '-webkit-line-clamp': maxLines,
-      '-webkit-box-orient': 'vertical'
-    } : {
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
-    });
-  }
-});
-function TruncatedText(_ref2) {
-  var children = _ref2.children,
-    className = _ref2.className,
-    maxLines = _ref2.maxLines,
-    showTooltip = _ref2.showTooltip,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasTooltip = _useState2[0],
-    setHasTooltip = _useState2[1];
-  var contentRef = useRef();
-  var styles = useStyles({
-    maxLines: maxLines
-  });
-  useEffect(function () {
-    var _contentRef$current = contentRef.current,
-      scrollWidth = _contentRef$current.scrollWidth,
-      clientWidth = _contentRef$current.clientWidth,
-      scrollHeight = _contentRef$current.scrollHeight,
-      clientHeight = _contentRef$current.clientHeight;
-    setHasTooltip(maxLines ? scrollHeight > clientHeight : scrollWidth > clientWidth);
-  });
-  var content = /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
-    className: classNames(styles.root, className),
-    ref: contentRef
-  }, otherProps), {}, {
-    children: children
-  }));
-  if (!hasTooltip || !showTooltip) return content;
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: children,
-    children: content
-  });
-}
-TruncatedText.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
-  className: PropTypes.string,
-  maxLines: PropTypes.number,
-  showTooltip: PropTypes.bool
-};
-TruncatedText.defaultProps = {
-  className: '',
-  maxLines: null,
-  showTooltip: true
-};
-
-export { TruncatedText as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"@babel/runtime/helpers/defineProperty";import{useState as o,useRef as i,useEffect as n}from"react";import s from"prop-types";import{makeStyles as l,Tooltip as c}from"@material-ui/core";import a from"classnames";import{jsx as p}from"react/jsx-runtime";var m=["children","className","maxLines","showTooltip"];function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function b(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?f(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var u=l({root:function(e){var r=e.maxLines;return b({overflow:"hidden"},r?{display:"-webkit-box","-webkit-line-clamp":r,"-webkit-box-orient":"vertical"}:{whiteSpace:"nowrap",textOverflow:"ellipsis"})}});function h(t){var s=t.children,l=t.className,f=t.maxLines,h=t.showTooltip,d=r(t,m),O=o(!1),w=e(O,2),y=w[0],v=w[1],j=i(),g=u({maxLines:f});n((function(){var e=j.current,r=e.scrollWidth,t=e.clientWidth,o=e.scrollHeight,i=e.clientHeight;v(f?o>i:r>t)}));var x=p("div",b(b({className:a(g.root,l),ref:j},d),{},{children:s}));return y&&h?p(c,{title:s,children:x}):x}h.propTypes={children:s.oneOfType([s.node,s.string]).isRequired,className:s.string,maxLines:s.number,showTooltip:s.bool},h.defaultProps={className:"",maxLines:null,showTooltip:!0};export{h as default};

package/components/Typography.js

@@ -1,41 +1 @@
-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
+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};

package/components/UserCard/index.js

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

package/components/UserCard/style.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".style_cUserCardMediaBackdrop__iJBty {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.style_cUserCardMediaBackdrop__iJBty:hover {\n  background-color: rgba(47, 47, 47, 0.25);\n  transition: background-color 100ms linear;\n}\n\n.style_cUserCardMediaBackdrop__iJBty:hover .style_cUserCardMediaBackdropToProfile__jljG2 {\n  display: flex;\n  background-color: #303030;\n  opacity: 0.86;\n  color: #fff;\n  cursor: pointer;\n  width: 92px;\n  height: 32px;\n  justify-content: center;\n  font-family: Roboto;\n  font-size: 13px;\n  line-height: 17px;\n  font-weight: 200;\n}\n\n.style_cUserCardMediaBackdropToProfile__jljG2 {\n  top: 14px;\n  left: 50%;\n  transform: translateX(-50%);\n  position: absolute;\n  display: none;\n}\n";
-var styles = {"cUserCardMediaBackdrop":"style_cUserCardMediaBackdrop__iJBty","cUserCardMediaBackdropToProfile":"style_cUserCardMediaBackdropToProfile__jljG2"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=style.css.js.map
+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,76 +1 @@
-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
+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};

package/components/UserMention/constants.js

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

package/components/UserMention/index.js

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

package/components/UserMention/style.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".style_mention__ItOCH {\n  width: 100%;\n  margin: 0;\n  min-width: 0;\n}\n\n.style_mention__control__n07-d {\n  width: 100%;\n}\n\n.style_mention--multiLine__AUiad .style_mention__control__n07-d {\n  max-height: 70px;\n  height: 70px;\n  overflow-y: auto;\n}\n\n.style_mention__suggestions__SA5o5 {\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n    0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  border-radius: 4px;\n  background-color: #fff;\n  max-width: calc(100% - 32px);\n  min-width: 250px !important;\n  overflow-x: hidden;\n  max-height: 260px;\n}\n\n.style_mention__suggestions__list__rwfgI {\n  font-size: 14px;\n  position: relative;\n  max-height: 260px;\n  overflow-y: auto;\n}\n\n.style_mention__suggestions__item__gqwq0 {\n  color: rgba(0, 0, 0, 0.87);\n  width: auto;\n  min-width: 250px;\n  overflow: hidden;\n  font-size: 1rem;\n  box-sizing: content-box;\n  font-weight: 400;\n  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\n  line-height: 1.5em;\n  white-space: nowrap;\n  padding: 11px 16px;\n\n  display: flex;\n  position: relative;\n  box-sizing: content-box;\n  text-align: left;\n  align-items: center;\n  justify-content: flex-start;\n  text-decoration: none;\n}\n\n.style_mention__suggestions__item__gqwq0:hover {\n  background-color: rgba(0, 0, 0, 0.08) !important;\n}\n\n/* START\n** NOTE: do not touch - will affect all user mention places\n**/\n\n.style_mention__highlighter__pNPhl {\n  letter-spacing: 0;\n  line-height: normal;\n}\n\n.style_mention__highlighter__pNPhl strong,\n.style_mention__highlighter__pNPhl span {\n  visibility: visible !important;\n  line-height: normal !important;\n  letter-spacing: normal;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.style_mention__input__5-hJw {\n  outline: none;\n  border: none;\n  padding: 0;\n  line-height: normal !important;\n  letter-spacing: normal !important;\n}\n\n/* END */\n\n.style_mention__suggestion__xzP4Y {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  position: relative;\n}\n\n.style_mention__suggestion__xzP4Y:after {\n  content: '';\n  position: absolute;\n  bottom: -11px;\n  right: -16px;\n  width: calc(100% - 35px);\n  height: 1px;\n  background-color: rgba(0, 0, 0, 0.08);\n}\n\n.style_mention__suggestion__info__2yJKq {\n  display: flex;\n  flex-direction: column;\n  padding-left: 1rem;\n  flex: 1;\n  overflow: hidden;\n}\n\n.style_mention__suggestion__info__name__yq1t4 {\n  font-size: 1rem;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: inline-block;\n  width: 100%;\n}\n\n.style_mention__suggestion__info__group__MkVWS {\n  font-size: 0.9rem;\n  color: #b1b1b1;\n}\n";
-var styles = {"mention":"style_mention__ItOCH","mention__control":"style_mention__control__n07-d","mention--multiLine":"style_mention--multiLine__AUiad","mention__suggestions":"style_mention__suggestions__SA5o5","mention__suggestions__list":"style_mention__suggestions__list__rwfgI","mention__suggestions__item":"style_mention__suggestions__item__gqwq0","mention__highlighter":"style_mention__highlighter__pNPhl","mention__input":"style_mention__input__5-hJw","mention__suggestion":"style_mention__suggestion__xzP4Y","mention__suggestion__info":"style_mention__suggestion__info__2yJKq","mention__suggestion__info__name":"style_mention__suggestion__info__name__yq1t4","mention__suggestion__info__group":"style_mention__suggestion__info__group__MkVWS"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=style.css.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={mention:"style_mention__ItOCH",mention__control:"style_mention__control__n07-d","mention--multiLine":"style_mention--multiLine__AUiad",mention__suggestions:"style_mention__suggestions__SA5o5",mention__suggestions__list:"style_mention__suggestions__list__rwfgI",mention__suggestions__item:"style_mention__suggestions__item__gqwq0",mention__highlighter:"style_mention__highlighter__pNPhl",mention__input:"style_mention__input__5-hJw",mention__suggestion:"style_mention__suggestion__xzP4Y",mention__suggestion__info:"style_mention__suggestion__info__2yJKq",mention__suggestion__info__name:"style_mention__suggestion__info__name__yq1t4",mention__suggestion__info__group:"style_mention__suggestion__info__group__MkVWS"};t('.style_mention__ItOCH{margin:0;min-width:0;width:100%}.style_mention__control__n07-d{width:100%}.style_mention--multiLine__AUiad .style_mention__control__n07-d{height:70px;max-height:70px;overflow-y:auto}.style_mention__suggestions__SA5o5{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);max-height:260px;max-width:calc(100% - 32px);min-width:250px!important;overflow-x:hidden}.style_mention__suggestions__list__rwfgI{font-size:14px;max-height:260px;overflow-y:auto;position:relative}.style_mention__suggestions__item__gqwq0{align-items:center;box-sizing:content-box;color:rgba(0,0,0,.87);display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;justify-content:flex-start;line-height:1.5em;min-width:250px;overflow:hidden;padding:11px 16px;position:relative;text-align:left;text-decoration:none;white-space:nowrap;width:auto}.style_mention__suggestions__item__gqwq0:hover{background-color:rgba(0,0,0,.08)!important}.style_mention__highlighter__pNPhl{letter-spacing:0;line-height:normal}.style_mention__highlighter__pNPhl span,.style_mention__highlighter__pNPhl strong{letter-spacing:normal;line-height:normal!important;margin:0!important;padding:0!important;visibility:visible!important}.style_mention__input__5-hJw{border:none;letter-spacing:normal!important;line-height:normal!important;outline:none;padding:0}.style_mention__suggestion__xzP4Y{align-items:center;display:flex;position:relative;width:100%}.style_mention__suggestion__xzP4Y:after{background-color:rgba(0,0,0,.08);bottom:-11px;content:"";height:1px;position:absolute;right:-16px;width:calc(100% - 35px)}.style_mention__suggestion__info__2yJKq{display:flex;flex:1;flex-direction:column;overflow:hidden;padding-left:1rem}.style_mention__suggestion__info__name__yq1t4{display:inline-block;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.style_mention__suggestion__info__group__MkVWS{color:#b1b1b1;font-size:.9rem}');export{n as default};