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

package/components/Template/TemplateSharingDialog/ChipSelector.js

@@ -1 +1,278 @@
-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 _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+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 _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { PureComponent } from 'react';
+import { get, isEmpty } from 'lodash';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles, Chip, TextField, ListItem, ListItemText, FormControl, FormHelperText, List } from '@material-ui/core';
+import { Autocomplete } from '@material-ui/lab';
+import './ChipSelector.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; }
+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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], 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: "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);
+    }
+  }, {
+    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"
+            })
+          })
+        })]
+      });
+    }
+  }]);
+  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 { ChipSelector$1 as default };
+//# 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","listItemFormatter","errorText","classes","_jsxs","handleChange","handleUpdateInput","formattedListedItems","renderInput","renderTags","listTitle","ListComponent","classNames","listClasses","isEmpty","itemList","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,60 @@
-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 PropTypes from 'prop-types';
+import { get } from 'lodash';
+import Avatar from '../../Avatar/index.js';
+import ChipSelector from './ChipSelector.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+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 { UsersChipSelector as default };
+//# 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,MAAM;AACfC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,UAAU,EAAE,QAAA;GACb;AACDC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE,EAAA;AACd,GAAA;AACF,CAAC,CAAA;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAGC,IAAI,EAAA;EAAA,oBAC5BC,IAAA,CAAA,KAAA,EAAA;IAAK,KAAK,EAAET,MAAM,CAACC,SAAU;AAAA,IAAA,QAAA,EAAA,cAC3BS,IAAC,MAAM,EAAA;AAAC,MAAA,WAAW,EAAEC,GAAG,CAACH,IAAI,EAAE,aAAa,CAAE;AAAC,MAAA,MAAM,EAAEG,GAAG,CAACH,IAAI,EAAE,cAAc,CAAA;AAAE,KAAA,CAAG,eACpFE,GAAA,CAAA,KAAA,EAAA;MAAK,KAAK,EAAEV,MAAM,CAACK,QAAS;AAAA,MAAA,QAAA,EAAEM,GAAG,CAACH,IAAI,EAAE,aAAa,CAAA;KAAQ,CAAA,CAAA;GACzD,CAAA,CAAA;AAAA,CACP,CAAA;AAEKI,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiB,CAAA,IAAA,EAAA;EAAA,IAAMC,KAAK,QAALA,KAAK;AAAEC,IAAAA,aAAa,QAAbA,aAAa;AAAEC,IAAAA,SAAS,QAATA,SAAS;AAAEC,IAAAA,YAAY,QAAZA,YAAY,CAAA;AAAA,EAAA,oBACxEN,IAAC,YAAY,EAAA;AACX,IAAA,KAAK,EAAEG,KAAM;AACb,IAAA,aAAa,EAAEC,aAAc;AAC7B,IAAA,KAAK,EAAEC,SAAU;AACjB,IAAA,QAAQ,EAAEC,YAAa;IACvB,aAAa,EAAE,uBAAAR,IAAI,EAAA;AAAA,MAAA,OAAIG,GAAG,CAACH,IAAI,EAAE,aAAa,CAAC,CAAA;KAAC;AAChD,IAAA,iBAAiB,EAAED,iBAAkB;AACrC,IAAA,QAAQ,EAAC,mBAAmB;AAC5B,IAAA,SAAS,EAAC,mCAAmC;AAC7C,IAAA,SAAS,EAAC,cAAA;GACV,CAAA,CAAA;AAAA,EACH;AAEDK,iBAAiB,CAACK,SAAS,GAAG;EAC5BH,aAAa,EAAEI,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC,CAACC,UAAU;AAC7CL,EAAAA,SAAS,EAAEG,SAAS,CAACG,IAAI,CAACD,UAAU;AACpCJ,EAAAA,YAAY,EAAEE,SAAS,CAACG,IAAI,CAACD,UAAU;EACvCP,KAAK,EAAEK,SAAS,CAACI,OAAO,CACtBJ,SAAS,CAACC,KAAK,CAAC;AACdI,IAAAA,EAAE,EAAEL,SAAS,CAACM,SAAS,CAAC,CAACN,SAAS,CAACO,MAAM,EAAEP,SAAS,CAACQ,MAAM,CAAC,CAAC,CAACN,UAAU;AACxEO,IAAAA,WAAW,EAAET,SAAS,CAACO,MAAM,CAACL,UAAU;IACxCQ,UAAU,EAAEV,SAAS,CAACW,IAAAA;GACvB,CAAC,CACH,CAACT,UAAAA;AACJ,CAAC;;;;"}

package/components/Template/TemplateSharingDialog/index.js

@@ -1 +1,158 @@
-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 _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles, Dialog, DialogTitle, DialogContent, Typography, DialogActions, Button } from '@material-ui/core';
+import { get } from 'lodash';
+import classNames from 'classnames';
+import { getUsers } from '../../../clients/jsonApi/index.js';
+import UsersChipSelector from './UsersChipSelector.js';
+import { jsxs, jsx } 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 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 { TemplateSharingDialog as default };
+//# 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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"}

package/components/TextField/effects/index.js

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