@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/Template/TemplateSharingDialog/ChipSelector.js

@@ -1,305 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { get, isEmpty } from 'lodash';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { withStyles, Chip, TextField, FormControl, FormHelperText, List, ListItem, ListItemText } from '@material-ui/core';
-import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import { Autocomplete } from '@material-ui/lab';
-import './ChipSelector.css.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-var PAGE_NAME = 'chipSelector';
-var newItemRegExp = new RegExp('^new.*$');
-var muiStyles = {
-  listStyle: {
-    borderColor: 'grey',
-    overflow: 'auto'
-  },
-  formControl: {
-    marginBottom: 8
-  },
-  inputRoot: {
-    paddingBottom: '8px !important'
-  }
-};
-
-var ChipSelector = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ChipSelector, _PureComponent);
-
-  var _super = _createSuper(ChipSelector);
-
-  function ChipSelector(props) {
-    var _this;
-
-    _classCallCheck(this, ChipSelector);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "formatItem", function (item) {
-      return {
-        text: _this.props.chipFormatter(item),
-        id: get(item, 'id'),
-        persistent: get(item, 'persistent', false) // NOTE: Item is not removable
-
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (e, nextItems) {
-      var prevItems = _this.formattedSelectedItems;
-      var prevIdsSet = new Set(prevItems.map(function (item) {
-        return item.id;
-      }));
-      var nextIdsSet = new Set(nextItems.map(function (item) {
-        return item.id;
-      }));
-      var itemsToAdd = nextItems.filter(function (item) {
-        return !prevIdsSet.has(item.id);
-      });
-      var itemsIdsToRemove = prevItems.filter(function (item) {
-        return !nextIdsSet.has(item.id) && !item.persistent;
-      }).map(function (item) {
-        return item.id;
-      });
-      itemsToAdd.forEach(_this.handleRequestAdd);
-      itemsIdsToRemove.forEach(_this.handleRequestDelete);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleRequestAdd", function (_ref) {
-      var id = _ref.id,
-          text = _ref.text;
-
-      if (_this.props.allowAddNewItems) {
-        if (_this.itemWithSameNameExists(text)) {
-          _this.setState({
-            isError: true
-          });
-        } else {
-          _this.props.onAddNew({
-            id: "new".concat(text),
-            name: text
-          });
-        }
-      } else if (_this.listedItems.find(function (item) {
-        return get(item, 'id') === id;
-      })) {
-        _this.props.onAdd(id);
-      } else {
-        _this.setState({
-          isError: true
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleRequestDelete", function (id) {
-      if (_this.props.allowAddNewItems && newItemRegExp.test(id)) {
-        _this.props.onRemoveNew(id);
-      } else {
-        _this.props.onRemove(id);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleUpdateInput", function () {
-      if (_this.state.isError) {
-        _this.setState({
-          isError: false
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "getOptionLabel", function (option) {
-      return option.text;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderTags", function (value, getCustomizedTagProps) {
-      return value.map(function (option, index) {
-        return /*#__PURE__*/jsx(Chip, _objectSpread(_objectSpread({
-          "data-not-migrated-MuiChip": true,
-          label: _this.getOptionLabel(option)
-        }, getCustomizedTagProps({
-          index: index
-        })), {}, {
-          onDelete: option.persistent ? null : function () {
-            return _this.handleRequestDelete(option.id);
-          }
-        }));
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "renderInput", function (params) {
-      return /*#__PURE__*/jsx(TextField, _objectSpread(_objectSpread({}, params), {}, {
-        variant: "standard",
-        placeholder: _this.props.hintText
-      }));
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "itemWithSameNameExists", function (text) {
-      return _this.props.items.concat(_this.props.newItems).map(_this.formatItem).find(function (item) {
-        return get(item, 'text') === text;
-      });
-    });
-
-    _this.state = {
-      isError: false
-    };
-    return _this;
-  }
-
-  _createClass(ChipSelector, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(_ref2) {
-      var selectedItems = _ref2.selectedItems;
-
-      if (this.props.selectedItems !== selectedItems) {
-        this.setState({
-          isError: false
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var errorText = this.state.isError ? this.props.errorText : '';
-      var classes = this.props.classes;
-      return /*#__PURE__*/jsxs("div", {
-        children: [/*#__PURE__*/jsxs(FormControl, {
-          className: classes.formControl,
-          error: !!errorText,
-          fullWidth: true,
-          children: [/*#__PURE__*/jsx(Autocomplete, {
-            "data-testid": "generic_chipInput",
-            multiple: true,
-            fullWidth: true,
-            id: "chip-selector",
-            classes: {
-              inputRoot: classes.inputRoot
-            },
-            value: this.formattedSelectedItems,
-            onChange: this.handleChange,
-            onInputChange: this.handleUpdateInput,
-            options: this.formattedListedItems,
-            getOptionLabel: this.getOptionLabel,
-            renderInput: this.renderInput,
-            renderTags: this.renderTags
-          }), /*#__PURE__*/jsx(FormHelperText, {
-            children: errorText
-          })]
-        }), /*#__PURE__*/jsx("div", {
-          className: "c-chip-select-component__list-title",
-          children: /*#__PURE__*/jsx("em", {
-            children: this.props.listTitle
-          })
-        }), /*#__PURE__*/jsx(List, {
-          className: classNames(this.props.listClasses, this.props.classes.listStyle),
-          children: !isEmpty(this.listedItems) ? this.itemList : /*#__PURE__*/jsx("div", {
-            className: "c-chip-select-component__empty-list",
-            children: /*#__PURE__*/jsx("p", {
-              "data-testid": "".concat(PAGE_NAME, "_emptyLabel"),
-              children: "List is empty"
-            })
-          })
-        })]
-      });
-    }
-  }, {
-    key: "itemList",
-    get: function get$1() {
-      var _this2 = this;
-
-      return this.listedItems.map(function (item) {
-        return /*#__PURE__*/jsx(ListItem, {
-          "data-testid": "".concat(PAGE_NAME, "_item_").concat(_this2.props.listItemFormatter(item)),
-          button: true,
-          divider: true,
-          onClick: function onClick() {
-            return _this2.props.onAdd(get(item, 'id'));
-          },
-          children: /*#__PURE__*/jsx(ListItemText, {
-            children: _this2.props.listItemFormatter(item)
-          })
-        }, get(item, 'id'));
-      });
-    }
-  }, {
-    key: "listedItems",
-    get: function get$1() {
-      var _this3 = this;
-
-      return this.props.items.filter(function (item) {
-        return !_this3.props.selectedItems.has(get(item, 'id'));
-      });
-    }
-  }, {
-    key: "selectedItems",
-    get: function get$1() {
-      var _this4 = this;
-
-      return this.props.items.filter(function (item) {
-        return _this4.props.selectedItems.has(get(item, 'id'));
-      }).concat(this.props.allowAddNewItems ? this.props.newItems : []);
-    }
-  }, {
-    key: "formattedSelectedItems",
-    get: function get() {
-      return this.selectedItems.map(this.formatItem);
-    }
-  }, {
-    key: "formattedListedItems",
-    get: function get() {
-      return this.listedItems.map(this.formatItem);
-    }
-  }]);
-
-  return ChipSelector;
-}(PureComponent);
-
-ChipSelector.propTypes = {
-  items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  selectedItems: PropTypes.shape([]).isRequired,
-  newItems: PropTypes.arrayOf(PropTypes.shape({})),
-  onAdd: PropTypes.func.isRequired,
-  onRemove: PropTypes.func.isRequired,
-  allowAddNewItems: PropTypes.bool,
-  onAddNew: PropTypes.func,
-  onRemoveNew: PropTypes.func,
-  chipFormatter: PropTypes.func,
-  listItemFormatter: PropTypes.func,
-  classes: PropTypes.string,
-  listClasses: PropTypes.string,
-  hintText: PropTypes.string,
-  errorText: PropTypes.string,
-  listTitle: PropTypes.string
-};
-ChipSelector.defaultProps = {
-  allowAddNewItems: false,
-  chipFormatter: function chipFormatter(item) {
-    return item.toString();
-  },
-  listItemFormatter: function listItemFormatter(item) {
-    return item.toString();
-  },
-  classes: 'c-chip-select-component__container',
-  listClasses: 'c-chip-select-component__list',
-  hintText: null,
-  errorText: 'You can not add not existing item',
-  listTitle: 'All items',
-  onAddNew: null,
-  onRemoveNew: null,
-  newItems: null
-};
-var ChipSelector$1 = withStyles(muiStyles)(ChipSelector);
-
-export default ChipSelector$1;
-//# sourceMappingURL=ChipSelector.js.map
+import t from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/assertThisInitialized";import n from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import s from"@babel/runtime/helpers/getPrototypeOf";import o from"@babel/runtime/helpers/defineProperty";import{PureComponent as a}from"react";import{get as l,isEmpty as c}from"lodash";import p from"prop-types";import u from"classnames";import{Chip as m,TextField as d,ListItem as f,ListItemText as h,FormControl as I,FormHelperText as b,List as g,withStyles as y}from"@material-ui/core";import{Autocomplete as v}from"@material-ui/lab";import"./ChipSelector.css.js";import{jsx as w,jsxs as O}from"react/jsx-runtime";function R(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function S(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?R(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=s(t);if(e){var o=s(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return i(this,r)}}var C=new RegExp("^new.*$"),N=function(i){n(p,a);var s=x(p);function p(e){var n;return t(this,p),n=s.call(this,e),o(r(n),"formatItem",(function(t){return{text:n.props.chipFormatter(t),id:l(t,"id"),persistent:l(t,"persistent",!1)}})),o(r(n),"handleChange",(function(t,e){var r=n.formattedSelectedItems,i=new Set(r.map((function(t){return t.id}))),s=new Set(e.map((function(t){return t.id}))),o=e.filter((function(t){return!i.has(t.id)})),a=r.filter((function(t){return!s.has(t.id)&&!t.persistent})).map((function(t){return t.id}));o.forEach(n.handleRequestAdd),a.forEach(n.handleRequestDelete)})),o(r(n),"handleRequestAdd",(function(t){var e=t.id,r=t.text;n.props.allowAddNewItems?n.itemWithSameNameExists(r)?n.setState({isError:!0}):n.props.onAddNew({id:"new".concat(r),name:r}):n.listedItems.find((function(t){return l(t,"id")===e}))?n.props.onAdd(e):n.setState({isError:!0})})),o(r(n),"handleRequestDelete",(function(t){n.props.allowAddNewItems&&C.test(t)?n.props.onRemoveNew(t):n.props.onRemove(t)})),o(r(n),"handleUpdateInput",(function(){n.state.isError&&n.setState({isError:!1})})),o(r(n),"getOptionLabel",(function(t){return t.text})),o(r(n),"renderTags",(function(t,e){return t.map((function(t,r){return w(m,S(S({"data-not-migrated-MuiChip":!0,label:n.getOptionLabel(t)},e({index:r})),{},{onDelete:t.persistent?null:function(){return n.handleRequestDelete(t.id)}}))}))})),o(r(n),"renderInput",(function(t){return w(d,S(S({},t),{},{variant:"standard",placeholder:n.props.hintText}))})),o(r(n),"itemWithSameNameExists",(function(t){return n.props.items.concat(n.props.newItems).map(n.formatItem).find((function(e){return l(e,"text")===t}))})),n.state={isError:!1},n}return e(p,[{key:"componentDidUpdate",value:function(t){var e=t.selectedItems;this.props.selectedItems!==e&&this.setState({isError:!1})}},{key:"itemList",get:function(){var t=this;return this.listedItems.map((function(e){return w(f,{"data-testid":"".concat("chipSelector","_item_").concat(t.props.listItemFormatter(e)),button:!0,divider:!0,onClick:function(){return t.props.onAdd(l(e,"id"))},children:w(h,{children:t.props.listItemFormatter(e)})},l(e,"id"))}))}},{key:"listedItems",get:function(){var t=this;return this.props.items.filter((function(e){return!t.props.selectedItems.has(l(e,"id"))}))}},{key:"selectedItems",get:function(){var t=this;return this.props.items.filter((function(e){return t.props.selectedItems.has(l(e,"id"))})).concat(this.props.allowAddNewItems?this.props.newItems:[])}},{key:"formattedSelectedItems",get:function(){return this.selectedItems.map(this.formatItem)}},{key:"formattedListedItems",get:function(){return this.listedItems.map(this.formatItem)}},{key:"render",value:function(){var t=this.state.isError?this.props.errorText:"",e=this.props.classes;return O("div",{children:[O(I,{className:e.formControl,error:!!t,fullWidth:!0,children:[w(v,{"data-testid":"generic_chipInput",multiple:!0,fullWidth:!0,id:"chip-selector",classes:{inputRoot:e.inputRoot},value:this.formattedSelectedItems,onChange:this.handleChange,onInputChange:this.handleUpdateInput,options:this.formattedListedItems,getOptionLabel:this.getOptionLabel,renderInput:this.renderInput,renderTags:this.renderTags}),w(b,{children:t})]}),w("div",{className:"c-chip-select-component__list-title",children:w("em",{children:this.props.listTitle})}),w(g,{className:u(this.props.listClasses,this.props.classes.listStyle),children:c(this.listedItems)?w("div",{className:"c-chip-select-component__empty-list",children:w("p",{"data-testid":"".concat("chipSelector","_emptyLabel"),children:"List is empty"})}):this.itemList})]})}}]),p}();N.propTypes={items:p.arrayOf(p.shape({})).isRequired,selectedItems:p.shape([]).isRequired,newItems:p.arrayOf(p.shape({})),onAdd:p.func.isRequired,onRemove:p.func.isRequired,allowAddNewItems:p.bool,onAddNew:p.func,onRemoveNew:p.func,chipFormatter:p.func,listItemFormatter:p.func,classes:p.string,listClasses:p.string,hintText:p.string,errorText:p.string,listTitle:p.string},N.defaultProps={allowAddNewItems:!1,chipFormatter:function(t){return t.toString()},listItemFormatter:function(t){return t.toString()},classes:"c-chip-select-component__container",listClasses:"c-chip-select-component__list",hintText:null,errorText:"You can not add not existing item",listTitle:"All items",onAddNew:null,onRemoveNew:null,newItems:null};var A=y({listStyle:{borderColor:"grey",overflow:"auto"},formControl:{marginBottom:8},inputRoot:{paddingBottom:"8px !important"}})(N);export{A as default};

package/components/Template/TemplateSharingDialog/UsersChipSelector.js

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

package/components/Template/TemplateSharingDialog/index.js

@@ -1,174 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { get } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import { getUsers } from '../../../clients/jsonApi/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Dialog, DialogTitle, DialogContent, Typography, DialogActions, Button } from '@material-ui/core';
-import { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import UsersChipSelector from './UsersChipSelector.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles({
-  dialog: {
-    width: '600px',
-    height: '600px'
-  },
-  actions: {
-    padding: '8px 40px',
-    boxShadow: '0px -4px 10px rgb(0 0 0 / 25%)'
-  },
-  mobileActions: {
-    paddingRight: '100px'
-  }
-});
-
-function TemplateSharingDialog(_ref) {
-  var title = _ref.title,
-      open = _ref.open,
-      onSave = _ref.onSave,
-      onCancel = _ref.onCancel,
-      currentUser = _ref.currentUser;
-  var classes = useStyles();
-  var isFullScreen = false;
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      users = _useState2[0],
-      setUsers = _useState2[1];
-
-  var _useState3 = useState(new Set()),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selectedUserIds = _useState4[0],
-      setSelectedUserIds = _useState4[1];
-
-  useEffect(function () {
-    function handleFetchCompanyUsers() {
-      return _handleFetchCompanyUsers.apply(this, arguments);
-    }
-
-    function _handleFetchCompanyUsers() {
-      _handleFetchCompanyUsers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var queryParams, res, fetchedUsers;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                queryParams = {
-                  companyId: get(currentUser, ['company', 'id'])
-                };
-                _context.next = 4;
-                return getUsers(queryParams);
-
-              case 4:
-                res = _context.sent;
-                fetchedUsers = (res || []).filter(function (item) {
-                  return get(item, 'id') !== get(currentUser, 'id');
-                }).map(function (item) {
-                  return _objectSpread(_objectSpread({}, item), {}, {
-                    id: get(item, 'id'),
-                    displayName: "".concat(get(item, 'first_name'), " ").concat(get(item, 'last_name'))
-                  });
-                });
-                setUsers(fetchedUsers);
-                _context.next = 12;
-                break;
-
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](0);
-                console.error(_context.t0);
-
-              case 12:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 9]]);
-      }));
-      return _handleFetchCompanyUsers.apply(this, arguments);
-    }
-
-    handleFetchCompanyUsers();
-  }, []);
-
-  var handleAddSharesWithUser = function handleAddSharesWithUser(id) {
-    setSelectedUserIds(function (prev) {
-      return new Set(prev.add(id));
-    });
-  };
-
-  var handleRemoveSharesWithUser = function handleRemoveSharesWithUser(id) {
-    setSelectedUserIds(function (prev) {
-      prev.delete(id);
-      return new Set(prev);
-    });
-  };
-
-  var handleSave = function handleSave() {
-    onSave(users.filter(function (item) {
-      return selectedUserIds.has(get(item, 'id'));
-    }));
-    setSelectedUserIds(new Set());
-  };
-
-  var handleCancel = function handleCancel() {
-    setSelectedUserIds(new Set());
-    onCancel();
-  };
-
-  return /*#__PURE__*/jsxs(Dialog, {
-    open: open,
-    onClose: handleCancel,
-    fullScreen: isFullScreen,
-    classes: {
-      paper: classNames(_defineProperty({}, classes.dialog, !isFullScreen))
-    },
-    children: [/*#__PURE__*/jsx(DialogTitle, {
-      children: title || 'Share Templates'
-    }), /*#__PURE__*/jsxs(DialogContent, {
-      children: [/*#__PURE__*/jsx(Typography, {
-        variant: "subtitle1",
-        gutterBottom: true,
-        children: "Share with users"
-      }), /*#__PURE__*/jsx(UsersChipSelector, {
-        users: users,
-        selectedUsers: selectedUserIds,
-        onAddUser: handleAddSharesWithUser,
-        onRemoveUser: handleRemoveSharesWithUser
-      })]
-    }), /*#__PURE__*/jsxs(DialogActions, {
-      className: classNames(classes.actions, _defineProperty({}, classes.mobileActions, isFullScreen)),
-      children: [/*#__PURE__*/jsx(Button, {
-        color: "primary",
-        onClick: handleCancel,
-        children: "Cancel"
-      }), /*#__PURE__*/jsx(Button, {
-        variant: "contained",
-        color: "primary",
-        onClick: handleSave,
-        children: "Save"
-      })]
-    })]
-  });
-}
-
-TemplateSharingDialog.propTypes = {
-  title: PropTypes.string,
-  open: PropTypes.bool.isRequired,
-  onSave: PropTypes.func.isRequired,
-  onCancel: PropTypes.func.isRequired,
-  currentUser: PropTypes.shape({}).isRequired
-};
-TemplateSharingDialog.defaultProps = {
-  title: null
-};
-
-export default TemplateSharingDialog;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/regenerator";import{useState as o,useEffect as i}from"react";import c from"prop-types";import{makeStyles as a,Dialog as s,DialogTitle as p,DialogContent as l,Typography as u,DialogActions as f,Button as m}from"@material-ui/core";import{get as d}from"lodash";import h from"classnames";import{getUsers as b}from"../../../clients/jsonApi/index.js";import y from"./UsersChipSelector.js";import{jsxs as g,jsx as v}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function w(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var j=a({dialog:{width:"600px",height:"600px"},actions:{padding:"8px 40px",boxShadow:"0px -4px 10px rgb(0 0 0 / 25%)"},mobileActions:{paddingRight:"100px"}});function x(c){var a=c.title,O=c.open,x=c.onSave,S=c.onCancel,P=c.currentUser,C=j(),R=!1,U=o([]),k=t(U,2),A=k[0],q=k[1],D=o(new Set),T=t(D,2),E=T[0],N=T[1];i((function(){function e(){return(e=r(n.mark((function e(){var r,t,o;return n.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,r={companyId:d(P,["company","id"])},e.next=4,b(r);case 4:t=e.sent,o=(t||[]).filter((function(e){return d(e,"id")!==d(P,"id")})).map((function(e){return w(w({},e),{},{id:d(e,"id"),displayName:"".concat(d(e,"first_name")," ").concat(d(e,"last_name"))})})),q(o),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),console.error(e.t0);case 12:case"end":return e.stop()}}),e,null,[[0,9]])})))).apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]);var _=function(){N(new Set),S()};return g(s,{open:O,onClose:_,fullScreen:R,classes:{paper:h(e({},C.dialog,!0))},children:[v(p,{children:a||"Share Templates"}),g(l,{children:[v(u,{variant:"subtitle1",gutterBottom:!0,children:"Share with users"}),v(y,{users:A,selectedUsers:E,onAddUser:function(e){N((function(r){return new Set(r.add(e))}))},onRemoveUser:function(e){N((function(r){return r.delete(e),new Set(r)}))}})]}),g(f,{className:h(C.actions,e({},C.mobileActions,R)),children:[v(m,{color:"primary",onClick:_,children:"Cancel"}),v(m,{variant:"contained",color:"primary",onClick:function(){x(A.filter((function(e){return E.has(d(e,"id"))}))),N(new Set)},children:"Save"})]})]})}x.propTypes={title:c.string,open:c.bool.isRequired,onSave:c.func.isRequired,onCancel:c.func.isRequired,currentUser:c.shape({}).isRequired},x.defaultProps={title:null};export{x as default};

package/components/TextField/effects/index.js

@@ -1,66 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useEffect } from 'react';
-
-function useCustomShrink(_ref) {
-  var startIcon = _ref.startIcon,
-      endIcon = _ref.endIcon,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      value = _ref.value,
-      InputProps = _ref.InputProps;
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      startlabelOffset = _useState2[0],
-      setStartLabelOffset = _useState2[1];
-
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      endlabelOffset = _useState4[0],
-      setEndLabelOffset = _useState4[1];
-
-  var _useState5 = useState(typeof value === 'string' && value.length !== 0 || typeof value === 'number' && String(value).length !== 0 || !!(InputProps !== null && InputProps !== void 0 && InputProps.startAdornment) || false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      shrink = _useState6[0],
-      setShrink = _useState6[1];
-
-  var startAdornmentRef = useRef(null);
-  var endAdornmentRef = useRef(null);
-  useEffect(function () {
-    var _startAdornmentRef$cu, _endAdornmentRef$curr;
-
-    setStartLabelOffset((_startAdornmentRef$cu = startAdornmentRef.current) === null || _startAdornmentRef$cu === void 0 ? void 0 : _startAdornmentRef$cu.offsetWidth);
-    setEndLabelOffset((_endAdornmentRef$curr = endAdornmentRef.current) === null || _endAdornmentRef$curr === void 0 ? void 0 : _endAdornmentRef$curr.offsetWidth);
-  }, [startIcon, endIcon]);
-
-  var onInputFocus = function onInputFocus(event) {
-    setShrink(true);
-
-    if (onFocus) {
-      onFocus(event);
-    }
-  };
-
-  var onInputBlur = function onInputBlur(event) {
-    if (event.target.value.length === 0 && !(InputProps !== null && InputProps !== void 0 && InputProps.startAdornment)) {
-      setShrink(false);
-    }
-
-    if (onBlur) {
-      onBlur(event);
-    }
-  };
-
-  return {
-    shrink: shrink,
-    onInputFocus: onInputFocus,
-    onInputBlur: onInputBlur,
-    startlabelOffset: startlabelOffset,
-    endlabelOffset: endlabelOffset,
-    startAdornmentRef: startAdornmentRef,
-    endAdornmentRef: endAdornmentRef
-  };
-}
-
-export { useCustomShrink };
-//# sourceMappingURL=index.js.map
+import n from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as r,useEffect as e}from"react";function o(o){var l=o.startIcon,u=o.endIcon,f=o.onFocus,i=o.onBlur,s=o.value,a=o.InputProps,d=t(),c=n(d,2),m=c[0],p=c[1],v=t(),h=n(v,2),g=h[0],b=h[1],A=t("string"==typeof s&&0!==s.length||"number"==typeof s&&0!==String(s).length||!(null==a||!a.startAdornment)||!1),I=n(A,2),y=I[0],B=I[1],F=r(null),O=r(null);e((function(){var n,t;p(null===(n=F.current)||void 0===n?void 0:n.offsetWidth),b(null===(t=O.current)||void 0===t?void 0:t.offsetWidth)}),[l,u]);return{shrink:y,onInputFocus:function(n){B(!0),f&&f(n)},onInputBlur:function(n){0!==n.target.value.length||null!=a&&a.startAdornment||B(!1),i&&i(n)},startlabelOffset:m,endlabelOffset:g,startAdornmentRef:F,endAdornmentRef:O}}export{o as useCustomShrink};