npm - @corva/ui - Versions diffs - 3.73.0-7 → 3.73.0-rc.0 - Mend

@corva/ui 3.73.0-7 → 3.73.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1103) hide show

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

	@@ -1 +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~~"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 = '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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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~~,QAGlBpF,EAAaqF,aAAe,CAC1BhF,gBAAYiF,EACZhF,UAAMgF~~"}
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\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":"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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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 = 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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 = 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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 = 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":"meAmBMA,EAAgB,SAShBC,GAAA,IARJC,IAAAA,~~OACAC~~,~~IAAAA~~,~~MACAC~~,~~IAAAA~~,~~QACAC~~,~~IAAAA~~,~~SACAC~~,~~IAAAA~~,~~QACAC~~,~~IAAAA~~,~~UACAC~~,~~IAAAA~~,~~QACAC~~,~~IAAAA~~,~~SAEMC~~,EAAQC,EAAAA,WACNC,~~EAAoDL~~,~~EAApDK~~,cAAeC,~~EAAqCN~~,~~EAArCM~~,cAAeC,~~EAAsBP~~,~~EAAtBO~~,kBAElCC,EAAYH,GAAiBA,~~EAAcV~~,~~GAC3Cc~~,EAAYH,GAAiBA,~~EAAcX~~,~~GAC3Ce~~,EAAcH,GAAqBA,~~EAAkBZ~~,~~GACnDgB~~,~~EAAcb~~,~~EAAWc~~,EAAcA,~~eAACd~~,GAAY,~~GACpDe~~,EAAcC,EAAAA,~~mBAAmBnB~~,~~EAAQE~~,IAE3CA,~~IACFW~~,EAAYA,GAAaA,~~EAAUX~~,~~IAAYW~~,~~EAAUX~~,~~GAASkB~~,OAClEN,EAAYA,GAAaA,~~EAAUZ~~,~~IAAYY~~,~~EAAUZ~~,~~GAASkB~~,QAGrD,~~oBAAXpB~~,GAA2C,kBAAXA,~~KAGlCe~~,EAAcH,GAFUS,EAAAA,gBAAgBC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,~~OAAStB~~,CAAQ,KAAI,CAAA,~~GACzCuB~~,KAAO,OAIhC,~~iBAAXzB~~,~~IACFa~~,EAAYD,EAAoBA,EAAkBc,oBAAsB,GAG1E,IAAMC,EAAWZ,GAAgBA,EAAcD,GAAaC,EAAe,IAAM,IAE3Ea,EACS,SAAbrB,EACIsB,gBAAchB,EAAWE,GACzBc,EAAaA,cAAChB,EAAWC,GAE/B,OACEgB,EAAAA,KAAA,MAAA,CAEEC,UAAWC,EAAU,QAACC,EAAOC,cAAaC,EAAA,QAAA,GACvCF,EAAOG,wBAA0B5B,EAAM6B,eACvCC,SAEH,CAAAR,EAAAS,KAAA,MAAA,CAAKR,UAAWE,EAAOO,kBAAkBF,SAAA,~~CACtCrC~~,~~EAAQe~~,IAAAA,EAAkBA,IAAAA,OAAAA,OAAiB,MAE9Cc,EAAAS,KAAA,MAAA,CAAKR,UAAWE,EAAOQ,oBAAoBH,SAAA,CACxCI,EAAiBA,kBAAC7B,GACnB8B,EAAAA,IAAA,MAAA,CAAKZ,UAAWE,EAAOW,wBAEzBd,EAAAS,KAAA,MAAA,CAAK,cAAA,GAAAM,OAzDO,gBAyDkC,iBAACd,UAAWE,EAAOa,oBAAoBR,SAAA,CAClFI,EAAiBA,kBAAC5B,GACnB6B,EAAAA,IAAA,MAAA,CAAKZ,UAAWE,EAAOW,wBAEzBd,EAAAS,KAAA,MAAA,CAAKR,UAAWE,EAAOa,oBAAoBR,SAAA,CACxCI,EAAiBA,kBAAC3B,GACnB4B,EAAAA,IAAA,MAAA,CAAKZ,UAAWE,EAAOW,wBAEzBD,EAAAI,IAAA,MAAA,CAAKhB,UAAWE,EAAOa,oBAAoBR,SAAEI,EAAiBA,kBAACf,KAC/DgB,EAAAI,IAAA,MAAA,CACEhB,UAAWC,EAAU,QAACC,EAAOa,oBAAmBX,EAAA,QAAA,GAC7CF,EAAOe,gCAAkCC,6BAA2BrB,KACpEU,SAEFV,~~IAEFtB~~,~~GACCqC~~,EAAAI,IAAA,MAAA,CAAKhB,UAAWE,EAAOiB,mBAAmBZ,UACtCa,OAAOC,SAAStC,IAAcqC,OAAOC,SAASvC,KAC9C8B,MAACU,EAAa,CACZxC,UAAWA,EACXC,UAAWA,EACXwC,YAAY,OACZpC,YAAaA,~~EACbd~~,QAASA,~~QApCTJ~~,GAAAA,OAAAA,~~GAASE~~,OAAAA,GA2CvB,~~EAEAJ~~,~~EAAcyD~~,UAAY,~~CACxBvD~~,~~OAAQwD~~,EAAMA,OAACC,~~WACfxD~~,~~MAAOuD~~,EAAMA,~~OACbtD~~,~~QAASsD~~,EAAMA,~~OACfrD~~,~~SAAUqD~~,EAAMA,~~OAChBpD~~,~~QAASsD~~,EAAMA,~~OACfrD~~,~~UAAWsD~~,EAAKA,~~MAChBrD~~,~~QAASsD~~,EAAIA,KACbrD,SAAUiD,EAAAA,~~QAGZ1D~~,~~EAAc+D~~,~~aAAe~~,~~CAC3B5D,MAAO,GACPC,QAAS,GACTC,SAAU,GACVC,QAAS,KACTC,UAAW,~~CAAE~~,EACbC,SAAS,EACTC,SAAU~~"}
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 = 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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 = ({\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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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 = 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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"}