@corva/ui 3.73.0-6 → 3.73.0-8

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

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.js","sources":["../../../../src/components/PriceInput/PriceInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { TextField } from '@material-ui/core';\n\nimport NumberFormatCustom from './FormattedNumber';\n\nconst PriceInput = props => {\n  return (\n    <TextField\n      {...props}\n      InputProps={{\n        ...props.InputProps,\n        inputComponent: NumberFormatCustom,\n      }}\n    />\n  );\n};\n\nPriceInput.propTypes = {\n  InputProps: PropTypes.shape({}),\n};\n\nPriceInput.defaultProps = {\n  InputProps: {},\n};\n\nexport default PriceInput;\n"],"names":["PriceInput","props","_jsx","TextField","_objectSpread","InputProps","inputComponent","NumberFormatCustom","propTypes","PropTypes","shape","defaultProps"],"mappings":"s1BAKA,IAAMA,EAAa,SAAAC,GACjB,OACEC,EAAAA,IAACC,EAAAA,UAASC,EAAAA,EAAA,GACJH,GAAK,GAAA,CACTI,WAAUD,EAAAA,EAAA,CAAA,EACLH,EAAMI,YAAU,GAAA,CACnBC,eAAgBC,MAIxB,EAEAP,EAAWQ,UAAY,CACrBH,gBAAYI,QAAUC,MAAM,KAG9BV,EAAWW,aAAe,CACxBN,WAAY,CAAC"}
+{"version":3,"file":"PriceInput.js","sources":["../../../../src/components/PriceInput/PriceInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { TextField } from '@material-ui/core';\n\nimport NumberFormatCustom from './FormattedNumber';\n\nconst DEFAULT_INPUT_PROPS = {};\n\nconst PriceInput = ({ InputProps = DEFAULT_INPUT_PROPS, ...props }) => {\n  return (\n    <TextField\n      {...props}\n      InputProps={{\n        ...InputProps,\n        inputComponent: NumberFormatCustom,\n      }}\n    />\n  );\n};\n\nPriceInput.propTypes = {\n  InputProps: PropTypes.shape({}),\n};\n\nexport default PriceInput;\n"],"names":["DEFAULT_INPUT_PROPS","PriceInput","_ref","_ref$InputProps","InputProps","props","_objectWithoutProperties","_excluded","_jsx","TextField","_objectSpread","inputComponent","NumberFormatCustom","propTypes","PropTypes","shape"],"mappings":"06BAKA,IAAMA,EAAsB,CAAA,EAEtBC,EAAa,SAAoDC,GAAA,IAAAC,EAAAD,EAAjDE,WAAAA,aAAaJ,EAAmBG,EAAKE,EAAKC,EAAA,QAAAJ,EAAAK,GAC9D,OACEC,EAAAA,IAACC,EAAAA,UAASC,EAAAA,EAAA,GACJL,GAAK,GAAA,CACTD,kBACKA,GAAU,CAAA,EAAA,CACbO,eAAgBC,MAIxB,EAEAX,EAAWY,UAAY,CACrBT,gBAAYU,QAAUC,MAAM"}

package/cjs-bundle/components/SearchInput/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),a=require("react"),r=require("lodash"),t=require("@material-ui/core"),i=require("@material-ui/icons/Search"),o=require("@material-ui/icons/Close"),s=require("prop-types"),n=require("classnames"),l=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),d=c(i),p=c(o),h=c(s),f=c(n),m=t.makeStyles((function(e){return{root:{display:"flex",alignItems:"center",height:30,paddingLeft:19,borderRadius:30,boxShadow:"none","&:focus-within":{boxShadow:"inset 0 0 0 2px ".concat(e.palette.primary.main)}},input:{flex:1,fontFamily:"Roboto",fontSize:14,fontWeight:200},searchIcon:{height:16,width:16,color:e.palette.primary.contrastText,marginRight:9},closeIcon:{height:16,width:16,margin:"0 10px",color:e.palette.primary.text6,cursor:"pointer"}}}));function x(e){var i=e.handleSearch,o=e.className,s=m(),n=a.useState(""),c=u.default(n,2),h=c[0],x=c[1],g=a.useCallback(r.debounce(i,500),[]);return l.jsxs(t.Paper,{className:f.default(s.root,o),children:[l.jsx(d.default,{className:s.searchIcon}),l.jsx(t.InputBase,{className:s.input,placeholder:"Search ...",value:h,inputProps:{"aria-label":"search"},onChange:function(e){return a=e.target.value,x(a),void g(a);var a}}),h&&l.jsx(p.default,{className:s.closeIcon,onClick:function(){i(""),x("")}})]})}x.propTypes={handleSearch:h.default.func.isRequired,className:h.default.string},x.defaultProps={className:""},module.exports=x;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),a=require("lodash"),t=require("@material-ui/core"),i=require("@material-ui/icons/Search"),o=require("@material-ui/icons/Close"),n=require("prop-types"),s=require("classnames"),l=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),d=c(i),h=c(o),p=c(n),f=c(s),m=t.makeStyles((function(e){return{root:{display:"flex",alignItems:"center",height:30,paddingLeft:19,borderRadius:30,boxShadow:"none","&:focus-within":{boxShadow:"inset 0 0 0 2px ".concat(e.palette.primary.main)}},input:{flex:1,fontFamily:"Roboto",fontSize:14,fontWeight:200},searchIcon:{height:16,width:16,color:e.palette.primary.contrastText,marginRight:9},closeIcon:{height:16,width:16,margin:"0 10px",color:e.palette.primary.text6,cursor:"pointer"}}}));function x(e){var i=e.handleSearch,o=e.className,n=void 0===o?"":o,s=m(),c=r.useState(""),p=u.default(c,2),x=p[0],g=p[1],b=r.useCallback(a.debounce(i,500),[]);return l.jsxs(t.Paper,{className:f.default(s.root,n),children:[l.jsx(d.default,{className:s.searchIcon}),l.jsx(t.InputBase,{className:s.input,placeholder:"Search ...",value:x,inputProps:{"aria-label":"search"},onChange:function(e){return r=e.target.value,g(r),void b(r);var r}}),x&&l.jsx(h.default,{className:s.closeIcon,onClick:function(){i(""),g("")}})]})}x.propTypes={handleSearch:p.default.func.isRequired,className:p.default.string},module.exports=x;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/SearchInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SearchInput/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { debounce } from 'lodash';\nimport { Paper, InputBase, makeStyles } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    height: 30,\n    paddingLeft: 19,\n    borderRadius: 30,\n    boxShadow: 'none',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'Roboto',\n    fontSize: 14,\n    fontWeight: 200,\n  },\n  searchIcon: {\n    height: 16,\n    width: 16,\n    color: theme.palette.primary.contrastText,\n    marginRight: 9,\n  },\n  closeIcon: {\n    height: 16,\n    width: 16,\n    margin: '0 10px',\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n  },\n}));\n\nfunction SearchInput({ handleSearch, className }) {\n  const styles = useStyles();\n\n  const [inputValue, setInputValue] = useState('');\n\n  const handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);\n\n  const handleInputChange = targetValue => {\n    setInputValue(targetValue);\n\n    handleChangeDebounced(targetValue);\n  };\n\n  return (\n    <Paper className={classNames(styles.root, className)}>\n      <SearchIcon className={styles.searchIcon} />\n      <InputBase\n        className={styles.input}\n        placeholder=\"Search ...\"\n        value={inputValue}\n        inputProps={{ 'aria-label': 'search' }}\n        onChange={e => handleInputChange(e.target.value)}\n      />\n      {inputValue && (\n        <CloseIcon\n          className={styles.closeIcon}\n          onClick={() => {\n            handleSearch('');\n            setInputValue('');\n          }}\n        />\n      )}\n    </Paper>\n  );\n}\n\nSearchInput.propTypes = {\n  handleSearch: PropTypes.func.isRequired,\n  className: PropTypes.string,\n};\n\nSearchInput.defaultProps = {\n  className: '',\n};\n\nexport default SearchInput;\n"],"names":["useStyles","makeStyles","theme","root","display","alignItems","height","paddingLeft","borderRadius","boxShadow","palette","primary","main","input","flex","fontFamily","fontSize","fontWeight","searchIcon","width","color","contrastText","marginRight","closeIcon","margin","text6","cursor","SearchInput","_ref","handleSearch","className","styles","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","handleChangeDebounced","useCallback","debounce","_jsxs","Paper","classNames","children","_jsx","SearchIcon","InputBase","placeholder","value","inputProps","onChange","e","targetValue","target","jsx","CloseIcon","onClick","propTypes","PropTypes","func","isRequired","string","defaultProps"],"mappings":"oZAQMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,QAAS,OACTC,WAAY,SACZC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,UAAW,OACX,iBAAkB,CAChBA,oCAA8BP,EAAMQ,QAAQC,QAAQC,QAGxDC,MAAO,CACLC,KAAM,EACNC,WAAY,SACZC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVZ,OAAQ,GACRa,MAAO,GACPC,MAAOlB,EAAMQ,QAAQC,QAAQU,aAC7BC,YAAa,GAEfC,UAAW,CACTjB,OAAQ,GACRa,MAAO,GACPK,OAAQ,SACRJ,MAAOlB,EAAMQ,QAAQC,QAAQc,MAC7BC,OAAQ,WAEX,IAED,SAASC,EAAyCC,GAAA,IAA3BC,IAAAA,aAAcC,IAAAA,UAC7BC,EAAS/B,IAEqBgC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAAzCC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAE1BK,EAAwBC,EAAAA,YAAYC,EAAQA,SAACX,EAAc,KAAM,IAQvE,OACEY,EAAAA,KAACC,EAAAA,MAAK,CAACZ,UAAWa,EAAU,QAACZ,EAAO5B,KAAM2B,GAAWc,SAAA,CACnDC,MAACC,UAAU,CAAChB,UAAWC,EAAOb,aAC9B2B,MAACE,YAAS,CACRjB,UAAWC,EAAOlB,MAClBmC,YAAY,aACZC,MAAOb,EACPc,WAAY,CAAE,aAAc,UAC5BC,SAAU,SAAAC,GAAC,OAdSC,EAcaD,EAAEE,OAAOL,MAb9CZ,EAAcgB,QAEdf,EAAsBe,GAHE,IAAAA,CAc4B,IAEjDjB,GACCS,EAAAU,IAACC,UAAS,CACR1B,UAAWC,EAAOR,UAClBkC,QAAS,WACP5B,EAAa,IACbQ,EAAc,GAChB,MAKV,CAEAV,EAAY+B,UAAY,CACtB7B,aAAc8B,EAAAA,QAAUC,KAAKC,WAC7B/B,UAAW6B,EAAS,QAACG,QAGvBnC,EAAYoC,aAAe,CACzBjC,UAAW"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SearchInput/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { debounce } from 'lodash';\nimport { Paper, InputBase, makeStyles } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    height: 30,\n    paddingLeft: 19,\n    borderRadius: 30,\n    boxShadow: 'none',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'Roboto',\n    fontSize: 14,\n    fontWeight: 200,\n  },\n  searchIcon: {\n    height: 16,\n    width: 16,\n    color: theme.palette.primary.contrastText,\n    marginRight: 9,\n  },\n  closeIcon: {\n    height: 16,\n    width: 16,\n    margin: '0 10px',\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n  },\n}));\n\nfunction SearchInput({ handleSearch, className = '' }) {\n  const styles = useStyles();\n\n  const [inputValue, setInputValue] = useState('');\n\n  const handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);\n\n  const handleInputChange = targetValue => {\n    setInputValue(targetValue);\n\n    handleChangeDebounced(targetValue);\n  };\n\n  return (\n    <Paper className={classNames(styles.root, className)}>\n      <SearchIcon className={styles.searchIcon} />\n      <InputBase\n        className={styles.input}\n        placeholder=\"Search ...\"\n        value={inputValue}\n        inputProps={{ 'aria-label': 'search' }}\n        onChange={e => handleInputChange(e.target.value)}\n      />\n      {inputValue && (\n        <CloseIcon\n          className={styles.closeIcon}\n          onClick={() => {\n            handleSearch('');\n            setInputValue('');\n          }}\n        />\n      )}\n    </Paper>\n  );\n}\n\nSearchInput.propTypes = {\n  handleSearch: PropTypes.func.isRequired,\n  className: PropTypes.string,\n};\n\nexport default SearchInput;\n"],"names":["useStyles","makeStyles","theme","root","display","alignItems","height","paddingLeft","borderRadius","boxShadow","palette","primary","main","input","flex","fontFamily","fontSize","fontWeight","searchIcon","width","color","contrastText","marginRight","closeIcon","margin","text6","cursor","SearchInput","_ref","handleSearch","_ref$className","className","styles","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","handleChangeDebounced","useCallback","debounce","_jsxs","Paper","classNames","children","_jsx","SearchIcon","InputBase","placeholder","value","inputProps","onChange","e","targetValue","target","jsx","CloseIcon","onClick","propTypes","PropTypes","func","isRequired","string"],"mappings":"oZAQMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,QAAS,OACTC,WAAY,SACZC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,UAAW,OACX,iBAAkB,CAChBA,oCAA8BP,EAAMQ,QAAQC,QAAQC,QAGxDC,MAAO,CACLC,KAAM,EACNC,WAAY,SACZC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVZ,OAAQ,GACRa,MAAO,GACPC,MAAOlB,EAAMQ,QAAQC,QAAQU,aAC7BC,YAAa,GAEfC,UAAW,CACTjB,OAAQ,GACRa,MAAO,GACPK,OAAQ,SACRJ,MAAOlB,EAAMQ,QAAQC,QAAQc,MAC7BC,OAAQ,WAEX,IAED,SAASC,EAA8CC,GAAA,IAAhCC,IAAAA,aAAYC,EAAAF,EAAEG,UAAAA,aAAY,GAAED,EAC3CE,EAAShC,IAEqBiC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAAzCC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAE1BK,EAAwBC,EAAAA,YAAYC,EAAQA,SAACZ,EAAc,KAAM,IAQvE,OACEa,EAAAA,KAACC,EAAAA,MAAK,CAACZ,UAAWa,EAAU,QAACZ,EAAO7B,KAAM4B,GAAWc,SAAA,CACnDC,MAACC,UAAU,CAAChB,UAAWC,EAAOd,aAC9B4B,MAACE,YAAS,CACRjB,UAAWC,EAAOnB,MAClBoC,YAAY,aACZC,MAAOb,EACPc,WAAY,CAAE,aAAc,UAC5BC,SAAU,SAAAC,GAAC,OAdSC,EAcaD,EAAEE,OAAOL,MAb9CZ,EAAcgB,QAEdf,EAAsBe,GAHE,IAAAA,CAc4B,IAEjDjB,GACCS,EAAAU,IAACC,UAAS,CACR1B,UAAWC,EAAOT,UAClBmC,QAAS,WACP7B,EAAa,IACbS,EAAc,GAChB,MAKV,CAEAX,EAAYgC,UAAY,CACtB9B,aAAc+B,EAAAA,QAAUC,KAAKC,WAC7B/B,UAAW6B,EAAS,QAACG"}

package/cjs-bundle/components/SettingEditors/DropdownEditor/index.js

@@ -1,2 +1,2 @@
-"use strict";require("@babel/runtime/helpers/defineProperty");var e=require("prop-types"),t=require("@material-ui/core"),r=require("classnames"),a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),d=l(r),n=t.withStyles({root:{paddingLeft:"7px"}})(t.Checkbox);function i(e){var r=e.currentValue,l=e.defaultValue,u=e.options,i=e.placeholder,o=e.onChange,s=e.multiple,p=e.disabled,c=e.classes,f=e.renderValue,m=e.errorText,h=e["data-testid"],x=r||l,b=d.default(c.menuItem,s&&c.multipleMenuItem);return a.jsxs(t.FormControl,{className:c.formControl,error:!!m,children:[a.jsx(t.InputLabel,{shrink:void 0!==x,children:i}),a.jsx(t.Select,{"data-testid":"".concat(h,"_select"),value:x,onChange:function(e){return o(e.target.value)},multiple:s,disabled:p,renderValue:f,MenuProps:{className:c.selectMenu,anchorOrigin:{vertical:"top"}},autoWidth:!0,displayEmpty:!0,children:u&&u.map((function(e){return a.jsxs(t.MenuItem,{"data-testid":"".concat(h,"_item_").concat(e.label,"MenuItem"),value:e.value,className:b,children:[s&&a.jsx(n,{color:"primary",checked:x&&x.includes(e.value)}),e.label]},e.value)}))}),!!m&&a.jsx(t.FormHelperText,{children:m})]})}i.propTypes={currentValue:u.default.oneOfType([u.default.number,u.default.string,u.default.array]),defaultValue:u.default.oneOfType([u.default.number,u.default.string,u.default.array]),onChange:u.default.func.isRequired,options:u.default.arrayOf(u.default.any).isRequired,placeholder:u.default.string,multiple:u.default.bool,disabled:u.default.bool,classes:u.default.shape({}).isRequired,renderValue:u.default.func,errorText:u.default.string,"data-testid":u.default.string},i.defaultProps={currentValue:void 0,defaultValue:void 0,multiple:!1,placeholder:"Choose An Option",disabled:!1,renderValue:void 0,errorText:"","data-testid":"DropdownEditor"};var o=t.withStyles({formControl:{minWidth:"200px",maxWidth:"200px",margin:"10px 20px 10px 0"},selectMenu:{maxHeight:"400px"},menuItem:{minWidth:"200px"},multipleMenuItem:{paddingLeft:"5px",minWidth:"200px"}})(i);module.exports=o;
+"use strict";require("@babel/runtime/helpers/defineProperty");var e=require("prop-types"),t=require("@material-ui/core"),r=require("classnames"),a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),i=l(r),n=t.withStyles({root:{paddingLeft:"7px"}})(t.Checkbox);function d(e){var r=e.currentValue,l=e.defaultValue,u=e.options,d=e.placeholder,o=void 0===d?"Choose An Option":d,s=e.onChange,p=e.multiple,c=void 0!==p&&p,f=e.disabled,m=void 0!==f&&f,h=e.classes,x=e.renderValue,v=e.errorText,y=void 0===v?"":v,b=e["data-testid"],g=void 0===b?"DropdownEditor":b,j=r||l,q=i.default(h.menuItem,c&&h.multipleMenuItem);return a.jsxs(t.FormControl,{className:h.formControl,error:!!y,children:[a.jsx(t.InputLabel,{shrink:void 0!==j,children:o}),a.jsx(t.Select,{"data-testid":"".concat(g,"_select"),value:j,onChange:function(e){return s(e.target.value)},multiple:c,disabled:m,renderValue:x,MenuProps:{className:h.selectMenu,anchorOrigin:{vertical:"top"}},autoWidth:!0,displayEmpty:!0,children:u&&u.map((function(e){return a.jsxs(t.MenuItem,{"data-testid":"".concat(g,"_item_").concat(e.label,"MenuItem"),value:e.value,className:q,children:[c&&a.jsx(n,{color:"primary",checked:j&&j.includes(e.value)}),e.label]},e.value)}))}),!!y&&a.jsx(t.FormHelperText,{children:y})]})}d.propTypes={currentValue:u.default.oneOfType([u.default.number,u.default.string,u.default.array]),defaultValue:u.default.oneOfType([u.default.number,u.default.string,u.default.array]),onChange:u.default.func.isRequired,options:u.default.arrayOf(u.default.any).isRequired,placeholder:u.default.string,multiple:u.default.bool,disabled:u.default.bool,classes:u.default.shape({}).isRequired,renderValue:u.default.func,errorText:u.default.string,"data-testid":u.default.string};var o=t.withStyles({formControl:{minWidth:"200px",maxWidth:"200px",margin:"10px 20px 10px 0"},selectMenu:{maxHeight:"400px"},menuItem:{minWidth:"200px"},multipleMenuItem:{paddingLeft:"5px",minWidth:"200px"}})(d);module.exports=o;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/SettingEditors/DropdownEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/SettingEditors/DropdownEditor/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Select,\n  Checkbox,\n  MenuItem,\n  InputLabel,\n  FormControl,\n  withStyles,\n  FormHelperText,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst StyledCheckbox = withStyles({ root: { paddingLeft: '7px' } })(Checkbox);\n\nfunction DropdownEditor({\n  currentValue,\n  defaultValue,\n  options,\n  placeholder,\n  onChange,\n  multiple,\n  disabled,\n  classes,\n  renderValue,\n  errorText,\n  'data-testid': PAGE_NAME,\n}) {\n  const value = currentValue || defaultValue;\n  const menuItemClassName = classNames(classes.menuItem, multiple && classes.multipleMenuItem);\n\n  return (\n    <FormControl className={classes.formControl} error={!!errorText}>\n      <InputLabel shrink={value !== undefined}>{placeholder}</InputLabel>\n      <Select\n        data-testid={`${PAGE_NAME}_select`}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        multiple={multiple}\n        disabled={disabled}\n        renderValue={renderValue}\n        MenuProps={{\n          className: classes.selectMenu,\n          anchorOrigin: { vertical: 'top' },\n        }}\n        autoWidth\n        displayEmpty\n      >\n        {options &&\n          options.map(option => {\n            return (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_item_${option.label}MenuItem`}\n                key={option.value}\n                value={option.value}\n                className={menuItemClassName}\n              >\n                {multiple && (\n                  <StyledCheckbox color=\"primary\" checked={value && value.includes(option.value)} />\n                )}\n                {option.label}\n              </MenuItem>\n            );\n          })}\n      </Select>\n      {!!errorText && <FormHelperText>{errorText}</FormHelperText>}\n    </FormControl>\n  );\n}\n\nDropdownEditor.propTypes = {\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  onChange: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(PropTypes.any).isRequired,\n  placeholder: PropTypes.string,\n  multiple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  classes: PropTypes.shape({}).isRequired,\n  renderValue: PropTypes.func,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nDropdownEditor.defaultProps = {\n  currentValue: undefined,\n  defaultValue: undefined,\n  multiple: false,\n  placeholder: 'Choose An Option',\n  disabled: false,\n  renderValue: undefined,\n  errorText: '',\n  'data-testid': 'DropdownEditor',\n};\n\nconst muiStyles = {\n  formControl: { minWidth: '200px', maxWidth: '200px', margin: '10px 20px 10px 0' },\n  selectMenu: { maxHeight: '400px' },\n  menuItem: { minWidth: '200px' },\n  multipleMenuItem: { paddingLeft: '5px', minWidth: '200px' },\n};\n\nconst StyledDropdownEditor = withStyles(muiStyles)(DropdownEditor);\nexport default StyledDropdownEditor;\n\n/**\n * A High-Order Component that allows setting up an editor component\n * @param {Object[]} options - The array of dropdown options\n * @param {string|React.Element} options[].label - Label of dropdown option\n * @param {*} options[].value - Value of dropdown option.\n * @param {Object} dropdownProps - Passing additional props to dropdown component\n * @param {boolean} dropdownProps.multiple - Indicates using multiselect dropdown\n */\nexport const dropdownEditorForDefinitions =\n  (options, dropdownProps = {}) =>\n  props =>\n    <StyledDropdownEditor {...props} {...dropdownProps} options={options} />;\n"],"names":["StyledCheckbox","withStyles","root","paddingLeft","Checkbox","DropdownEditor","_ref","currentValue","defaultValue","options","placeholder","onChange","multiple","disabled","classes","renderValue","errorText","PAGE_NAME","value","menuItemClassName","classNames","menuItem","multipleMenuItem","_jsxs","FormControl","className","formControl","error","children","_jsx","InputLabel","shrink","undefined","Select","concat","e","target","MenuProps","selectMenu","anchorOrigin","vertical","autoWidth","displayEmpty","map","option","MenuItem","label","jsx","color","checked","includes","FormHelperText","propTypes","PropTypes","oneOfType","number","string","array","func","isRequired","arrayOf","any","bool","shape","defaultProps","StyledDropdownEditor","minWidth","maxWidth","margin","maxHeight"],"mappings":"0QAYMA,EAAiBC,EAAAA,WAAW,CAAEC,KAAM,CAAEC,YAAa,QAAlCF,CAA6CG,EAAQA,UAE5E,SAASC,EAYNC,GAAA,IAXDC,IAAAA,aACAC,IAAAA,aACAC,IAAAA,QACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,YACAC,IAAAA,UACeC,IAAf,eAEMC,EAAQX,GAAgBC,EACxBW,EAAoBC,EAAAA,QAAWN,EAAQO,SAAUT,GAAYE,EAAQQ,kBAE3E,OACEC,EAAAA,KAACC,EAAAA,YAAW,CAACC,UAAWX,EAAQY,YAAaC,QAASX,EAAUY,SAAA,CAC9DC,MAACC,aAAU,CAACC,YAAkBC,IAAVd,EAAoBU,SAAElB,IAC1CmB,MAACI,SAAM,CACL,cAAA,GAAAC,OAAgBjB,EAAmB,WACnCC,MAAOA,EACPP,SAAU,SAAAwB,GAAC,OAAIxB,EAASwB,EAAEC,OAAOlB,MAAO,EACxCN,SAAUA,EACVC,SAAUA,EACVE,YAAaA,EACbsB,UAAW,CACTZ,UAAWX,EAAQwB,WACnBC,aAAc,CAAEC,SAAU,QAE5BC,WAAS,EACTC,cAAY,EAAAd,SAEXnB,GACCA,EAAQkC,KAAI,SAAAC,GACV,OACErB,EAAAA,KAACsB,EAAAA,SAAQ,CACP,cAAA,GAAAX,OAAgBjB,EAAS,UAAAiB,OAASU,EAAOE,MAAgB,YAEzD5B,MAAO0B,EAAO1B,MACdO,UAAWN,EAAkBS,SAE5BhB,CAAAA,GACCiB,EAAAkB,IAAC/C,EAAc,CAACgD,MAAM,UAAUC,QAAS/B,GAASA,EAAMgC,SAASN,EAAO1B,SAEzE0B,EAAOE,QAPHF,EAAO1B,cAYnBF,GAAaa,EAAAA,IAACsB,EAAAA,eAAc,CAAAvB,SAAEZ,MAGvC,CAEAX,EAAe+C,UAAY,CACzB7C,aAAc8C,EAAAA,QAAUC,UAAU,CAACD,EAAS,QAACE,OAAQF,EAAAA,QAAUG,OAAQH,UAAUI,QACjFjD,aAAc6C,EAAAA,QAAUC,UAAU,CAACD,EAAS,QAACE,OAAQF,EAAAA,QAAUG,OAAQH,UAAUI,QACjF9C,SAAU0C,EAAAA,QAAUK,KAAKC,WACzBlD,QAAS4C,EAAAA,QAAUO,QAAQP,EAAAA,QAAUQ,KAAKF,WAC1CjD,YAAa2C,EAAS,QAACG,OACvB5C,SAAUyC,EAAS,QAACS,KACpBjD,SAAUwC,EAAS,QAACS,KACpBhD,QAASuC,EAAS,QAACU,MAAM,CAAA,GAAIJ,WAC7B5C,YAAasC,EAAS,QAACK,KACvB1C,UAAWqC,EAAS,QAACG,OACrB,cAAeH,EAAS,QAACG,QAG3BnD,EAAe2D,aAAe,CAC5BzD,kBAAcyB,EACdxB,kBAAcwB,EACdpB,UAAU,EACVF,YAAa,mBACbG,UAAU,EACVE,iBAAaiB,EACbhB,UAAW,GACX,cAAe,kBAGjB,IAOMiD,EAAuBhE,EAAAA,WAPX,CAChByB,YAAa,CAAEwC,SAAU,QAASC,SAAU,QAASC,OAAQ,oBAC7D9B,WAAY,CAAE+B,UAAW,SACzBhD,SAAU,CAAE6C,SAAU,SACtB5C,iBAAkB,CAAEnB,YAAa,MAAO+D,SAAU,UAGvBjE,CAAsBI"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/SettingEditors/DropdownEditor/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Select,\n  Checkbox,\n  MenuItem,\n  InputLabel,\n  FormControl,\n  withStyles,\n  FormHelperText,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst StyledCheckbox = withStyles({ root: { paddingLeft: '7px' } })(Checkbox);\n\nfunction DropdownEditor({\n  currentValue,\n  defaultValue,\n  options,\n  placeholder = 'Choose An Option',\n  onChange,\n  multiple = false,\n  disabled = false,\n  classes,\n  renderValue,\n  errorText = '',\n  'data-testid': PAGE_NAME = 'DropdownEditor',\n}) {\n  const value = currentValue || defaultValue;\n  const menuItemClassName = classNames(classes.menuItem, multiple && classes.multipleMenuItem);\n\n  return (\n    <FormControl className={classes.formControl} error={!!errorText}>\n      <InputLabel shrink={value !== undefined}>{placeholder}</InputLabel>\n      <Select\n        data-testid={`${PAGE_NAME}_select`}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        multiple={multiple}\n        disabled={disabled}\n        renderValue={renderValue}\n        MenuProps={{\n          className: classes.selectMenu,\n          anchorOrigin: { vertical: 'top' },\n        }}\n        autoWidth\n        displayEmpty\n      >\n        {options &&\n          options.map(option => {\n            return (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_item_${option.label}MenuItem`}\n                key={option.value}\n                value={option.value}\n                className={menuItemClassName}\n              >\n                {multiple && (\n                  <StyledCheckbox color=\"primary\" checked={value && value.includes(option.value)} />\n                )}\n                {option.label}\n              </MenuItem>\n            );\n          })}\n      </Select>\n      {!!errorText && <FormHelperText>{errorText}</FormHelperText>}\n    </FormControl>\n  );\n}\n\nDropdownEditor.propTypes = {\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  onChange: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(PropTypes.any).isRequired,\n  placeholder: PropTypes.string,\n  multiple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  classes: PropTypes.shape({}).isRequired,\n  renderValue: PropTypes.func,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nconst muiStyles = {\n  formControl: { minWidth: '200px', maxWidth: '200px', margin: '10px 20px 10px 0' },\n  selectMenu: { maxHeight: '400px' },\n  menuItem: { minWidth: '200px' },\n  multipleMenuItem: { paddingLeft: '5px', minWidth: '200px' },\n};\n\nconst StyledDropdownEditor = withStyles(muiStyles)(DropdownEditor);\nexport default StyledDropdownEditor;\n\n/**\n * A High-Order Component that allows setting up an editor component\n * @param {Object[]} options - The array of dropdown options\n * @param {string|React.Element} options[].label - Label of dropdown option\n * @param {*} options[].value - Value of dropdown option.\n * @param {Object} dropdownProps - Passing additional props to dropdown component\n * @param {boolean} dropdownProps.multiple - Indicates using multiselect dropdown\n */\nexport const dropdownEditorForDefinitions =\n  (options, dropdownProps = {}) =>\n  props =>\n    <StyledDropdownEditor {...props} {...dropdownProps} options={options} />;\n"],"names":["StyledCheckbox","withStyles","root","paddingLeft","Checkbox","DropdownEditor","_ref","currentValue","defaultValue","options","_ref$placeholder","placeholder","onChange","_ref$multiple","multiple","_ref$disabled","disabled","classes","renderValue","_ref$errorText","errorText","_ref$dataTestid","PAGE_NAME","value","menuItemClassName","classNames","menuItem","multipleMenuItem","_jsxs","FormControl","className","formControl","error","children","_jsx","InputLabel","shrink","undefined","Select","concat","e","target","MenuProps","selectMenu","anchorOrigin","vertical","autoWidth","displayEmpty","map","option","MenuItem","label","jsx","color","checked","includes","FormHelperText","propTypes","PropTypes","oneOfType","number","string","array","func","isRequired","arrayOf","any","bool","shape","StyledDropdownEditor","minWidth","maxWidth","margin","maxHeight"],"mappings":"0QAYMA,EAAiBC,EAAAA,WAAW,CAAEC,KAAM,CAAEC,YAAa,QAAlCF,CAA6CG,EAAQA,UAE5E,SAASC,EAYNC,GAAA,IAXDC,IAAAA,aACAC,IAAAA,aACAC,IAAAA,QAAOC,EAAAJ,EACPK,YAAAA,aAAc,mBAAkBD,EAChCE,IAAAA,SAAQC,EAAAP,EACRQ,SAAAA,cAAgBD,EAAAE,EAAAT,EAChBU,SAAAA,cAAgBD,EAChBE,IAAAA,QACAC,IAAAA,YAAWC,EAAAb,EACXc,UAAAA,aAAY,GAAED,EAAAE,EAAAf,EACd,eAAegB,aAAY,iBAAgBD,EAErCE,EAAQhB,GAAgBC,EACxBgB,EAAoBC,EAAAA,QAAWR,EAAQS,SAAUZ,GAAYG,EAAQU,kBAE3E,OACEC,EAAAA,KAACC,EAAAA,YAAW,CAACC,UAAWb,EAAQc,YAAaC,QAASZ,EAAUa,SAAA,CAC9DC,MAACC,aAAU,CAACC,YAAkBC,IAAVd,EAAoBU,SAAEtB,IAC1CuB,MAACI,SAAM,CACL,cAAA,GAAAC,OAAgBjB,EAAmB,WACnCC,MAAOA,EACPX,SAAU,SAAA4B,GAAC,OAAI5B,EAAS4B,EAAEC,OAAOlB,MAAO,EACxCT,SAAUA,EACVE,SAAUA,EACVE,YAAaA,EACbwB,UAAW,CACTZ,UAAWb,EAAQ0B,WACnBC,aAAc,CAAEC,SAAU,QAE5BC,WAAS,EACTC,cAAY,EAAAd,SAEXxB,GACCA,EAAQuC,KAAI,SAAAC,GACV,OACErB,EAAAA,KAACsB,EAAAA,SAAQ,CACP,cAAA,GAAAX,OAAgBjB,EAAS,UAAAiB,OAASU,EAAOE,MAAgB,YAEzD5B,MAAO0B,EAAO1B,MACdO,UAAWN,EAAkBS,SAE5BnB,CAAAA,GACCoB,EAAAkB,IAACpD,EAAc,CAACqD,MAAM,UAAUC,QAAS/B,GAASA,EAAMgC,SAASN,EAAO1B,SAEzE0B,EAAOE,QAPHF,EAAO1B,cAYnBH,GAAac,EAAAA,IAACsB,EAAAA,eAAc,CAAAvB,SAAEb,MAGvC,CAEAf,EAAeoD,UAAY,CACzBlD,aAAcmD,EAAAA,QAAUC,UAAU,CAACD,EAAS,QAACE,OAAQF,EAAAA,QAAUG,OAAQH,UAAUI,QACjFtD,aAAckD,EAAAA,QAAUC,UAAU,CAACD,EAAS,QAACE,OAAQF,EAAAA,QAAUG,OAAQH,UAAUI,QACjFlD,SAAU8C,EAAAA,QAAUK,KAAKC,WACzBvD,QAASiD,EAAAA,QAAUO,QAAQP,EAAAA,QAAUQ,KAAKF,WAC1CrD,YAAa+C,EAAS,QAACG,OACvB/C,SAAU4C,EAAS,QAACS,KACpBnD,SAAU0C,EAAS,QAACS,KACpBlD,QAASyC,EAAS,QAACU,MAAM,CAAA,GAAIJ,WAC7B9C,YAAawC,EAAS,QAACK,KACvB3C,UAAWsC,EAAS,QAACG,OACrB,cAAeH,EAAS,QAACG,QAG3B,IAOMQ,EAAuBpE,EAAAA,WAPX,CAChB8B,YAAa,CAAEuC,SAAU,QAASC,SAAU,QAASC,OAAQ,oBAC7D7B,WAAY,CAAE8B,UAAW,SACzB/C,SAAU,CAAE4C,SAAU,SACtB3C,iBAAkB,CAAExB,YAAa,MAAOmE,SAAU,UAGvBrE,CAAsBI"}

package/cjs-bundle/components/SlateFormattedText/Elements/ImageElement/ImageElement.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),r=require("react"),n=require("slate"),i=require("slate-react"),o=require("./ImageElement.css.js"),s=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=d(e),u=d(t);function c(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 l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){a.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=function(e){var t,d=e.attributes,a=e.element,u=e.imageWidth,c=e.mode,m=e.children,f="write"===c,p=r.useRef(),v=r.useRef(),h=i.useSlateStatic(),b=new AbortController,y=function(e){p.current&&p.current.style.setProperty("width","".concat(e,"px"))},g=function(){var e=document.getElementById("resizable".concat(a.url)),t=e&&window.getComputedStyle(e).getPropertyValue("width");return t?parseInt(t,10):document.body.clientWidth},j=function e(){n.Transforms.removeNodes(h,{at:i.ReactEditor.findPath(h,a)}),n.Transforms.insertNodes(h,l(l({},a),{},{dimensions:{width:g()-24}}),{at:i.ReactEditor.findPath(h,a)}),document.body.removeEventListener("pointerup",e)},w=document.getElementsByClassName("c-docs-custom-page-content"),O=w&&w[0]&&w[0].offsetWidth-36||.5*document.body.clientWidth,E=function(e){var t=g(),r=e.pageX;document.body.addEventListener("pointermove",(function(e){return function(e,t,r){e.preventDefault(),g()<150||g()>O?y(Math.min(Math.max(g(),150),O)):y(-1*(t-e.pageX)+r)}(e,r,t)}),{signal:b.signal}),document.body.addEventListener("pointerup",j)};r.useEffect((function(){return p.current&&f&&p.current.addEventListener("mousedown",E),function(){b.abort(),document.body.removeEventListener("pointerup",j),document.body.removeEventListener("pointermove",j),p.current&&p.current.removeEventListener("mousedown",E)}}),[c]);var P=(null===(t=a.dimensions)||void 0===t?void 0:t.width)+24;return s.jsxs("div",l(l({},d),{},{children:[s.jsx("div",{contentEditable:!1,children:a&&s.jsx("div",{style:{width:P||u},ref:p,id:"resizable".concat(a.url),className:o.resizable,children:s.jsxs("div",{className:o.container,children:[f&&s.jsx("div",{className:o.handleLeft}),s.jsx("img",{src:a.url,className:o.image,ref:v,alt:""}),f&&s.jsx("div",{className:o.handleRight})]})})}),m]}))};m.propTypes={attributes:u.default.shape({}).isRequired,children:u.default.node.isRequired,element:u.default.shape({url:u.default.string.isRequired,dimensions:u.default.shape({width:u.default.string})}).isRequired,imageWidth:u.default.string,mode:u.default.string},m.defaultProps={imageWidth:void 0,mode:void 0},module.exports=m;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),r=require("react"),n=require("slate"),i=require("slate-react"),o=require("./ImageElement.css.js"),s=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(e),u=a(t);function c(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 l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){d.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=function(e){var t,a=e.attributes,d=e.element,u=e.imageWidth,c=e.mode,m=e.children,f="write"===c,p=r.useRef(),v=r.useRef(),b=i.useSlateStatic(),h=new AbortController,y=function(e){p.current&&p.current.style.setProperty("width","".concat(e,"px"))},g=function(){var e=document.getElementById("resizable".concat(d.url)),t=e&&window.getComputedStyle(e).getPropertyValue("width");return t?parseInt(t,10):document.body.clientWidth},j=function e(){n.Transforms.removeNodes(b,{at:i.ReactEditor.findPath(b,d)}),n.Transforms.insertNodes(b,l(l({},d),{},{dimensions:{width:g()-24}}),{at:i.ReactEditor.findPath(b,d)}),document.body.removeEventListener("pointerup",e)},w=document.getElementsByClassName("c-docs-custom-page-content"),O=w&&w[0]&&w[0].offsetWidth-36||.5*document.body.clientWidth,E=function(e){var t=g(),r=e.pageX;document.body.addEventListener("pointermove",(function(e){return function(e,t,r){e.preventDefault(),g()<150||g()>O?y(Math.min(Math.max(g(),150),O)):y(-1*(t-e.pageX)+r)}(e,r,t)}),{signal:h.signal}),document.body.addEventListener("pointerup",j)};r.useEffect((function(){return p.current&&f&&p.current.addEventListener("mousedown",E),function(){h.abort(),document.body.removeEventListener("pointerup",j),document.body.removeEventListener("pointermove",j),p.current&&p.current.removeEventListener("mousedown",E)}}),[c]);var P=(null===(t=d.dimensions)||void 0===t?void 0:t.width)+24;return s.jsxs("div",l(l({},a),{},{children:[s.jsx("div",{contentEditable:!1,children:d&&s.jsx("div",{style:{width:P||u},ref:p,id:"resizable".concat(d.url),className:o.resizable,children:s.jsxs("div",{className:o.container,children:[f&&s.jsx("div",{className:o.handleLeft}),s.jsx("img",{src:d.url,className:o.image,ref:v,alt:""}),f&&s.jsx("div",{className:o.handleRight})]})})}),m]}))};m.propTypes={attributes:u.default.shape({}).isRequired,children:u.default.node.isRequired,element:u.default.shape({url:u.default.string.isRequired,dimensions:u.default.shape({width:u.default.string})}).isRequired,imageWidth:u.default.string,mode:u.default.string},module.exports=m;
 //# sourceMappingURL=ImageElement.js.map

package/cjs-bundle/components/SlateFormattedText/Elements/ImageElement/ImageElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageElement.js","sources":["../../../../../../src/components/SlateFormattedText/Elements/ImageElement/ImageElement.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport { Transforms } from 'slate';\nimport { useSlateStatic, ReactEditor } from 'slate-react';\n\nimport styles from './ImageElement.css';\n\nconst CONTENT_PADDING = 24;\nconst MIN_PANE_SIZE = 150;\n\nconst ImageElement = props => {\n  const { attributes, element, imageWidth, mode, children } = props;\n  const isWriteMode = mode === 'write';\n  const wrapperRef = useRef();\n  const imageRef = useRef();\n  const editor = useSlateStatic();\n\n  const pointermoveController = new AbortController();\n\n  const setPaneWidth = width => {\n    if (wrapperRef.current) {\n      wrapperRef.current.style.setProperty('width', `${width}px`);\n    }\n  };\n\n  const getPaneWidth = () => {\n    const containerElement = document.getElementById(`resizable${element.url}`);\n    const pxWidth =\n      containerElement && window.getComputedStyle(containerElement).getPropertyValue('width');\n    return pxWidth ? parseInt(pxWidth, 10) : document.body.clientWidth;\n  };\n\n  const stopDragging = () => {\n    // update Slate element params\n    Transforms.removeNodes(editor, { at: ReactEditor.findPath(editor, element) });\n    Transforms.insertNodes(\n      editor,\n      { ...element, dimensions: { width: getPaneWidth() - CONTENT_PADDING } },\n      { at: ReactEditor.findPath(editor, element) }\n    );\n    document.body.removeEventListener('pointerup', stopDragging);\n  };\n\n  const pageContent = document.getElementsByClassName('c-docs-custom-page-content');\n  const maxPaneSize =\n    (pageContent && pageContent[0] && pageContent[0].offsetWidth - CONTENT_PADDING * 1.5) ||\n    document.body.clientWidth * 0.5;\n\n  const mouseDragHandler = (moveEvent, xOffset, startingPaneWidth) => {\n    moveEvent.preventDefault();\n    if (getPaneWidth() < MIN_PANE_SIZE || getPaneWidth() > maxPaneSize) {\n      setPaneWidth(Math.min(Math.max(getPaneWidth(), MIN_PANE_SIZE), maxPaneSize));\n      return;\n    }\n    const paneOriginAdjustment = -1;\n    setPaneWidth((xOffset - moveEvent.pageX) * paneOriginAdjustment + startingPaneWidth);\n  };\n\n  const startDraggingRight = event => {\n    const startingPaneWidth = getPaneWidth();\n    const xOffset = event.pageX;\n\n    document.body.addEventListener(\n      'pointermove',\n      moveEvent => mouseDragHandler(moveEvent, xOffset, startingPaneWidth),\n      { signal: pointermoveController.signal }\n    );\n    document.body.addEventListener('pointerup', stopDragging);\n  };\n\n  useEffect(() => {\n    if (wrapperRef.current && isWriteMode) {\n      wrapperRef.current.addEventListener('mousedown', startDraggingRight);\n    }\n\n    return () => {\n      pointermoveController.abort();\n      document.body.removeEventListener('pointerup', stopDragging);\n      document.body.removeEventListener('pointermove', stopDragging);\n      if (wrapperRef.current) {\n        wrapperRef.current.removeEventListener('mousedown', startDraggingRight);\n      }\n    };\n  }, [mode]);\n\n  const containerWidth = element.dimensions?.width + CONTENT_PADDING;\n\n  return (\n    <div {...attributes}>\n      <div contentEditable={false}>\n        {element && (\n          <div\n            style={{\n              width: containerWidth || imageWidth,\n            }}\n            ref={wrapperRef}\n            id={`resizable${element.url}`}\n            className={styles.resizable}\n          >\n            <div className={styles.container}>\n              {isWriteMode && <div className={styles.handleLeft} />}\n              <img src={element.url} className={styles.image} ref={imageRef} alt=\"\" />\n              {isWriteMode && <div className={styles.handleRight} />}\n            </div>\n          </div>\n        )}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nImageElement.propTypes = {\n  attributes: PropTypes.shape({}).isRequired,\n  children: PropTypes.node.isRequired,\n  element: PropTypes.shape({\n    url: PropTypes.string.isRequired,\n    dimensions: PropTypes.shape({\n      width: PropTypes.string,\n    }),\n  }).isRequired,\n  imageWidth: PropTypes.string,\n  mode: PropTypes.string,\n};\n\nImageElement.defaultProps = {\n  imageWidth: undefined,\n  mode: undefined,\n};\n\nexport default ImageElement;\n"],"names":["ImageElement","props","_element$dimensions","attributes","element","imageWidth","mode","children","isWriteMode","wrapperRef","useRef","imageRef","editor","useSlateStatic","pointermoveController","AbortController","setPaneWidth","width","current","style","setProperty","getPaneWidth","containerElement","document","getElementById","url","pxWidth","window","getComputedStyle","getPropertyValue","parseInt","body","clientWidth","stopDragging","Transforms","removeNodes","at","ReactEditor","findPath","insertNodes","dimensions","removeEventListener","pageContent","getElementsByClassName","maxPaneSize","offsetWidth","CONTENT_PADDING","startDraggingRight","event","startingPaneWidth","xOffset","pageX","addEventListener","moveEvent","preventDefault","Math","min","max","mouseDragHandler","signal","useEffect","abort","containerWidth","_jsxs","_jsx","jsx","contentEditable","ref","id","className","styles","resizable","jsxs","container","handleLeft","src","image","alt","handleRight","propTypes","PropTypes","shape","isRequired","node","string","defaultProps","undefined"],"mappings":"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"}
+{"version":3,"file":"ImageElement.js","sources":["../../../../../../src/components/SlateFormattedText/Elements/ImageElement/ImageElement.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport { Transforms } from 'slate';\nimport { useSlateStatic, ReactEditor } from 'slate-react';\n\nimport styles from './ImageElement.css';\n\nconst CONTENT_PADDING = 24;\nconst MIN_PANE_SIZE = 150;\n\nconst ImageElement = props => {\n  const { attributes, element, imageWidth, mode, children } = props;\n  const isWriteMode = mode === 'write';\n  const wrapperRef = useRef();\n  const imageRef = useRef();\n  const editor = useSlateStatic();\n\n  const pointermoveController = new AbortController();\n\n  const setPaneWidth = width => {\n    if (wrapperRef.current) {\n      wrapperRef.current.style.setProperty('width', `${width}px`);\n    }\n  };\n\n  const getPaneWidth = () => {\n    const containerElement = document.getElementById(`resizable${element.url}`);\n    const pxWidth =\n      containerElement && window.getComputedStyle(containerElement).getPropertyValue('width');\n    return pxWidth ? parseInt(pxWidth, 10) : document.body.clientWidth;\n  };\n\n  const stopDragging = () => {\n    // update Slate element params\n    Transforms.removeNodes(editor, { at: ReactEditor.findPath(editor, element) });\n    Transforms.insertNodes(\n      editor,\n      { ...element, dimensions: { width: getPaneWidth() - CONTENT_PADDING } },\n      { at: ReactEditor.findPath(editor, element) }\n    );\n    document.body.removeEventListener('pointerup', stopDragging);\n  };\n\n  const pageContent = document.getElementsByClassName('c-docs-custom-page-content');\n  const maxPaneSize =\n    (pageContent && pageContent[0] && pageContent[0].offsetWidth - CONTENT_PADDING * 1.5) ||\n    document.body.clientWidth * 0.5;\n\n  const mouseDragHandler = (moveEvent, xOffset, startingPaneWidth) => {\n    moveEvent.preventDefault();\n    if (getPaneWidth() < MIN_PANE_SIZE || getPaneWidth() > maxPaneSize) {\n      setPaneWidth(Math.min(Math.max(getPaneWidth(), MIN_PANE_SIZE), maxPaneSize));\n      return;\n    }\n    const paneOriginAdjustment = -1;\n    setPaneWidth((xOffset - moveEvent.pageX) * paneOriginAdjustment + startingPaneWidth);\n  };\n\n  const startDraggingRight = event => {\n    const startingPaneWidth = getPaneWidth();\n    const xOffset = event.pageX;\n\n    document.body.addEventListener(\n      'pointermove',\n      moveEvent => mouseDragHandler(moveEvent, xOffset, startingPaneWidth),\n      { signal: pointermoveController.signal }\n    );\n    document.body.addEventListener('pointerup', stopDragging);\n  };\n\n  useEffect(() => {\n    if (wrapperRef.current && isWriteMode) {\n      wrapperRef.current.addEventListener('mousedown', startDraggingRight);\n    }\n\n    return () => {\n      pointermoveController.abort();\n      document.body.removeEventListener('pointerup', stopDragging);\n      document.body.removeEventListener('pointermove', stopDragging);\n      if (wrapperRef.current) {\n        wrapperRef.current.removeEventListener('mousedown', startDraggingRight);\n      }\n    };\n  }, [mode]);\n\n  const containerWidth = element.dimensions?.width + CONTENT_PADDING;\n\n  return (\n    <div {...attributes}>\n      <div contentEditable={false}>\n        {element && (\n          <div\n            style={{\n              width: containerWidth || imageWidth,\n            }}\n            ref={wrapperRef}\n            id={`resizable${element.url}`}\n            className={styles.resizable}\n          >\n            <div className={styles.container}>\n              {isWriteMode && <div className={styles.handleLeft} />}\n              <img src={element.url} className={styles.image} ref={imageRef} alt=\"\" />\n              {isWriteMode && <div className={styles.handleRight} />}\n            </div>\n          </div>\n        )}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nImageElement.propTypes = {\n  attributes: PropTypes.shape({}).isRequired,\n  children: PropTypes.node.isRequired,\n  element: PropTypes.shape({\n    url: PropTypes.string.isRequired,\n    dimensions: PropTypes.shape({\n      width: PropTypes.string,\n    }),\n  }).isRequired,\n  imageWidth: PropTypes.string,\n  mode: PropTypes.string,\n};\n\nexport default ImageElement;\n"],"names":["ImageElement","props","_element$dimensions","attributes","element","imageWidth","mode","children","isWriteMode","wrapperRef","useRef","imageRef","editor","useSlateStatic","pointermoveController","AbortController","setPaneWidth","width","current","style","setProperty","getPaneWidth","containerElement","document","getElementById","url","pxWidth","window","getComputedStyle","getPropertyValue","parseInt","body","clientWidth","stopDragging","Transforms","removeNodes","at","ReactEditor","findPath","insertNodes","dimensions","removeEventListener","pageContent","getElementsByClassName","maxPaneSize","offsetWidth","CONTENT_PADDING","startDraggingRight","event","startingPaneWidth","xOffset","pageX","addEventListener","moveEvent","preventDefault","Math","min","max","mouseDragHandler","signal","useEffect","abort","containerWidth","_jsxs","_jsx","jsx","contentEditable","ref","id","className","styles","resizable","jsxs","container","handleLeft","src","image","alt","handleRight","propTypes","PropTypes","shape","isRequired","node","string"],"mappings":"83BAOA,IAGMA,EAAe,SAAAC,GAAS,IAAAC,EACpBC,EAAoDF,EAApDE,WAAYC,EAAwCH,EAAxCG,QAASC,EAA+BJ,EAA/BI,WAAYC,EAAmBL,EAAnBK,KAAMC,EAAaN,EAAbM,SACzCC,EAAuB,UAATF,EACdG,EAAaC,EAAAA,SACbC,EAAWD,EAAAA,SACXE,EAASC,EAAAA,iBAETC,EAAwB,IAAIC,gBAE5BC,EAAe,SAAAC,GACfR,EAAWS,SACbT,EAAWS,QAAQC,MAAMC,YAAY,QAAYH,GAAAA,OAAAA,EAAU,QAIzDI,EAAe,WACnB,IAAMC,EAAmBC,SAASC,eAA2BpB,YAAAA,OAAAA,EAAQqB,MAC/DC,EACJJ,GAAoBK,OAAOC,iBAAiBN,GAAkBO,iBAAiB,SACjF,OAAOH,EAAUI,SAASJ,EAAS,IAAMH,SAASQ,KAAKC,aAGnDC,EAAe,SAAfA,IAEJC,EAAUA,WAACC,YAAYvB,EAAQ,CAAEwB,GAAIC,EAAWA,YAACC,SAAS1B,EAAQR,KAClE8B,aAAWK,YACT3B,SACKR,GAAO,GAAA,CAAEoC,WAAY,CAAEvB,MAAOI,IA9BjB,MA+BlB,CAAEe,GAAIC,EAAWA,YAACC,SAAS1B,EAAQR,KAErCmB,SAASQ,KAAKU,oBAAoB,YAAaR,IAG3CS,EAAcnB,SAASoB,uBAAuB,8BAC9CC,EACHF,GAAeA,EAAY,IAAMA,EAAY,GAAGG,YAAcC,IACnC,GAA5BvB,SAASQ,KAAKC,YAYVe,EAAqB,SAAAC,GACzB,IAAMC,EAAoB5B,IACpB6B,EAAUF,EAAMG,MAEtB5B,SAASQ,KAAKqB,iBACZ,eACA,SAAAC,GAAS,OAhBY,SAACA,EAAWH,EAASD,GAC5CI,EAAUC,iBACNjC,IA1Cc,KA0CoBA,IAAiBuB,EACrD5B,EAAauC,KAAKC,IAAID,KAAKE,IAAIpC,IA3Cf,KA2C+CuB,IAIjE5B,GAD8B,GAChBkC,EAAUG,EAAUF,OAAgCF,GASnDS,CAAiBL,EAAWH,EAASD,KAClD,CAAEU,OAAQ7C,EAAsB6C,SAElCpC,SAASQ,KAAKqB,iBAAiB,YAAanB,IAG9C2B,EAAAA,WAAU,WAKR,OAJInD,EAAWS,SAAWV,GACxBC,EAAWS,QAAQkC,iBAAiB,YAAaL,GAG5C,WACLjC,EAAsB+C,QACtBtC,SAASQ,KAAKU,oBAAoB,YAAaR,GAC/CV,SAASQ,KAAKU,oBAAoB,cAAeR,GAC7CxB,EAAWS,SACbT,EAAWS,QAAQuB,oBAAoB,YAAaM,GAG1D,GAAG,CAACzC,IAEJ,IAAMwD,GAAiB,QAAA5D,EAAAE,EAAQoC,kBAAR,IAAAtC,OAAA,EAAAA,EAAoBe,OA9ErB,GAgFtB,OACE8C,EAAAA,kBAAS5D,GAAU,GAAA,CAAAI,SACjB,CAAAyD,EAAAC,IAAA,MAAA,CAAKC,iBAAiB,EAAM3D,SACzBH,GACC4D,EAAAC,IAAA,MAAA,CACE9C,MAAO,CACLF,MAAO6C,GAAkBzD,GAE3B8D,IAAK1D,EACL2D,GAAgBhE,YAAAA,OAAAA,EAAQqB,KACxB4C,UAAWC,EAAOC,UAAUhE,SAE5BwD,EAAAS,KAAA,MAAA,CAAKH,UAAWC,EAAOG,UAAUlE,SAAA,CAC9BC,GAAewD,EAAAC,IAAA,MAAA,CAAKI,UAAWC,EAAOI,aACvCV,EAAAC,IAAA,MAAA,CAAKU,IAAKvE,EAAQqB,IAAK4C,UAAWC,EAAOM,MAAOT,IAAKxD,EAAUkE,IAAI,KAClErE,GAAewD,EAAAC,IAAA,MAAA,CAAKI,UAAWC,EAAOQ,qBAK9CvE,KAGP,EAEAP,EAAa+E,UAAY,CACvB5E,WAAY6E,EAAS,QAACC,MAAM,CAAA,GAAIC,WAChC3E,SAAUyE,EAAAA,QAAUG,KAAKD,WACzB9E,QAAS4E,EAAS,QAACC,MAAM,CACvBxD,IAAKuD,EAAAA,QAAUI,OAAOF,WACtB1C,WAAYwC,EAAS,QAACC,MAAM,CAC1BhE,MAAO+D,EAAS,QAACI,WAElBF,WACH7E,WAAY2E,EAAS,QAACI,OACtB9E,KAAM0E,EAAS,QAACI"}

package/cjs-bundle/components/SlateFormattedText/SlateFormattedText.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/defineProperty"),r=require("react"),a=require("prop-types"),n=require("slate-react"),i=require("slate"),l=require("lodash"),s=require("./RenderElements.js"),o=require("./utils.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(e),f=d(t),p=d(a);function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){f.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=function(e){var t,a=e.text,d=e.textsList,f=e.defaultText,p=e.defaultRenderingTextNode,x=e.locator,m="".concat(x,"_slateText"),S=r.useMemo((function(){return n.withReact(i.createEditor())}),[]),g=r.useCallback((function(e){return u.jsx(s.Element,O({},e))}),[]),y=r.useCallback((function(e){return u.jsx(s.Leaf,O({},e))}),[]),b=r.useMemo((function(){var e=o.slateFormattingTextUtils.getValidSlateJSON(a),t=e.isTextValidSlateJSON,r=e.parsedJSON;if(d.length){var n=d.map((function(e){return o.slateFormattingTextUtils.getValidSlateJSON(e)}));t=l.every(n,(function(e){return e.isTextValidSlateJSON})),r=o.slateFormattingTextUtils.getDefaultParagraphObjectEmpty(),t&&n.forEach((function(e){var t,a=e.parsedJSON;o.slateFormattingTextUtils.isSlateTextEmpty(a)||(r[0].children=(t=r[0].children).concat.apply(t,c.default(a.map((function(e){return e.children})))));r[0].children=r[0].children.concat({text:"\n"})}))}var i=t&&o.slateFormattingTextUtils.isSlateTextEmpty(r);return{isValidSlateJSON:t,parsedSlateJSON:r,isEmptySlateJSON:i}}),[a,String(d)]),T=b.isValidSlateJSON,j=b.parsedSlateJSON,h=b.isEmptySlateJSON,v=o.slateFormattingTextUtils.getFormattedText({isValid:T,isEmpty:h,text:a,parsedText:j,defaultText:f});return t=d.length>0?d.map((function(e){return u.jsxs("span",{"data-testid":"".concat(m,"_listItem"),children:[e,u.jsx("br",{})]},e)})):T&&h||!p?v:p,T&&!h?u.jsx(n.Slate,{editor:S,value:v,children:u.jsx(n.Editable,{"data-testid":"".concat(m,"_editable"),renderElement:g,renderLeaf:y,readOnly:!0})}):t};m.propTypes={text:p.default.string,textsList:p.default.arrayOf(p.default.string),defaultText:p.default.oneOfType([p.default.string,p.default.node]),defaultRenderingTextNode:p.default.node,locator:p.default.string},m.defaultProps={text:"",textsList:[],defaultText:"",defaultRenderingTextNode:void 0,locator:"SlateFormattedText"},module.exports=m;
+"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/defineProperty"),r=require("react"),a=require("prop-types"),n=require("slate-react"),i=require("slate"),l=require("lodash"),s=require("./RenderElements.js"),o=require("./utils.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(e),f=d(t),p=d(a);function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){f.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=function(e){var t,a=e.text,d=void 0===a?"":a,f=e.textsList,p=void 0===f?S:f,x=e.defaultText,m=void 0===x?"":x,y=e.defaultRenderingTextNode,b=e.locator,j="".concat(void 0===b?g:b,"_slateText"),T=r.useMemo((function(){return n.withReact(i.createEditor())}),[]),h=r.useCallback((function(e){return u.jsx(s.Element,O({},e))}),[]),v=r.useCallback((function(e){return u.jsx(s.Leaf,O({},e))}),[]),E=r.useMemo((function(){var e=o.slateFormattingTextUtils.getValidSlateJSON(d),t=e.isTextValidSlateJSON,r=e.parsedJSON;if(p.length){var a=p.map((function(e){return o.slateFormattingTextUtils.getValidSlateJSON(e)}));t=l.every(a,(function(e){return e.isTextValidSlateJSON})),r=o.slateFormattingTextUtils.getDefaultParagraphObjectEmpty(),t&&a.forEach((function(e){var t,a=e.parsedJSON;o.slateFormattingTextUtils.isSlateTextEmpty(a)||(r[0].children=(t=r[0].children).concat.apply(t,c.default(a.map((function(e){return e.children})))));r[0].children=r[0].children.concat({text:"\n"})}))}var n=t&&o.slateFormattingTextUtils.isSlateTextEmpty(r);return{isValidSlateJSON:t,parsedSlateJSON:r,isEmptySlateJSON:n}}),[d,String(p)]),N=E.isValidSlateJSON,J=E.parsedSlateJSON,q=E.isEmptySlateJSON,P=o.slateFormattingTextUtils.getFormattedText({isValid:N,isEmpty:q,text:d,parsedText:J,defaultText:m});return t=p.length>0?p.map((function(e){return u.jsxs("span",{"data-testid":"".concat(j,"_listItem"),children:[e,u.jsx("br",{})]},e)})):N&&q||!y?P:y,N&&!q?u.jsx(n.Slate,{editor:T,value:P,children:u.jsx(n.Editable,{"data-testid":"".concat(j,"_editable"),renderElement:h,renderLeaf:v,readOnly:!0})}):t};m.propTypes={text:p.default.string,textsList:p.default.arrayOf(p.default.string),defaultText:p.default.oneOfType([p.default.string,p.default.node]),defaultRenderingTextNode:p.default.node,locator:p.default.string};var S=[],g="SlateFormattedText";module.exports=m;
 //# sourceMappingURL=SlateFormattedText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlateFormattedText.js","sources":["../../../../src/components/SlateFormattedText/SlateFormattedText.js"],"sourcesContent":["import { useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Slate, Editable, withReact } from 'slate-react';\nimport { createEditor } from 'slate';\nimport { every } from 'lodash';\n\nimport { Leaf, Element } from './RenderElements';\nimport { slateFormattingTextUtils } from './utils';\n\nconst PAGE_NAME = 'SlateFormattedText';\n\nconst SlateFormattedText = ({\n  text,\n  textsList,\n  defaultText,\n  defaultRenderingTextNode,\n  locator,\n}) => {\n  const currentLocator = `${locator}_slateText`;\n  const editor = useMemo(() => withReact(createEditor()), []);\n  const renderElement = useCallback(props => <Element {...props} />, []);\n  const renderLeaf = useCallback(props => <Leaf {...props} />, []);\n\n  const { isValidSlateJSON, parsedSlateJSON, isEmptySlateJSON } = useMemo(() => {\n    let { isTextValidSlateJSON, parsedJSON } = slateFormattingTextUtils.getValidSlateJSON(text);\n\n    if (textsList.length) {\n      const validatedAndParsedTextsList = textsList.map(item =>\n        slateFormattingTextUtils.getValidSlateJSON(item)\n      );\n      isTextValidSlateJSON = every(validatedAndParsedTextsList, item => item.isTextValidSlateJSON);\n      parsedJSON = slateFormattingTextUtils.getDefaultParagraphObjectEmpty();\n\n      if (isTextValidSlateJSON) {\n        validatedAndParsedTextsList.forEach(item => {\n          const parsedItem = item.parsedJSON;\n          if (!slateFormattingTextUtils.isSlateTextEmpty(parsedItem)) {\n            parsedJSON[0].children = parsedJSON[0].children.concat(\n              ...parsedItem.map(el => el.children)\n            );\n          }\n\n          parsedJSON[0].children = parsedJSON[0].children.concat({ text: '\\n' });\n        });\n      }\n    }\n\n    const isTextEmptySlateJSON =\n      isTextValidSlateJSON && slateFormattingTextUtils.isSlateTextEmpty(parsedJSON);\n    return {\n      isValidSlateJSON: isTextValidSlateJSON,\n      parsedSlateJSON: parsedJSON,\n      isEmptySlateJSON: isTextEmptySlateJSON,\n    };\n  }, [text, String(textsList)]);\n\n  const textFormatted = slateFormattingTextUtils.getFormattedText({\n    isValid: isValidSlateJSON,\n    isEmpty: isEmptySlateJSON,\n    text,\n    parsedText: parsedSlateJSON,\n    defaultText,\n  });\n\n  let notSlateText;\n\n  if (textsList.length > 0) {\n    notSlateText = textsList.map(textsListItem => (\n      <span data-testid={`${currentLocator}_listItem`} key={textsListItem}>\n        {textsListItem}\n        <br />\n      </span>\n    ));\n  } else {\n    notSlateText =\n      (isValidSlateJSON && isEmptySlateJSON) || !defaultRenderingTextNode\n        ? textFormatted\n        : defaultRenderingTextNode;\n  }\n\n  return isValidSlateJSON && !isEmptySlateJSON ? (\n    <Slate editor={editor} value={textFormatted}>\n      <Editable\n        data-testid={`${currentLocator}_editable`}\n        renderElement={renderElement}\n        renderLeaf={renderLeaf}\n        readOnly\n      />\n    </Slate>\n  ) : (\n    notSlateText\n  );\n};\n\nSlateFormattedText.propTypes = {\n  text: PropTypes.string,\n  textsList: PropTypes.arrayOf(PropTypes.string),\n  defaultText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  defaultRenderingTextNode: PropTypes.node,\n  locator: PropTypes.string,\n};\n\nSlateFormattedText.defaultProps = {\n  text: '',\n  textsList: [],\n  defaultText: '',\n  defaultRenderingTextNode: undefined,\n  locator: PAGE_NAME,\n};\n\nexport default SlateFormattedText;\n"],"names":["SlateFormattedText","_ref","notSlateText","text","textsList","defaultText","defaultRenderingTextNode","locator","currentLocator","editor","useMemo","withReact","createEditor","renderElement","useCallback","props","_jsx","Element","renderLeaf","Leaf","_slateFormattingTextU","slateFormattingTextUtils","getValidSlateJSON","isTextValidSlateJSON","parsedJSON","length","validatedAndParsedTextsList","map","item","every","getDefaultParagraphObjectEmpty","forEach","_parsedJSON$0$childre","parsedItem","isSlateTextEmpty","children","concat","apply","_toConsumableArray","el","isTextEmptySlateJSON","isValidSlateJSON","parsedSlateJSON","isEmptySlateJSON","String","textFormatted","getFormattedText","isValid","isEmpty","parsedText","textsListItem","_jsxs","jsx","Slate","value","Editable","readOnly","propTypes","PropTypes","string","arrayOf","oneOfType","node","defaultProps","undefined"],"mappings":"q+BASA,IAEMA,EAAqB,SAMrBC,GAAA,IA+CAC,EApDJC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,yBACAC,IAAAA,QAEMC,EAAoBD,GAAAA,OAAAA,EAAmB,cACvCE,EAASC,EAAAA,SAAQ,WAAA,OAAMC,EAASA,UAACC,EAAYA,eAAG,GAAE,IAClDC,EAAgBC,eAAY,SAAAC,GAAK,OAAIC,EAAAA,IAACC,EAAAA,QAAYF,EAAAA,CAAAA,EAAAA,GAAS,GAAE,IAC7DG,EAAaJ,eAAY,SAAAC,GAAK,OAAIC,EAAAA,IAACG,EAAAA,KAASJ,EAAAA,CAAAA,EAAAA,GAAS,GAAE,IAEGL,EAAAA,EAAAA,SAAQ,WACtE,IAAAU,EAA2CC,EAAAA,yBAAyBC,kBAAkBnB,GAAhFoB,IAAAA,qBAAsBC,IAAAA,WAE5B,GAAIpB,EAAUqB,OAAQ,CACpB,IAAMC,EAA8BtB,EAAUuB,KAAI,SAAAC,GAAI,OACpDP,EAAwBA,yBAACC,kBAAkBM,MAE7CL,EAAuBM,EAAKA,MAACH,GAA6B,SAAAE,GAAI,OAAIA,EAAKL,wBACvEC,EAAaH,EAAAA,yBAAyBS,iCAElCP,GACFG,EAA4BK,SAAQ,SAAAH,GAClC,IAC4DI,EADtDC,EAAaL,EAAKJ,WACnBH,EAAwBA,yBAACa,iBAAiBD,KAC7CT,EAAW,GAAGW,UAAWH,EAAAR,EAAW,GAAGW,UAASC,OAAMC,MAAAL,EAAAM,EAAAA,QACjDL,EAAWN,KAAI,SAAAY,GAAE,OAAIA,EAAGJ,QAAQ,OAIvCX,EAAW,GAAGW,SAAWX,EAAW,GAAGW,SAASC,OAAO,CAAEjC,KAAM,MACjE,GAEJ,CAEA,IAAMqC,EACJjB,GAAwBF,EAAwBA,yBAACa,iBAAiBV,GACpE,MAAO,CACLiB,iBAAkBlB,EAClBmB,gBAAiBlB,EACjBmB,iBAAkBH,EAErB,GAAE,CAACrC,EAAMyC,OAAOxC,KA/BTqC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,iBAiCrCE,EAAgBxB,EAAwBA,yBAACyB,iBAAiB,CAC9DC,QAASN,EACTO,QAASL,EACTxC,KAAAA,EACA8C,WAAYP,EACZrC,YAAAA,IAmBF,OAbEH,EADEE,EAAUqB,OAAS,EACNrB,EAAUuB,KAAI,SAAAuB,GAAa,OACxCC,EAAAA,KAAA,OAAA,CAAM,cAAA,GAAAf,OAAgB5B,EAA0B,aAAA2B,SAC7Ce,CAAAA,EACDlC,EAAMoC,IAAA,KAAA,CAAA,KAF8CF,EAG/C,IAINT,GAAoBE,IAAsBrC,EACvCuC,EACAvC,EAGDmC,IAAqBE,EAC1B3B,EAAAA,IAACqC,EAAAA,MAAK,CAAC5C,OAAQA,EAAQ6C,MAAOT,EAAcV,SAC1CnB,MAACuC,WAAQ,CACP,cAAA,GAAAnB,OAAgB5B,EAA0B,aAC1CK,cAAeA,EACfK,WAAYA,EACZsC,UAAQ,MAIZtD,CAEJ,EAEAF,EAAmByD,UAAY,CAC7BtD,KAAMuD,EAAS,QAACC,OAChBvD,UAAWsD,EAAS,QAACE,QAAQF,EAAAA,QAAUC,QACvCtD,YAAaqD,EAAS,QAACG,UAAU,CAACH,EAAS,QAACC,OAAQD,EAAAA,QAAUI,OAC9DxD,yBAA0BoD,EAAS,QAACI,KACpCvD,QAASmD,EAAS,QAACC,QAGrB3D,EAAmB+D,aAAe,CAChC5D,KAAM,GACNC,UAAW,GACXC,YAAa,GACbC,8BAA0B0D,EAC1BzD,QAlGgB"}
+{"version":3,"file":"SlateFormattedText.js","sources":["../../../../src/components/SlateFormattedText/SlateFormattedText.js"],"sourcesContent":["import { useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Slate, Editable, withReact } from 'slate-react';\nimport { createEditor } from 'slate';\nimport { every } from 'lodash';\n\nimport { Leaf, Element } from './RenderElements';\nimport { slateFormattingTextUtils } from './utils';\n\nconst PAGE_NAME = 'SlateFormattedText';\n\nconst SlateFormattedText = ({\n  text = '',\n  textsList = DEFAULT_SLATE_FORMATTED_TEXT_TEXTS_LIST,\n  defaultText = '',\n  defaultRenderingTextNode,\n  locator = DEFAULT_SLATE_FORMATTED_TEXT_LOCATOR,\n}) => {\n  const currentLocator = `${locator}_slateText`;\n  const editor = useMemo(() => withReact(createEditor()), []);\n  const renderElement = useCallback(props => <Element {...props} />, []);\n  const renderLeaf = useCallback(props => <Leaf {...props} />, []);\n\n  const { isValidSlateJSON, parsedSlateJSON, isEmptySlateJSON } = useMemo(() => {\n    let { isTextValidSlateJSON, parsedJSON } = slateFormattingTextUtils.getValidSlateJSON(text);\n\n    if (textsList.length) {\n      const validatedAndParsedTextsList = textsList.map(item =>\n        slateFormattingTextUtils.getValidSlateJSON(item)\n      );\n      isTextValidSlateJSON = every(validatedAndParsedTextsList, item => item.isTextValidSlateJSON);\n      parsedJSON = slateFormattingTextUtils.getDefaultParagraphObjectEmpty();\n\n      if (isTextValidSlateJSON) {\n        validatedAndParsedTextsList.forEach(item => {\n          const parsedItem = item.parsedJSON;\n          if (!slateFormattingTextUtils.isSlateTextEmpty(parsedItem)) {\n            parsedJSON[0].children = parsedJSON[0].children.concat(\n              ...parsedItem.map(el => el.children)\n            );\n          }\n\n          parsedJSON[0].children = parsedJSON[0].children.concat({ text: '\\n' });\n        });\n      }\n    }\n\n    const isTextEmptySlateJSON =\n      isTextValidSlateJSON && slateFormattingTextUtils.isSlateTextEmpty(parsedJSON);\n    return {\n      isValidSlateJSON: isTextValidSlateJSON,\n      parsedSlateJSON: parsedJSON,\n      isEmptySlateJSON: isTextEmptySlateJSON,\n    };\n  }, [text, String(textsList)]);\n\n  const textFormatted = slateFormattingTextUtils.getFormattedText({\n    isValid: isValidSlateJSON,\n    isEmpty: isEmptySlateJSON,\n    text,\n    parsedText: parsedSlateJSON,\n    defaultText,\n  });\n\n  let notSlateText;\n\n  if (textsList.length > 0) {\n    notSlateText = textsList.map(textsListItem => (\n      <span data-testid={`${currentLocator}_listItem`} key={textsListItem}>\n        {textsListItem}\n        <br />\n      </span>\n    ));\n  } else {\n    notSlateText =\n      (isValidSlateJSON && isEmptySlateJSON) || !defaultRenderingTextNode\n        ? textFormatted\n        : defaultRenderingTextNode;\n  }\n\n  return isValidSlateJSON && !isEmptySlateJSON ? (\n    <Slate editor={editor} value={textFormatted}>\n      <Editable\n        data-testid={`${currentLocator}_editable`}\n        renderElement={renderElement}\n        renderLeaf={renderLeaf}\n        readOnly\n      />\n    </Slate>\n  ) : (\n    notSlateText\n  );\n};\n\nSlateFormattedText.propTypes = {\n  text: PropTypes.string,\n  textsList: PropTypes.arrayOf(PropTypes.string),\n  defaultText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  defaultRenderingTextNode: PropTypes.node,\n  locator: PropTypes.string,\n};\n\nconst DEFAULT_SLATE_FORMATTED_TEXT_TEXTS_LIST = [];\nconst DEFAULT_SLATE_FORMATTED_TEXT_LOCATOR = PAGE_NAME;\n\nexport default SlateFormattedText;\n"],"names":["SlateFormattedText","_ref","notSlateText","_ref$text","text","_ref$textsList","textsList","DEFAULT_SLATE_FORMATTED_TEXT_TEXTS_LIST","_ref$defaultText","defaultText","defaultRenderingTextNode","_ref$locator","locator","currentLocator","DEFAULT_SLATE_FORMATTED_TEXT_LOCATOR","editor","useMemo","withReact","createEditor","renderElement","useCallback","props","_jsx","Element","renderLeaf","Leaf","_slateFormattingTextU","slateFormattingTextUtils","getValidSlateJSON","isTextValidSlateJSON","parsedJSON","length","validatedAndParsedTextsList","map","item","every","getDefaultParagraphObjectEmpty","forEach","_parsedJSON$0$childre","parsedItem","isSlateTextEmpty","children","concat","apply","_toConsumableArray","el","isTextEmptySlateJSON","isValidSlateJSON","parsedSlateJSON","isEmptySlateJSON","String","textFormatted","getFormattedText","isValid","isEmpty","parsedText","textsListItem","_jsxs","jsx","Slate","value","Editable","readOnly","propTypes","PropTypes","string","arrayOf","oneOfType","node"],"mappings":"q+BASA,IAEMA,EAAqB,SAMrBC,GAAA,IA+CAC,EA/CAC,EAAAF,EALJG,KAAAA,aAAO,GAAED,EAAAE,EAAAJ,EACTK,UAAAA,aAAYC,EAAuCF,EAAAG,EAAAP,EACnDQ,YAAAA,aAAc,GAAED,EAChBE,IAAAA,yBAAwBC,EAAAV,EACxBW,QAEMC,EAAoBD,GAAAA,kBAFhBE,EAAoCH,EAED,cACvCI,EAASC,EAAAA,SAAQ,WAAA,OAAMC,EAASA,UAACC,EAAYA,eAAG,GAAE,IAClDC,EAAgBC,eAAY,SAAAC,GAAK,OAAIC,EAAAA,IAACC,EAAAA,QAAYF,EAAAA,CAAAA,EAAAA,GAAS,GAAE,IAC7DG,EAAaJ,eAAY,SAAAC,GAAK,OAAIC,EAAAA,IAACG,EAAAA,KAASJ,EAAAA,CAAAA,EAAAA,GAAS,GAAE,IAEGL,EAAAA,EAAAA,SAAQ,WACtE,IAAAU,EAA2CC,EAAAA,yBAAyBC,kBAAkBxB,GAAhFyB,IAAAA,qBAAsBC,IAAAA,WAE5B,GAAIxB,EAAUyB,OAAQ,CACpB,IAAMC,EAA8B1B,EAAU2B,KAAI,SAAAC,GAAI,OACpDP,EAAwBA,yBAACC,kBAAkBM,MAE7CL,EAAuBM,EAAKA,MAACH,GAA6B,SAAAE,GAAI,OAAIA,EAAKL,wBACvEC,EAAaH,EAAAA,yBAAyBS,iCAElCP,GACFG,EAA4BK,SAAQ,SAAAH,GAClC,IAC4DI,EADtDC,EAAaL,EAAKJ,WACnBH,EAAwBA,yBAACa,iBAAiBD,KAC7CT,EAAW,GAAGW,UAAWH,EAAAR,EAAW,GAAGW,UAASC,OAAMC,MAAAL,EAAAM,EAAAA,QACjDL,EAAWN,KAAI,SAAAY,GAAE,OAAIA,EAAGJ,QAAQ,OAIvCX,EAAW,GAAGW,SAAWX,EAAW,GAAGW,SAASC,OAAO,CAAEtC,KAAM,MACjE,GAEJ,CAEA,IAAM0C,EACJjB,GAAwBF,EAAwBA,yBAACa,iBAAiBV,GACpE,MAAO,CACLiB,iBAAkBlB,EAClBmB,gBAAiBlB,EACjBmB,iBAAkBH,EAErB,GAAE,CAAC1C,EAAM8C,OAAO5C,KA/BTyC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,iBAiCrCE,EAAgBxB,EAAwBA,yBAACyB,iBAAiB,CAC9DC,QAASN,EACTO,QAASL,EACT7C,KAAAA,EACAmD,WAAYP,EACZvC,YAAAA,IAmBF,OAbEP,EADEI,EAAUyB,OAAS,EACNzB,EAAU2B,KAAI,SAAAuB,GAAa,OACxCC,EAAAA,KAAA,OAAA,CAAM,cAAA,GAAAf,OAAgB7B,EAA0B,aAAA4B,SAC7Ce,CAAAA,EACDlC,EAAMoC,IAAA,KAAA,CAAA,KAF8CF,EAG/C,IAINT,GAAoBE,IAAsBvC,EACvCyC,EACAzC,EAGDqC,IAAqBE,EAC1B3B,EAAAA,IAACqC,EAAAA,MAAK,CAAC5C,OAAQA,EAAQ6C,MAAOT,EAAcV,SAC1CnB,MAACuC,WAAQ,CACP,cAAA,GAAAnB,OAAgB7B,EAA0B,aAC1CM,cAAeA,EACfK,WAAYA,EACZsC,UAAQ,MAIZ5D,CAEJ,EAEAF,EAAmB+D,UAAY,CAC7B3D,KAAM4D,EAAS,QAACC,OAChB3D,UAAW0D,EAAS,QAACE,QAAQF,EAAAA,QAAUC,QACvCxD,YAAauD,EAAS,QAACG,UAAU,CAACH,EAAS,QAACC,OAAQD,EAAAA,QAAUI,OAC9D1D,yBAA0BsD,EAAS,QAACI,KACpCxD,QAASoD,EAAS,QAACC,QAGrB,IAAM1D,EAA0C,GAC1CO,EA9FY"}

package/cjs-bundle/components/StageDesignVActual/ComparisonBar/ComparisonBar.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),a=require("@material-ui/core"),r=require("./utils.js"),t=require("../../../utils/StageDesignVActualUtils.js"),i=require("react/jsx-runtime"),n=a.makeStyles((function(e){return{barContainer:{position:"relative",height:"24px",width:"100%"},designBar:function(e){var a=e.designBarPercent;return{position:"absolute",background:"#2BCCFF",opacity:.2,top:"4px",bottom:"4px",width:"".concat(a,"%"),borderRadius:"2px"}},actualBar:function(e){var a=e.showWarning,r=e.actualBarPercent;return{position:"absolute",background:a?"linear-gradient(to right, #2BCCFF , #F44336)":"#2BCCFF",top:"8px",bottom:"8px",width:"".concat(r,"%"),borderRadius:"2px"}},emptyBar:{position:"absolute",top:"4px",bottom:"4px",width:"100%",borderRadius:"2px",background:e.isLightTheme?"#e2e2e2":"#484848"}}})),s=function(e){var a=e.designVal,s=e.actualVal,o=e.isCalcMode,c=r.getBarPercents(a,s),u=c.designBarPercent,l=c.actualBarPercent,d=t.getDifference(a,s),p=t.getIsGreaterThanTenPercent(d),g=n({showWarning:o?s>a:p,designBarPercent:u,actualBarPercent:l});return i.jsxs("div",{className:g.barContainer,children:[!a&&!s&&i.jsx("div",{className:g.emptyBar}),i.jsx("div",{className:g.designBar}),i.jsx("div",{className:g.actualBar})]})};s.propTypes={designVal:e.number,actualVal:e.number,isCalcMode:e.bool},s.defaultProps={designVal:void 0,actualVal:void 0,isCalcMode:!1},module.exports=s;
+"use strict";var e=require("prop-types"),r=require("@material-ui/core"),a=require("./utils.js"),t=require("../../../utils/StageDesignVActualUtils.js"),i=require("react/jsx-runtime"),n=r.makeStyles((function(e){return{barContainer:{position:"relative",height:"24px",width:"100%"},designBar:function(e){var r=e.designBarPercent;return{position:"absolute",background:"#2BCCFF",opacity:.2,top:"4px",bottom:"4px",width:"".concat(r,"%"),borderRadius:"2px"}},actualBar:function(e){var r=e.showWarning,a=e.actualBarPercent;return{position:"absolute",background:r?"linear-gradient(to right, #2BCCFF , #F44336)":"#2BCCFF",top:"8px",bottom:"8px",width:"".concat(a,"%"),borderRadius:"2px"}},emptyBar:{position:"absolute",top:"4px",bottom:"4px",width:"100%",borderRadius:"2px",background:e.isLightTheme?"#e2e2e2":"#484848"}}})),s=function(e){var r=e.designVal,s=e.actualVal,o=e.isCalcMode,c=void 0!==o&&o,u=a.getBarPercents(r,s),l=u.designBarPercent,d=u.actualBarPercent,p=t.getDifference(r,s),g=t.getIsGreaterThanTenPercent(p),b=n({showWarning:c?s>r:g,designBarPercent:l,actualBarPercent:d});return i.jsxs("div",{className:b.barContainer,children:[!r&&!s&&i.jsx("div",{className:b.emptyBar}),i.jsx("div",{className:b.designBar}),i.jsx("div",{className:b.actualBar})]})};s.propTypes={designVal:e.number,actualVal:e.number,isCalcMode:e.bool},module.exports=s;
 //# sourceMappingURL=ComparisonBar.js.map

package/cjs-bundle/components/StageDesignVActual/ComparisonBar/ComparisonBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonBar.js","sources":["../../../../../src/components/StageDesignVActual/ComparisonBar/ComparisonBar.js"],"sourcesContent":["import { number, bool } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { getBarPercents } from './utils';\n\nimport { getDifference, getIsGreaterThanTenPercent } from '~/utils/StageDesignVActualUtils';\n\nconst useStyles = makeStyles(theme => ({\n  barContainer: {\n    position: 'relative',\n    height: '24px',\n    width: '100%',\n  },\n  designBar: ({ designBarPercent }) => ({\n    position: 'absolute',\n    background: '#2BCCFF',\n    opacity: 0.2,\n    top: '4px',\n    bottom: '4px',\n    width: `${designBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  actualBar: ({ showWarning, actualBarPercent }) => ({\n    position: 'absolute',\n    background: showWarning ? 'linear-gradient(to right, #2BCCFF , #F44336)' : '#2BCCFF',\n    top: '8px',\n    bottom: '8px',\n    width: `${actualBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  emptyBar: {\n    position: 'absolute',\n    top: '4px',\n    bottom: '4px',\n    width: '100%',\n    borderRadius: '2px',\n    background: theme.isLightTheme ? '#e2e2e2' : '#484848',\n  },\n}));\n\nconst ComparisonBar = ({ designVal, actualVal, isCalcMode }) => {\n  const { designBarPercent, actualBarPercent } = getBarPercents(designVal, actualVal);\n\n  const difference = getDifference(designVal, actualVal);\n\n  const isGreaterThanTenPercent = getIsGreaterThanTenPercent(difference);\n\n  // NOTE: If view mode is calc and actual value comes from prediction summary,\n  // we should only show warning for the actual value which is greater than design amount\n  const showWarning = isCalcMode ? actualVal > designVal : isGreaterThanTenPercent;\n\n  const classes = useStyles({ showWarning, designBarPercent, actualBarPercent });\n\n  return (\n    <div className={classes.barContainer}>\n      {!designVal && !actualVal && <div className={classes.emptyBar} />}\n      <div className={classes.designBar} />\n      <div className={classes.actualBar} />\n    </div>\n  );\n};\n\nComparisonBar.propTypes = {\n  designVal: number,\n  actualVal: number,\n  isCalcMode: bool,\n};\n\nComparisonBar.defaultProps = {\n  designVal: undefined,\n  actualVal: undefined,\n  isCalcMode: false,\n};\n\nexport default ComparisonBar;\n"],"names":["useStyles","makeStyles","theme","barContainer","position","height","width","designBar","_ref","designBarPercent","background","opacity","top","bottom","concat","borderRadius","actualBar","_ref2","showWarning","actualBarPercent","emptyBar","isLightTheme","ComparisonBar","_ref3","designVal","actualVal","isCalcMode","_getBarPercents","getBarPercents","difference","getDifference","isGreaterThanTenPercent","getIsGreaterThanTenPercent","classes","_jsxs","className","children","_jsx","jsx","propTypes","number","bool","defaultProps","undefined"],"mappings":"sLAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,aAAc,CACZC,SAAU,WACVC,OAAQ,OACRC,MAAO,QAETC,UAAW,SAAAC,GAAA,IAAGC,IAAAA,iBAAgB,MAAQ,CACpCL,SAAU,WACVM,WAAY,UACZC,QAAS,GACTC,IAAK,MACLC,OAAQ,MACRP,MAAK,GAAAQ,OAAKL,EAAmB,KAC7BM,aAAc,MACd,EACFC,UAAW,SAAAC,GAAA,IAAGC,IAAAA,YAAaC,IAAAA,iBAAgB,MAAQ,CACjDf,SAAU,WACVM,WAAYQ,EAAc,+CAAiD,UAC3EN,IAAK,MACLC,OAAQ,MACRP,MAAK,GAAAQ,OAAKK,EAAmB,KAC7BJ,aAAc,MACd,EACFK,SAAU,CACRhB,SAAU,WACVQ,IAAK,MACLC,OAAQ,MACRP,MAAO,OACPS,aAAc,MACdL,WAAYR,EAAMmB,aAAe,UAAY,WAEhD,IAEKC,EAAgB,SAA0CC,GAAA,IAAvCC,IAAAA,UAAWC,IAAAA,UAAWC,IAAAA,WAC7CC,EAA+CC,EAAAA,eAAeJ,EAAWC,GAAjEhB,IAAAA,iBAAkBU,IAAAA,iBAEpBU,EAAaC,EAAAA,cAAcN,EAAWC,GAEtCM,EAA0BC,6BAA2BH,GAMrDI,EAAUjC,EAAU,CAAEkB,YAFRQ,EAAaD,EAAYD,EAAYO,EAEhBtB,iBAAAA,EAAkBU,iBAAAA,IAE3D,OACEe,EAAAA,KAAA,MAAA,CAAKC,UAAWF,EAAQ9B,aAAaiC,SAAA,EACjCZ,IAAcC,GAAaY,EAAAA,IAAA,MAAA,CAAKF,UAAWF,EAAQb,WACrDiB,EAAAC,IAAA,MAAA,CAAKH,UAAWF,EAAQ1B,YACxB8B,EAAAC,IAAA,MAAA,CAAKH,UAAWF,EAAQjB,cAG9B,EAEAM,EAAciB,UAAY,CACxBf,UAAWgB,EAAMA,OACjBf,UAAWe,EAAMA,OACjBd,WAAYe,EAAAA,MAGdnB,EAAcoB,aAAe,CAC3BlB,eAAWmB,EACXlB,eAAWkB,EACXjB,YAAY"}
+{"version":3,"file":"ComparisonBar.js","sources":["../../../../../src/components/StageDesignVActual/ComparisonBar/ComparisonBar.js"],"sourcesContent":["import { number, bool } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { getBarPercents } from './utils';\n\nimport { getDifference, getIsGreaterThanTenPercent } from '~/utils/StageDesignVActualUtils';\n\nconst useStyles = makeStyles(theme => ({\n  barContainer: {\n    position: 'relative',\n    height: '24px',\n    width: '100%',\n  },\n  designBar: ({ designBarPercent }) => ({\n    position: 'absolute',\n    background: '#2BCCFF',\n    opacity: 0.2,\n    top: '4px',\n    bottom: '4px',\n    width: `${designBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  actualBar: ({ showWarning, actualBarPercent }) => ({\n    position: 'absolute',\n    background: showWarning ? 'linear-gradient(to right, #2BCCFF , #F44336)' : '#2BCCFF',\n    top: '8px',\n    bottom: '8px',\n    width: `${actualBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  emptyBar: {\n    position: 'absolute',\n    top: '4px',\n    bottom: '4px',\n    width: '100%',\n    borderRadius: '2px',\n    background: theme.isLightTheme ? '#e2e2e2' : '#484848',\n  },\n}));\n\nconst ComparisonBar = ({ designVal, actualVal, isCalcMode = false }) => {\n  const { designBarPercent, actualBarPercent } = getBarPercents(designVal, actualVal);\n\n  const difference = getDifference(designVal, actualVal);\n\n  const isGreaterThanTenPercent = getIsGreaterThanTenPercent(difference);\n\n  // NOTE: If view mode is calc and actual value comes from prediction summary,\n  // we should only show warning for the actual value which is greater than design amount\n  const showWarning = isCalcMode ? actualVal > designVal : isGreaterThanTenPercent;\n\n  const classes = useStyles({ showWarning, designBarPercent, actualBarPercent });\n\n  return (\n    <div className={classes.barContainer}>\n      {!designVal && !actualVal && <div className={classes.emptyBar} />}\n      <div className={classes.designBar} />\n      <div className={classes.actualBar} />\n    </div>\n  );\n};\n\nComparisonBar.propTypes = {\n  designVal: number,\n  actualVal: number,\n  isCalcMode: bool,\n};\n\nexport default ComparisonBar;\n"],"names":["useStyles","makeStyles","theme","barContainer","position","height","width","designBar","_ref","designBarPercent","background","opacity","top","bottom","concat","borderRadius","actualBar","_ref2","showWarning","actualBarPercent","emptyBar","isLightTheme","ComparisonBar","_ref3","designVal","actualVal","_ref3$isCalcMode","isCalcMode","_getBarPercents","getBarPercents","difference","getDifference","isGreaterThanTenPercent","getIsGreaterThanTenPercent","classes","_jsxs","className","children","_jsx","jsx","propTypes","number","bool"],"mappings":"sLAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,aAAc,CACZC,SAAU,WACVC,OAAQ,OACRC,MAAO,QAETC,UAAW,SAAAC,GAAA,IAAGC,IAAAA,iBAAgB,MAAQ,CACpCL,SAAU,WACVM,WAAY,UACZC,QAAS,GACTC,IAAK,MACLC,OAAQ,MACRP,MAAK,GAAAQ,OAAKL,EAAmB,KAC7BM,aAAc,MACd,EACFC,UAAW,SAAAC,GAAA,IAAGC,IAAAA,YAAaC,IAAAA,iBAAgB,MAAQ,CACjDf,SAAU,WACVM,WAAYQ,EAAc,+CAAiD,UAC3EN,IAAK,MACLC,OAAQ,MACRP,MAAK,GAAAQ,OAAKK,EAAmB,KAC7BJ,aAAc,MACd,EACFK,SAAU,CACRhB,SAAU,WACVQ,IAAK,MACLC,OAAQ,MACRP,MAAO,OACPS,aAAc,MACdL,WAAYR,EAAMmB,aAAe,UAAY,WAEhD,IAEKC,EAAgB,SAAkDC,GAAA,IAA/CC,IAAAA,UAAWC,IAAAA,UAASC,EAAAH,EAAEI,WAAAA,cAAkBD,EAC/DE,EAA+CC,EAAAA,eAAeL,EAAWC,GAAjEhB,IAAAA,iBAAkBU,IAAAA,iBAEpBW,EAAaC,EAAAA,cAAcP,EAAWC,GAEtCO,EAA0BC,6BAA2BH,GAMrDI,EAAUlC,EAAU,CAAEkB,YAFRS,EAAaF,EAAYD,EAAYQ,EAEhBvB,iBAAAA,EAAkBU,iBAAAA,IAE3D,OACEgB,EAAAA,KAAA,MAAA,CAAKC,UAAWF,EAAQ/B,aAAakC,SAAA,EACjCb,IAAcC,GAAaa,EAAAA,IAAA,MAAA,CAAKF,UAAWF,EAAQd,WACrDkB,EAAAC,IAAA,MAAA,CAAKH,UAAWF,EAAQ3B,YACxB+B,EAAAC,IAAA,MAAA,CAAKH,UAAWF,EAAQlB,cAG9B,EAEAM,EAAckB,UAAY,CACxBhB,UAAWiB,EAAMA,OACjBhB,UAAWgB,EAAMA,OACjBd,WAAYe,EAAAA"}

package/cjs-bundle/components/StageDesignVActual/ComparisonHeader.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("prop-types"),s=require("@material-ui/core"),a=require("classnames"),o=require("./ComparisonTable.css.js"),i=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(e),l=n(a),t=function(e){var r=e.renderStages,a=e.renderSortIcon,n=e.handleSortClick,t=e.showBar,d=s.useTheme();return i.jsxs("div",{className:l.default(o.comparisonHeader,c.default({},o.comparisonHeaderLightTheme,d.isLightTheme)),children:[i.jsxs("div",{className:o.comparisonNameCol,onClick:n&&function(){return n("key")},children:["Parameter",a&&i.jsx("div",{className:o.comparisonSortIcon,children:a("key")})]}),i.jsxs("div",{className:o.comparisonDesignCol,onClick:n&&function(){return n("design")},children:["Design",a&&i.jsx("div",{className:o.comparisonSortIcon,children:a("design")})]}),i.jsxs("div",{className:o.comparisonActualCol,onClick:n&&function(){return n("actual")},children:["Straps",a&&i.jsx("div",{className:o.comparisonSortIcon,children:a("actual")})]}),i.jsx("div",{className:o.comparisonActualCol,children:"Calc"}),i.jsx("div",{className:o.comparisonActualCol,children:"Variance %"}),i.jsx("div",{className:o.comparisonActualCol,children:"% from design"}),t&&i.jsx("div",{className:o.comparisonChartCol,children:r?r():""})]})};t.propTypes={renderStages:r.func,handleSortClick:r.func,renderSortIcon:r.func,showBar:r.bool},t.defaultProps={renderStages:void 0,handleSortClick:void 0,renderSortIcon:void 0,showBar:!0},module.exports=t;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("prop-types"),s=require("@material-ui/core"),a=require("classnames"),i=require("./ComparisonTable.css.js"),n=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(e),l=o(a),t=function(e){var r=e.renderStages,a=e.renderSortIcon,o=e.handleSortClick,t=e.showBar,d=void 0===t||t,m=s.useTheme();return n.jsxs("div",{className:l.default(i.comparisonHeader,c.default({},i.comparisonHeaderLightTheme,m.isLightTheme)),children:[n.jsxs("div",{className:i.comparisonNameCol,onClick:o&&function(){return o("key")},children:["Parameter",a&&n.jsx("div",{className:i.comparisonSortIcon,children:a("key")})]}),n.jsxs("div",{className:i.comparisonDesignCol,onClick:o&&function(){return o("design")},children:["Design",a&&n.jsx("div",{className:i.comparisonSortIcon,children:a("design")})]}),n.jsxs("div",{className:i.comparisonActualCol,onClick:o&&function(){return o("actual")},children:["Straps",a&&n.jsx("div",{className:i.comparisonSortIcon,children:a("actual")})]}),n.jsx("div",{className:i.comparisonActualCol,children:"Calc"}),n.jsx("div",{className:i.comparisonActualCol,children:"Variance %"}),n.jsx("div",{className:i.comparisonActualCol,children:"% from design"}),d&&n.jsx("div",{className:i.comparisonChartCol,children:r?r():""})]})};t.propTypes={renderStages:r.func,handleSortClick:r.func,renderSortIcon:r.func,showBar:r.bool},module.exports=t;
 //# sourceMappingURL=ComparisonHeader.js.map

package/cjs-bundle/components/StageDesignVActual/ComparisonHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonHeader.js","sources":["../../../../src/components/StageDesignVActual/ComparisonHeader.js"],"sourcesContent":["import { func, bool } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport styles from './ComparisonTable.css';\n\nconst ComparisonHeader = ({ renderStages, renderSortIcon, handleSortClick, showBar }) => {\n  const theme = useTheme();\n  return (\n    <div\n      className={classNames(styles.comparisonHeader, {\n        [styles.comparisonHeaderLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div\n        className={styles.comparisonNameCol}\n        onClick={handleSortClick && (() => handleSortClick('key'))}\n      >\n        Parameter\n        {renderSortIcon && <div className={styles.comparisonSortIcon}>{renderSortIcon('key')}</div>}\n      </div>\n      <div\n        className={styles.comparisonDesignCol}\n        onClick={handleSortClick && (() => handleSortClick('design'))}\n      >\n        Design\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('design')}</div>\n        )}\n      </div>\n      <div\n        className={styles.comparisonActualCol}\n        onClick={handleSortClick && (() => handleSortClick('actual'))}\n      >\n        Straps\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('actual')}</div>\n        )}\n      </div>\n      <div className={styles.comparisonActualCol}>Calc</div>\n      <div className={styles.comparisonActualCol}>Variance %</div>\n      <div className={styles.comparisonActualCol}>% from design</div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>{renderStages ? renderStages() : ''}</div>\n      )}\n    </div>\n  );\n};\n\nComparisonHeader.propTypes = {\n  renderStages: func,\n  handleSortClick: func,\n  renderSortIcon: func,\n  showBar: bool,\n};\n\nComparisonHeader.defaultProps = {\n  renderStages: undefined,\n  handleSortClick: undefined,\n  renderSortIcon: undefined,\n  showBar: true,\n};\n\nexport default ComparisonHeader;\n"],"names":["ComparisonHeader","_ref","renderStages","renderSortIcon","handleSortClick","showBar","theme","useTheme","_jsxs","className","classNames","styles","comparisonHeader","_defineProperty","comparisonHeaderLightTheme","isLightTheme","children","jsxs","comparisonNameCol","onClick","_jsx","comparisonSortIcon","comparisonDesignCol","comparisonActualCol","jsx","comparisonChartCol","propTypes","func","bool","defaultProps","undefined"],"mappings":"kTAMMA,EAAmB,SAAgEC,GAAA,IAA7DC,IAAAA,aAAcC,IAAAA,eAAgBC,IAAAA,gBAAiBC,IAAAA,QACnEC,EAAQC,EAAAA,WACd,OACEC,EAAAA,KAAA,MAAA,CACEC,UAAWC,EAAU,QAACC,EAAOC,iBAAgBC,EAAA,QAAA,GAC1CF,EAAOG,2BAA6BR,EAAMS,eAC1CC,SAEH,CAAAR,EAAAS,KAAA,MAAA,CACER,UAAWE,EAAOO,kBAClBC,QAASf,GAAoB,WAAA,OAAMA,EAAgB,MAAQ,EAAAY,SAAA,CAAA,YAG1Db,GAAkBiB,EAAAA,IAAA,MAAA,CAAKX,UAAWE,EAAOU,mBAAmBL,SAAEb,EAAe,YAEhFK,EAAAS,KAAA,MAAA,CACER,UAAWE,EAAOW,oBAClBH,QAASf,GAAoB,WAAA,OAAMA,EAAgB,SAAW,EAAAY,SAAA,CAAA,SAG7Db,GACCiB,EAAAA,IAAA,MAAA,CAAKX,UAAWE,EAAOU,mBAAmBL,SAAEb,EAAe,eAG/DK,EAAAS,KAAA,MAAA,CACER,UAAWE,EAAOY,oBAClBJ,QAASf,GAAoB,WAAA,OAAMA,EAAgB,SAAW,EAAAY,SAAA,CAAA,SAG7Db,GACCiB,EAAAA,IAAA,MAAA,CAAKX,UAAWE,EAAOU,mBAAmBL,SAAEb,EAAe,eAG/DiB,EAAAI,IAAA,MAAA,CAAKf,UAAWE,EAAOY,oBAAoBP,SAAA,SAC3CI,EAAAI,IAAA,MAAA,CAAKf,UAAWE,EAAOY,oBAAoBP,SAAA,eAC3CI,EAAAI,IAAA,MAAA,CAAKf,UAAWE,EAAOY,oBAAoBP,SAAA,kBAC1CX,GACCe,EAAAI,IAAA,MAAA,CAAKf,UAAWE,EAAOc,mBAAmBT,SAAEd,EAAeA,IAAiB,OAIpF,EAEAF,EAAiB0B,UAAY,CAC3BxB,aAAcyB,EAAIA,KAClBvB,gBAAiBuB,EAAIA,KACrBxB,eAAgBwB,EAAIA,KACpBtB,QAASuB,EAAAA,MAGX5B,EAAiB6B,aAAe,CAC9B3B,kBAAc4B,EACd1B,qBAAiB0B,EACjB3B,oBAAgB2B,EAChBzB,SAAS"}
+{"version":3,"file":"ComparisonHeader.js","sources":["../../../../src/components/StageDesignVActual/ComparisonHeader.js"],"sourcesContent":["import { func, bool } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport styles from './ComparisonTable.css';\n\nconst ComparisonHeader = ({ renderStages, renderSortIcon, handleSortClick, showBar = true }) => {\n  const theme = useTheme();\n  return (\n    <div\n      className={classNames(styles.comparisonHeader, {\n        [styles.comparisonHeaderLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div\n        className={styles.comparisonNameCol}\n        onClick={handleSortClick && (() => handleSortClick('key'))}\n      >\n        Parameter\n        {renderSortIcon && <div className={styles.comparisonSortIcon}>{renderSortIcon('key')}</div>}\n      </div>\n      <div\n        className={styles.comparisonDesignCol}\n        onClick={handleSortClick && (() => handleSortClick('design'))}\n      >\n        Design\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('design')}</div>\n        )}\n      </div>\n      <div\n        className={styles.comparisonActualCol}\n        onClick={handleSortClick && (() => handleSortClick('actual'))}\n      >\n        Straps\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('actual')}</div>\n        )}\n      </div>\n      <div className={styles.comparisonActualCol}>Calc</div>\n      <div className={styles.comparisonActualCol}>Variance %</div>\n      <div className={styles.comparisonActualCol}>% from design</div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>{renderStages ? renderStages() : ''}</div>\n      )}\n    </div>\n  );\n};\n\nComparisonHeader.propTypes = {\n  renderStages: func,\n  handleSortClick: func,\n  renderSortIcon: func,\n  showBar: bool,\n};\n\nexport default ComparisonHeader;\n"],"names":["ComparisonHeader","_ref","renderStages","renderSortIcon","handleSortClick","_ref$showBar","showBar","theme","useTheme","_jsxs","className","classNames","styles","comparisonHeader","_defineProperty","comparisonHeaderLightTheme","isLightTheme","children","jsxs","comparisonNameCol","onClick","_jsx","comparisonSortIcon","comparisonDesignCol","comparisonActualCol","jsx","comparisonChartCol","propTypes","func","bool"],"mappings":"kTAMMA,EAAmB,SAAuEC,GAAA,IAApEC,IAAAA,aAAcC,IAAAA,eAAgBC,IAAAA,gBAAeC,EAAAJ,EAAEK,QAAAA,cAAcD,EACjFE,EAAQC,EAAAA,WACd,OACEC,EAAAA,KAAA,MAAA,CACEC,UAAWC,EAAU,QAACC,EAAOC,iBAAgBC,EAAA,QAAA,GAC1CF,EAAOG,2BAA6BR,EAAMS,eAC1CC,SAEH,CAAAR,EAAAS,KAAA,MAAA,CACER,UAAWE,EAAOO,kBAClBC,QAAShB,GAAoB,WAAA,OAAMA,EAAgB,MAAQ,EAAAa,SAAA,CAAA,YAG1Dd,GAAkBkB,EAAAA,IAAA,MAAA,CAAKX,UAAWE,EAAOU,mBAAmBL,SAAEd,EAAe,YAEhFM,EAAAS,KAAA,MAAA,CACER,UAAWE,EAAOW,oBAClBH,QAAShB,GAAoB,WAAA,OAAMA,EAAgB,SAAW,EAAAa,SAAA,CAAA,SAG7Dd,GACCkB,EAAAA,IAAA,MAAA,CAAKX,UAAWE,EAAOU,mBAAmBL,SAAEd,EAAe,eAG/DM,EAAAS,KAAA,MAAA,CACER,UAAWE,EAAOY,oBAClBJ,QAAShB,GAAoB,WAAA,OAAMA,EAAgB,SAAW,EAAAa,SAAA,CAAA,SAG7Dd,GACCkB,EAAAA,IAAA,MAAA,CAAKX,UAAWE,EAAOU,mBAAmBL,SAAEd,EAAe,eAG/DkB,EAAAI,IAAA,MAAA,CAAKf,UAAWE,EAAOY,oBAAoBP,SAAA,SAC3CI,EAAAI,IAAA,MAAA,CAAKf,UAAWE,EAAOY,oBAAoBP,SAAA,eAC3CI,EAAAI,IAAA,MAAA,CAAKf,UAAWE,EAAOY,oBAAoBP,SAAA,kBAC1CX,GACCe,EAAAI,IAAA,MAAA,CAAKf,UAAWE,EAAOc,mBAAmBT,SAAEf,EAAeA,IAAiB,OAIpF,EAEAF,EAAiB2B,UAAY,CAC3BzB,aAAc0B,EAAIA,KAClBxB,gBAAiBwB,EAAIA,KACrBzB,eAAgByB,EAAIA,KACpBtB,QAASuB,EAAAA"}

package/cjs-bundle/components/StageDesignVActual/ComparisonRow.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),a=require("classnames"),s=require("prop-types"),r=require("@material-ui/core"),i=require("./ComparisonBar/ComparisonBar.js"),o=require("./ComparisonTable.css.js"),l=require("../../utils/convert.js"),t=require("../../utils/StageDesignVActualUtils.js"),n=require("../../constants/completion.js"),m=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),d=c(a),p=function(e){var a=e.rowKey,s=e.label,c=e.elemKey,p=e.unitType,h=e.elemMax,g=e.summaries,v=e.showBar,f=e.viewMode,j=r.useTheme(),C=g.designSummary,x=g.actualSummary,y=g.predictionSummary,N=C&&C[a],T=x&&x[a],b=y&&y[a],q=p?l.getUnitDisplay(p):"",w=t.getElemActualColor(a,c);(c&&(N=N&&N[c]&&N[c].amount,T=T&&T[c]&&T[c].amount),"volumeChemicals"===a||"massChemicals"===a)&&(b=y[(n.CHEMICALS_TYPES.find((function(e){return e.name===c}))||{}).key||null]);"flush_volume"===a&&(N=y?y.flush_volume_design:0);var S=b?(b-T)/b*100:"-",M="calc"===f?t.getDifference(N,b):t.getDifference(N,T);return m.jsxs("div",{className:d.default(o.comparisonRow,u.default({},o.comparisonRowLightTheme,j.isLightTheme)),children:[m.jsxs("div",{className:o.comparisonNameCol,children:[s," ",q?"(".concat(q,")"):""]}),m.jsxs("div",{className:o.comparisonDesignCol,children:[t.getFormattedValue(N),m.jsx("div",{className:o.comparisonSortIcon})]}),m.jsxs("div",{"data-testid":"".concat("comparisonRow","_strapsColumn"),className:o.comparisonActualCol,children:[t.getFormattedValue(T),m.jsx("div",{className:o.comparisonSortIcon})]}),m.jsxs("div",{className:o.comparisonActualCol,children:[t.getFormattedValue(b),m.jsx("div",{className:o.comparisonSortIcon})]}),m.jsx("div",{className:o.comparisonActualCol,children:t.getFormattedValue(S)}),m.jsx("div",{className:d.default(o.comparisonActualCol,u.default({},o.comparisonGreaterThanTenPercent,t.getIsGreaterThanTenPercent(M))),children:M}),v&&m.jsx("div",{className:o.comparisonChartCol,children:(Number.isFinite(T)||Number.isFinite(N))&&m.jsx(i,{designVal:N,actualVal:T,designColor:"#eee",actualColor:w,elemMax:h})})]},"".concat(a).concat(c))};p.propTypes={rowKey:s.string.isRequired,label:s.string,elemKey:s.string,unitType:s.string,elemMax:s.number,summaries:s.shape,showBar:s.bool,viewMode:s.string},p.defaultProps={label:"",elemKey:"",unitType:"",elemMax:null,summaries:{},showBar:!0,viewMode:null},module.exports=p;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),a=require("classnames"),s=require("prop-types"),r=require("@material-ui/core"),i=require("./ComparisonBar/ComparisonBar.js"),o=require("./ComparisonTable.css.js"),t=require("../../utils/convert.js"),l=require("../../utils/StageDesignVActualUtils.js"),n=require("../../constants/completion.js"),c=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=m(e),d=m(a),p=function(e){var a=e.rowKey,s=e.label,m=void 0===s?"":s,p=e.elemKey,h=void 0===p?"":p,g=e.unitType,j=void 0===g?"":g,C=e.elemMax,f=void 0===C?null:C,x=e.summaries,y=void 0===x?v:x,N=e.showBar,T=void 0===N||N,q=e.viewMode,b=void 0===q?null:q,w=r.useTheme(),S=y.designSummary,A=y.actualSummary,V=y.predictionSummary,F=S&&S[a],M=A&&A[a],D=V&&V[a],I=j?t.getUnitDisplay(j):"",_=l.getElemActualColor(a,h);(h&&(F=F&&F[h]&&F[h].amount,M=M&&M[h]&&M[h].amount),"volumeChemicals"===a||"massChemicals"===a)&&(D=V[(n.CHEMICALS_TYPES.find((function(e){return e.name===h}))||{}).key||null]);"flush_volume"===a&&(F=V?V.flush_volume_design:0);var B=D?(D-M)/D*100:"-",K="calc"===b?l.getDifference(F,D):l.getDifference(F,M);return c.jsxs("div",{className:d.default(o.comparisonRow,u.default({},o.comparisonRowLightTheme,w.isLightTheme)),children:[c.jsxs("div",{className:o.comparisonNameCol,children:[m," ",I?"(".concat(I,")"):""]}),c.jsxs("div",{className:o.comparisonDesignCol,children:[l.getFormattedValue(F),c.jsx("div",{className:o.comparisonSortIcon})]}),c.jsxs("div",{"data-testid":"".concat("comparisonRow","_strapsColumn"),className:o.comparisonActualCol,children:[l.getFormattedValue(M),c.jsx("div",{className:o.comparisonSortIcon})]}),c.jsxs("div",{className:o.comparisonActualCol,children:[l.getFormattedValue(D),c.jsx("div",{className:o.comparisonSortIcon})]}),c.jsx("div",{className:o.comparisonActualCol,children:l.getFormattedValue(B)}),c.jsx("div",{className:d.default(o.comparisonActualCol,u.default({},o.comparisonGreaterThanTenPercent,l.getIsGreaterThanTenPercent(K))),children:K}),T&&c.jsx("div",{className:o.comparisonChartCol,children:(Number.isFinite(M)||Number.isFinite(F))&&c.jsx(i,{designVal:F,actualVal:M,designColor:"#eee",actualColor:_,elemMax:f})})]},"".concat(a).concat(h))};p.propTypes={rowKey:s.string.isRequired,label:s.string,elemKey:s.string,unitType:s.string,elemMax:s.number,summaries:s.shape,showBar:s.bool,viewMode:s.string};var v={};module.exports=p;
 //# sourceMappingURL=ComparisonRow.js.map

package/cjs-bundle/components/StageDesignVActual/ComparisonRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonRow.js","sources":["../../../../src/components/StageDesignVActual/ComparisonRow.js"],"sourcesContent":["import classNames from 'classnames';\nimport { shape, number, bool, string } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\n\nimport ComparisonBar from './ComparisonBar';\n\nimport styles from './ComparisonTable.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport {\n  getElemActualColor,\n  getDifference,\n  getFormattedValue,\n  getIsGreaterThanTenPercent,\n} from '~/utils/StageDesignVActualUtils';\nimport { CHEMICALS_TYPES } from '~/constants/completion';\n\nconst PAGE_NAME = 'comparisonRow';\n\nconst ComparisonRow = ({\n  rowKey,\n  label,\n  elemKey,\n  unitType,\n  elemMax,\n  summaries,\n  showBar,\n  viewMode,\n}) => {\n  const theme = useTheme();\n  const { designSummary, actualSummary, predictionSummary } = summaries;\n\n  let designVal = designSummary && designSummary[rowKey];\n  let actualVal = actualSummary && actualSummary[rowKey];\n  let actualRTVal = predictionSummary && predictionSummary[rowKey];\n  const unitDisplay = unitType ? getUnitDisplay(unitType) : '';\n  const actualColor = getElemActualColor(rowKey, elemKey);\n\n  if (elemKey) {\n    designVal = designVal && designVal[elemKey] && designVal[elemKey].amount;\n    actualVal = actualVal && actualVal[elemKey] && actualVal[elemKey].amount;\n  }\n\n  if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {\n    const chemicalElement = CHEMICALS_TYPES.find(type => type.name === elemKey) || {};\n    const elemKeyByName = chemicalElement.key || null;\n    actualRTVal = predictionSummary[elemKeyByName];\n  }\n\n  if (rowKey === 'flush_volume') {\n    designVal = predictionSummary ? predictionSummary.flush_volume_design : 0;\n  }\n\n  const varience = actualRTVal ? ((actualRTVal - actualVal) / actualRTVal) * 100 : '-';\n\n  const difference =\n    viewMode === 'calc'\n      ? getDifference(designVal, actualRTVal)\n      : getDifference(designVal, actualVal);\n\n  return (\n    <div\n      key={`${rowKey}${elemKey}`}\n      className={classNames(styles.comparisonRow, {\n        [styles.comparisonRowLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div className={styles.comparisonNameCol}>\n        {label} {unitDisplay ? `(${unitDisplay})` : ''}\n      </div>\n      <div className={styles.comparisonDesignCol}>\n        {getFormattedValue(designVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div data-testid={`${PAGE_NAME}_strapsColumn`} className={styles.comparisonActualCol}>\n        {getFormattedValue(actualVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>\n        {getFormattedValue(actualRTVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>{getFormattedValue(varience)}</div>\n      <div\n        className={classNames(styles.comparisonActualCol, {\n          [styles.comparisonGreaterThanTenPercent]: getIsGreaterThanTenPercent(difference),\n        })}\n      >\n        {difference}\n      </div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>\n          {(Number.isFinite(actualVal) || Number.isFinite(designVal)) && (\n            <ComparisonBar\n              designVal={designVal}\n              actualVal={actualVal}\n              designColor=\"#eee\"\n              actualColor={actualColor}\n              elemMax={elemMax}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nComparisonRow.propTypes = {\n  rowKey: string.isRequired,\n  label: string,\n  elemKey: string,\n  unitType: string,\n  elemMax: number,\n  summaries: shape,\n  showBar: bool,\n  viewMode: string,\n};\n\nComparisonRow.defaultProps = {\n  label: '',\n  elemKey: '',\n  unitType: '',\n  elemMax: null,\n  summaries: {},\n  showBar: true,\n  viewMode: null,\n};\n\nexport default ComparisonRow;\n"],"names":["ComparisonRow","_ref","rowKey","label","elemKey","unitType","elemMax","summaries","showBar","viewMode","theme","useTheme","designSummary","actualSummary","predictionSummary","designVal","actualVal","actualRTVal","unitDisplay","getUnitDisplay","actualColor","getElemActualColor","amount","CHEMICALS_TYPES","find","type","name","key","flush_volume_design","varience","difference","getDifference","_jsxs","className","classNames","styles","comparisonRow","_defineProperty","comparisonRowLightTheme","isLightTheme","children","jsxs","comparisonNameCol","comparisonDesignCol","getFormattedValue","_jsx","comparisonSortIcon","concat","comparisonActualCol","jsx","comparisonGreaterThanTenPercent","getIsGreaterThanTenPercent","comparisonChartCol","Number","isFinite","ComparisonBar","designColor","propTypes","string","isRequired","number","shape","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"ComparisonRow.js","sources":["../../../../src/components/StageDesignVActual/ComparisonRow.js"],"sourcesContent":["import classNames from 'classnames';\nimport { shape, number, bool, string } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\n\nimport ComparisonBar from './ComparisonBar';\n\nimport styles from './ComparisonTable.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport {\n  getElemActualColor,\n  getDifference,\n  getFormattedValue,\n  getIsGreaterThanTenPercent,\n} from '~/utils/StageDesignVActualUtils';\nimport { CHEMICALS_TYPES } from '~/constants/completion';\n\nconst PAGE_NAME = 'comparisonRow';\n\nconst ComparisonRow = ({\n  rowKey,\n  label = '',\n  elemKey = '',\n  unitType = '',\n  elemMax = null,\n  summaries = DEFAULT_COMPARISON_ROW_SUMMARIES,\n  showBar = true,\n  viewMode = null,\n}) => {\n  const theme = useTheme();\n  const { designSummary, actualSummary, predictionSummary } = summaries;\n\n  let designVal = designSummary && designSummary[rowKey];\n  let actualVal = actualSummary && actualSummary[rowKey];\n  let actualRTVal = predictionSummary && predictionSummary[rowKey];\n  const unitDisplay = unitType ? getUnitDisplay(unitType) : '';\n  const actualColor = getElemActualColor(rowKey, elemKey);\n\n  if (elemKey) {\n    designVal = designVal && designVal[elemKey] && designVal[elemKey].amount;\n    actualVal = actualVal && actualVal[elemKey] && actualVal[elemKey].amount;\n  }\n\n  if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {\n    const chemicalElement = CHEMICALS_TYPES.find(type => type.name === elemKey) || {};\n    const elemKeyByName = chemicalElement.key || null;\n    actualRTVal = predictionSummary[elemKeyByName];\n  }\n\n  if (rowKey === 'flush_volume') {\n    designVal = predictionSummary ? predictionSummary.flush_volume_design : 0;\n  }\n\n  const varience = actualRTVal ? ((actualRTVal - actualVal) / actualRTVal) * 100 : '-';\n\n  const difference =\n    viewMode === 'calc'\n      ? getDifference(designVal, actualRTVal)\n      : getDifference(designVal, actualVal);\n\n  return (\n    <div\n      key={`${rowKey}${elemKey}`}\n      className={classNames(styles.comparisonRow, {\n        [styles.comparisonRowLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div className={styles.comparisonNameCol}>\n        {label} {unitDisplay ? `(${unitDisplay})` : ''}\n      </div>\n      <div className={styles.comparisonDesignCol}>\n        {getFormattedValue(designVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div data-testid={`${PAGE_NAME}_strapsColumn`} className={styles.comparisonActualCol}>\n        {getFormattedValue(actualVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>\n        {getFormattedValue(actualRTVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>{getFormattedValue(varience)}</div>\n      <div\n        className={classNames(styles.comparisonActualCol, {\n          [styles.comparisonGreaterThanTenPercent]: getIsGreaterThanTenPercent(difference),\n        })}\n      >\n        {difference}\n      </div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>\n          {(Number.isFinite(actualVal) || Number.isFinite(designVal)) && (\n            <ComparisonBar\n              designVal={designVal}\n              actualVal={actualVal}\n              designColor=\"#eee\"\n              actualColor={actualColor}\n              elemMax={elemMax}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nComparisonRow.propTypes = {\n  rowKey: string.isRequired,\n  label: string,\n  elemKey: string,\n  unitType: string,\n  elemMax: number,\n  summaries: shape,\n  showBar: bool,\n  viewMode: string,\n};\n\nconst DEFAULT_COMPARISON_ROW_SUMMARIES = {};\n\nexport default ComparisonRow;\n"],"names":["ComparisonRow","_ref","rowKey","_ref$label","label","_ref$elemKey","elemKey","_ref$unitType","unitType","_ref$elemMax","elemMax","_ref$summaries","summaries","DEFAULT_COMPARISON_ROW_SUMMARIES","_ref$showBar","showBar","_ref$viewMode","viewMode","theme","useTheme","designSummary","actualSummary","predictionSummary","designVal","actualVal","actualRTVal","unitDisplay","getUnitDisplay","actualColor","getElemActualColor","amount","CHEMICALS_TYPES","find","type","name","key","flush_volume_design","varience","difference","getDifference","_jsxs","className","classNames","styles","comparisonRow","_defineProperty","comparisonRowLightTheme","isLightTheme","children","jsxs","comparisonNameCol","comparisonDesignCol","getFormattedValue","_jsx","comparisonSortIcon","concat","comparisonActualCol","jsx","comparisonGreaterThanTenPercent","getIsGreaterThanTenPercent","comparisonChartCol","Number","isFinite","ComparisonBar","designColor","propTypes","string","isRequired","number","shape","bool"],"mappings":"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"}

package/cjs-bundle/components/StageDesignVActual/ElementsComparison/ElementsComparison.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("lodash"),s=require("prop-types"),o=require("../ComparisonRow.js"),t=require("./utils.js"),u=require("react/jsx-runtime"),i=function(s){var i=s.rowKey,m=s.summaries,n=s.sort,a=s.order,l=s.showBar,y=s.viewMode,d=m.designSummary,p=m.actualSummary,w=m.predictionSummary,c=d&&d[i]||{},g=p&&p[i]||{},v=e.useMemo((function(){return t.getElementInfo({designElements:c,actualElements:g,rowKey:i,predictionSummary:w})}),[c,g,i,w]),M=v.elemMax,h=v.elemAmount,q=n?r.sortBy(h,n):h;return(q=a&&"desc"===a?r.reverse(q):q).map((function(e){return u.jsx(o,{rowKey:i,label:e.key,elemKey:e.key,elemMax:M,summaries:m,showBar:l,viewMode:y,unitType:e.unitType},e.key)}))};i.propTypes={rowKey:s.string,sort:s.string,order:s.string,summaries:s.shape,showBar:s.bool,viewMode:s.string},i.defaultProps={rowKey:"",sort:null,order:null,summaries:{},showBar:!0,viewMode:null},module.exports=i;
+"use strict";var e=require("react"),r=require("lodash"),o=require("prop-types"),i=require("../ComparisonRow.js"),s=require("./utils.js"),t=require("react/jsx-runtime"),u=function(o){var u=o.rowKey,m=void 0===u?"":u,a=o.summaries,l=void 0===a?n:a,d=o.sort,y=void 0===d?null:d,p=o.order,v=void 0===p?null:p,c=o.showBar,w=void 0===c||c,g=o.viewMode,q=void 0===g?null:g,M=l.designSummary,h=l.actualSummary,x=l.predictionSummary,K=M&&M[m]||{},f=h&&h[m]||{},j=e.useMemo((function(){return s.getElementInfo({designElements:K,actualElements:f,rowKey:m,predictionSummary:x})}),[K,f,m,x]),B=j.elemMax,S=j.elemAmount,k=y?r.sortBy(S,y):S;return(k=v&&"desc"===v?r.reverse(k):k).map((function(e){return t.jsx(i,{rowKey:m,label:e.key,elemKey:e.key,elemMax:B,summaries:l,showBar:w,viewMode:q,unitType:e.unitType},e.key)}))};u.propTypes={rowKey:o.string,sort:o.string,order:o.string,summaries:o.shape,showBar:o.bool,viewMode:o.string};var n={};module.exports=u;
 //# sourceMappingURL=ElementsComparison.js.map

package/cjs-bundle/components/StageDesignVActual/ElementsComparison/ElementsComparison.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementsComparison.js","sources":["../../../../../src/components/StageDesignVActual/ElementsComparison/ElementsComparison.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { sortBy, reverse } from 'lodash';\nimport { string, shape, bool } from 'prop-types';\n\nimport ComparisonRow from '../ComparisonRow';\n\nimport { getElementInfo } from './utils';\n\nconst ElementsComparison = ({ rowKey, summaries, sort, order, showBar, viewMode }) => {\n  const { designSummary, actualSummary, predictionSummary } = summaries;\n\n  const designElements = (designSummary && designSummary[rowKey]) || {};\n  const actualElements = (actualSummary && actualSummary[rowKey]) || {};\n\n  const { elemMax, elemAmount } = useMemo(\n    () =>\n      getElementInfo({\n        designElements,\n        actualElements,\n        rowKey,\n        predictionSummary,\n      }),\n    [designElements, actualElements, rowKey, predictionSummary]\n  );\n\n  let sortedElem = sort ? sortBy(elemAmount, sort) : elemAmount;\n  sortedElem = order && order === 'desc' ? reverse(sortedElem) : sortedElem;\n\n  return sortedElem.map(elem => (\n    <ComparisonRow\n      key={elem.key}\n      rowKey={rowKey}\n      label={elem.key}\n      elemKey={elem.key}\n      elemMax={elemMax}\n      summaries={summaries}\n      showBar={showBar}\n      viewMode={viewMode}\n      unitType={elem.unitType}\n    />\n  ));\n};\n\nElementsComparison.propTypes = {\n  rowKey: string,\n  sort: string,\n  order: string,\n  summaries: shape,\n  showBar: bool,\n  viewMode: string,\n};\n\nElementsComparison.defaultProps = {\n  rowKey: '',\n  sort: null,\n  order: null,\n  summaries: {},\n  showBar: true,\n  viewMode: null,\n};\n\nexport default ElementsComparison;\n"],"names":["ElementsComparison","_ref","rowKey","summaries","sort","order","showBar","viewMode","designSummary","actualSummary","predictionSummary","designElements","actualElements","_useMemo","useMemo","getElementInfo","elemMax","elemAmount","sortedElem","sortBy","reverse","map","elem","_jsx","ComparisonRow","label","key","elemKey","unitType","propTypes","string","shape","bool","defaultProps"],"mappings":"wKAQMA,EAAqB,SAA2DC,GAAA,IAAxDC,IAAAA,OAAQC,IAAAA,UAAWC,IAAAA,KAAMC,IAAAA,MAAOC,IAAAA,QAASC,IAAAA,SAC7DC,EAAoDL,EAApDK,cAAeC,EAAqCN,EAArCM,cAAeC,EAAsBP,EAAtBO,kBAEhCC,EAAkBH,GAAiBA,EAAcN,IAAY,CAAA,EAC7DU,EAAkBH,GAAiBA,EAAcP,IAAY,CAAA,EAEnEW,EAAgCC,EAAAA,SAC9B,WAAA,OACEC,iBAAe,CACbJ,eAAAA,EACAC,eAAAA,EACAV,OAAAA,EACAQ,kBAAAA,GAEJ,GAAA,CAACC,EAAgBC,EAAgBV,EAAQQ,IARnCM,IAAAA,QAASC,IAAAA,WAWbC,EAAad,EAAOe,EAAAA,OAAOF,EAAYb,GAAQa,EAGnD,OAFAC,EAAab,GAAmB,SAAVA,EAAmBe,EAAAA,QAAQF,GAAcA,GAE7CG,KAAI,SAAAC,GAAI,OACxBC,EAAAA,IAACC,EAAa,CAEZtB,OAAQA,EACRuB,MAAOH,EAAKI,IACZC,QAASL,EAAKI,IACdV,QAASA,EACTb,UAAWA,EACXG,QAASA,EACTC,SAAUA,EACVqB,SAAUN,EAAKM,UARVN,EAAKI,IASV,GAEN,EAEA1B,EAAmB6B,UAAY,CAC7B3B,OAAQ4B,EAAMA,OACd1B,KAAM0B,EAAMA,OACZzB,MAAOyB,EAAMA,OACb3B,UAAW4B,EAAKA,MAChBzB,QAAS0B,EAAIA,KACbzB,SAAUuB,EAAAA,QAGZ9B,EAAmBiC,aAAe,CAChC/B,OAAQ,GACRE,KAAM,KACNC,MAAO,KACPF,UAAW,CAAE,EACbG,SAAS,EACTC,SAAU"}
+{"version":3,"file":"ElementsComparison.js","sources":["../../../../../src/components/StageDesignVActual/ElementsComparison/ElementsComparison.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { sortBy, reverse } from 'lodash';\nimport { string, shape, bool } from 'prop-types';\n\nimport ComparisonRow from '../ComparisonRow';\n\nimport { getElementInfo } from './utils';\n\nconst ElementsComparison = ({\n  rowKey = '',\n  summaries = DEFAULT_ELEMENTS_COMPARISON_SUMMARIES,\n  sort = null,\n  order = null,\n  showBar = true,\n  viewMode = null,\n}) => {\n  const { designSummary, actualSummary, predictionSummary } = summaries;\n\n  const designElements = (designSummary && designSummary[rowKey]) || {};\n  const actualElements = (actualSummary && actualSummary[rowKey]) || {};\n\n  const { elemMax, elemAmount } = useMemo(\n    () =>\n      getElementInfo({\n        designElements,\n        actualElements,\n        rowKey,\n        predictionSummary,\n      }),\n    [designElements, actualElements, rowKey, predictionSummary]\n  );\n\n  let sortedElem = sort ? sortBy(elemAmount, sort) : elemAmount;\n  sortedElem = order && order === 'desc' ? reverse(sortedElem) : sortedElem;\n\n  return sortedElem.map(elem => (\n    <ComparisonRow\n      key={elem.key}\n      rowKey={rowKey}\n      label={elem.key}\n      elemKey={elem.key}\n      elemMax={elemMax}\n      summaries={summaries}\n      showBar={showBar}\n      viewMode={viewMode}\n      unitType={elem.unitType}\n    />\n  ));\n};\n\nElementsComparison.propTypes = {\n  rowKey: string,\n  sort: string,\n  order: string,\n  summaries: shape,\n  showBar: bool,\n  viewMode: string,\n};\n\nconst DEFAULT_ELEMENTS_COMPARISON_SUMMARIES = {};\n\nexport default ElementsComparison;\n"],"names":["ElementsComparison","_ref","_ref$rowKey","rowKey","_ref$summaries","summaries","DEFAULT_ELEMENTS_COMPARISON_SUMMARIES","_ref$sort","sort","_ref$order","order","_ref$showBar","showBar","_ref$viewMode","viewMode","designSummary","actualSummary","predictionSummary","designElements","actualElements","_useMemo","useMemo","getElementInfo","elemMax","elemAmount","sortedElem","sortBy","reverse","map","elem","_jsx","ComparisonRow","label","key","elemKey","unitType","propTypes","string","shape","bool"],"mappings":"wKAQMA,EAAqB,SAOrBC,GAAA,IAAAC,EAAAD,EANJE,OAAAA,aAAS,GAAED,EAAAE,EAAAH,EACXI,UAAAA,aAAYC,EAAqCF,EAAAG,EAAAN,EACjDO,KAAAA,aAAO,KAAID,EAAAE,EAAAR,EACXS,MAAAA,aAAQ,KAAID,EAAAE,EAAAV,EACZW,QAAAA,cAAcD,EAAAE,EAAAZ,EACda,SAAAA,aAAW,KAAID,EAEPE,EAAoDV,EAApDU,cAAeC,EAAqCX,EAArCW,cAAeC,EAAsBZ,EAAtBY,kBAEhCC,EAAkBH,GAAiBA,EAAcZ,IAAY,CAAA,EAC7DgB,EAAkBH,GAAiBA,EAAcb,IAAY,CAAA,EAEnEiB,EAAgCC,EAAAA,SAC9B,WAAA,OACEC,iBAAe,CACbJ,eAAAA,EACAC,eAAAA,EACAhB,OAAAA,EACAc,kBAAAA,GAEJ,GAAA,CAACC,EAAgBC,EAAgBhB,EAAQc,IARnCM,IAAAA,QAASC,IAAAA,WAWbC,EAAajB,EAAOkB,EAAAA,OAAOF,EAAYhB,GAAQgB,EAGnD,OAFAC,EAAaf,GAAmB,SAAVA,EAAmBiB,EAAAA,QAAQF,GAAcA,GAE7CG,KAAI,SAAAC,GAAI,OACxBC,EAAAA,IAACC,EAAa,CAEZ5B,OAAQA,EACR6B,MAAOH,EAAKI,IACZC,QAASL,EAAKI,IACdV,QAASA,EACTlB,UAAWA,EACXO,QAASA,EACTE,SAAUA,EACVqB,SAAUN,EAAKM,UARVN,EAAKI,IASV,GAEN,EAEAjC,EAAmBoC,UAAY,CAC7BjC,OAAQkC,EAAMA,OACd7B,KAAM6B,EAAMA,OACZ3B,MAAO2B,EAAMA,OACbhC,UAAWiC,EAAKA,MAChB1B,QAAS2B,EAAIA,KACbzB,SAAUuB,EAAAA,QAGZ,IAAM/B,EAAwC,CAAE"}

package/cjs-bundle/components/SwitchControl/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),a=require("classnames"),l=require("@material-ui/core"),i=require("./style.css.js"),o=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e),n=s(t),d=s(a),b=["root","track","switchBase"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var h=l.makeStyles((function(e){return{root:{width:60,height:40,padding:13,"&.MuiSwitch-sizeSmall":{width:52,height:36,padding:13},"& .MuiSwitch-switchBase":{padding:10}},switchBase:{padding:10,color:"#03BCD4","&.MuiIconButton-root:hover":{backgroundColor:"rgba(3, 188, 212, 0.08)"}},switchBaseDisabled:{color:"#196069 !important"},track:{backgroundColor:"#196069 !important",opacity:"1 !important",border:"none"},trackDisabled:{backgroundColor:"#223D40 !important",opacity:"1 !important",border:"none"},switchBaseDisabledNoLabels:{color:"#545454 !important"},trackDisabledNoLabels:{backgroundColor:"#3D3D3D !important",opacity:"1 !important",border:"none"},label:{display:"flex",justifyContent:"center",flexDirection:"column",fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text7,margin:"8px 0px",cursor:"pointer"},labelSmall:{fontSize:"14px",lineHeight:"20px"},disabledLabel:{cursor:"default",color:"#808080"},activeLabel:{color:e.palette.primary.text1}}})),f=r.forwardRef((function(e,t){var r,a,s=e.title,p=e.leftLabel,f=e.rightLabel,m=e.checked,g=e.onChange,y=e.disabled,j=e.size,w=e.className,x=e.rightLabelTooltip,D=e.leftLabelTooltip,L=e.customClasses,O=e["data-testid"],k=h(),v=p&&f,C=L||{},S=C.root,B=C.track,P=C.switchBase,N=n.default(C,b);return o.jsxs("div",{className:w,children:[s&&o.jsx("div",{className:i.switchControlTitle,children:s}),o.jsxs(l.Grid,{component:"label",container:!0,alignItems:"center",spacing:0,children:[p&&o.jsx(l.Grid,{item:!0,children:o.jsx(l.Tooltip,{title:null!=D?D:"",children:o.jsx(l.Typography,{variant:"body2",className:d.default(k.label,"small"===j&&k.labelSmall,(!m||!f)&&!y&&k.activeLabel,y&&k.disabledLabel),children:p})})}),o.jsx(l.Grid,{item:!0,children:o.jsx(l.Switch,{"data-testid":"".concat(O,"_switch_").concat(m),ref:t,checked:m,onChange:g,color:"primary",disabled:y,classes:u({root:d.default(k.root,S),switchBase:d.default((r={},c.default(r,k.switchBase,v||m&&!y),c.default(r,k.switchBaseDisabled,y&&(v||m)),c.default(r,k.switchBaseDisabledNoLabels,!v&&y&&!m),r),P),track:d.default((a={},c.default(a,k.track,v||m&&!y),c.default(a,k.trackDisabled,y&&(v||m)),c.default(a,k.trackDisabledNoLabels,!v&&y&&!m),a),B)},N),size:j})}),f&&o.jsx(l.Grid,{item:!0,children:o.jsx(l.Tooltip,{title:null!=x?x:"",children:o.jsx(l.Typography,{variant:"body2",className:d.default(k.label,"small"===j&&k.labelSmall,(m||!p)&&!y&&k.activeLabel,y&&k.disabledLabel),children:f})})})]})]})}));f.defaultProps={title:"",leftLabel:"",rightLabel:"",disabled:!1,size:"medium",className:"",customClasses:{},rightLabelTooltip:"",leftLabelTooltip:"","data-testid":"SwitchControlComponent"},exports.SwitchControlComponent=f,exports.default=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),a=require("classnames"),i=require("@material-ui/core"),o=require("./style.css.js"),l=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),n=c(t),d=c(a),b=["root","track","switchBase"];function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){s.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var h=i.makeStyles((function(e){return{root:{width:60,height:40,padding:13,"&.MuiSwitch-sizeSmall":{width:52,height:36,padding:13},"& .MuiSwitch-switchBase":{padding:10}},switchBase:{padding:10,color:"#03BCD4","&.MuiIconButton-root:hover":{backgroundColor:"rgba(3, 188, 212, 0.08)"}},switchBaseDisabled:{color:"#196069 !important"},track:{backgroundColor:"#196069 !important",opacity:"1 !important",border:"none"},trackDisabled:{backgroundColor:"#223D40 !important",opacity:"1 !important",border:"none"},switchBaseDisabledNoLabels:{color:"#545454 !important"},trackDisabledNoLabels:{backgroundColor:"#3D3D3D !important",opacity:"1 !important",border:"none"},label:{display:"flex",justifyContent:"center",flexDirection:"column",fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text7,margin:"8px 0px",cursor:"pointer"},labelSmall:{fontSize:"14px",lineHeight:"20px"},disabledLabel:{cursor:"default",color:"#808080"},activeLabel:{color:e.palette.primary.text1}}})),f=r.forwardRef((function(e,t){var r,a,c=e.title,u=void 0===c?"":c,f=e.leftLabel,y=void 0===f?"":f,g=e.rightLabel,j=void 0===g?"":g,v=e.checked,w=e.onChange,x=e.disabled,D=void 0!==x&&x,O=e.size,k=void 0===O?"medium":O,C=e.className,L=void 0===C?"":C,S=e.rightLabelTooltip,B=void 0===S?"":S,P=e.leftLabelTooltip,N=void 0===P?"":P,q=e.customClasses,T=void 0===q?m:q,z=e["data-testid"],G=void 0===z?"SwitchControlComponent":z,M=h(),_=y&&j,E=T||{},H=E.root,I=E.track,R=E.switchBase,W=n.default(E,b);return l.jsxs("div",{className:L,children:[u&&l.jsx("div",{className:o.switchControlTitle,children:u}),l.jsxs(i.Grid,{component:"label",container:!0,alignItems:"center",spacing:0,children:[y&&l.jsx(i.Grid,{item:!0,children:l.jsx(i.Tooltip,{title:null!=N?N:"",children:l.jsx(i.Typography,{variant:"body2",className:d.default(M.label,"small"===k&&M.labelSmall,(!v||!j)&&!D&&M.activeLabel,D&&M.disabledLabel),children:y})})}),l.jsx(i.Grid,{item:!0,children:l.jsx(i.Switch,{"data-testid":"".concat(G,"_switch_").concat(v),ref:t,checked:v,onChange:w,color:"primary",disabled:D,classes:p({root:d.default(M.root,H),switchBase:d.default((r={},s.default(r,M.switchBase,_||v&&!D),s.default(r,M.switchBaseDisabled,D&&(_||v)),s.default(r,M.switchBaseDisabledNoLabels,!_&&D&&!v),r),R),track:d.default((a={},s.default(a,M.track,_||v&&!D),s.default(a,M.trackDisabled,D&&(_||v)),s.default(a,M.trackDisabledNoLabels,!_&&D&&!v),a),I)},W),size:k})}),j&&l.jsx(i.Grid,{item:!0,children:l.jsx(i.Tooltip,{title:null!=B?B:"",children:l.jsx(i.Typography,{variant:"body2",className:d.default(M.label,"small"===k&&M.labelSmall,(v||!y)&&!D&&M.activeLabel,D&&M.disabledLabel),children:j})})})]})]})})),m={};exports.SwitchControlComponent=f,exports.default=f;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/SwitchControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SwitchControl/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Grid, Switch, Typography, Tooltip, Theme, makeStyles } from '@material-ui/core';\n\nimport { SwitchControlTypes } from './types';\n\nimport styles from './style.css';\n\nconst useStyles = makeStyles<Theme>(theme => ({\n  root: {\n    width: 60,\n    height: 40,\n    padding: 13,\n    '&.MuiSwitch-sizeSmall': { width: 52, height: 36, padding: 13 },\n    '& .MuiSwitch-switchBase': { padding: 10 },\n  },\n  switchBase: {\n    padding: 10,\n    color: '#03BCD4',\n    '&.MuiIconButton-root:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.08)',\n    },\n  },\n  switchBaseDisabled: {\n    color: '#196069 !important',\n  },\n  track: {\n    backgroundColor: '#196069 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  trackDisabled: {\n    backgroundColor: '#223D40 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  switchBaseDisabledNoLabels: {\n    color: '#545454 !important',\n  },\n  trackDisabledNoLabels: {\n    backgroundColor: '#3D3D3D !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text7,\n    margin: '8px 0px',\n    cursor: 'pointer',\n  },\n  labelSmall: {\n    fontSize: '14px',\n    lineHeight: '20px',\n  },\n  disabledLabel: {\n    cursor: 'default',\n    color: '#808080',\n  },\n  activeLabel: {\n    color: theme.palette.primary.text1,\n  },\n}));\n\nexport const SwitchControlComponent = forwardRef<HTMLButtonElement, SwitchControlTypes>(\n  (\n    {\n      title,\n      leftLabel,\n      rightLabel,\n      checked,\n      onChange,\n      disabled,\n      size,\n      className,\n      rightLabelTooltip,\n      leftLabelTooltip,\n      customClasses,\n      'data-testid': dataTestId,\n    },\n    ref\n  ) => {\n    const classes = useStyles();\n    const isSwitchWithLabels = leftLabel && rightLabel;\n    const { root, track, switchBase, ...restSwitchClasses } = customClasses || {};\n\n    return (\n      <div className={className}>\n        {title && <div className={styles.switchControlTitle}>{title}</div>}\n        <Grid component=\"label\" container alignItems=\"center\" spacing={0}>\n          {leftLabel && (\n            <Grid item>\n              <Tooltip title={leftLabelTooltip ?? ''}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (!checked || !rightLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {leftLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n          <Grid item>\n            <Switch\n              data-testid={`${dataTestId}_switch_${checked}`}\n              ref={ref}\n              checked={checked}\n              onChange={onChange}\n              color=\"primary\"\n              disabled={disabled}\n              classes={{\n                root: classNames(classes.root, root),\n                switchBase: classNames(\n                  {\n                    [classes.switchBase]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.switchBaseDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.switchBaseDisabledNoLabels]:\n                      !isSwitchWithLabels && disabled && !checked,\n                  },\n                  switchBase\n                ),\n                track: classNames(\n                  {\n                    [classes.track]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.trackDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.trackDisabledNoLabels]: !isSwitchWithLabels && disabled && !checked,\n                  },\n                  track\n                ),\n                ...restSwitchClasses,\n              }}\n              size={size}\n            />\n          </Grid>\n          {rightLabel && (\n            <Grid item>\n              <Tooltip title={rightLabelTooltip ?? ''}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (checked || !leftLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {rightLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n        </Grid>\n      </div>\n    );\n  }\n);\n\nSwitchControlComponent.defaultProps = {\n  title: '',\n  leftLabel: '',\n  rightLabel: '',\n  disabled: false,\n  size: 'medium',\n  className: '',\n  customClasses: {},\n  rightLabelTooltip: '',\n  leftLabelTooltip: '',\n  'data-testid': 'SwitchControlComponent',\n};\n\n//@ts-ignore\nexport default SwitchControlComponent;\n"],"names":["useStyles","makeStyles","theme","root","width","height","padding","switchBase","color","backgroundColor","switchBaseDisabled","track","opacity","border","trackDisabled","switchBaseDisabledNoLabels","trackDisabledNoLabels","label","display","justifyContent","flexDirection","fontSize","lineHeight","palette","primary","text7","margin","cursor","labelSmall","disabledLabel","activeLabel","text1","SwitchControlComponent","forwardRef","_ref","ref","_classNames","_classNames2","title","leftLabel","rightLabel","checked","onChange","disabled","size","className","rightLabelTooltip","leftLabelTooltip","customClasses","dataTestId","classes","isSwitchWithLabels","restSwitchClasses","_objectWithoutProperties","_ref2","_excluded","_jsxs","children","_jsx","jsx","styles","switchControlTitle","Grid","component","container","alignItems","spacing","item","Tooltip","Typography","variant","classNames","Switch","_objectSpread","_defineProperty","defaultProps"],"mappings":"ogCASA,IAAMA,EAAYC,EAAAA,YAAkB,SAAAC,GAAK,MAAK,CAC5CC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,QAAS,GACT,wBAAyB,CAAEF,MAAO,GAAIC,OAAQ,GAAIC,QAAS,IAC3D,0BAA2B,CAAEA,QAAS,KAExCC,WAAY,CACVD,QAAS,GACTE,MAAO,UACP,6BAA8B,CAC5BC,gBAAiB,4BAGrBC,mBAAoB,CAClBF,MAAO,sBAETG,MAAO,CACLF,gBAAiB,qBACjBG,QAAS,eACTC,OAAQ,QAEVC,cAAe,CACbL,gBAAiB,qBACjBG,QAAS,eACTC,OAAQ,QAEVE,2BAA4B,CAC1BP,MAAO,sBAETQ,sBAAuB,CACrBP,gBAAiB,qBACjBG,QAAS,eACTC,OAAQ,QAEVI,MAAO,CACLC,QAAS,OACTC,eAAgB,SAChBC,cAAe,SACfC,SAAU,OACVC,WAAY,OACZd,MAAON,EAAMqB,QAAQC,QAAQC,MAC7BC,OAAQ,UACRC,OAAQ,WAEVC,WAAY,CACVP,SAAU,OACVC,WAAY,QAEdO,cAAe,CACbF,OAAQ,UACRnB,MAAO,WAETsB,YAAa,CACXtB,MAAON,EAAMqB,QAAQC,QAAQO,OAEhC,IAEYC,EAAyBC,EAAUA,YAC9C,SAAAC,EAeEC,GACG,IAAAC,EAAAC,EAdDC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,WACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,kBACAC,IAAAA,iBACAC,IAAAA,cACeC,IAAf,eAIIC,EAAUlD,IACVmD,EAAqBZ,GAAaC,EACkBQ,EAAAA,GAAiB,CAAE,EAArE7C,IAAAA,KAAMQ,IAAAA,MAAOJ,IAAAA,WAAe6C,EAAiBC,EAAA,QAAAC,EAAAC,GAErD,OACEC,EAAAA,KAAA,MAAA,CAAKX,UAAWA,EAAUY,SAAA,CACvBnB,GAASoB,EAAAC,IAAA,MAAA,CAAKd,UAAWe,EAAOC,mBAAmBJ,SAAEnB,IACtDkB,OAACM,OAAI,CAACC,UAAU,QAAQC,WAAS,EAACC,WAAW,SAASC,QAAS,EAAET,SAC9DlB,CAAAA,GACCmB,EAAAC,IAACG,OAAI,CAACK,MAAI,EAAAV,SACRC,MAACU,UAAO,CAAC9B,MAAOS,QAAAA,EAAoB,GAAGU,SACrCC,MAACW,aAAU,CACTC,QAAQ,QACRzB,UAAW0B,EAAU,QACnBrB,EAAQjC,MACC,UAAT2B,GAAoBM,EAAQtB,aAC1Ba,IAAYD,KAAgBG,GAAYO,EAAQpB,YAClDa,GAAYO,EAAQrB,eACpB4B,SAEDlB,QAKTmB,MAACI,OAAI,CAACK,MAAI,EAAAV,SACRC,MAACc,SAAM,CACL,cAAgBvB,GAAAA,OAAAA,EAAqBR,YAAAA,OAAAA,GACrCN,IAAKA,EACLM,QAASA,EACTC,SAAUA,EACVlC,MAAM,UACNmC,SAAUA,EACVO,QAAOuB,EAAA,CACLtE,KAAMoE,EAAU,QAACrB,EAAQ/C,KAAMA,GAC/BI,WAAYgE,EAAU,SAAAnC,EAAA,CAAA,EAAAsC,EAAA,QAAAtC,EAEjBc,EAAQ3C,WAAa4C,GAAuBV,IAAYE,eACxDO,EAAQxC,mBAAqBiC,IAAaQ,GAAsBV,IAChES,EAAAA,QAAAA,EAAAA,EAAQnC,4BACNoC,GAAsBR,IAAaF,GAAOL,GAE/C7B,GAEFI,MAAO4D,EAAU,SAAAlC,EAAA,CAAA,EAAAqC,EAAA,QAAArC,EAEZa,EAAQvC,MAAQwC,GAAuBV,IAAYE,GACnDO,EAAAA,QAAAA,EAAAA,EAAQpC,cAAgB6B,IAAaQ,GAAsBV,IAAQiC,EAAA,QAAArC,EACnEa,EAAQlC,uBAAyBmC,GAAsBR,IAAaF,MAEvE9B,IAECyC,GAELR,KAAMA,MAGTJ,GACCkB,EAAAC,IAACG,OAAI,CAACK,MAAI,EAAAV,SACRC,MAACU,UAAO,CAAC9B,MAAOQ,QAAAA,EAAqB,GAAGW,SACtCC,MAACW,aAAU,CACTC,QAAQ,QACRzB,UAAW0B,EAAU,QACnBrB,EAAQjC,MACC,UAAT2B,GAAoBM,EAAQtB,YAC3Ba,IAAYF,KAAeI,GAAYO,EAAQpB,YAChDa,GAAYO,EAAQrB,eACpB4B,SAEDjB,aAQjB,IAGFR,EAAuB2C,aAAe,CACpCrC,MAAO,GACPC,UAAW,GACXC,WAAY,GACZG,UAAU,EACVC,KAAM,SACNC,UAAW,GACXG,cAAe,CAAE,EACjBF,kBAAmB,GACnBC,iBAAkB,GAClB,cAAe"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SwitchControl/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Grid, Switch, Typography, Tooltip, Theme, makeStyles } from '@material-ui/core';\n\nimport { SwitchControlTypes } from './types';\n\nimport styles from './style.css';\n\nconst useStyles = makeStyles<Theme>(theme => ({\n  root: {\n    width: 60,\n    height: 40,\n    padding: 13,\n    '&.MuiSwitch-sizeSmall': { width: 52, height: 36, padding: 13 },\n    '& .MuiSwitch-switchBase': { padding: 10 },\n  },\n  switchBase: {\n    padding: 10,\n    color: '#03BCD4',\n    '&.MuiIconButton-root:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.08)',\n    },\n  },\n  switchBaseDisabled: {\n    color: '#196069 !important',\n  },\n  track: {\n    backgroundColor: '#196069 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  trackDisabled: {\n    backgroundColor: '#223D40 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  switchBaseDisabledNoLabels: {\n    color: '#545454 !important',\n  },\n  trackDisabledNoLabels: {\n    backgroundColor: '#3D3D3D !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text7,\n    margin: '8px 0px',\n    cursor: 'pointer',\n  },\n  labelSmall: {\n    fontSize: '14px',\n    lineHeight: '20px',\n  },\n  disabledLabel: {\n    cursor: 'default',\n    color: '#808080',\n  },\n  activeLabel: {\n    color: theme.palette.primary.text1,\n  },\n}));\n\nexport const SwitchControlComponent = forwardRef<HTMLButtonElement, SwitchControlTypes>(\n  (\n    {\n      title = '',\n      leftLabel = '',\n      rightLabel = '',\n      checked,\n      onChange,\n      disabled = false,\n      size = 'medium',\n      className = '',\n      rightLabelTooltip = '',\n      leftLabelTooltip = '',\n      customClasses = DEFAULT_SWITCH_CONTROL_COMPONENT_CUSTOM_CLASSES,\n      'data-testid': dataTestId = 'SwitchControlComponent',\n    },\n    ref\n  ) => {\n    const classes = useStyles();\n    const isSwitchWithLabels = leftLabel && rightLabel;\n    const { root, track, switchBase, ...restSwitchClasses } = customClasses || {};\n\n    return (\n      <div className={className}>\n        {title && <div className={styles.switchControlTitle}>{title}</div>}\n        <Grid component=\"label\" container alignItems=\"center\" spacing={0}>\n          {leftLabel && (\n            <Grid item>\n              <Tooltip title={leftLabelTooltip ?? ''}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (!checked || !rightLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {leftLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n          <Grid item>\n            <Switch\n              data-testid={`${dataTestId}_switch_${checked}`}\n              ref={ref}\n              checked={checked}\n              onChange={onChange}\n              color=\"primary\"\n              disabled={disabled}\n              classes={{\n                root: classNames(classes.root, root),\n                switchBase: classNames(\n                  {\n                    [classes.switchBase]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.switchBaseDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.switchBaseDisabledNoLabels]:\n                      !isSwitchWithLabels && disabled && !checked,\n                  },\n                  switchBase\n                ),\n                track: classNames(\n                  {\n                    [classes.track]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.trackDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.trackDisabledNoLabels]: !isSwitchWithLabels && disabled && !checked,\n                  },\n                  track\n                ),\n                ...restSwitchClasses,\n              }}\n              size={size}\n            />\n          </Grid>\n          {rightLabel && (\n            <Grid item>\n              <Tooltip title={rightLabelTooltip ?? ''}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (checked || !leftLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {rightLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n        </Grid>\n      </div>\n    );\n  }\n);\n\nconst DEFAULT_SWITCH_CONTROL_COMPONENT_CUSTOM_CLASSES: NonNullable<\n  SwitchControlTypes['customClasses']\n> = {};\n\nexport default SwitchControlComponent;\n"],"names":["useStyles","makeStyles","theme","root","width","height","padding","switchBase","color","backgroundColor","switchBaseDisabled","track","opacity","border","trackDisabled","switchBaseDisabledNoLabels","trackDisabledNoLabels","label","display","justifyContent","flexDirection","fontSize","lineHeight","palette","primary","text7","margin","cursor","labelSmall","disabledLabel","activeLabel","text1","SwitchControlComponent","forwardRef","_ref","ref","_classNames","_classNames2","_ref$title","title","_ref$leftLabel","leftLabel","_ref$rightLabel","rightLabel","checked","onChange","_ref$disabled","disabled","_ref$size","size","_ref$className","className","_ref$rightLabelToolti","rightLabelTooltip","_ref$leftLabelTooltip","leftLabelTooltip","_ref$customClasses","customClasses","DEFAULT_SWITCH_CONTROL_COMPONENT_CUSTOM_CLASSES","_ref$dataTestid","dataTestId","classes","isSwitchWithLabels","restSwitchClasses","_objectWithoutProperties","_ref2","_excluded","_jsxs","children","_jsx","jsx","styles","switchControlTitle","Grid","component","container","alignItems","spacing","item","Tooltip","Typography","variant","classNames","Switch","_objectSpread","_defineProperty"],"mappings":"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"}