@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/Template/TemplateSharingDialog/ChipSelector.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSelector.js","sources":["../../../../src/components/Template/TemplateSharingDialog/ChipSelector.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport { get, isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  withStyles,\n  TextField,\n  List as ListComponent,\n  ListItem,\n  ListItemText,\n  FormControl,\n  FormHelperText,\n  Chip,\n} from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport './ChipSelector.css';\n\nconst PAGE_NAME = 'chipSelector';\n\nconst newItemRegExp = new RegExp('^new.*$');\n\nconst muiStyles = {\n  listStyle: {\n    borderColor: 'grey',\n    overflow: 'auto',\n  },\n  formControl: { marginBottom: 8 },\n  inputRoot: { paddingBottom: '8px !important' },\n};\n\nclass ChipSelector extends PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = { isError: false };\n  }\n\n  componentDidUpdate({ selectedItems }) {\n    if (this.props.selectedItems !== selectedItems) {\n      this.setState({ isError: false });\n    }\n  }\n\n  get itemList() {\n    return this.listedItems.map(item => (\n      <ListItem\n        data-testid={`${PAGE_NAME}_item_${this.props.listItemFormatter(item)}`}\n        key={get(item, 'id')}\n        button\n        divider\n        onClick={() => this.props.onAdd(get(item, 'id'))}\n      >\n        <ListItemText>{this.props.listItemFormatter(item)}</ListItemText>\n      </ListItem>\n    ));\n  }\n\n  get listedItems() {\n    return this.props.items.filter(item => !this.props.selectedItems.has(get(item, 'id')));\n  }\n\n  get selectedItems() {\n    return this.props.items\n      .filter(item => this.props.selectedItems.has(get(item, 'id')))\n      .concat(this.props.allowAddNewItems ? this.props.newItems : []);\n  }\n\n  get formattedSelectedItems() {\n    return this.selectedItems.map(this.formatItem);\n  }\n\n  get formattedListedItems() {\n    return this.listedItems.map(this.formatItem);\n  }\n\n  formatItem = item => ({\n    text: this.props.chipFormatter(item),\n    id: get(item, 'id'),\n    persistent: get(item, 'persistent', false), // NOTE: Item is not removable\n  });\n\n  handleChange = (e, nextItems) => {\n    const prevItems = this.formattedSelectedItems;\n    const prevIdsSet = new Set(prevItems.map(item => item.id));\n    const nextIdsSet = new Set(nextItems.map(item => item.id));\n\n    const itemsToAdd = nextItems.filter(item => !prevIdsSet.has(item.id));\n    const itemsIdsToRemove = prevItems\n      .filter(item => !nextIdsSet.has(item.id) && !item.persistent)\n      .map(item => item.id);\n    itemsToAdd.forEach(this.handleRequestAdd);\n    itemsIdsToRemove.forEach(this.handleRequestDelete);\n  };\n\n  handleRequestAdd = ({ id, text }) => {\n    if (this.props.allowAddNewItems) {\n      if (this.itemWithSameNameExists(text)) {\n        this.setState({ isError: true });\n      } else {\n        this.props.onAddNew({\n          id: `new${text}`,\n          name: text,\n        });\n      }\n    } else if (this.listedItems.find(item => get(item, 'id') === id)) {\n      this.props.onAdd(id);\n    } else {\n      this.setState({ isError: true });\n    }\n  };\n\n  handleRequestDelete = id => {\n    if (this.props.allowAddNewItems && newItemRegExp.test(id)) {\n      this.props.onRemoveNew(id);\n    } else {\n      this.props.onRemove(id);\n    }\n  };\n\n  handleUpdateInput = () => {\n    if (this.state.isError) {\n      this.setState({ isError: false });\n    }\n  };\n\n  getOptionLabel = option => option.text;\n\n  renderTags = (value, getCustomizedTagProps) =>\n    value.map((option, index) => (\n      <Chip\n        data-not-migrated-MuiChip\n        label={this.getOptionLabel(option)}\n        {...getCustomizedTagProps({ index })}\n        onDelete={option.persistent ? null : () => this.handleRequestDelete(option.id)}\n      />\n    ));\n\n  renderInput = params => (\n    <TextField {...params} variant=\"standard\" placeholder={this.props.hintText} />\n  );\n\n  itemWithSameNameExists = text =>\n    this.props.items\n      .concat(this.props.newItems)\n      .map(this.formatItem)\n      .find(item => get(item, 'text') === text);\n\n  render() {\n    const errorText = this.state.isError ? this.props.errorText : '';\n    const { classes } = this.props;\n\n    return (\n      <div>\n        <FormControl className={classes.formControl} error={!!errorText} fullWidth>\n          <Autocomplete\n            data-testid=\"generic_chipInput\"\n            multiple\n            fullWidth\n            id=\"chip-selector\"\n            classes={{ inputRoot: classes.inputRoot }}\n            value={this.formattedSelectedItems}\n            onChange={this.handleChange}\n            onInputChange={this.handleUpdateInput}\n            options={this.formattedListedItems}\n            getOptionLabel={this.getOptionLabel}\n            renderInput={this.renderInput}\n            renderTags={this.renderTags}\n          />\n          <FormHelperText>{errorText}</FormHelperText>\n        </FormControl>\n\n        <div className=\"c-chip-select-component__list-title\">\n          <em>{this.props.listTitle}</em>\n        </div>\n        <ListComponent className={classNames(this.props.listClasses, this.props.classes.listStyle)}>\n          {!isEmpty(this.listedItems) ? (\n            this.itemList\n          ) : (\n            <div className=\"c-chip-select-component__empty-list\">\n              <p data-testid={`${PAGE_NAME}_emptyLabel`}>List is empty</p>\n            </div>\n          )}\n        </ListComponent>\n      </div>\n    );\n  }\n}\n\nChipSelector.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  selectedItems: PropTypes.shape([]).isRequired,\n  newItems: PropTypes.arrayOf(PropTypes.shape({})),\n  onAdd: PropTypes.func.isRequired,\n  onRemove: PropTypes.func.isRequired,\n  allowAddNewItems: PropTypes.bool,\n  onAddNew: PropTypes.func,\n  onRemoveNew: PropTypes.func,\n  chipFormatter: PropTypes.func,\n  listItemFormatter: PropTypes.func,\n  classes: PropTypes.string,\n  listClasses: PropTypes.string,\n  hintText: PropTypes.string,\n  errorText: PropTypes.string,\n  listTitle: PropTypes.string,\n};\n\nChipSelector.defaultProps = {\n  allowAddNewItems: false,\n  chipFormatter: item => item.toString(),\n  listItemFormatter: item => item.toString(),\n  classes: 'c-chip-select-component__container',\n  listClasses: 'c-chip-select-component__list',\n  hintText: null,\n  errorText: 'You can not add not existing item',\n  listTitle: 'All items',\n  onAddNew: null,\n  onRemoveNew: null,\n  newItems: null,\n};\n\nexport default withStyles(muiStyles)(ChipSelector);\n"],"names":["PAGE_NAME","newItemRegExp","RegExp","muiStyles","listStyle","borderColor","overflow","formControl","marginBottom","inputRoot","paddingBottom","ChipSelector","props","item","text","chipFormatter","id","get","persistent","e","nextItems","prevItems","formattedSelectedItems","prevIdsSet","Set","map","nextIdsSet","itemsToAdd","filter","has","itemsIdsToRemove","forEach","handleRequestAdd","handleRequestDelete","allowAddNewItems","itemWithSameNameExists","setState","isError","onAddNew","name","listedItems","find","onAdd","test","onRemoveNew","onRemove","state","option","value","getCustomizedTagProps","index","_jsx","getOptionLabel","params","hintText","items","concat","newItems","formatItem","selectedItems","errorText","classes","_jsxs","handleChange","handleUpdateInput","formattedListedItems","renderInput","renderTags","listTitle","ListComponent","classNames","listClasses","isEmpty","itemList","listItemFormatter","PureComponent","propTypes","PropTypes","arrayOf","shape","isRequired","func","bool","string","defaultProps","toString","withStyles"],"mappings":"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"}

package/components/Template/TemplateSharingDialog/UsersChipSelector.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UsersChipSelector.js","sources":["../../../../src/components/Template/TemplateSharingDialog/UsersChipSelector.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport Avatar from '~components/Avatar';\n\nimport ChipSelector from './ChipSelector';\n\nconst styles = {\n  container: {\n    display: 'flex',\n    justifyContent: 'start',\n    alignItems: 'center',\n  },\n  username: {\n    marginLeft: 20,\n  },\n};\n\nconst listUserFormatter = user => (\n  <div style={styles.container}>\n    <Avatar displayName={get(user, 'displayName')} imgSrc={get(user, 'profilePhoto')} />\n    <div style={styles.username}>{get(user, 'displayName')}</div>\n  </div>\n);\n\nconst UsersChipSelector = ({ users, selectedUsers, onAddUser, onRemoveUser }) => (\n  <ChipSelector\n    items={users}\n    selectedItems={selectedUsers}\n    onAdd={onAddUser}\n    onRemove={onRemoveUser}\n    chipFormatter={user => get(user, 'displayName')}\n    listItemFormatter={listUserFormatter}\n    hintText=\"Type user name...\"\n    errorText=\"You can not add not existing user\"\n    listTitle=\"Recent users\"\n  />\n);\n\nUsersChipSelector.propTypes = {\n  selectedUsers: PropTypes.shape([]).isRequired,\n  onAddUser: PropTypes.func.isRequired,\n  onRemoveUser: PropTypes.func.isRequired,\n  users: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n      displayName: PropTypes.string.isRequired,\n      persistent: PropTypes.bool,\n    })\n  ).isRequired,\n};\n\nexport default UsersChipSelector;\n"],"names":["styles","container","display","justifyContent","alignItems","username","marginLeft","listUserFormatter","user","_jsxs","_jsx","get","UsersChipSelector","users","selectedUsers","onAddUser","onRemoveUser","propTypes","PropTypes","shape","isRequired","func","arrayOf","id","oneOfType","string","number","displayName","persistent","bool"],"mappings":";;;;;;AAMA,IAAMA,MAAM,GAAG;AACbC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,cAAc,EAAE,OAFP;AAGTC,IAAAA,UAAU,EAAE;AAHH,GADE;AAMbC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE;AADJ;AANG,CAAf;;AAWA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,IAAI;AAAA,sBAC5BC;AAAK,IAAA,KAAK,EAAET,MAAM,CAACC,SAAnB;AAAA,4BACES,IAAC,MAAD;AAAQ,MAAA,WAAW,EAAEC,GAAG,CAACH,IAAD,EAAO,aAAP,CAAxB;AAA+C,MAAA,MAAM,EAAEG,GAAG,CAACH,IAAD,EAAO,cAAP;AAA1D,MADF,eAEEE;AAAK,MAAA,KAAK,EAAEV,MAAM,CAACK,QAAnB;AAAA,gBAA8BM,GAAG,CAACH,IAAD,EAAO,aAAP;AAAjC,MAFF;AAAA,IAD4B;AAAA,CAA9B;;IAOMI,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,aAAV,QAAUA,aAAV;AAAA,MAAyBC,SAAzB,QAAyBA,SAAzB;AAAA,MAAoCC,YAApC,QAAoCA,YAApC;AAAA,sBACxBN,IAAC,YAAD;AACE,IAAA,KAAK,EAAEG,KADT;AAEE,IAAA,aAAa,EAAEC,aAFjB;AAGE,IAAA,KAAK,EAAEC,SAHT;AAIE,IAAA,QAAQ,EAAEC,YAJZ;AAKE,IAAA,aAAa,EAAE,uBAAAR,IAAI;AAAA,aAAIG,GAAG,CAACH,IAAD,EAAO,aAAP,CAAP;AAAA,KALrB;AAME,IAAA,iBAAiB,EAAED,iBANrB;AAOE,IAAA,QAAQ,EAAC,mBAPX;AAQE,IAAA,SAAS,EAAC,mCARZ;AASE,IAAA,SAAS,EAAC;AATZ,IADwB;AAAA;;AAc1BK,iBAAiB,CAACK,SAAlB,GAA8B;AAC5BH,EAAAA,aAAa,EAAEI,SAAS,CAACC,KAAV,CAAgB,EAAhB,EAAoBC,UADP;AAE5BL,EAAAA,SAAS,EAAEG,SAAS,CAACG,IAAV,CAAeD,UAFE;AAG5BJ,EAAAA,YAAY,EAAEE,SAAS,CAACG,IAAV,CAAeD,UAHD;AAI5BP,EAAAA,KAAK,EAAEK,SAAS,CAACI,OAAV,CACLJ,SAAS,CAACC,KAAV,CAAgB;AACdI,IAAAA,EAAE,EAAEL,SAAS,CAACM,SAAV,CAAoB,CAACN,SAAS,CAACO,MAAX,EAAmBP,SAAS,CAACQ,MAA7B,CAApB,EAA0DN,UADhD;AAEdO,IAAAA,WAAW,EAAET,SAAS,CAACO,MAAV,CAAiBL,UAFhB;AAGdQ,IAAAA,UAAU,EAAEV,SAAS,CAACW;AAHR,GAAhB,CADK,EAMLT;AAV0B,CAA9B;;;;"}

package/components/Template/TemplateSharingDialog/index.js

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

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

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