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

package/components/Template/TemplateSharingDialog/ChipSelector.js

@@ -1 +1,280 @@
-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)}}),r)}))})),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
+        // eslint-disable-next-line react/no-array-index-key
+        , _objectSpread(_objectSpread({
+          "data-not-migrated-MuiChip": true,
+          label: _this.getOptionLabel(option)
+        }, getCustomizedTagProps({
+          index: index
+        })), {}, {
+          onDelete: option.persistent ? null : function () {
+            return _this.handleRequestDelete(option.id);
+          }
+        }), index);
+      });
+    });
+    _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/UsersChipSelector.js

@@ -1 +1,60 @@
-import e from"prop-types";import{get as r}from"lodash";import s from"./ChipSelector.js";import{AvatarComponent as t}from"../../Avatar/index.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(t,{displayName:r(e,"displayName"),imgSrc:r(e,"profilePhoto")}),i("div",{style:o.username,children:r(e,"displayName")})]})},d=function(e){var t=e.users,n=e.selectedUsers,o=e.onAddUser,d=e.onRemoveUser;return i(s,{items:t,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 ChipSelector from './ChipSelector.js';
+import { AvatarComponent } from '../../Avatar/index.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(AvatarComponent, {
+      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';\n\nimport ChipSelector from './ChipSelector';\n\nimport Avatar from '~components/Avatar';\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","Avatar","get","UsersChipSelector","users","selectedUsers","onAddUser","onRemoveUser","propTypes","PropTypes","shape","isRequired","func","arrayOf","id","oneOfType","string","number","displayName","persistent","bool"],"mappings":";;;;;;AAOA,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,IAACC,eAAM,EAAA;AAAC,MAAA,WAAW,EAAEC,GAAG,CAACJ,IAAI,EAAE,aAAa,CAAE;AAAC,MAAA,MAAM,EAAEI,GAAG,CAACJ,IAAI,EAAE,cAAc,CAAA;AAAE,KAAA,CAAG,eACpFE,GAAA,CAAA,KAAA,EAAA;MAAK,KAAK,EAAEV,MAAM,CAACK,QAAS;AAAA,MAAA,QAAA,EAAEO,GAAG,CAACJ,IAAI,EAAE,aAAa,CAAA;KAAQ,CAAA,CAAA;GACzD,CAAA,CAAA;AAAA,CACP,CAAA;AAEKK,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,oBACxEP,IAAC,YAAY,EAAA;AACX,IAAA,KAAK,EAAEI,KAAM;AACb,IAAA,aAAa,EAAEC,aAAc;AAC7B,IAAA,KAAK,EAAEC,SAAU;AACjB,IAAA,QAAQ,EAAEC,YAAa;IACvB,aAAa,EAAE,uBAAAT,IAAI,EAAA;AAAA,MAAA,OAAII,GAAG,CAACJ,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;AAEDM,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 b from"./UsersChipSelector.js";import{getUsers as y}from"../../../clients/jsonApi/index.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,y(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(b,{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 UsersChipSelector from './UsersChipSelector.js';
+import { getUsers } from '../../../clients/jsonApi/index.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 UsersChipSelector from './UsersChipSelector';\n\nimport { getUsers } from '~/clients/jsonApi';\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),L=r(null);e((function(){var n,t;p(null===(n=F.current)||void 0===n?void 0:n.offsetWidth),b(null===(t=L.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:L}}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

package/components/TextField/effects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/TextField/effects/index.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useCustomShrink({ startIcon, endIcon, onFocus, onBlur, value, InputProps }) {\n  const [startLabelOffset, setStartLabelOffset] = useState();\n  const [endLabelOffset, setEndLabelOffset] = useState();\n  const [shrink, setShrink] = useState(\n    (typeof value === 'string' && value.length !== 0) ||\n      (typeof value === 'number' && String(value).length !== 0) ||\n      !!InputProps?.startAdornment ||\n      false\n  );\n\n  const startAdornmentRef = useRef(null);\n  const endAdornmentRef = useRef(null);\n\n  useEffect(() => {\n    setStartLabelOffset(startAdornmentRef.current?.offsetWidth);\n    setEndLabelOffset(endAdornmentRef.current?.offsetWidth);\n  }, [startIcon, endIcon]);\n\n  const onInputFocus = event => {\n    setShrink(true);\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n\n  const onInputBlur = event => {\n    if (event.target.value.length === 0 && !InputProps?.startAdornment) {\n      setShrink(false);\n    }\n    if (onBlur) {\n      onBlur(event);\n    }\n  };\n\n  return {\n    shrink,\n    onInputFocus,\n    onInputBlur,\n    startLabelOffset,\n    endLabelOffset,\n    startAdornmentRef,\n    endAdornmentRef,\n  };\n}\n"],"names":["useCustomShrink","startIcon","endIcon","onFocus","onBlur","value","InputProps","useState","startLabelOffset","setStartLabelOffset","endLabelOffset","setEndLabelOffset","length","String","startAdornment","shrink","setShrink","startAdornmentRef","useRef","endAdornmentRef","useEffect","current","offsetWidth","onInputFocus","event","onInputBlur","target"],"mappings":";;;AAEO,SAASA,eAAe,CAA6D,IAAA,EAAA;EAAA,IAA1DC,SAAS,QAATA,SAAS;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,UAAU,QAAVA,UAAU,CAAA;AACtF,EAAA,IAAA,SAAA,GAAgDC,QAAQ,EAAE;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAnDC,gBAAgB,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,mBAAmB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5C,EAAA,IAAA,UAAA,GAA4CF,QAAQ,EAAE;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAA/CG,cAAc,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,iBAAiB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAA,UAAA,GAA4BJ,QAAQ,CACjC,OAAOF,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACO,MAAM,KAAK,CAAC,IAC7C,OAAOP,KAAK,KAAK,QAAQ,IAAIQ,MAAM,CAACR,KAAK,CAAC,CAACO,MAAM,KAAK,CAAE,IACzD,CAAC,EAACN,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,IAAAA,UAAU,CAAEQ,cAAc,CAAA,IAC5B,KAAK,CACR;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IALMC,MAAM,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,SAAS,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAOxB,EAAA,IAAMC,iBAAiB,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AACtC,EAAA,IAAMC,eAAe,GAAGD,MAAM,CAAC,IAAI,CAAC,CAAA;AAEpCE,EAAAA,SAAS,CAAC,YAAM;AAAA,IAAA,IAAA,qBAAA,EAAA,qBAAA,CAAA;AACdX,IAAAA,mBAAmB,0BAACQ,iBAAiB,CAACI,OAAO,MAAzB,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAA2BC,WAAW,CAAC,CAAA;AAC3DX,IAAAA,iBAAiB,0BAACQ,eAAe,CAACE,OAAO,MAAvB,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAyBC,WAAW,CAAC,CAAA;AACzD,GAAC,EAAE,CAACrB,SAAS,EAAEC,OAAO,CAAC,CAAC,CAAA;AAExB,EAAA,IAAMqB,YAAY,GAAG,SAAfA,YAAY,CAAGC,KAAK,EAAI;IAC5BR,SAAS,CAAC,IAAI,CAAC,CAAA;AACf,IAAA,IAAIb,OAAO,EAAE;MACXA,OAAO,CAACqB,KAAK,CAAC,CAAA;AAChB,KAAA;GACD,CAAA;AAED,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAGD,KAAK,EAAI;AAC3B,IAAA,IAAIA,KAAK,CAACE,MAAM,CAACrB,KAAK,CAACO,MAAM,KAAK,CAAC,IAAI,EAACN,UAAU,KAAVA,IAAAA,IAAAA,UAAU,eAAVA,UAAU,CAAEQ,cAAc,CAAE,EAAA;MAClEE,SAAS,CAAC,KAAK,CAAC,CAAA;AAClB,KAAA;AACA,IAAA,IAAIZ,MAAM,EAAE;MACVA,MAAM,CAACoB,KAAK,CAAC,CAAA;AACf,KAAA;GACD,CAAA;EAED,OAAO;AACLT,IAAAA,MAAM,EAANA,MAAM;AACNQ,IAAAA,YAAY,EAAZA,YAAY;AACZE,IAAAA,WAAW,EAAXA,WAAW;AACXjB,IAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBE,IAAAA,cAAc,EAAdA,cAAc;AACdO,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBE,IAAAA,eAAe,EAAfA,eAAAA;GACD,CAAA;AACH;;;;"}