@corva/ui 3.75.0-20 → 3.75.0-22

package/cjs-bundle/components/CommentLoader.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/classCallCheck"),r=require("@babel/runtime/helpers/createClass"),t=require("@babel/runtime/helpers/assertThisInitialized"),n=require("@babel/runtime/helpers/inherits"),o=require("@babel/runtime/helpers/possibleConstructorReturn"),i=require("@babel/runtime/helpers/getPrototypeOf"),u=require("@babel/runtime/helpers/defineProperty"),a=require("react"),s=require("prop-types"),l=require("@material-ui/core/styles"),c=require("./LoadingIndicator/LoadingIndicator.js"),p=require("./CommentWrapper.js"),d=require("react/jsx-runtime");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=f(e),m=f(r),b=f(t),y=f(n),q=f(o),v=f(i),w=f(u),x=f(s);function j(e){var r=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(e){return!1}}();return function(){var t,n=v.default(e);if(r){var o=v.default(this).constructor;t=Reflect.construct(n,arguments,o)}else t=n.apply(this,arguments);return q.default(this,t)}}var I={loadingIndicatorWrapper:{padding:"0 20px 0 0"}},R=function(e){y.default(t,e);var r=j(t);function t(e){var n;return h.default(this,t),n=r.call(this,e),w.default(b.default(n),"showIntoView",(function(){n.commentLoaderEl.current.scrollIntoView({block:"end"})})),n.commentLoaderEl=a.createRef(),n}return m.default(t,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"render",value:function(){return d.jsx("div",{ref:this.commentLoaderEl,children:d.jsx(p,{spaceAround:this.props.spaceAround,isLoader:!0,className:this.props.classes.commentWrapper,children:d.jsx("div",{style:I.loadingIndicatorWrapper,children:d.jsx(c,{fullscreen:!1,size:30})})})})}}]),t}(a.PureComponent);R.propTypes={showOnMount:x.default.bool,spaceAround:x.default.bool,classes:x.default.shape({}).isRequired},R.defaultProps={showOnMount:!1,spaceAround:!1};var g=l.withStyles({commentWrapper:{width:"calc(100% - 28px)"}})(R);module.exports=g;
+"use strict";var e=require("react"),r=require("prop-types"),o=require("@material-ui/core/styles"),n=require("./LoadingIndicator/LoadingIndicator.js"),t=require("./CommentWrapper.js"),a=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r),u={loadingIndicatorWrapper:{padding:"0 20px 0 0"}},c={showOnMount:s.default.bool,spaceAround:s.default.bool,classes:s.default.shape({}).isRequired},d=e.forwardRef((function(r,o){var i=r.showOnMount,s=void 0!==i&&i,c=r.spaceAround,d=void 0!==c&&c,l=r.classes,p=e.useRef(null),f=e.useRef(s),m=e.useCallback((function(){p.current.scrollIntoView({block:"end"})}),[]);return e.useImperativeHandle(o,(function(){return{commentLoaderEl:p,showIntoView:m}}),[m]),e.useLayoutEffect((function(){f.current&&m()}),[m]),a.jsx("div",{ref:p,children:a.jsx(t,{spaceAround:d,isLoader:!0,className:l.commentWrapper,children:a.jsx("div",{style:u.loadingIndicatorWrapper,children:a.jsx(n,{fullscreen:!1,size:30})})})})}));d.propTypes=c;var l=o.withStyles({commentWrapper:{width:"calc(100% - 28px)"}})(e.memo(d));module.exports=l;
 //# sourceMappingURL=CommentLoader.js.map

package/cjs-bundle/components/CommentLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentLoader.js","sources":["../../../src/components/CommentLoader.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentWrapper from '~components/CommentWrapper';\n\nconst styles = {\n  // NOTE: Centers the LoadingIndicator\n  loadingIndicatorWrapper: { padding: '0 20px 0 0' },\n};\n\nconst muiStyles = {\n  commentWrapper: {\n    width: 'calc(100% - 28px)', // NOTE: 28 === settings icon size.\n  },\n};\n\nclass CommentLoader extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.commentLoaderEl = createRef();\n  }\n\n  componentDidMount() {\n    if (this.props.showOnMount) {\n      this.showIntoView();\n    }\n  }\n\n  showIntoView = () => {\n    this.commentLoaderEl.current.scrollIntoView({ block: 'end' });\n  };\n\n  render() {\n    return (\n      <div ref={this.commentLoaderEl}>\n        <CommentWrapper\n          spaceAround={this.props.spaceAround}\n          isLoader\n          className={this.props.classes.commentWrapper}\n        >\n          <div style={styles.loadingIndicatorWrapper}>\n            <LoadingIndicator fullscreen={false} size={30} />\n          </div>\n        </CommentWrapper>\n      </div>\n    );\n  }\n}\n\nCommentLoader.propTypes = {\n  showOnMount: PropTypes.bool,\n  spaceAround: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nCommentLoader.defaultProps = {\n  showOnMount: false,\n  spaceAround: false,\n};\n\nexport default withStyles(muiStyles)(CommentLoader);\n"],"names":["styles","loadingIndicatorWrapper","padding","CommentLoader","_PureComponent","_inherits","_super","_createSuper","props","_this","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","commentLoaderEl","current","scrollIntoView","block","createRef","_createClass","key","value","showOnMount","showIntoView","_jsx","ref","children","CommentWrapper","spaceAround","isLoader","className","classes","commentWrapper","jsx","style","LoadingIndicator","fullscreen","size","PureComponent","propTypes","PropTypes","bool","shape","isRequired","defaultProps","CommentLoader$1","withStyles","width"],"mappings":"uoCAOA,IAAMA,EAAS,CAEbC,wBAAyB,CAAEC,QAAS,eAShCC,EAAa,SAAAC,GAAAC,UAAAF,EAAAC,GAAA,IAAAE,EAAAC,EAAAJ,GACjB,SAAAA,EAAYK,GAAO,IAAAC,EAGkB,OAHlBC,UAAAC,KAAAR,GACjBM,EAAAH,EAAAM,KAAAD,KAAMH,GAAOK,EAAAA,QAAAC,EAAA,QAAAL,GAAA,gBAWA,WACbA,EAAKM,gBAAgBC,QAAQC,eAAe,CAAEC,MAAO,WAVrDT,EAAKM,gBAAkBI,EAAAA,YAAYV,CACrC,CA0BC,OA1BAW,EAAA,QAAAjB,EAAA,CAAA,CAAAkB,IAAA,oBAAAC,MAED,WACMX,KAAKH,MAAMe,aACbZ,KAAKa,cAET,GAAC,CAAAH,IAAA,SAAAC,MAMD,WACE,OACEG,EAAAA,IAAA,MAAA,CAAKC,IAAKf,KAAKI,gBAAgBY,SAC7BF,MAACG,EAAc,CACbC,YAAalB,KAAKH,MAAMqB,YACxBC,UAAQ,EACRC,UAAWpB,KAAKH,MAAMwB,QAAQC,eAAeN,SAE7CF,EAAAS,IAAA,MAAA,CAAKC,MAAOnC,EAAOC,wBAAwB0B,SACzCF,MAACW,EAAgB,CAACC,YAAY,EAAOC,KAAM,UAKrD,KAACnC,CAAA,CA/BgB,CAASoC,EAAaA,eAkCzCpC,EAAcqC,UAAY,CACxBjB,YAAakB,EAAS,QAACC,KACvBb,YAAaY,EAAS,QAACC,KAEvBV,QAASS,EAAS,QAACE,MAAM,CAAA,GAAIC,YAG/BzC,EAAc0C,aAAe,CAC3BtB,aAAa,EACbM,aAAa,GAGf,IAAAiB,EAAeC,aApDG,CAChBd,eAAgB,CACde,MAAO,sBAkDID,CAAsB5C"}
+{"version":3,"file":"CommentLoader.js","sources":["../../../src/components/CommentLoader.js"],"sourcesContent":["import { forwardRef, memo, useCallback, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentWrapper from '~components/CommentWrapper';\n\nconst styles = {\n  // NOTE: Centers the LoadingIndicator\n  loadingIndicatorWrapper: { padding: '0 20px 0 0' },\n};\n\nconst muiStyles = {\n  commentWrapper: {\n    width: 'calc(100% - 28px)', // NOTE: 28 === settings icon size.\n  },\n};\n\nconst propTypes = {\n  showOnMount: PropTypes.bool,\n  spaceAround: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nconst CommentLoader = forwardRef(\n  /** @param {PropTypes.InferProps<typeof propTypes>} props */ function CommentLoader(\n    { showOnMount = false, spaceAround = false, classes },\n    ref\n  ) {\n    const commentLoaderEl = useRef(null);\n    const initialShowOnMount = useRef(showOnMount);\n    const showIntoView = useCallback(() => {\n      commentLoaderEl.current.scrollIntoView({ block: 'end' });\n    }, []);\n\n    useImperativeHandle(ref, () => ({ commentLoaderEl, showIntoView }), [showIntoView]);\n\n    useLayoutEffect(() => {\n      if (initialShowOnMount.current) {\n        showIntoView();\n      }\n    }, [showIntoView]);\n\n    return (\n      <div ref={commentLoaderEl}>\n        <CommentWrapper spaceAround={spaceAround} isLoader className={classes.commentWrapper}>\n          <div style={styles.loadingIndicatorWrapper}>\n            <LoadingIndicator fullscreen={false} size={30} />\n          </div>\n        </CommentWrapper>\n      </div>\n    );\n  }\n);\n\nCommentLoader.propTypes = propTypes;\n\nexport default withStyles(muiStyles)(memo(CommentLoader));\n"],"names":["styles","loadingIndicatorWrapper","padding","propTypes","showOnMount","PropTypes","bool","spaceAround","classes","shape","isRequired","CommentLoader","forwardRef","ref","_ref$showOnMount","_ref","_ref$spaceAround","commentLoaderEl","useRef","initialShowOnMount","showIntoView","useCallback","current","scrollIntoView","block","useImperativeHandle","useLayoutEffect","_jsx","children","CommentWrapper","isLoader","className","commentWrapper","jsx","style","LoadingIndicator","fullscreen","size","withStyles","width","memo"],"mappings":"ySAOMA,EAAS,CAEbC,wBAAyB,CAAEC,QAAS,eAShCC,EAAY,CAChBC,YAAaC,EAAS,QAACC,KACvBC,YAAaF,EAAS,QAACC,KAEvBE,QAASH,EAAS,QAACI,MAAM,CAAA,GAAIC,YAGzBC,EAAgBC,EAAAA,YACyC,SAE3DC,EAAAA,GACA,IAAAC,EAAAC,EAFEX,YAAAA,cAAmBU,EAAAE,EAAAD,EAAER,YAAAA,cAAmBS,EAAER,IAAAA,QAGtCS,EAAkBC,SAAO,MACzBC,EAAqBD,SAAOd,GAC5BgB,EAAeC,EAAAA,aAAY,WAC/BJ,EAAgBK,QAAQC,eAAe,CAAEC,MAAO,OACjD,GAAE,IAUH,OARAC,EAAmBA,oBAACZ,GAAK,WAAA,MAAO,CAAEI,gBAAAA,EAAiBG,aAAAA,EAAc,GAAG,CAACA,IAErEM,EAAAA,iBAAgB,WACVP,EAAmBG,SACrBF,GAEJ,GAAG,CAACA,IAGFO,EAAAA,IAAA,MAAA,CAAKd,IAAKI,EAAgBW,SACxBD,MAACE,EAAc,CAACtB,YAAaA,EAAauB,UAAQ,EAACC,UAAWvB,EAAQwB,eAAeJ,SACnFD,EAAAM,IAAA,MAAA,CAAKC,MAAOlC,EAAOC,wBAAwB2B,SACzCD,MAACQ,EAAgB,CAACC,YAAY,EAAOC,KAAM,UAKrD,IAGF1B,EAAcR,UAAYA,EAE1B,IAAemC,EAAAA,EAAAA,WA9CG,CAChBN,eAAgB,CACdO,MAAO,sBA4CID,CAAsBE,EAAIA,KAAC7B"}

package/cjs-bundle/components/Template/TemplateSharingDialog/ChipSelector.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),r=require("@babel/runtime/helpers/assertThisInitialized"),n=require("@babel/runtime/helpers/inherits"),i=require("@babel/runtime/helpers/possibleConstructorReturn"),s=require("@babel/runtime/helpers/getPrototypeOf"),o=require("@babel/runtime/helpers/defineProperty"),l=require("react"),a=require("lodash"),u=require("prop-types"),d=require("classnames"),c=require("@material-ui/core"),p=require("@material-ui/lab");require("./ChipSelector.css.js");var f=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=m(e),g=m(t),I=m(r),b=m(n),y=m(i),v=m(s),x=m(o),w=m(u),j=m(d);function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function q(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){x.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function R(e){var t=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(e){return!1}}();return function(){var r,n=v.default(e);if(t){var i=v.default(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return y.default(this,r)}}var S=new RegExp("^new.*$"),C=function(e){b.default(r,e);var t=R(r);function r(e){var n;return h.default(this,r),n=t.call(this,e),x.default(I.default(n),"formatItem",(function(e){return{text:n.props.chipFormatter(e),id:a.get(e,"id"),persistent:a.get(e,"persistent",!1)}})),x.default(I.default(n),"handleChange",(function(e,t){var r=n.formattedSelectedItems,i=new Set(r.map((function(e){return e.id}))),s=new Set(t.map((function(e){return e.id}))),o=t.filter((function(e){return!i.has(e.id)})),l=r.filter((function(e){return!s.has(e.id)&&!e.persistent})).map((function(e){return e.id}));o.forEach(n.handleRequestAdd),l.forEach(n.handleRequestDelete)})),x.default(I.default(n),"handleRequestAdd",(function(e){var t=e.id,r=e.text;n.props.allowAddNewItems?n.itemWithSameNameExists(r)?n.setState({isError:!0}):n.props.onAddNew({id:"new".concat(r),name:r}):n.listedItems.find((function(e){return a.get(e,"id")===t}))?n.props.onAdd(t):n.setState({isError:!0})})),x.default(I.default(n),"handleRequestDelete",(function(e){n.props.allowAddNewItems&&S.test(e)?n.props.onRemoveNew(e):n.props.onRemove(e)})),x.default(I.default(n),"handleUpdateInput",(function(){n.state.isError&&n.setState({isError:!1})})),x.default(I.default(n),"getOptionLabel",(function(e){return e.text})),x.default(I.default(n),"renderTags",(function(e,t){return e.map((function(e,r){return f.jsx(c.Chip,q(q({"data-not-migrated-MuiChip":!0,label:n.getOptionLabel(e)},t({index:r})),{},{onDelete:e.persistent?null:function(){return n.handleRequestDelete(e.id)}}),r)}))})),x.default(I.default(n),"renderInput",(function(e){return f.jsx(c.TextField,q(q({},e),{},{variant:"standard",placeholder:n.props.hintText}))})),x.default(I.default(n),"itemWithSameNameExists",(function(e){return n.props.items.concat(n.props.newItems).map(n.formatItem).find((function(t){return a.get(t,"text")===e}))})),n.state={isError:!1},n}return g.default(r,[{key:"componentDidUpdate",value:function(e){var t=e.selectedItems;this.props.selectedItems!==t&&this.setState({isError:!1})}},{key:"itemList",get:function(){var e=this;return this.listedItems.map((function(t){return f.jsx(c.ListItem,{"data-testid":"".concat("chipSelector","_item_").concat(e.props.listItemFormatter(t)),button:!0,divider:!0,onClick:function(){return e.props.onAdd(a.get(t,"id"))},children:f.jsx(c.ListItemText,{children:e.props.listItemFormatter(t)})},a.get(t,"id"))}))}},{key:"listedItems",get:function(){var e=this;return this.props.items.filter((function(t){return!e.props.selectedItems.has(a.get(t,"id"))}))}},{key:"selectedItems",get:function(){var e=this;return this.props.items.filter((function(t){return e.props.selectedItems.has(a.get(t,"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 e=this.state.isError?this.props.errorText:"",t=this.props.classes;return f.jsxs("div",{children:[f.jsxs(c.FormControl,{className:t.formControl,error:!!e,fullWidth:!0,children:[f.jsx(p.Autocomplete,{"data-testid":"generic_chipInput",multiple:!0,fullWidth:!0,id:"chip-selector",classes:{inputRoot:t.inputRoot},value:this.formattedSelectedItems,onChange:this.handleChange,onInputChange:this.handleUpdateInput,options:this.formattedListedItems,getOptionLabel:this.getOptionLabel,renderInput:this.renderInput,renderTags:this.renderTags}),f.jsx(c.FormHelperText,{children:e})]}),f.jsx("div",{className:"c-chip-select-component__list-title",children:f.jsx("em",{children:this.props.listTitle})}),f.jsx(c.List,{className:j.default(this.props.listClasses,this.props.classes.listStyle),children:a.isEmpty(this.listedItems)?f.jsx("div",{className:"c-chip-select-component__empty-list",children:f.jsx("p",{"data-testid":"".concat("chipSelector","_emptyLabel"),children:"List is empty"})}):this.itemList})]})}}]),r}(l.PureComponent);C.propTypes={items:w.default.arrayOf(w.default.shape({})).isRequired,selectedItems:w.default.shape([]).isRequired,newItems:w.default.arrayOf(w.default.shape({})),onAdd:w.default.func.isRequired,onRemove:w.default.func.isRequired,allowAddNewItems:w.default.bool,onAddNew:w.default.func,onRemoveNew:w.default.func,chipFormatter:w.default.func,listItemFormatter:w.default.func,classes:w.default.string,listClasses:w.default.string,hintText:w.default.string,errorText:w.default.string,listTitle:w.default.string},C.defaultProps={allowAddNewItems:!1,chipFormatter:function(e){return e.toString()},listItemFormatter:function(e){return e.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 N=c.withStyles({listStyle:{borderColor:"grey",overflow:"auto"},formControl:{marginBottom:8},inputRoot:{paddingBottom:"8px !important"}})(C);module.exports=N;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),n=require("lodash"),i=require("prop-types"),o=require("classnames"),s=require("@material-ui/core"),l=require("@material-ui/lab");require("./ChipSelector.css.js");var a=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(e),d=u(t),f=u(i),p=u(o);function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=new RegExp("^new.*$"),g=function(e){return e.toString()};function x(e){var t=e.items,i=e.selectedItems,o=e.newItems,u=void 0===o?null:o,c=e.onAdd,f=e.onRemove,m=e.allowAddNewItems,x=void 0!==m&&m,j=e.onAddNew,b=void 0===j?null:j,y=e.onRemoveNew,w=void 0===y?null:y,O=e.chipFormatter,q=void 0===O?g:O,I=e.listItemFormatter,S=void 0===I?g:I,C=e.classes,R=void 0===C?"c-chip-select-component__container":C,T=e.listClasses,_=void 0===T?"c-chip-select-component__list":T,N=e.hintText,A=void 0===N?null:N,P=e.errorText,F=void 0===P?"You can not add not existing item":P,E=e.listTitle,L=void 0===E?"All items":E,D=r.useState(!1),k=d.default(D,2),B=k[0],W=k[1],H=r.useState(i),M=d.default(H,2),Y=M[0],$=M[1];i!==Y&&($(i),W(!1));var z=t.filter((function(e){return!i.has(n.get(e,"id"))})),G=function(e){return{text:q(e),id:n.get(e,"id"),persistent:n.get(e,"persistent",!1)}},J=t.filter((function(e){return i.has(n.get(e,"id"))})).concat(x?u:[]).map(G),K=z.map(G),Q=function(e){var t=e.id,r=e.text;x?X(r)?W(!0):b({id:"new".concat(r),name:r}):z.find((function(e){return n.get(e,"id")===t}))?c(t):W(!0)},U=function(e){x&&v.test(e)?w(e):f(e)},V=function(e){return e.text},X=function(e){return t.concat(u).map(G).find((function(t){return n.get(t,"text")===e}))},Z=B?F:"";return a.jsxs("div",{children:[a.jsxs(s.FormControl,{className:R.formControl,error:!!Z,fullWidth:!0,children:[a.jsx(l.Autocomplete,{"data-testid":"generic_chipInput",multiple:!0,fullWidth:!0,id:"chip-selector",classes:{inputRoot:R.inputRoot},value:J,onChange:function(e,t){var r=J,n=new Set(r.map((function(e){return e.id}))),i=new Set(t.map((function(e){return e.id}))),o=t.filter((function(e){return!n.has(e.id)})),s=r.filter((function(e){return!i.has(e.id)&&!e.persistent})).map((function(e){return e.id}));o.forEach(Q),s.forEach(U)},onInputChange:function(){B&&W(!1)},options:K,getOptionLabel:V,renderInput:function(e){return a.jsx(s.TextField,h(h({},e),{},{variant:"standard",placeholder:A}))},renderTags:function(e,t){return e.map((function(e,r){return a.jsx(s.Chip,h(h({"data-not-migrated-MuiChip":!0,label:V(e)},t({index:r})),{},{onDelete:e.persistent?null:function(){return U(e.id)}}),r)}))}}),a.jsx(s.FormHelperText,{children:Z})]}),a.jsx("div",{className:"c-chip-select-component__list-title",children:a.jsx("em",{children:L})}),a.jsx(s.List,{className:p.default(_,R.listStyle),children:n.isEmpty(z)?a.jsx("div",{className:"c-chip-select-component__empty-list",children:a.jsx("p",{"data-testid":"".concat("chipSelector","_emptyLabel"),children:"List is empty"})}):z.map((function(e){return a.jsx(s.ListItem,{"data-testid":"".concat("chipSelector","_item_").concat(S(e)),button:!0,divider:!0,onClick:function(){return c(n.get(e,"id"))},children:a.jsx(s.ListItemText,{children:S(e)})},n.get(e,"id"))}))})]})}x.propTypes={items:f.default.arrayOf(f.default.shape({})).isRequired,selectedItems:f.default.shape([]).isRequired,newItems:f.default.arrayOf(f.default.shape({})),onAdd:f.default.func.isRequired,onRemove:f.default.func.isRequired,allowAddNewItems:f.default.bool,onAddNew:f.default.func,onRemoveNew:f.default.func,chipFormatter:f.default.func,listItemFormatter:f.default.func,classes:f.default.string,listClasses:f.default.string,hintText:f.default.string,errorText:f.default.string,listTitle:f.default.string};var j=s.withStyles({listStyle:{borderColor:"grey",overflow:"auto"},formControl:{marginBottom:8},inputRoot:{paddingBottom:"8px !important"}})(r.memo(x));module.exports=j;
 //# sourceMappingURL=ChipSelector.js.map

package/cjs-bundle/components/Template/TemplateSharingDialog/ChipSelector.js.map

@@ -1 +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  Chip,\n  FormControl,\n  FormHelperText,\n  List as ListComponent,\n  ListItem,\n  ListItemText,\n  TextField,\n  withStyles,\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        // eslint-disable-next-line react/no-array-index-key\n        key={index}\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":["newItemRegExp","RegExp","ChipSelector","_PureComponent","_inherits","_super","_createSuper","props","_this","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","item","text","chipFormatter","id","get","persistent","e","nextItems","prevItems","formattedSelectedItems","prevIdsSet","Set","map","nextIdsSet","itemsToAdd","filter","has","itemsIdsToRemove","forEach","handleRequestAdd","handleRequestDelete","_ref","allowAddNewItems","itemWithSameNameExists","setState","isError","onAddNew","concat","name","listedItems","find","onAdd","test","onRemoveNew","onRemove","state","option","value","getCustomizedTagProps","index","_jsx","jsx","Chip","_objectSpread","label","getOptionLabel","onDelete","params","TextField","variant","placeholder","hintText","items","newItems","formatItem","_createClass","key","_ref2","selectedItems","_this2","ListItem","PAGE_NAME","listItemFormatter","button","divider","onClick","children","ListItemText","_this3","_this4","errorText","classes","_jsxs","FormControl","className","formControl","error","fullWidth","Autocomplete","multiple","inputRoot","onChange","handleChange","onInputChange","handleUpdateInput","options","formattedListedItems","renderInput","renderTags","FormHelperText","listTitle","ListComponent","classNames","listClasses","listStyle","isEmpty","itemList","PureComponent","propTypes","PropTypes","arrayOf","shape","isRequired","func","bool","string","defaultProps","toString","ChipSelector$1","withStyles","borderColor","overflow","marginBottom","paddingBottom"],"mappings":"wuDAkBA,IAEMA,EAAgB,IAAIC,OAAO,WAW3BC,EAAY,SAAAC,GAAAC,UAAAF,EAAAC,GAAA,IAAAE,EAAAC,EAAAJ,GAChB,SAAAA,EAAYK,GAAO,IAAAC,EAEe,OAFfC,UAAAC,KAAAR,GACjBM,EAAAH,EAAAM,KAAAD,KAAMH,GAAOK,EAAAA,QAAAC,EAAAA,QAAAL,GAAA,cA0CF,SAAAM,GAAI,MAAK,CACpBC,KAAMP,EAAKD,MAAMS,cAAcF,GAC/BG,GAAIC,EAAAA,IAAIJ,EAAM,MACdK,WAAYD,EAAGA,IAACJ,EAAM,cAAc,OACpCF,EAAA,QAAAC,EAAA,QAAAL,GAAA,gBAEa,SAACY,EAAGC,GACjB,IAAMC,EAAYd,EAAKe,uBACjBC,EAAa,IAAIC,IAAIH,EAAUI,KAAI,SAAAZ,GAAI,OAAIA,EAAKG,EAAE,KAClDU,EAAa,IAAIF,IAAIJ,EAAUK,KAAI,SAAAZ,GAAI,OAAIA,EAAKG,EAAE,KAElDW,EAAaP,EAAUQ,QAAO,SAAAf,GAAI,OAAKU,EAAWM,IAAIhB,EAAKG,OAC3Dc,EAAmBT,EACtBO,QAAO,SAAAf,GAAI,OAAKa,EAAWG,IAAIhB,EAAKG,MAAQH,EAAKK,UAAU,IAC3DO,KAAI,SAAAZ,GAAI,OAAIA,EAAKG,MACpBW,EAAWI,QAAQxB,EAAKyB,kBACxBF,EAAiBC,QAAQxB,EAAK0B,wBAC/BtB,EAAAA,QAAAC,EAAAA,QAAAL,GAAA,oBAEkB,SAAkB2B,GAAA,IAAflB,IAAAA,GAAIF,IAAAA,KACpBP,EAAKD,MAAM6B,iBACT5B,EAAK6B,uBAAuBtB,GAC9BP,EAAK8B,SAAS,CAAEC,SAAS,IAEzB/B,EAAKD,MAAMiC,SAAS,CAClBvB,GAAE,MAAAwB,OAAQ1B,GACV2B,KAAM3B,IAGDP,EAAKmC,YAAYC,MAAK,SAAA9B,GAAI,OAAII,MAAIJ,EAAM,QAAUG,CAAE,IAC7DT,EAAKD,MAAMsC,MAAM5B,GAEjBT,EAAK8B,SAAS,CAAEC,SAAS,OAE5B3B,EAAAA,QAEqBC,EAAAA,QAAAL,GAAA,uBAAA,SAAAS,GAChBT,EAAKD,MAAM6B,kBAAoBpC,EAAc8C,KAAK7B,GACpDT,EAAKD,MAAMwC,YAAY9B,GAEvBT,EAAKD,MAAMyC,SAAS/B,MAEvBL,EAAAA,QAAAC,EAAA,QAAAL,GAAA,qBAEmB,WACdA,EAAKyC,MAAMV,SACb/B,EAAK8B,SAAS,CAAEC,SAAS,OAE5B3B,EAAAA,QAAAC,EAAAA,QAAAL,GAAA,kBAEgB,SAAA0C,GAAM,OAAIA,EAAOnC,IAAI,IAAAH,EAEzB,QAAAC,EAAA,QAAAL,GAAA,cAAA,SAAC2C,EAAOC,GAAqB,OACxCD,EAAMzB,KAAI,SAACwB,EAAQG,GAAK,OACtBC,EAACC,IAAAC,EAAAA,KACCC,EAAAA,EAAA,CAEA,6BAAyB,EACzBC,MAAOlD,EAAKmD,eAAeT,IACvBE,EAAsB,CAAEC,MAAAA,KAAQ,CAAA,EAAA,CACpCO,SAAUV,EAAO/B,WAAa,KAAO,WAAA,OAAMX,EAAK0B,oBAAoBgB,EAAOjC,GAAG,IAJzEoC,EAKL,GACF,IAAAzC,EAAAA,QAAAC,EAAAA,QAAAL,GAAA,eAEU,SAAAqD,GAAM,OAClBP,EAAAA,IAACQ,EAAAA,UAASL,EAAAA,EAAA,GAAKI,GAAM,GAAA,CAAEE,QAAQ,WAAWC,YAAaxD,EAAKD,MAAM0D,eACnErD,EAAAA,QAAAC,EAAAA,QAAAL,GAAA,0BAEwB,SAAAO,GAAI,OAC3BP,EAAKD,MAAM2D,MACRzB,OAAOjC,EAAKD,MAAM4D,UAClBzC,IAAIlB,EAAK4D,YACTxB,MAAK,SAAA9B,GAAI,OAAII,MAAIJ,EAAM,UAAYC,IAAK,IAjH3CP,EAAKyC,MAAQ,CAAEV,SAAS,GAAQ/B,CAClC,CAwJC,OAxJA6D,EAAA,QAAAnE,EAAA,CAAA,CAAAoE,IAAA,qBAAAnB,MAED,SAAsCoB,GAAA,IAAjBC,IAAAA,cACf9D,KAAKH,MAAMiE,gBAAkBA,GAC/B9D,KAAK4B,SAAS,CAAEC,SAAS,GAE7B,GAAC,CAAA+B,IAAA,WAAApD,IAED,WAAe,IAAAuD,EAAA/D,KACb,OAAOA,KAAKiC,YAAYjB,KAAI,SAAAZ,GAAI,OAC9BwC,EAAAA,IAACoB,EAAAA,SAAQ,CACP,cAAgBC,GAAAA,OA5BN,eA4BwB,UAAAlC,OAAAgC,EAAKlE,MAAMqE,kBAAkB9D,IAE/D+D,QAAM,EACNC,SAAO,EACPC,QAAS,WAAA,OAAMN,EAAKlE,MAAMsC,MAAM3B,EAAGA,IAACJ,EAAM,MAAO,EAAAkE,SAEjD1B,MAAC2B,eAAY,CAAAD,SAAEP,EAAKlE,MAAMqE,kBAAkB9D,MALvCI,MAAIJ,EAAM,MAMN,GAEf,GAAC,CAAAwD,IAAA,cAAApD,IAED,WAAkB,IAAAgE,EAAAxE,KAChB,OAAOA,KAAKH,MAAM2D,MAAMrC,QAAO,SAAAf,GAAI,OAAKoE,EAAK3E,MAAMiE,cAAc1C,IAAIZ,MAAIJ,EAAM,SACjF,GAAC,CAAAwD,IAAA,gBAAApD,IAED,WAAoB,IAAAiE,EAAAzE,KAClB,OAAOA,KAAKH,MAAM2D,MACfrC,QAAO,SAAAf,GAAI,OAAIqE,EAAK5E,MAAMiE,cAAc1C,IAAIZ,EAAAA,IAAIJ,EAAM,MAAM,IAC5D2B,OAAO/B,KAAKH,MAAM6B,iBAAmB1B,KAAKH,MAAM4D,SAAW,GAChE,GAAC,CAAAG,IAAA,yBAAApD,IAED,WACE,OAAOR,KAAK8D,cAAc9C,IAAIhB,KAAK0D,WACrC,GAAC,CAAAE,IAAA,uBAAApD,IAED,WACE,OAAOR,KAAKiC,YAAYjB,IAAIhB,KAAK0D,WACnC,GAAC,CAAAE,IAAA,SAAAnB,MA4ED,WACE,IAAMiC,EAAY1E,KAAKuC,MAAMV,QAAU7B,KAAKH,MAAM6E,UAAY,GACtDC,EAAY3E,KAAKH,MAAjB8E,QAER,OACEC,EAAAA,KAAA,MAAA,CAAAN,SAAA,CACEM,OAACC,cAAW,CAACC,UAAWH,EAAQI,YAAaC,QAASN,EAAWO,WAAS,EAAAX,SAAA,CACxE1B,MAACsC,eAAY,CACX,cAAY,oBACZC,UAAQ,EACRF,WAAS,EACT1E,GAAG,gBACHoE,QAAS,CAAES,UAAWT,EAAQS,WAC9B3C,MAAOzC,KAAKa,uBACZwE,SAAUrF,KAAKsF,aACfC,cAAevF,KAAKwF,kBACpBC,QAASzF,KAAK0F,qBACdzC,eAAgBjD,KAAKiD,eACrB0C,YAAa3F,KAAK2F,YAClBC,WAAY5F,KAAK4F,aAEnBhD,MAACiD,iBAAc,CAAAvB,SAAEI,OAGnB9B,EAAAC,IAAA,MAAA,CAAKiC,UAAU,sCAAqCR,SAClD1B,EAAAC,IAAA,KAAA,CAAAyB,SAAKtE,KAAKH,MAAMiG,cAElBlD,MAACmD,OAAa,CAACjB,UAAWkB,EAAAA,QAAWhG,KAAKH,MAAMoG,YAAajG,KAAKH,MAAM8E,QAAQuB,WAAW5B,SACvF6B,EAAOA,QAACnG,KAAKiC,aAGbW,EAAAC,IAAA,MAAA,CAAKiC,UAAU,sCAAqCR,SAClD1B,EAAAC,IAAA,IAAA,CAAG,cAAA,GAAAd,OAnKC,eAmKsC,eAAAuC,SAAA,oBAH5CtE,KAAKoG,aASf,KAAC5G,CAAA,CA5Je,CAAS6G,EAAaA,eA+JxC7G,EAAa8G,UAAY,CACvB9C,MAAO+C,EAAS,QAACC,QAAQD,EAAAA,QAAUE,MAAM,CAAA,IAAKC,WAC9C5C,cAAeyC,EAAS,QAACE,MAAM,IAAIC,WACnCjD,SAAU8C,EAAS,QAACC,QAAQD,EAAS,QAACE,MAAM,CAAE,IAC9CtE,MAAOoE,EAAAA,QAAUI,KAAKD,WACtBpE,SAAUiE,EAAAA,QAAUI,KAAKD,WACzBhF,iBAAkB6E,EAAS,QAACK,KAC5B9E,SAAUyE,EAAS,QAACI,KACpBtE,YAAakE,EAAS,QAACI,KACvBrG,cAAeiG,EAAS,QAACI,KACzBzC,kBAAmBqC,EAAS,QAACI,KAC7BhC,QAAS4B,EAAS,QAACM,OACnBZ,YAAaM,EAAS,QAACM,OACvBtD,SAAUgD,EAAS,QAACM,OACpBnC,UAAW6B,EAAS,QAACM,OACrBf,UAAWS,EAAS,QAACM,QAGvBrH,EAAasH,aAAe,CAC1BpF,kBAAkB,EAClBpB,cAAe,SAAAF,GAAI,OAAIA,EAAK2G,UAAU,EACtC7C,kBAAmB,SAAA9D,GAAI,OAAIA,EAAK2G,UAAU,EAC1CpC,QAAS,qCACTsB,YAAa,gCACb1C,SAAU,KACVmB,UAAW,oCACXoB,UAAW,YACXhE,SAAU,KACVO,YAAa,KACboB,SAAU,MAGZ,IAAAuD,EAAeC,aAxMG,CAChBf,UAAW,CACTgB,YAAa,OACbC,SAAU,QAEZpC,YAAa,CAAEqC,aAAc,GAC7BhC,UAAW,CAAEiC,cAAe,mBAkMfJ,CAAsBzH"}
+{"version":3,"file":"ChipSelector.js","sources":["../../../../../src/components/Template/TemplateSharingDialog/ChipSelector.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport { get, isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  Chip,\n  FormControl,\n  FormHelperText,\n  List as ListComponent,\n  ListItem,\n  ListItemText,\n  TextField,\n  withStyles,\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\nconst defaultFormatter = item => item.toString();\n\n/** @param {any} props Preserve the legacy component's public prop type. */\nfunction ChipSelector({\n  items,\n  selectedItems,\n  newItems = null,\n  onAdd,\n  onRemove,\n  allowAddNewItems = false,\n  onAddNew = null,\n  onRemoveNew = null,\n  chipFormatter = defaultFormatter,\n  listItemFormatter = defaultFormatter,\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}) {\n  const [isError, setIsError] = useState(false);\n  const [previousSelectedItems, setPreviousSelectedItems] = useState(selectedItems);\n\n  if (selectedItems !== previousSelectedItems) {\n    setPreviousSelectedItems(selectedItems);\n    setIsError(false);\n  }\n\n  const listedItems = items.filter(item => !selectedItems.has(get(item, 'id')));\n  const formatItem = item => ({\n    text: chipFormatter(item),\n    id: get(item, 'id'),\n    persistent: get(item, 'persistent', false), // NOTE: Item is not removable\n  });\n\n  const formattedSelectedItems = items\n    .filter(item => selectedItems.has(get(item, 'id')))\n    .concat(allowAddNewItems ? newItems : [])\n    .map(formatItem);\n  const formattedListedItems = listedItems.map(formatItem);\n\n  const handleChange = (e, nextItems) => {\n    const prevItems = 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(handleRequestAdd);\n    itemsIdsToRemove.forEach(handleRequestDelete);\n  };\n\n  const handleRequestAdd = ({ id, text }) => {\n    if (allowAddNewItems) {\n      if (itemWithSameNameExists(text)) {\n        setIsError(true);\n      } else {\n        onAddNew({\n          id: `new${text}`,\n          name: text,\n        });\n      }\n    } else if (listedItems.find(item => get(item, 'id') === id)) {\n      onAdd(id);\n    } else {\n      setIsError(true);\n    }\n  };\n\n  const handleRequestDelete = id => {\n    if (allowAddNewItems && newItemRegExp.test(id)) {\n      onRemoveNew(id);\n    } else {\n      onRemove(id);\n    }\n  };\n\n  const handleUpdateInput = () => {\n    if (isError) {\n      setIsError(false);\n    }\n  };\n\n  const getOptionLabel = option => option.text;\n\n  const renderTags = (value, getCustomizedTagProps) =>\n    value.map((option, index) => (\n      <Chip\n        // eslint-disable-next-line react/no-array-index-key\n        key={index}\n        data-not-migrated-MuiChip\n        label={getOptionLabel(option)}\n        {...getCustomizedTagProps({ index })}\n        onDelete={option.persistent ? null : () => handleRequestDelete(option.id)}\n      />\n    ));\n\n  const renderInput = params => <TextField {...params} variant=\"standard\" placeholder={hintText} />;\n\n  const itemWithSameNameExists = text =>\n    items\n      .concat(newItems)\n      .map(formatItem)\n      .find(item => get(item, 'text') === text);\n\n  const displayedErrorText = isError ? errorText : '';\n\n  return (\n    <div>\n      <FormControl className={classes.formControl} error={!!displayedErrorText} fullWidth>\n        <Autocomplete\n          data-testid=\"generic_chipInput\"\n          multiple\n          fullWidth\n          id=\"chip-selector\"\n          classes={{ inputRoot: classes.inputRoot }}\n          value={formattedSelectedItems}\n          onChange={handleChange}\n          onInputChange={handleUpdateInput}\n          options={formattedListedItems}\n          getOptionLabel={getOptionLabel}\n          renderInput={renderInput}\n          renderTags={renderTags}\n        />\n        <FormHelperText>{displayedErrorText}</FormHelperText>\n      </FormControl>\n\n      <div className=\"c-chip-select-component__list-title\">\n        <em>{listTitle}</em>\n      </div>\n      <ListComponent className={classNames(listClasses, classes.listStyle)}>\n        {!isEmpty(listedItems) ? (\n          listedItems.map(item => (\n            <ListItem\n              data-testid={`${PAGE_NAME}_item_${listItemFormatter(item)}`}\n              key={get(item, 'id')}\n              button\n              divider\n              onClick={() => onAdd(get(item, 'id'))}\n            >\n              <ListItemText>{listItemFormatter(item)}</ListItemText>\n            </ListItem>\n          ))\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\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\nexport default withStyles(muiStyles)(memo(ChipSelector));\n"],"names":["newItemRegExp","RegExp","defaultFormatter","item","toString","ChipSelector","_ref","items","selectedItems","_ref$newItems","newItems","onAdd","onRemove","_ref$allowAddNewItems","allowAddNewItems","_ref$onAddNew","onAddNew","_ref$onRemoveNew","onRemoveNew","_ref$chipFormatter","chipFormatter","_ref$listItemFormatte","listItemFormatter","_ref$classes","classes","_ref$listClasses","listClasses","_ref$hintText","hintText","_ref$errorText","errorText","_ref$listTitle","listTitle","useState","_useState2","_slicedToArray","_useState","isError","setIsError","_useState4","_useState3","previousSelectedItems","setPreviousSelectedItems","listedItems","filter","has","get","formatItem","text","id","persistent","formattedSelectedItems","concat","map","formattedListedItems","handleRequestAdd","_ref2","itemWithSameNameExists","name","find","handleRequestDelete","test","getOptionLabel","option","displayedErrorText","_jsxs","children","FormControl","className","formControl","error","fullWidth","_jsx","Autocomplete","multiple","inputRoot","value","onChange","e","nextItems","prevItems","prevIdsSet","Set","nextIdsSet","itemsToAdd","itemsIdsToRemove","forEach","onInputChange","options","renderInput","params","TextField","_objectSpread","variant","placeholder","renderTags","getCustomizedTagProps","index","jsx","Chip","label","onDelete","FormHelperText","ListComponent","classNames","listStyle","isEmpty","ListItem","button","divider","onClick","ListItemText","propTypes","PropTypes","arrayOf","shape","isRequired","func","bool","string","withStyles","borderColor","overflow","marginBottom","paddingBottom","memo"],"mappings":"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"}

package/components/CommentLoader.d.ts

@@ -1,11 +1,12 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferProps<{
+declare const _default: import("react").ComponentType<Pick<PropTypes.InferPropsInner<Pick<{
     showOnMount: PropTypes.Requireable<boolean>;
     spaceAround: PropTypes.Requireable<boolean>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-}>, "classes"> & {
-    showOnMount?: boolean | null | undefined;
-    spaceAround?: boolean | null | undefined;
-} & {}, "showOnMount" | "spaceAround"> & import("@material-ui/styles").StyledComponentProps<"commentWrapper">>;
+}, "classes">> & Partial<PropTypes.InferPropsInner<Pick<{
+    showOnMount: PropTypes.Requireable<boolean>;
+    spaceAround: PropTypes.Requireable<boolean>;
+    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+}, "showOnMount" | "spaceAround">>> & import("react").RefAttributes<any>, "showOnMount" | "spaceAround" | keyof import("react").RefAttributes<any>> & import("@material-ui/styles").StyledComponentProps<"commentWrapper">>;
 export default _default;
 //# sourceMappingURL=CommentLoader.d.ts.map

package/components/CommentLoader.js

@@ -1,2 +1,2 @@
-import r from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import t from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import i from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import{createRef as a,PureComponent as c}from"react";import p from"prop-types";import{withStyles as l}from"@material-ui/core/styles";import u from"./LoadingIndicator/LoadingIndicator.js";import m from"./CommentWrapper.js";import{jsx as f}from"react/jsx-runtime";function d(r){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(r){return!1}}();return function(){var t,o=i(r);if(e){var s=i(this).constructor;t=Reflect.construct(o,arguments,s)}else t=o.apply(this,arguments);return n(this,t)}}var h={loadingIndicatorWrapper:{padding:"0 20px 0 0"}},b=function(n){o(p,c);var i=d(p);function p(e){var o;return r(this,p),o=i.call(this,e),s(t(o),"showIntoView",(function(){o.commentLoaderEl.current.scrollIntoView({block:"end"})})),o.commentLoaderEl=a(),o}return e(p,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"render",value:function(){return f("div",{ref:this.commentLoaderEl,children:f(m,{spaceAround:this.props.spaceAround,isLoader:!0,className:this.props.classes.commentWrapper,children:f("div",{style:h.loadingIndicatorWrapper,children:f(u,{fullscreen:!1,size:30})})})})}}]),p}();b.propTypes={showOnMount:p.bool,spaceAround:p.bool,classes:p.shape({}).isRequired},b.defaultProps={showOnMount:!1,spaceAround:!1};var y=l({commentWrapper:{width:"calc(100% - 28px)"}})(b);export{y as default};
+import{forwardRef as r,useRef as o,useCallback as e,useImperativeHandle as n,useLayoutEffect as i,memo as t}from"react";import a from"prop-types";import{withStyles as c}from"@material-ui/core/styles";import p from"./LoadingIndicator/LoadingIndicator.js";import s from"./CommentWrapper.js";import{jsx as d}from"react/jsx-runtime";var l={loadingIndicatorWrapper:{padding:"0 20px 0 0"}},m={showOnMount:a.bool,spaceAround:a.bool,classes:a.shape({}).isRequired},u=r((function(r,t){var a=r.showOnMount,c=void 0!==a&&a,m=r.spaceAround,u=void 0!==m&&m,f=r.classes,h=o(null),v=o(c),w=e((function(){h.current.scrollIntoView({block:"end"})}),[]);return n(t,(function(){return{commentLoaderEl:h,showIntoView:w}}),[w]),i((function(){v.current&&w()}),[w]),d("div",{ref:h,children:d(s,{spaceAround:u,isLoader:!0,className:f.commentWrapper,children:d("div",{style:l.loadingIndicatorWrapper,children:d(p,{fullscreen:!1,size:30})})})})}));u.propTypes=m;var f=c({commentWrapper:{width:"calc(100% - 28px)"}})(t(u));export{f as default};
 //# sourceMappingURL=CommentLoader.js.map

package/components/CommentLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentLoader.js","sources":["../../src/components/CommentLoader.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentWrapper from '~components/CommentWrapper';\n\nconst styles = {\n  // NOTE: Centers the LoadingIndicator\n  loadingIndicatorWrapper: { padding: '0 20px 0 0' },\n};\n\nconst muiStyles = {\n  commentWrapper: {\n    width: 'calc(100% - 28px)', // NOTE: 28 === settings icon size.\n  },\n};\n\nclass CommentLoader extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.commentLoaderEl = createRef();\n  }\n\n  componentDidMount() {\n    if (this.props.showOnMount) {\n      this.showIntoView();\n    }\n  }\n\n  showIntoView = () => {\n    this.commentLoaderEl.current.scrollIntoView({ block: 'end' });\n  };\n\n  render() {\n    return (\n      <div ref={this.commentLoaderEl}>\n        <CommentWrapper\n          spaceAround={this.props.spaceAround}\n          isLoader\n          className={this.props.classes.commentWrapper}\n        >\n          <div style={styles.loadingIndicatorWrapper}>\n            <LoadingIndicator fullscreen={false} size={30} />\n          </div>\n        </CommentWrapper>\n      </div>\n    );\n  }\n}\n\nCommentLoader.propTypes = {\n  showOnMount: PropTypes.bool,\n  spaceAround: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nCommentLoader.defaultProps = {\n  showOnMount: false,\n  spaceAround: false,\n};\n\nexport default withStyles(muiStyles)(CommentLoader);\n"],"names":["styles","loadingIndicatorWrapper","padding","CommentLoader","_PureComponent","_inherits","PureComponent","_super","_createSuper","props","_this","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","commentLoaderEl","current","scrollIntoView","block","createRef","_createClass","key","value","showOnMount","showIntoView","_jsx","ref","children","CommentWrapper","spaceAround","isLoader","className","classes","commentWrapper","style","LoadingIndicator","fullscreen","size","propTypes","PropTypes","bool","shape","isRequired","defaultProps","CommentLoader$1","withStyles","width"],"mappings":"yiCAOA,IAAMA,EAAS,CAEbC,wBAAyB,CAAEC,QAAS,eAShCC,EAAa,SAAAC,GAAAC,EAAAF,EAASG,GAAT,IAAAC,EAAAC,EAAAL,GACjB,SAAAA,EAAYM,GAAO,IAAAC,EAGkB,OAHlBC,EAAAC,KAAAT,GACjBO,EAAAH,EAAAM,KAAAD,KAAMH,GAAOK,EAAAC,EAAAL,GAAA,gBAWA,WACbA,EAAKM,gBAAgBC,QAAQC,eAAe,CAAEC,MAAO,WAVrDT,EAAKM,gBAAkBI,IAAYV,CACrC,CA0BC,OA1BAW,EAAAlB,EAAA,CAAA,CAAAmB,IAAA,oBAAAC,MAED,WACMX,KAAKH,MAAMe,aACbZ,KAAKa,cAET,GAAC,CAAAH,IAAA,SAAAC,MAMD,WACE,OACEG,EAAA,MAAA,CAAKC,IAAKf,KAAKI,gBAAgBY,SAC7BF,EAACG,EAAc,CACbC,YAAalB,KAAKH,MAAMqB,YACxBC,UAAQ,EACRC,UAAWpB,KAAKH,MAAMwB,QAAQC,eAAeN,SAE7CF,EAAA,MAAA,CAAKS,MAAOnC,EAAOC,wBAAwB2B,SACzCF,EAACU,EAAgB,CAACC,YAAY,EAAOC,KAAM,UAKrD,KAACnC,CAAA,CA/BgB,GAkCnBA,EAAcoC,UAAY,CACxBf,YAAagB,EAAUC,KACvBX,YAAaU,EAAUC,KAEvBR,QAASO,EAAUE,MAAM,CAAA,GAAIC,YAG/BxC,EAAcyC,aAAe,CAC3BpB,aAAa,EACbM,aAAa,GAGf,IAAAe,EAAeC,EApDG,CAChBZ,eAAgB,CACda,MAAO,sBAkDID,CAAsB3C"}
+{"version":3,"file":"CommentLoader.js","sources":["../../src/components/CommentLoader.js"],"sourcesContent":["import { forwardRef, memo, useCallback, useImperativeHandle, useLayoutEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentWrapper from '~components/CommentWrapper';\n\nconst styles = {\n  // NOTE: Centers the LoadingIndicator\n  loadingIndicatorWrapper: { padding: '0 20px 0 0' },\n};\n\nconst muiStyles = {\n  commentWrapper: {\n    width: 'calc(100% - 28px)', // NOTE: 28 === settings icon size.\n  },\n};\n\nconst propTypes = {\n  showOnMount: PropTypes.bool,\n  spaceAround: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nconst CommentLoader = forwardRef(\n  /** @param {PropTypes.InferProps<typeof propTypes>} props */ function CommentLoader(\n    { showOnMount = false, spaceAround = false, classes },\n    ref\n  ) {\n    const commentLoaderEl = useRef(null);\n    const initialShowOnMount = useRef(showOnMount);\n    const showIntoView = useCallback(() => {\n      commentLoaderEl.current.scrollIntoView({ block: 'end' });\n    }, []);\n\n    useImperativeHandle(ref, () => ({ commentLoaderEl, showIntoView }), [showIntoView]);\n\n    useLayoutEffect(() => {\n      if (initialShowOnMount.current) {\n        showIntoView();\n      }\n    }, [showIntoView]);\n\n    return (\n      <div ref={commentLoaderEl}>\n        <CommentWrapper spaceAround={spaceAround} isLoader className={classes.commentWrapper}>\n          <div style={styles.loadingIndicatorWrapper}>\n            <LoadingIndicator fullscreen={false} size={30} />\n          </div>\n        </CommentWrapper>\n      </div>\n    );\n  }\n);\n\nCommentLoader.propTypes = propTypes;\n\nexport default withStyles(muiStyles)(memo(CommentLoader));\n"],"names":["styles","loadingIndicatorWrapper","padding","propTypes","showOnMount","PropTypes","bool","spaceAround","classes","shape","isRequired","CommentLoader","forwardRef","ref","_ref$showOnMount","_ref","_ref$spaceAround","commentLoaderEl","useRef","initialShowOnMount","showIntoView","useCallback","current","scrollIntoView","block","useImperativeHandle","useLayoutEffect","_jsx","children","CommentWrapper","isLoader","className","commentWrapper","style","LoadingIndicator","fullscreen","size","withStyles","width","memo"],"mappings":"yUAOA,IAAMA,EAAS,CAEbC,wBAAyB,CAAEC,QAAS,eAShCC,EAAY,CAChBC,YAAaC,EAAUC,KACvBC,YAAaF,EAAUC,KAEvBE,QAASH,EAAUI,MAAM,CAAA,GAAIC,YAGzBC,EAAgBC,GACyC,SAE3DC,EAAAA,GACA,IAAAC,EAAAC,EAFEX,YAAAA,cAAmBU,EAAAE,EAAAD,EAAER,YAAAA,cAAmBS,EAAER,IAAAA,QAGtCS,EAAkBC,EAAO,MACzBC,EAAqBD,EAAOd,GAC5BgB,EAAeC,GAAY,WAC/BJ,EAAgBK,QAAQC,eAAe,CAAEC,MAAO,OACjD,GAAE,IAUH,OARAC,EAAoBZ,GAAK,WAAA,MAAO,CAAEI,gBAAAA,EAAiBG,aAAAA,EAAc,GAAG,CAACA,IAErEM,GAAgB,WACVP,EAAmBG,SACrBF,GAEJ,GAAG,CAACA,IAGFO,EAAA,MAAA,CAAKd,IAAKI,EAAgBW,SACxBD,EAACE,EAAc,CAACtB,YAAaA,EAAauB,UAAQ,EAACC,UAAWvB,EAAQwB,eAAeJ,SACnFD,EAAA,MAAA,CAAKM,MAAOjC,EAAOC,wBAAwB2B,SACzCD,EAACO,EAAgB,CAACC,YAAY,EAAOC,KAAM,UAKrD,IAGFzB,EAAcR,UAAYA,EAE1B,IAAekC,EAAAA,EA9CG,CAChBL,eAAgB,CACdM,MAAO,sBA4CID,CAAsBE,EAAK5B"}

package/components/Template/TemplateSharingDialog/ChipSelector.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import './ChipSelector.css';
-declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferProps<{
+declare const _default: import("react").ComponentType<Pick<PropTypes.InferProps<{
     items: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
     selectedItems: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;
     newItems: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
@@ -16,35 +16,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
     hintText: PropTypes.Requireable<string>;
     errorText: PropTypes.Requireable<string>;
     listTitle: PropTypes.Requireable<string>;
-}>, PropTypes.RequiredKeys<{
-    items: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
-    selectedItems: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;
-    newItems: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;
-    onAdd: PropTypes.Validator<(...args: any[]) => any>;
-    onRemove: PropTypes.Validator<(...args: any[]) => any>;
-    allowAddNewItems: PropTypes.Requireable<boolean>;
-    onAddNew: PropTypes.Requireable<(...args: any[]) => any>;
-    onRemoveNew: PropTypes.Requireable<(...args: any[]) => any>;
-    chipFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-    listItemFormatter: PropTypes.Requireable<(...args: any[]) => any>;
-    classes: PropTypes.Requireable<string>;
-    listClasses: PropTypes.Requireable<string>;
-    hintText: PropTypes.Requireable<string>;
-    errorText: PropTypes.Requireable<string>;
-    listTitle: PropTypes.Requireable<string>;
-}>> & {
-    newItems?: (PropTypes.InferProps<{}> | null | undefined)[] | null | undefined;
-    allowAddNewItems?: boolean | null | undefined;
-    onAddNew?: ((...args: any[]) => any) | null | undefined;
-    onRemoveNew?: ((...args: any[]) => any) | null | undefined;
-    chipFormatter?: ((...args: any[]) => any) | null | undefined;
-    listItemFormatter?: ((...args: any[]) => any) | null | undefined;
-    classes?: string | null | undefined;
-    listClasses?: string | null | undefined;
-    hintText?: string | null | undefined;
-    errorText?: string | null | undefined;
-    listTitle?: string | null | undefined;
-} & {}, "allowAddNewItems" | "chipFormatter" | "errorText" | "hintText" | "listClasses" | "listItemFormatter" | "listTitle" | "newItems" | "onAddNew" | "onRemoveNew" | PropTypes.RequiredKeys<{
+}>, "allowAddNewItems" | "chipFormatter" | "errorText" | "hintText" | "listClasses" | "listItemFormatter" | "listTitle" | "newItems" | "onAddNew" | "onRemoveNew" | PropTypes.RequiredKeys<{
     items: PropTypes.Validator<(PropTypes.InferProps<{}> | null | undefined)[]>;
     selectedItems: PropTypes.Validator<NonNullable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>>;
     newItems: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;

package/components/Template/TemplateSharingDialog/ChipSelector.js

@@ -1,2 +1,2 @@
-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 t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{memo as r,useState as n}from"react";import{get as i,isEmpty as o}from"lodash";import c from"prop-types";import s from"classnames";import{withStyles as a,FormControl as l,FormHelperText as u,List as d,ListItem as p,ListItemText as m,Chip as f,TextField as h}from"@material-ui/core";import{Autocomplete as v}from"@material-ui/lab";import"./ChipSelector.css.js";import{jsxs as b,jsx as g}from"react/jsx-runtime";function y(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 w(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?y(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=new RegExp("^new.*$"),x=function(t){return t.toString()};function j(t){var r=t.items,c=t.selectedItems,a=t.newItems,y=void 0===a?null:a,j=t.onAdd,R=t.onRemove,_=t.allowAddNewItems,I=void 0!==_&&_,C=t.onAddNew,N=void 0===C?null:C,S=t.onRemoveNew,P=void 0===S?null:S,T=t.chipFormatter,A=void 0===T?x:T,D=t.listItemFormatter,E=void 0===D?x:D,q=t.classes,F=void 0===q?"c-chip-select-component__container":q,L=t.listClasses,k=void 0===L?"c-chip-select-component__list":L,B=t.hintText,W=void 0===B?null:B,M=t.errorText,Y=void 0===M?"You can not add not existing item":M,$=t.listTitle,z=void 0===$?"All items":$,G=n(!1),H=e(G,2),J=H[0],K=H[1],Q=n(c),U=e(Q,2),V=U[0],X=U[1];c!==V&&(X(c),K(!1));var Z=r.filter((function(t){return!c.has(i(t,"id"))})),tt=function(t){return{text:A(t),id:i(t,"id"),persistent:i(t,"persistent",!1)}},et=r.filter((function(t){return c.has(i(t,"id"))})).concat(I?y:[]).map(tt),rt=Z.map(tt),nt=function(t){var e=t.id,r=t.text;I?ct(r)?K(!0):N({id:"new".concat(r),name:r}):Z.find((function(t){return i(t,"id")===e}))?j(e):K(!0)},it=function(t){I&&O.test(t)?P(t):R(t)},ot=function(t){return t.text},ct=function(t){return r.concat(y).map(tt).find((function(e){return i(e,"text")===t}))},st=J?Y:"";return b("div",{children:[b(l,{className:F.formControl,error:!!st,fullWidth:!0,children:[g(v,{"data-testid":"generic_chipInput",multiple:!0,fullWidth:!0,id:"chip-selector",classes:{inputRoot:F.inputRoot},value:et,onChange:function(t,e){var r=et,n=new Set(r.map((function(t){return t.id}))),i=new Set(e.map((function(t){return t.id}))),o=e.filter((function(t){return!n.has(t.id)})),c=r.filter((function(t){return!i.has(t.id)&&!t.persistent})).map((function(t){return t.id}));o.forEach(nt),c.forEach(it)},onInputChange:function(){J&&K(!1)},options:rt,getOptionLabel:ot,renderInput:function(t){return g(h,w(w({},t),{},{variant:"standard",placeholder:W}))},renderTags:function(t,e){return t.map((function(t,r){return g(f,w(w({"data-not-migrated-MuiChip":!0,label:ot(t)},e({index:r})),{},{onDelete:t.persistent?null:function(){return it(t.id)}}),r)}))}}),g(u,{children:st})]}),g("div",{className:"c-chip-select-component__list-title",children:g("em",{children:z})}),g(d,{className:s(k,F.listStyle),children:o(Z)?g("div",{className:"c-chip-select-component__empty-list",children:g("p",{"data-testid":"".concat("chipSelector","_emptyLabel"),children:"List is empty"})}):Z.map((function(t){return g(p,{"data-testid":"".concat("chipSelector","_item_").concat(E(t)),button:!0,divider:!0,onClick:function(){return j(i(t,"id"))},children:g(m,{children:E(t)})},i(t,"id"))}))})]})}j.propTypes={items:c.arrayOf(c.shape({})).isRequired,selectedItems:c.shape([]).isRequired,newItems:c.arrayOf(c.shape({})),onAdd:c.func.isRequired,onRemove:c.func.isRequired,allowAddNewItems:c.bool,onAddNew:c.func,onRemoveNew:c.func,chipFormatter:c.func,listItemFormatter:c.func,classes:c.string,listClasses:c.string,hintText:c.string,errorText:c.string,listTitle:c.string};var R=a({listStyle:{borderColor:"grey",overflow:"auto"},formControl:{marginBottom:8},inputRoot:{paddingBottom:"8px !important"}})(r(j));export{R as default};
 //# sourceMappingURL=ChipSelector.js.map

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

@@ -1 +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  Chip,\n  FormControl,\n  FormHelperText,\n  List as ListComponent,\n  ListItem,\n  ListItemText,\n  TextField,\n  withStyles,\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        // eslint-disable-next-line react/no-array-index-key\n        key={index}\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":["newItemRegExp","RegExp","ChipSelector","_PureComponent","_inherits","PureComponent","_super","_createSuper","props","_this","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","item","text","chipFormatter","id","get","persistent","e","nextItems","prevItems","formattedSelectedItems","prevIdsSet","Set","map","nextIdsSet","itemsToAdd","filter","has","itemsIdsToRemove","forEach","handleRequestAdd","handleRequestDelete","_ref","allowAddNewItems","itemWithSameNameExists","setState","isError","onAddNew","concat","name","listedItems","find","onAdd","test","onRemoveNew","onRemove","state","option","value","getCustomizedTagProps","index","_jsx","Chip","_objectSpread","label","getOptionLabel","onDelete","params","TextField","variant","placeholder","hintText","items","newItems","formatItem","_createClass","key","_ref2","selectedItems","_this2","ListItem","PAGE_NAME","listItemFormatter","button","divider","onClick","children","ListItemText","_this3","_this4","errorText","classes","_jsxs","FormControl","className","formControl","error","fullWidth","Autocomplete","multiple","inputRoot","onChange","handleChange","onInputChange","handleUpdateInput","options","formattedListedItems","renderInput","renderTags","FormHelperText","listTitle","ListComponent","classNames","listClasses","listStyle","isEmpty","itemList","propTypes","PropTypes","arrayOf","shape","isRequired","func","bool","string","defaultProps","toString","ChipSelector$1","withStyles","borderColor","overflow","marginBottom","paddingBottom"],"mappings":"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"}
+{"version":3,"file":"ChipSelector.js","sources":["../../../../src/components/Template/TemplateSharingDialog/ChipSelector.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport { get, isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  Chip,\n  FormControl,\n  FormHelperText,\n  List as ListComponent,\n  ListItem,\n  ListItemText,\n  TextField,\n  withStyles,\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\nconst defaultFormatter = item => item.toString();\n\n/** @param {any} props Preserve the legacy component's public prop type. */\nfunction ChipSelector({\n  items,\n  selectedItems,\n  newItems = null,\n  onAdd,\n  onRemove,\n  allowAddNewItems = false,\n  onAddNew = null,\n  onRemoveNew = null,\n  chipFormatter = defaultFormatter,\n  listItemFormatter = defaultFormatter,\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}) {\n  const [isError, setIsError] = useState(false);\n  const [previousSelectedItems, setPreviousSelectedItems] = useState(selectedItems);\n\n  if (selectedItems !== previousSelectedItems) {\n    setPreviousSelectedItems(selectedItems);\n    setIsError(false);\n  }\n\n  const listedItems = items.filter(item => !selectedItems.has(get(item, 'id')));\n  const formatItem = item => ({\n    text: chipFormatter(item),\n    id: get(item, 'id'),\n    persistent: get(item, 'persistent', false), // NOTE: Item is not removable\n  });\n\n  const formattedSelectedItems = items\n    .filter(item => selectedItems.has(get(item, 'id')))\n    .concat(allowAddNewItems ? newItems : [])\n    .map(formatItem);\n  const formattedListedItems = listedItems.map(formatItem);\n\n  const handleChange = (e, nextItems) => {\n    const prevItems = 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(handleRequestAdd);\n    itemsIdsToRemove.forEach(handleRequestDelete);\n  };\n\n  const handleRequestAdd = ({ id, text }) => {\n    if (allowAddNewItems) {\n      if (itemWithSameNameExists(text)) {\n        setIsError(true);\n      } else {\n        onAddNew({\n          id: `new${text}`,\n          name: text,\n        });\n      }\n    } else if (listedItems.find(item => get(item, 'id') === id)) {\n      onAdd(id);\n    } else {\n      setIsError(true);\n    }\n  };\n\n  const handleRequestDelete = id => {\n    if (allowAddNewItems && newItemRegExp.test(id)) {\n      onRemoveNew(id);\n    } else {\n      onRemove(id);\n    }\n  };\n\n  const handleUpdateInput = () => {\n    if (isError) {\n      setIsError(false);\n    }\n  };\n\n  const getOptionLabel = option => option.text;\n\n  const renderTags = (value, getCustomizedTagProps) =>\n    value.map((option, index) => (\n      <Chip\n        // eslint-disable-next-line react/no-array-index-key\n        key={index}\n        data-not-migrated-MuiChip\n        label={getOptionLabel(option)}\n        {...getCustomizedTagProps({ index })}\n        onDelete={option.persistent ? null : () => handleRequestDelete(option.id)}\n      />\n    ));\n\n  const renderInput = params => <TextField {...params} variant=\"standard\" placeholder={hintText} />;\n\n  const itemWithSameNameExists = text =>\n    items\n      .concat(newItems)\n      .map(formatItem)\n      .find(item => get(item, 'text') === text);\n\n  const displayedErrorText = isError ? errorText : '';\n\n  return (\n    <div>\n      <FormControl className={classes.formControl} error={!!displayedErrorText} fullWidth>\n        <Autocomplete\n          data-testid=\"generic_chipInput\"\n          multiple\n          fullWidth\n          id=\"chip-selector\"\n          classes={{ inputRoot: classes.inputRoot }}\n          value={formattedSelectedItems}\n          onChange={handleChange}\n          onInputChange={handleUpdateInput}\n          options={formattedListedItems}\n          getOptionLabel={getOptionLabel}\n          renderInput={renderInput}\n          renderTags={renderTags}\n        />\n        <FormHelperText>{displayedErrorText}</FormHelperText>\n      </FormControl>\n\n      <div className=\"c-chip-select-component__list-title\">\n        <em>{listTitle}</em>\n      </div>\n      <ListComponent className={classNames(listClasses, classes.listStyle)}>\n        {!isEmpty(listedItems) ? (\n          listedItems.map(item => (\n            <ListItem\n              data-testid={`${PAGE_NAME}_item_${listItemFormatter(item)}`}\n              key={get(item, 'id')}\n              button\n              divider\n              onClick={() => onAdd(get(item, 'id'))}\n            >\n              <ListItemText>{listItemFormatter(item)}</ListItemText>\n            </ListItem>\n          ))\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\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\nexport default withStyles(muiStyles)(memo(ChipSelector));\n"],"names":["newItemRegExp","RegExp","defaultFormatter","item","toString","ChipSelector","_ref","items","selectedItems","_ref$newItems","newItems","onAdd","onRemove","_ref$allowAddNewItems","allowAddNewItems","_ref$onAddNew","onAddNew","_ref$onRemoveNew","onRemoveNew","_ref$chipFormatter","chipFormatter","_ref$listItemFormatte","listItemFormatter","_ref$classes","classes","_ref$listClasses","listClasses","_ref$hintText","hintText","_ref$errorText","errorText","_ref$listTitle","listTitle","useState","_useState2","_slicedToArray","_useState","isError","setIsError","_useState4","_useState3","previousSelectedItems","setPreviousSelectedItems","listedItems","filter","has","get","formatItem","text","id","persistent","formattedSelectedItems","concat","map","formattedListedItems","handleRequestAdd","_ref2","itemWithSameNameExists","name","find","handleRequestDelete","test","getOptionLabel","option","displayedErrorText","_jsxs","children","FormControl","className","formControl","error","fullWidth","_jsx","Autocomplete","multiple","inputRoot","value","onChange","e","nextItems","prevItems","prevIdsSet","Set","nextIdsSet","itemsToAdd","itemsIdsToRemove","forEach","onInputChange","options","renderInput","params","TextField","_objectSpread","variant","placeholder","renderTags","getCustomizedTagProps","index","Chip","label","onDelete","FormHelperText","ListComponent","classNames","listStyle","isEmpty","ListItem","button","divider","onClick","ListItemText","propTypes","PropTypes","arrayOf","shape","isRequired","func","bool","string","withStyles","borderColor","overflow","marginBottom","paddingBottom","memo"],"mappings":"wkCAkBA,IAEMA,EAAgB,IAAIC,OAAO,WAW3BC,EAAmB,SAAAC,GAAI,OAAIA,EAAKC,UAAU,EAGhD,SAASC,EAgBNC,GAAA,IAfDC,IAAAA,MACAC,IAAAA,cAAaC,EAAAH,EACbI,SAAAA,aAAW,KAAID,EACfE,IAAAA,MACAC,IAAAA,SAAQC,EAAAP,EACRQ,iBAAAA,cAAwBD,EAAAE,EAAAT,EACxBU,SAAAA,aAAW,KAAID,EAAAE,EAAAX,EACfY,YAAAA,aAAc,KAAID,EAAAE,EAAAb,EAClBc,cAAAA,aAAgBlB,EAAgBiB,EAAAE,EAAAf,EAChCgB,kBAAAA,aAAoBpB,EAAgBmB,EAAAE,EAAAjB,EACpCkB,QAAAA,aAAU,qCAAoCD,EAAAE,EAAAnB,EAC9CoB,YAAAA,aAAc,gCAA+BD,EAAAE,EAAArB,EAC7CsB,SAAAA,aAAW,KAAID,EAAAE,EAAAvB,EACfwB,UAAAA,aAAY,oCAAmCD,EAAAE,EAAAzB,EAC/C0B,UAAAA,aAAY,YAAWD,EAEOE,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAtCC,EAAOH,EAAA,GAAEI,EAAUJ,EAAA,GACgCD,EAAAA,EAASzB,GAAc+B,EAAAJ,EAAAK,EAAA,GAA1EC,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAElD/B,IAAkBiC,IACpBC,EAAyBlC,GACzB8B,GAAW,IAGb,IAAMK,EAAcpC,EAAMqC,QAAO,SAAAzC,GAAI,OAAKK,EAAcqC,IAAIC,EAAI3C,EAAM,UAChE4C,GAAa,SAAA5C,GAAI,MAAK,CAC1B6C,KAAM5B,EAAcjB,GACpB8C,GAAIH,EAAI3C,EAAM,MACd+C,WAAYJ,EAAI3C,EAAM,cAAc,KAGhCgD,GAAyB5C,EAC5BqC,QAAO,SAAAzC,GAAI,OAAIK,EAAcqC,IAAIC,EAAI3C,EAAM,MAAM,IACjDiD,OAAOtC,EAAmBJ,EAAW,IACrC2C,IAAIN,IACDO,GAAuBX,EAAYU,IAAIN,IAevCQ,GAAmB,SAAkBC,GAAA,IAAfP,IAAAA,GAAID,IAAAA,KAC1BlC,EACE2C,GAAuBT,GACzBV,GAAW,GAEXtB,EAAS,CACPiC,GAAE,MAAAG,OAAQJ,GACVU,KAAMV,IAGDL,EAAYgB,MAAK,SAAAxD,GAAI,OAAI2C,EAAI3C,EAAM,QAAU8C,CAAE,IACxDtC,EAAMsC,GAENX,GAAW,IAITsB,GAAsB,SAAAX,GACtBnC,GAAoBd,EAAc6D,KAAKZ,GACzC/B,EAAY+B,GAEZrC,EAASqC,IAUPa,GAAiB,SAAAC,GAAM,OAAIA,EAAOf,IAAI,EAgBtCS,GAAyB,SAAAT,GAAI,OACjCzC,EACG6C,OAAO1C,GACP2C,IAAIN,IACJY,MAAK,SAAAxD,GAAI,OAAI2C,EAAI3C,EAAM,UAAY6C,IAAK,EAEvCgB,GAAqB3B,EAAUP,EAAY,GAEjD,OACEmC,EAAA,MAAA,CAAAC,SAAA,CACED,EAACE,EAAW,CAACC,UAAW5C,EAAQ6C,YAAaC,QAASN,GAAoBO,WAAS,EAAAL,SAAA,CACjFM,EAACC,EAAY,CACX,cAAY,oBACZC,UAAQ,EACRH,WAAS,EACTtB,GAAG,gBACHzB,QAAS,CAAEmD,UAAWnD,EAAQmD,WAC9BC,MAAOzB,GACP0B,SA9Ea,SAACC,EAAGC,GACvB,IAAMC,EAAY7B,GACZ8B,EAAa,IAAIC,IAAIF,EAAU3B,KAAI,SAAAlD,GAAI,OAAIA,EAAK8C,EAAE,KAClDkC,EAAa,IAAID,IAAIH,EAAU1B,KAAI,SAAAlD,GAAI,OAAIA,EAAK8C,EAAE,KAElDmC,EAAaL,EAAUnC,QAAO,SAAAzC,GAAI,OAAK8E,EAAWpC,IAAI1C,EAAK8C,OAC3DoC,EAAmBL,EACtBpC,QAAO,SAAAzC,GAAI,OAAKgF,EAAWtC,IAAI1C,EAAK8C,MAAQ9C,EAAK+C,UAAU,IAC3DG,KAAI,SAAAlD,GAAI,OAAIA,EAAK8C,MACpBmC,EAAWE,QAAQ/B,IACnB8B,EAAiBC,QAAQ1B,KAqEnB2B,cAzCkB,WACpBlD,GACFC,GAAW,IAwCPkD,QAASlC,GACTQ,eAAgBA,GAChB2B,YAxBY,SAAAC,GAAM,OAAIlB,EAACmB,EAASC,EAAAA,EAAA,GAAKF,GAAM,GAAA,CAAEG,QAAQ,WAAWC,YAAalE,IAAY,EAyBzFmE,WArCW,SAACnB,EAAOoB,GAAqB,OAC9CpB,EAAMvB,KAAI,SAACU,EAAQkC,GAAK,OACtBzB,EAAC0B,EACCN,EAAAA,EAAA,CAEA,6BAAyB,EACzBO,MAAOrC,GAAeC,IAClBiC,EAAsB,CAAEC,MAAAA,KAAQ,CAAA,EAAA,CACpCG,SAAUrC,EAAOb,WAAa,KAAO,WAAA,OAAMU,GAAoBG,EAAOd,GAAG,IAJpEgD,EAKL,GACF,IA6BEzB,EAAC6B,EAAc,CAAAnC,SAAEF,QAGnBQ,EAAA,MAAA,CAAKJ,UAAU,sCAAqCF,SAClDM,EAAA,KAAA,CAAAN,SAAKlC,MAEPwC,EAAC8B,EAAa,CAAClC,UAAWmC,EAAW7E,EAAaF,EAAQgF,WAAWtC,SACjEuC,EAAQ9D,GAaR6B,EAAA,MAAA,CAAKJ,UAAU,sCAAqCF,SAClDM,EAAA,IAAA,CAAG,cAAA,GAAApB,OAhKG,eAgKoC,eAAAc,SAAA,oBAb5CvB,EAAYU,KAAI,SAAAlD,GAAI,OAClBqE,EAACkC,EAAQ,CACP,cAAA,GAAAtD,OArJI,eAqJ8B9B,UAAAA,OAAAA,EAAkBnB,IAEpDwG,QAAM,EACNC,SAAO,EACPC,QAAS,WAAA,OAAMlG,EAAMmC,EAAI3C,EAAM,MAAO,EAAA+D,SAEtCM,EAACsC,EAAY,CAAA5C,SAAE5C,EAAkBnB,MAL5B2C,EAAI3C,EAAM,MAMN,QAUvB,CAEAE,EAAa0G,UAAY,CACvBxG,MAAOyG,EAAUC,QAAQD,EAAUE,MAAM,CAAA,IAAKC,WAC9C3G,cAAewG,EAAUE,MAAM,IAAIC,WACnCzG,SAAUsG,EAAUC,QAAQD,EAAUE,MAAM,CAAE,IAC9CvG,MAAOqG,EAAUI,KAAKD,WACtBvG,SAAUoG,EAAUI,KAAKD,WACzBrG,iBAAkBkG,EAAUK,KAC5BrG,SAAUgG,EAAUI,KACpBlG,YAAa8F,EAAUI,KACvBhG,cAAe4F,EAAUI,KACzB9F,kBAAmB0F,EAAUI,KAC7B5F,QAASwF,EAAUM,OACnB5F,YAAasF,EAAUM,OACvB1F,SAAUoF,EAAUM,OACpBxF,UAAWkF,EAAUM,OACrBtF,UAAWgF,EAAUM,QAGvB,IAAeC,EAAAA,EAtLG,CAChBf,UAAW,CACTgB,YAAa,OACbC,SAAU,QAEZpD,YAAa,CAAEqD,aAAc,GAC7B/C,UAAW,CAAEgD,cAAe,mBAgLfJ,CAAsBK,EAAKvH"}

package/components/Template/TemplateSharingDialog/__tests__/ChipSelector.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ChipSelector.test.d.ts.map

package/components/Template/TemplateSharingDialog/__tests__/ChipSelector.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSelector.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Template/TemplateSharingDialog/__tests__/ChipSelector.test.js"],"names":[],"mappings":""}

package/components/__tests__/CommentLoader.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CommentLoader.test.d.ts.map

package/components/__tests__/CommentLoader.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentLoader.test.d.ts","sourceRoot":"","sources":["../../../src/components/__tests__/CommentLoader.test.js"],"names":[],"mappings":""}

package/mcp-server/server.mjs

@@ -248,7 +248,7 @@ const validateDsn = dsn => {
 
 const MCP_SERVER_VERSION = '1.5.0';
 
-var version = "3.75.0-20";
+var version = "3.75.0-22";
 
 const CORVA_UI_VERSION = version;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "3.75.0-20",
+  "version": "3.75.0-22",
   "license": "UNLICENSED",
   "description": "Shared components/utils for Corva ui projects",
   "repository": {