@corva/ui 3.73.0-7 → 3.74.0-0

package/components/PriceInput/FormattedNumber.d.ts

@@ -7,9 +7,6 @@ declare namespace NumberFormatCustom {
         onChange: PropTypes.Validator<(...args: any[]) => any>;
         decimalScale: PropTypes.Requireable<number>;
     };
-    var defaultProps: {
-        decimalScale: number;
-    };
 }
 export default NumberFormatCustom;
 //# sourceMappingURL=FormattedNumber.d.ts.map

package/components/PriceInput/FormattedNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormattedNumber.d.ts","sourceRoot":"","sources":["../../../src/components/PriceInput/FormattedNumber.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,kBAAkB,CAAC,KAAK,KAAA,+BAsBhC;kBAtBQ,kBAAkB;;;;;;;;;;;eAmCZ,kBAAkB"}
+{"version":3,"file":"FormattedNumber.d.ts","sourceRoot":"","sources":["../../../src/components/PriceInput/FormattedNumber.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,kBAAkB,CAAC,KAAK,KAAA,+BAuBhC;kBAvBQ,kBAAkB;;;;;;;;eAgCZ,kBAAkB"}

package/components/PriceInput/FormattedNumber.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"react-number-format";import n from"prop-types";import{jsx as o}from"react/jsx-runtime";var i=["inputRef","onChange"];function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function u(e){var n=e.inputRef,a=e.onChange,u=r(e,i);return o(t,p(p({},u),{},{getInputRef:n,onValueChange:function(r){a({target:{name:e.name,value:r.value}})},thousandSeparator:!0,isNumericString:!0,prefix:"$",allowNegative:!1,allowLeadingZeros:!1}))}u.propTypes={inputRef:n.func.isRequired,name:n.string.isRequired,onChange:n.func.isRequired,decimalScale:n.number},u.defaultProps={decimalScale:2};export{u as default};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"react-number-format";import n from"prop-types";import{jsx as o}from"react/jsx-runtime";var i=["inputRef","onChange","decimalScale"];function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function c(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function p(e){var n=e.inputRef,a=e.onChange,p=e.decimalScale,u=void 0===p?2:p,f=r(e,i);return o(t,c(c({},f),{},{decimalScale:u,getInputRef:n,onValueChange:function(r){a({target:{name:e.name,value:r.value}})},thousandSeparator:!0,isNumericString:!0,prefix:"$",allowNegative:!1,allowLeadingZeros:!1}))}p.propTypes={inputRef:n.func.isRequired,name:n.string.isRequired,onChange:n.func.isRequired,decimalScale:n.number};export{p as default};
 //# sourceMappingURL=FormattedNumber.js.map

package/components/PriceInput/FormattedNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormattedNumber.js","sources":["../../../src/components/PriceInput/FormattedNumber.js"],"sourcesContent":["import NumberFormat from 'react-number-format';\nimport PropTypes from 'prop-types';\n\nfunction NumberFormatCustom(props) {\n  const { inputRef, onChange, ...other } = props;\n\n  return (\n    <NumberFormat\n      {...other}\n      getInputRef={inputRef}\n      onValueChange={values => {\n        onChange({\n          target: {\n            name: props.name,\n            value: values.value,\n          },\n        });\n      }}\n      thousandSeparator\n      isNumericString\n      prefix=\"$\"\n      allowNegative={false}\n      allowLeadingZeros={false}\n    />\n  );\n}\n\nNumberFormatCustom.propTypes = {\n  inputRef: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  decimalScale: PropTypes.number,\n};\n\nNumberFormatCustom.defaultProps = {\n  decimalScale: 2,\n};\n\nexport default NumberFormatCustom;\n"],"names":["NumberFormatCustom","props","inputRef","onChange","other","_excluded","_jsx","NumberFormat","_objectSpread","getInputRef","onValueChange","values","target","name","value","thousandSeparator","isNumericString","prefix","allowNegative","allowLeadingZeros","propTypes","PropTypes","func","isRequired","string","decimalScale","number","defaultProps"],"mappings":"qzBAGA,SAASA,EAAmBC,GAC1B,IAAQC,EAAiCD,EAAjCC,SAAUC,EAAuBF,EAAvBE,SAAaC,IAAUH,EAAKI,GAE9C,OACEC,EAACC,EAAYC,EAAAA,EAAA,GACPJ,GAAK,GAAA,CACTK,YAAaP,EACbQ,cAAe,SAAAC,GACbR,EAAS,CACPS,OAAQ,CACNC,KAAMZ,EAAMY,KACZC,MAAOH,EAAOG,QAGlB,EACFC,mBAAiB,EACjBC,iBAAe,EACfC,OAAO,IACPC,eAAe,EACfC,mBAAmB,IAGzB,CAEAnB,EAAmBoB,UAAY,CAC7BlB,SAAUmB,EAAUC,KAAKC,WACzBV,KAAMQ,EAAUG,OAAOD,WACvBpB,SAAUkB,EAAUC,KAAKC,WACzBE,aAAcJ,EAAUK,QAG1B1B,EAAmB2B,aAAe,CAChCF,aAAc"}
+{"version":3,"file":"FormattedNumber.js","sources":["../../../src/components/PriceInput/FormattedNumber.js"],"sourcesContent":["import NumberFormat from 'react-number-format';\nimport PropTypes from 'prop-types';\n\nfunction NumberFormatCustom(props) {\n  const { inputRef, onChange, decimalScale = 2, ...other } = props;\n\n  return (\n    <NumberFormat\n      {...other}\n      decimalScale={decimalScale}\n      getInputRef={inputRef}\n      onValueChange={values => {\n        onChange({\n          target: {\n            name: props.name,\n            value: values.value,\n          },\n        });\n      }}\n      thousandSeparator\n      isNumericString\n      prefix=\"$\"\n      allowNegative={false}\n      allowLeadingZeros={false}\n    />\n  );\n}\n\nNumberFormatCustom.propTypes = {\n  inputRef: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  decimalScale: PropTypes.number,\n};\n\nexport default NumberFormatCustom;\n"],"names":["NumberFormatCustom","props","inputRef","onChange","_props$decimalScale","decimalScale","other","_excluded","_jsx","NumberFormat","_objectSpread","getInputRef","onValueChange","values","target","name","value","thousandSeparator","isNumericString","prefix","allowNegative","allowLeadingZeros","propTypes","PropTypes","func","isRequired","string","number"],"mappings":"o0BAGA,SAASA,EAAmBC,GAC1B,IAAQC,EAAmDD,EAAnDC,SAAUC,EAAyCF,EAAzCE,SAAQC,EAAiCH,EAA/BI,aAAAA,aAAe,EAACD,EAAKE,IAAUL,EAAKM,GAEhE,OACEC,EAACC,EAAYC,EAAAA,EAAA,GACPJ,GAAK,GAAA,CACTD,aAAcA,EACdM,YAAaT,EACbU,cAAe,SAAAC,GACbV,EAAS,CACPW,OAAQ,CACNC,KAAMd,EAAMc,KACZC,MAAOH,EAAOG,QAGlB,EACFC,mBAAiB,EACjBC,iBAAe,EACfC,OAAO,IACPC,eAAe,EACfC,mBAAmB,IAGzB,CAEArB,EAAmBsB,UAAY,CAC7BpB,SAAUqB,EAAUC,KAAKC,WACzBV,KAAMQ,EAAUG,OAAOD,WACvBtB,SAAUoB,EAAUC,KAAKC,WACzBpB,aAAckB,EAAUI"}

package/components/PriceInput/PriceInput.d.ts

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types';
-declare function PriceInput(props: any): import("react").JSX.Element;
+declare function PriceInput({ InputProps, ...props }: {
+    [x: string]: any;
+    InputProps?: {} | undefined;
+}): import("react").JSX.Element;
 declare namespace PriceInput {
     var propTypes: {
         InputProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
     };
-    var defaultProps: {
-        InputProps: {};
-    };
 }
 export default PriceInput;
 //# sourceMappingURL=PriceInput.d.ts.map

package/components/PriceInput/PriceInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.d.ts","sourceRoot":"","sources":["../../../src/components/PriceInput/PriceInput.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;4BAKhB,KAAK,KAAA;;;;;;;;;eAoBT,UAAU"}
+{"version":3,"file":"PriceInput.d.ts","sourceRoot":"","sources":["../../../src/components/PriceInput/PriceInput.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;4BAOf,EAAE,UAAgC,EAAE,GAAG,KAAK,EAAE;;;CAAA;;;;;;eAgBnD,UAAU"}

package/components/PriceInput/PriceInput.js

@@ -1,2 +1,2 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"prop-types";import{TextField as t}from"@material-ui/core";import o from"./FormattedNumber.js";import{jsx as p}from"react/jsx-runtime";function n(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var c=function(r){return p(t,i(i({},r),{},{InputProps:i(i({},r.InputProps),{},{inputComponent:o})}))};c.propTypes={InputProps:e.shape({})},c.defaultProps={InputProps:{}};export{c as default};
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import t from"prop-types";import{TextField as o}from"@material-ui/core";import p from"./FormattedNumber.js";import{jsx as n}from"react/jsx-runtime";var i=["InputProps"];function c(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function u(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var s={},m=function(r){var t=r.InputProps,c=void 0===t?s:t,m=e(r,i);return n(o,u(u({},m),{},{InputProps:u(u({},c),{},{inputComponent:p})}))};m.propTypes={InputProps:t.shape({})};export{m as default};
 //# sourceMappingURL=PriceInput.js.map

package/components/PriceInput/PriceInput.js.map

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

package/components/SearchInput/index.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 declare function SearchInput({ handleSearch, className }: {
-    className: any;
+    className?: string | undefined;
     handleSearch: any;
 }): import("react").JSX.Element;
 declare namespace SearchInput {
@@ -8,9 +8,6 @@ declare namespace SearchInput {
         handleSearch: PropTypes.Validator<(...args: any[]) => any>;
         className: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        className: string;
-    };
 }
 export default SearchInput;
 //# sourceMappingURL=index.d.ts.map

package/components/SearchInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.js"],"names":[],"mappings":"AAKA,OAAO,SAAS,MAAM,YAAY,CAAC;AAoCnC,iBAAS,WAAW,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE;;;CAAA,+BAkC/C;kBAlCQ,WAAW;;;;;;;;;eA6CL,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.js"],"names":[],"mappings":"AAKA,OAAO,SAAS,MAAM,YAAY,CAAC;AAoCnC,iBAAS,WAAW,CAAC,EAAE,YAAY,EAAE,SAAc,EAAE;;;CAAA,+BAkCpD;kBAlCQ,WAAW;;;;;;eAyCL,WAAW"}

package/components/SearchInput/index.js

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

package/components/SearchInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/SearchInput/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { debounce } from 'lodash';\nimport { Paper, InputBase, makeStyles } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    height: 30,\n    paddingLeft: 19,\n    borderRadius: 30,\n    boxShadow: 'none',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'Roboto',\n    fontSize: 14,\n    fontWeight: 200,\n  },\n  searchIcon: {\n    height: 16,\n    width: 16,\n    color: theme.palette.primary.contrastText,\n    marginRight: 9,\n  },\n  closeIcon: {\n    height: 16,\n    width: 16,\n    margin: '0 10px',\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n  },\n}));\n\nfunction SearchInput({ handleSearch, className }) {\n  const styles = useStyles();\n\n  const [inputValue, setInputValue] = useState('');\n\n  const handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);\n\n  const handleInputChange = targetValue => {\n    setInputValue(targetValue);\n\n    handleChangeDebounced(targetValue);\n  };\n\n  return (\n    <Paper className={classNames(styles.root, className)}>\n      <SearchIcon className={styles.searchIcon} />\n      <InputBase\n        className={styles.input}\n        placeholder=\"Search ...\"\n        value={inputValue}\n        inputProps={{ 'aria-label': 'search' }}\n        onChange={e => handleInputChange(e.target.value)}\n      />\n      {inputValue && (\n        <CloseIcon\n          className={styles.closeIcon}\n          onClick={() => {\n            handleSearch('');\n            setInputValue('');\n          }}\n        />\n      )}\n    </Paper>\n  );\n}\n\nSearchInput.propTypes = {\n  handleSearch: PropTypes.func.isRequired,\n  className: PropTypes.string,\n};\n\nSearchInput.defaultProps = {\n  className: '',\n};\n\nexport default SearchInput;\n"],"names":["useStyles","makeStyles","theme","root","display","alignItems","height","paddingLeft","borderRadius","boxShadow","palette","primary","main","input","flex","fontFamily","fontSize","fontWeight","searchIcon","width","color","contrastText","marginRight","closeIcon","margin","text6","cursor","SearchInput","_ref","handleSearch","className","styles","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","handleChangeDebounced","useCallback","debounce","_jsxs","Paper","classNames","children","_jsx","SearchIcon","InputBase","placeholder","value","inputProps","onChange","e","targetValue","target","CloseIcon","onClick","propTypes","PropTypes","func","isRequired","string","defaultProps"],"mappings":"wYAQA,IAAMA,EAAYC,GAAW,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,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAAzCC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAE1BK,EAAwBC,EAAYC,EAASX,EAAc,KAAM,IAQvE,OACEY,EAACC,EAAK,CAACZ,UAAWa,EAAWZ,EAAO5B,KAAM2B,GAAWc,SAAA,CACnDC,EAACC,EAAU,CAAChB,UAAWC,EAAOb,aAC9B2B,EAACE,EAAS,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,EAACU,EAAS,CACRzB,UAAWC,EAAOR,UAClBiC,QAAS,WACP3B,EAAa,IACbQ,EAAc,GAChB,MAKV,CAEAV,EAAY8B,UAAY,CACtB5B,aAAc6B,EAAUC,KAAKC,WAC7B9B,UAAW4B,EAAUG,QAGvBlC,EAAYmC,aAAe,CACzBhC,UAAW"}
+{"version":3,"file":"index.js","sources":["../../../src/components/SearchInput/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { debounce } from 'lodash';\nimport { Paper, InputBase, makeStyles } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    height: 30,\n    paddingLeft: 19,\n    borderRadius: 30,\n    boxShadow: 'none',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'Roboto',\n    fontSize: 14,\n    fontWeight: 200,\n  },\n  searchIcon: {\n    height: 16,\n    width: 16,\n    color: theme.palette.primary.contrastText,\n    marginRight: 9,\n  },\n  closeIcon: {\n    height: 16,\n    width: 16,\n    margin: '0 10px',\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n  },\n}));\n\nfunction SearchInput({ handleSearch, className = '' }) {\n  const styles = useStyles();\n\n  const [inputValue, setInputValue] = useState('');\n\n  const handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);\n\n  const handleInputChange = targetValue => {\n    setInputValue(targetValue);\n\n    handleChangeDebounced(targetValue);\n  };\n\n  return (\n    <Paper className={classNames(styles.root, className)}>\n      <SearchIcon className={styles.searchIcon} />\n      <InputBase\n        className={styles.input}\n        placeholder=\"Search ...\"\n        value={inputValue}\n        inputProps={{ 'aria-label': 'search' }}\n        onChange={e => handleInputChange(e.target.value)}\n      />\n      {inputValue && (\n        <CloseIcon\n          className={styles.closeIcon}\n          onClick={() => {\n            handleSearch('');\n            setInputValue('');\n          }}\n        />\n      )}\n    </Paper>\n  );\n}\n\nSearchInput.propTypes = {\n  handleSearch: PropTypes.func.isRequired,\n  className: PropTypes.string,\n};\n\nexport default SearchInput;\n"],"names":["useStyles","makeStyles","theme","root","display","alignItems","height","paddingLeft","borderRadius","boxShadow","palette","primary","main","input","flex","fontFamily","fontSize","fontWeight","searchIcon","width","color","contrastText","marginRight","closeIcon","margin","text6","cursor","SearchInput","_ref","handleSearch","_ref$className","className","styles","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","handleChangeDebounced","useCallback","debounce","_jsxs","Paper","classNames","children","_jsx","SearchIcon","InputBase","placeholder","value","inputProps","onChange","e","targetValue","target","CloseIcon","onClick","propTypes","PropTypes","func","isRequired","string"],"mappings":"wYAQA,IAAMA,EAAYC,GAAW,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,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAAzCC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAE1BK,EAAwBC,EAAYC,EAASZ,EAAc,KAAM,IAQvE,OACEa,EAACC,EAAK,CAACZ,UAAWa,EAAWZ,EAAO7B,KAAM4B,GAAWc,SAAA,CACnDC,EAACC,EAAU,CAAChB,UAAWC,EAAOd,aAC9B4B,EAACE,EAAS,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,EAACU,EAAS,CACRzB,UAAWC,EAAOT,UAClBkC,QAAS,WACP5B,EAAa,IACbS,EAAc,GAChB,MAKV,CAEAX,EAAY+B,UAAY,CACtB7B,aAAc8B,EAAUC,KAAKC,WAC7B9B,UAAW4B,EAAUG"}

package/components/SettingEditors/DropdownEditor/index.d.ts

@@ -1,17 +1,17 @@
 import PropTypes from 'prop-types';
-declare const StyledDropdownEditor: import("react").ComponentType<Pick<Pick<Pick<{
+declare const StyledDropdownEditor: import("react").ComponentType<Pick<Pick<{
     classes: any;
     currentValue: any;
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     defaultValue: any;
-    disabled: any;
-    errorText: any;
-    multiple: any;
+    disabled?: boolean | undefined;
+    errorText?: string | undefined;
+    multiple?: boolean | undefined;
     onChange: any;
     options: any;
-    placeholder: any;
+    placeholder?: string | undefined;
     renderValue: any;
-}, never> & Pick<PropTypes.InferProps<{
+}, "data-testid" | "disabled" | "errorText" | "multiple" | "placeholder"> & Pick<PropTypes.InferProps<{
     currentValue: PropTypes.Requireable<NonNullable<string | number | any[] | null | undefined>>;
     defaultValue: PropTypes.Requireable<NonNullable<string | number | any[] | null | undefined>>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
@@ -23,7 +23,7 @@ declare const StyledDropdownEditor: import("react").ComponentType<Pick<Pick<Pick
     renderValue: PropTypes.Requireable<(...args: any[]) => any>;
     errorText: PropTypes.Requireable<string>;
     'data-testid': PropTypes.Requireable<string>;
-}>, "currentValue" | "data-testid" | "defaultValue" | "disabled" | "errorText" | "multiple" | "placeholder" | "renderValue" | PropTypes.RequiredKeys<{
+}>, "currentValue" | "defaultValue" | "renderValue" | PropTypes.RequiredKeys<{
     currentValue: PropTypes.Requireable<NonNullable<string | number | any[] | null | undefined>>;
     defaultValue: PropTypes.Requireable<NonNullable<string | number | any[] | null | undefined>>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
@@ -35,28 +35,19 @@ declare const StyledDropdownEditor: import("react").ComponentType<Pick<Pick<Pick
     renderValue: PropTypes.Requireable<(...args: any[]) => any>;
     errorText: PropTypes.Requireable<string>;
     'data-testid': PropTypes.Requireable<string>;
-}>>, PropTypes.RequiredKeys<{
-    currentValue: PropTypes.Requireable<NonNullable<string | number | any[] | null | undefined>>;
-    defaultValue: PropTypes.Requireable<NonNullable<string | number | any[] | null | undefined>>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    options: PropTypes.Validator<any[]>;
-    placeholder: PropTypes.Requireable<string>;
-    multiple: PropTypes.Requireable<boolean>;
-    disabled: PropTypes.Requireable<boolean>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    renderValue: PropTypes.Requireable<(...args: any[]) => any>;
-    errorText: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-}>> & {
-    currentValue?: NonNullable<string | number | any[] | null | undefined> | null | undefined;
-    defaultValue?: NonNullable<string | number | any[] | null | undefined> | null | undefined;
-    placeholder?: string | null | undefined;
-    multiple?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-    renderValue?: ((...args: any[]) => any) | null | undefined;
-    errorText?: string | null | undefined;
-    'data-testid'?: string | null | undefined;
-} & {}, "currentValue" | "data-testid" | "defaultValue" | "disabled" | "errorText" | "multiple" | "onChange" | "options" | "placeholder" | "renderValue"> & import("@material-ui/styles").StyledComponentProps<"formControl" | "menuItem" | "multipleMenuItem" | "selectMenu">>;
+}>> & Pick<{
+    classes: any;
+    currentValue: any;
+    "data-testid"?: string | undefined;
+    defaultValue: any;
+    disabled?: boolean | undefined;
+    errorText?: string | undefined;
+    multiple?: boolean | undefined;
+    onChange: any;
+    options: any;
+    placeholder?: string | undefined;
+    renderValue: any;
+}, never>, "currentValue" | "data-testid" | "defaultValue" | "disabled" | "errorText" | "multiple" | "onChange" | "options" | "placeholder" | "renderValue"> & import("@material-ui/styles").StyledComponentProps<"formControl" | "menuItem" | "multipleMenuItem" | "selectMenu">>;
 export default StyledDropdownEditor;
 /**
  * A High-Order Component that allows setting up an editor component

package/components/SettingEditors/DropdownEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingEditors/DropdownEditor/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAqGnC,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+QAAwC,CAAC;eACpD,oBAAoB;AAEnC;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B,YALtC;IAAwC,KAAK,EAArC,MAAM,GAAC,KAAK,CAAC,OAAO,CAC5B;IAAqB,KAAK,EAAlB,GAAC,CACT;CAAA,EAAA,kBACA;IAA+B,QAAQ,EAA/B,OAAO,CACjB;CAAA,gDAI2E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingEditors/DropdownEditor/index.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AA0FnC,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kRAAwC,CAAC;eACpD,oBAAoB;AAEnC;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B,YALtC;IAAwC,KAAK,EAArC,MAAM,GAAC,KAAK,CAAC,OAAO,CAC5B;IAAqB,KAAK,EAAlB,GAAC,CACT;CAAA,EAAA,kBACA;IAA+B,QAAQ,EAA/B,OAAO,CACjB;CAAA,gDAI2E,CAAC"}

package/components/SettingEditors/DropdownEditor/index.js

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

package/components/SettingEditors/DropdownEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SettingEditors/DropdownEditor/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Select,\n  Checkbox,\n  MenuItem,\n  InputLabel,\n  FormControl,\n  withStyles,\n  FormHelperText,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst StyledCheckbox = withStyles({ root: { paddingLeft: '7px' } })(Checkbox);\n\nfunction DropdownEditor({\n  currentValue,\n  defaultValue,\n  options,\n  placeholder,\n  onChange,\n  multiple,\n  disabled,\n  classes,\n  renderValue,\n  errorText,\n  'data-testid': PAGE_NAME,\n}) {\n  const value = currentValue || defaultValue;\n  const menuItemClassName = classNames(classes.menuItem, multiple && classes.multipleMenuItem);\n\n  return (\n    <FormControl className={classes.formControl} error={!!errorText}>\n      <InputLabel shrink={value !== undefined}>{placeholder}</InputLabel>\n      <Select\n        data-testid={`${PAGE_NAME}_select`}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        multiple={multiple}\n        disabled={disabled}\n        renderValue={renderValue}\n        MenuProps={{\n          className: classes.selectMenu,\n          anchorOrigin: { vertical: 'top' },\n        }}\n        autoWidth\n        displayEmpty\n      >\n        {options &&\n          options.map(option => {\n            return (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_item_${option.label}MenuItem`}\n                key={option.value}\n                value={option.value}\n                className={menuItemClassName}\n              >\n                {multiple && (\n                  <StyledCheckbox color=\"primary\" checked={value && value.includes(option.value)} />\n                )}\n                {option.label}\n              </MenuItem>\n            );\n          })}\n      </Select>\n      {!!errorText && <FormHelperText>{errorText}</FormHelperText>}\n    </FormControl>\n  );\n}\n\nDropdownEditor.propTypes = {\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  onChange: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(PropTypes.any).isRequired,\n  placeholder: PropTypes.string,\n  multiple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  classes: PropTypes.shape({}).isRequired,\n  renderValue: PropTypes.func,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nDropdownEditor.defaultProps = {\n  currentValue: undefined,\n  defaultValue: undefined,\n  multiple: false,\n  placeholder: 'Choose An Option',\n  disabled: false,\n  renderValue: undefined,\n  errorText: '',\n  'data-testid': 'DropdownEditor',\n};\n\nconst muiStyles = {\n  formControl: { minWidth: '200px', maxWidth: '200px', margin: '10px 20px 10px 0' },\n  selectMenu: { maxHeight: '400px' },\n  menuItem: { minWidth: '200px' },\n  multipleMenuItem: { paddingLeft: '5px', minWidth: '200px' },\n};\n\nconst StyledDropdownEditor = withStyles(muiStyles)(DropdownEditor);\nexport default StyledDropdownEditor;\n\n/**\n * A High-Order Component that allows setting up an editor component\n * @param {Object[]} options - The array of dropdown options\n * @param {string|React.Element} options[].label - Label of dropdown option\n * @param {*} options[].value - Value of dropdown option.\n * @param {Object} dropdownProps - Passing additional props to dropdown component\n * @param {boolean} dropdownProps.multiple - Indicates using multiselect dropdown\n */\nexport const dropdownEditorForDefinitions =\n  (options, dropdownProps = {}) =>\n  props =>\n    <StyledDropdownEditor {...props} {...dropdownProps} options={options} />;\n"],"names":["StyledCheckbox","withStyles","root","paddingLeft","Checkbox","DropdownEditor","_ref","currentValue","defaultValue","options","placeholder","onChange","multiple","disabled","classes","renderValue","errorText","PAGE_NAME","value","menuItemClassName","classNames","menuItem","multipleMenuItem","_jsxs","FormControl","className","formControl","error","children","_jsx","InputLabel","shrink","undefined","Select","concat","e","target","MenuProps","selectMenu","anchorOrigin","vertical","autoWidth","displayEmpty","map","option","MenuItem","label","color","checked","includes","FormHelperText","propTypes","PropTypes","oneOfType","number","string","array","func","isRequired","arrayOf","any","bool","shape","defaultProps","StyledDropdownEditor","minWidth","maxWidth","margin","maxHeight"],"mappings":"gSAYA,IAAMA,EAAiBC,EAAW,CAAEC,KAAM,CAAEC,YAAa,QAAlCF,CAA6CG,GAEpE,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,EAAWN,EAAQO,SAAUT,GAAYE,EAAQQ,kBAE3E,OACEC,EAACC,EAAW,CAACC,UAAWX,EAAQY,YAAaC,QAASX,EAAUY,SAAA,CAC9DC,EAACC,EAAU,CAACC,YAAkBC,IAAVd,EAAoBU,SAAElB,IAC1CmB,EAACI,EAAM,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,EAACsB,EAAQ,CACP,cAAA,GAAAX,OAAgBjB,EAAS,UAAAiB,OAASU,EAAOE,MAAgB,YAEzD5B,MAAO0B,EAAO1B,MACdO,UAAWN,EAAkBS,SAE5BhB,CAAAA,GACCiB,EAAC7B,EAAc,CAAC+C,MAAM,UAAUC,QAAS9B,GAASA,EAAM+B,SAASL,EAAO1B,SAEzE0B,EAAOE,QAPHF,EAAO1B,cAYnBF,GAAaa,EAACqB,EAAc,CAAAtB,SAAEZ,MAGvC,CAEAX,EAAe8C,UAAY,CACzB5C,aAAc6C,EAAUC,UAAU,CAACD,EAAUE,OAAQF,EAAUG,OAAQH,EAAUI,QACjFhD,aAAc4C,EAAUC,UAAU,CAACD,EAAUE,OAAQF,EAAUG,OAAQH,EAAUI,QACjF7C,SAAUyC,EAAUK,KAAKC,WACzBjD,QAAS2C,EAAUO,QAAQP,EAAUQ,KAAKF,WAC1ChD,YAAa0C,EAAUG,OACvB3C,SAAUwC,EAAUS,KACpBhD,SAAUuC,EAAUS,KACpB/C,QAASsC,EAAUU,MAAM,CAAA,GAAIJ,WAC7B3C,YAAaqC,EAAUK,KACvBzC,UAAWoC,EAAUG,OACrB,cAAeH,EAAUG,QAG3BlD,EAAe0D,aAAe,CAC5BxD,kBAAcyB,EACdxB,kBAAcwB,EACdpB,UAAU,EACVF,YAAa,mBACbG,UAAU,EACVE,iBAAaiB,EACbhB,UAAW,GACX,cAAe,kBAGjB,IAOMgD,EAAuB/D,EAPX,CAChByB,YAAa,CAAEuC,SAAU,QAASC,SAAU,QAASC,OAAQ,oBAC7D7B,WAAY,CAAE8B,UAAW,SACzB/C,SAAU,CAAE4C,SAAU,SACtB3C,iBAAkB,CAAEnB,YAAa,MAAO8D,SAAU,UAGvBhE,CAAsBI"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SettingEditors/DropdownEditor/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Select,\n  Checkbox,\n  MenuItem,\n  InputLabel,\n  FormControl,\n  withStyles,\n  FormHelperText,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst StyledCheckbox = withStyles({ root: { paddingLeft: '7px' } })(Checkbox);\n\nfunction DropdownEditor({\n  currentValue,\n  defaultValue,\n  options,\n  placeholder = 'Choose An Option',\n  onChange,\n  multiple = false,\n  disabled = false,\n  classes,\n  renderValue,\n  errorText = '',\n  'data-testid': PAGE_NAME = 'DropdownEditor',\n}) {\n  const value = currentValue || defaultValue;\n  const menuItemClassName = classNames(classes.menuItem, multiple && classes.multipleMenuItem);\n\n  return (\n    <FormControl className={classes.formControl} error={!!errorText}>\n      <InputLabel shrink={value !== undefined}>{placeholder}</InputLabel>\n      <Select\n        data-testid={`${PAGE_NAME}_select`}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        multiple={multiple}\n        disabled={disabled}\n        renderValue={renderValue}\n        MenuProps={{\n          className: classes.selectMenu,\n          anchorOrigin: { vertical: 'top' },\n        }}\n        autoWidth\n        displayEmpty\n      >\n        {options &&\n          options.map(option => {\n            return (\n              <MenuItem\n                data-testid={`${PAGE_NAME}_item_${option.label}MenuItem`}\n                key={option.value}\n                value={option.value}\n                className={menuItemClassName}\n              >\n                {multiple && (\n                  <StyledCheckbox color=\"primary\" checked={value && value.includes(option.value)} />\n                )}\n                {option.label}\n              </MenuItem>\n            );\n          })}\n      </Select>\n      {!!errorText && <FormHelperText>{errorText}</FormHelperText>}\n    </FormControl>\n  );\n}\n\nDropdownEditor.propTypes = {\n  currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]),\n  onChange: PropTypes.func.isRequired,\n  options: PropTypes.arrayOf(PropTypes.any).isRequired,\n  placeholder: PropTypes.string,\n  multiple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  classes: PropTypes.shape({}).isRequired,\n  renderValue: PropTypes.func,\n  errorText: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nconst muiStyles = {\n  formControl: { minWidth: '200px', maxWidth: '200px', margin: '10px 20px 10px 0' },\n  selectMenu: { maxHeight: '400px' },\n  menuItem: { minWidth: '200px' },\n  multipleMenuItem: { paddingLeft: '5px', minWidth: '200px' },\n};\n\nconst StyledDropdownEditor = withStyles(muiStyles)(DropdownEditor);\nexport default StyledDropdownEditor;\n\n/**\n * A High-Order Component that allows setting up an editor component\n * @param {Object[]} options - The array of dropdown options\n * @param {string|React.Element} options[].label - Label of dropdown option\n * @param {*} options[].value - Value of dropdown option.\n * @param {Object} dropdownProps - Passing additional props to dropdown component\n * @param {boolean} dropdownProps.multiple - Indicates using multiselect dropdown\n */\nexport const dropdownEditorForDefinitions =\n  (options, dropdownProps = {}) =>\n  props =>\n    <StyledDropdownEditor {...props} {...dropdownProps} options={options} />;\n"],"names":["StyledCheckbox","withStyles","root","paddingLeft","Checkbox","DropdownEditor","_ref","currentValue","defaultValue","options","_ref$placeholder","placeholder","onChange","_ref$multiple","multiple","_ref$disabled","disabled","classes","renderValue","_ref$errorText","errorText","_ref$dataTestid","PAGE_NAME","value","menuItemClassName","classNames","menuItem","multipleMenuItem","_jsxs","FormControl","className","formControl","error","children","_jsx","InputLabel","shrink","undefined","Select","concat","e","target","MenuProps","selectMenu","anchorOrigin","vertical","autoWidth","displayEmpty","map","option","MenuItem","label","color","checked","includes","FormHelperText","propTypes","PropTypes","oneOfType","number","string","array","func","isRequired","arrayOf","any","bool","shape","StyledDropdownEditor","minWidth","maxWidth","margin","maxHeight"],"mappings":"gSAYA,IAAMA,EAAiBC,EAAW,CAAEC,KAAM,CAAEC,YAAa,QAAlCF,CAA6CG,GAEpE,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,EAAWR,EAAQS,SAAUZ,GAAYG,EAAQU,kBAE3E,OACEC,EAACC,EAAW,CAACC,UAAWb,EAAQc,YAAaC,QAASZ,EAAUa,SAAA,CAC9DC,EAACC,EAAU,CAACC,YAAkBC,IAAVd,EAAoBU,SAAEtB,IAC1CuB,EAACI,EAAM,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,EAACsB,EAAQ,CACP,cAAA,GAAAX,OAAgBjB,EAAS,UAAAiB,OAASU,EAAOE,MAAgB,YAEzD5B,MAAO0B,EAAO1B,MACdO,UAAWN,EAAkBS,SAE5BnB,CAAAA,GACCoB,EAAClC,EAAc,CAACoD,MAAM,UAAUC,QAAS9B,GAASA,EAAM+B,SAASL,EAAO1B,SAEzE0B,EAAOE,QAPHF,EAAO1B,cAYnBH,GAAac,EAACqB,EAAc,CAAAtB,SAAEb,MAGvC,CAEAf,EAAemD,UAAY,CACzBjD,aAAckD,EAAUC,UAAU,CAACD,EAAUE,OAAQF,EAAUG,OAAQH,EAAUI,QACjFrD,aAAciD,EAAUC,UAAU,CAACD,EAAUE,OAAQF,EAAUG,OAAQH,EAAUI,QACjFjD,SAAU6C,EAAUK,KAAKC,WACzBtD,QAASgD,EAAUO,QAAQP,EAAUQ,KAAKF,WAC1CpD,YAAa8C,EAAUG,OACvB9C,SAAU2C,EAAUS,KACpBlD,SAAUyC,EAAUS,KACpBjD,QAASwC,EAAUU,MAAM,CAAA,GAAIJ,WAC7B7C,YAAauC,EAAUK,KACvB1C,UAAWqC,EAAUG,OACrB,cAAeH,EAAUG,QAG3B,IAOMQ,EAAuBnE,EAPX,CAChB8B,YAAa,CAAEsC,SAAU,QAASC,SAAU,QAASC,OAAQ,oBAC7D5B,WAAY,CAAE6B,UAAW,SACzB9C,SAAU,CAAE2C,SAAU,SACtB1C,iBAAkB,CAAExB,YAAa,MAAOkE,SAAU,UAGvBpE,CAAsBI"}

package/components/SlateFormattedText/Elements/ImageElement/ImageElement.d.ts

@@ -13,10 +13,6 @@ declare namespace ImageElement {
         imageWidth: PropTypes.Requireable<string>;
         mode: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        imageWidth: undefined;
-        mode: undefined;
-    };
 }
 export default ImageElement;
 //# sourceMappingURL=ImageElement.d.ts.map

package/components/SlateFormattedText/Elements/ImageElement/ImageElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/components/SlateFormattedText/Elements/ImageElement/ImageElement.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;8BAUd,KAAK,KAAA;;;;;;;;;;;;;;;;;;;eAwHX,YAAY"}
+{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/components/SlateFormattedText/Elements/ImageElement/ImageElement.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;8BAUd,KAAK,KAAA;;;;;;;;;;;;;;;eAmHX,YAAY"}

package/components/SlateFormattedText/Elements/ImageElement/ImageElement.js

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

package/components/SlateFormattedText/Elements/ImageElement/ImageElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageElement.js","sources":["../../../../../src/components/SlateFormattedText/Elements/ImageElement/ImageElement.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport { Transforms } from 'slate';\nimport { useSlateStatic, ReactEditor } from 'slate-react';\n\nimport styles from './ImageElement.css';\n\nconst CONTENT_PADDING = 24;\nconst MIN_PANE_SIZE = 150;\n\nconst ImageElement = props => {\n  const { attributes, element, imageWidth, mode, children } = props;\n  const isWriteMode = mode === 'write';\n  const wrapperRef = useRef();\n  const imageRef = useRef();\n  const editor = useSlateStatic();\n\n  const pointermoveController = new AbortController();\n\n  const setPaneWidth = width => {\n    if (wrapperRef.current) {\n      wrapperRef.current.style.setProperty('width', `${width}px`);\n    }\n  };\n\n  const getPaneWidth = () => {\n    const containerElement = document.getElementById(`resizable${element.url}`);\n    const pxWidth =\n      containerElement && window.getComputedStyle(containerElement).getPropertyValue('width');\n    return pxWidth ? parseInt(pxWidth, 10) : document.body.clientWidth;\n  };\n\n  const stopDragging = () => {\n    // update Slate element params\n    Transforms.removeNodes(editor, { at: ReactEditor.findPath(editor, element) });\n    Transforms.insertNodes(\n      editor,\n      { ...element, dimensions: { width: getPaneWidth() - CONTENT_PADDING } },\n      { at: ReactEditor.findPath(editor, element) }\n    );\n    document.body.removeEventListener('pointerup', stopDragging);\n  };\n\n  const pageContent = document.getElementsByClassName('c-docs-custom-page-content');\n  const maxPaneSize =\n    (pageContent && pageContent[0] && pageContent[0].offsetWidth - CONTENT_PADDING * 1.5) ||\n    document.body.clientWidth * 0.5;\n\n  const mouseDragHandler = (moveEvent, xOffset, startingPaneWidth) => {\n    moveEvent.preventDefault();\n    if (getPaneWidth() < MIN_PANE_SIZE || getPaneWidth() > maxPaneSize) {\n      setPaneWidth(Math.min(Math.max(getPaneWidth(), MIN_PANE_SIZE), maxPaneSize));\n      return;\n    }\n    const paneOriginAdjustment = -1;\n    setPaneWidth((xOffset - moveEvent.pageX) * paneOriginAdjustment + startingPaneWidth);\n  };\n\n  const startDraggingRight = event => {\n    const startingPaneWidth = getPaneWidth();\n    const xOffset = event.pageX;\n\n    document.body.addEventListener(\n      'pointermove',\n      moveEvent => mouseDragHandler(moveEvent, xOffset, startingPaneWidth),\n      { signal: pointermoveController.signal }\n    );\n    document.body.addEventListener('pointerup', stopDragging);\n  };\n\n  useEffect(() => {\n    if (wrapperRef.current && isWriteMode) {\n      wrapperRef.current.addEventListener('mousedown', startDraggingRight);\n    }\n\n    return () => {\n      pointermoveController.abort();\n      document.body.removeEventListener('pointerup', stopDragging);\n      document.body.removeEventListener('pointermove', stopDragging);\n      if (wrapperRef.current) {\n        wrapperRef.current.removeEventListener('mousedown', startDraggingRight);\n      }\n    };\n  }, [mode]);\n\n  const containerWidth = element.dimensions?.width + CONTENT_PADDING;\n\n  return (\n    <div {...attributes}>\n      <div contentEditable={false}>\n        {element && (\n          <div\n            style={{\n              width: containerWidth || imageWidth,\n            }}\n            ref={wrapperRef}\n            id={`resizable${element.url}`}\n            className={styles.resizable}\n          >\n            <div className={styles.container}>\n              {isWriteMode && <div className={styles.handleLeft} />}\n              <img src={element.url} className={styles.image} ref={imageRef} alt=\"\" />\n              {isWriteMode && <div className={styles.handleRight} />}\n            </div>\n          </div>\n        )}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nImageElement.propTypes = {\n  attributes: PropTypes.shape({}).isRequired,\n  children: PropTypes.node.isRequired,\n  element: PropTypes.shape({\n    url: PropTypes.string.isRequired,\n    dimensions: PropTypes.shape({\n      width: PropTypes.string,\n    }),\n  }).isRequired,\n  imageWidth: PropTypes.string,\n  mode: PropTypes.string,\n};\n\nImageElement.defaultProps = {\n  imageWidth: undefined,\n  mode: undefined,\n};\n\nexport default ImageElement;\n"],"names":["ImageElement","props","_element$dimensions","attributes","element","imageWidth","mode","children","isWriteMode","wrapperRef","useRef","imageRef","editor","useSlateStatic","pointermoveController","AbortController","setPaneWidth","width","current","style","setProperty","getPaneWidth","containerElement","document","getElementById","url","pxWidth","window","getComputedStyle","getPropertyValue","parseInt","body","clientWidth","stopDragging","Transforms","removeNodes","at","ReactEditor","findPath","insertNodes","dimensions","removeEventListener","pageContent","getElementsByClassName","maxPaneSize","offsetWidth","CONTENT_PADDING","startDraggingRight","event","startingPaneWidth","xOffset","pageX","addEventListener","moveEvent","preventDefault","Math","min","max","mouseDragHandler","signal","useEffect","abort","containerWidth","_jsxs","_jsx","contentEditable","ref","id","className","styles","resizable","container","handleLeft","src","image","alt","handleRight","propTypes","PropTypes","shape","isRequired","node","string","defaultProps","undefined"],"mappings":"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"}
+{"version":3,"file":"ImageElement.js","sources":["../../../../../src/components/SlateFormattedText/Elements/ImageElement/ImageElement.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport { Transforms } from 'slate';\nimport { useSlateStatic, ReactEditor } from 'slate-react';\n\nimport styles from './ImageElement.css';\n\nconst CONTENT_PADDING = 24;\nconst MIN_PANE_SIZE = 150;\n\nconst ImageElement = props => {\n  const { attributes, element, imageWidth, mode, children } = props;\n  const isWriteMode = mode === 'write';\n  const wrapperRef = useRef();\n  const imageRef = useRef();\n  const editor = useSlateStatic();\n\n  const pointermoveController = new AbortController();\n\n  const setPaneWidth = width => {\n    if (wrapperRef.current) {\n      wrapperRef.current.style.setProperty('width', `${width}px`);\n    }\n  };\n\n  const getPaneWidth = () => {\n    const containerElement = document.getElementById(`resizable${element.url}`);\n    const pxWidth =\n      containerElement && window.getComputedStyle(containerElement).getPropertyValue('width');\n    return pxWidth ? parseInt(pxWidth, 10) : document.body.clientWidth;\n  };\n\n  const stopDragging = () => {\n    // update Slate element params\n    Transforms.removeNodes(editor, { at: ReactEditor.findPath(editor, element) });\n    Transforms.insertNodes(\n      editor,\n      { ...element, dimensions: { width: getPaneWidth() - CONTENT_PADDING } },\n      { at: ReactEditor.findPath(editor, element) }\n    );\n    document.body.removeEventListener('pointerup', stopDragging);\n  };\n\n  const pageContent = document.getElementsByClassName('c-docs-custom-page-content');\n  const maxPaneSize =\n    (pageContent && pageContent[0] && pageContent[0].offsetWidth - CONTENT_PADDING * 1.5) ||\n    document.body.clientWidth * 0.5;\n\n  const mouseDragHandler = (moveEvent, xOffset, startingPaneWidth) => {\n    moveEvent.preventDefault();\n    if (getPaneWidth() < MIN_PANE_SIZE || getPaneWidth() > maxPaneSize) {\n      setPaneWidth(Math.min(Math.max(getPaneWidth(), MIN_PANE_SIZE), maxPaneSize));\n      return;\n    }\n    const paneOriginAdjustment = -1;\n    setPaneWidth((xOffset - moveEvent.pageX) * paneOriginAdjustment + startingPaneWidth);\n  };\n\n  const startDraggingRight = event => {\n    const startingPaneWidth = getPaneWidth();\n    const xOffset = event.pageX;\n\n    document.body.addEventListener(\n      'pointermove',\n      moveEvent => mouseDragHandler(moveEvent, xOffset, startingPaneWidth),\n      { signal: pointermoveController.signal }\n    );\n    document.body.addEventListener('pointerup', stopDragging);\n  };\n\n  useEffect(() => {\n    if (wrapperRef.current && isWriteMode) {\n      wrapperRef.current.addEventListener('mousedown', startDraggingRight);\n    }\n\n    return () => {\n      pointermoveController.abort();\n      document.body.removeEventListener('pointerup', stopDragging);\n      document.body.removeEventListener('pointermove', stopDragging);\n      if (wrapperRef.current) {\n        wrapperRef.current.removeEventListener('mousedown', startDraggingRight);\n      }\n    };\n  }, [mode]);\n\n  const containerWidth = element.dimensions?.width + CONTENT_PADDING;\n\n  return (\n    <div {...attributes}>\n      <div contentEditable={false}>\n        {element && (\n          <div\n            style={{\n              width: containerWidth || imageWidth,\n            }}\n            ref={wrapperRef}\n            id={`resizable${element.url}`}\n            className={styles.resizable}\n          >\n            <div className={styles.container}>\n              {isWriteMode && <div className={styles.handleLeft} />}\n              <img src={element.url} className={styles.image} ref={imageRef} alt=\"\" />\n              {isWriteMode && <div className={styles.handleRight} />}\n            </div>\n          </div>\n        )}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nImageElement.propTypes = {\n  attributes: PropTypes.shape({}).isRequired,\n  children: PropTypes.node.isRequired,\n  element: PropTypes.shape({\n    url: PropTypes.string.isRequired,\n    dimensions: PropTypes.shape({\n      width: PropTypes.string,\n    }),\n  }).isRequired,\n  imageWidth: PropTypes.string,\n  mode: PropTypes.string,\n};\n\nexport default ImageElement;\n"],"names":["ImageElement","props","_element$dimensions","attributes","element","imageWidth","mode","children","isWriteMode","wrapperRef","useRef","imageRef","editor","useSlateStatic","pointermoveController","AbortController","setPaneWidth","width","current","style","setProperty","getPaneWidth","containerElement","document","getElementById","url","pxWidth","window","getComputedStyle","getPropertyValue","parseInt","body","clientWidth","stopDragging","Transforms","removeNodes","at","ReactEditor","findPath","insertNodes","dimensions","removeEventListener","pageContent","getElementsByClassName","maxPaneSize","offsetWidth","CONTENT_PADDING","startDraggingRight","event","startingPaneWidth","xOffset","pageX","addEventListener","moveEvent","preventDefault","Math","min","max","mouseDragHandler","signal","useEffect","abort","containerWidth","_jsxs","_jsx","contentEditable","ref","id","className","styles","resizable","container","handleLeft","src","image","alt","handleRight","propTypes","PropTypes","shape","isRequired","node","string"],"mappings":"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"}

package/components/SlateFormattedText/SlateFormattedText.d.ts

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types';
 declare function SlateFormattedText({ text, textsList, defaultText, defaultRenderingTextNode, locator, }: {
     defaultRenderingTextNode: any;
-    defaultText: any;
-    locator: any;
-    text: any;
-    textsList: any;
+    defaultText?: string | undefined;
+    locator?: string | undefined;
+    text?: string | undefined;
+    textsList?: any[] | undefined;
 }): any;
 declare namespace SlateFormattedText {
     var propTypes: {
@@ -14,13 +14,6 @@ declare namespace SlateFormattedText {
         defaultRenderingTextNode: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         locator: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        text: string;
-        textsList: never[];
-        defaultText: string;
-        defaultRenderingTextNode: undefined;
-        locator: string;
-    };
 }
 export default SlateFormattedText;
 //# sourceMappingURL=SlateFormattedText.d.ts.map

package/components/SlateFormattedText/SlateFormattedText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlateFormattedText.d.ts","sourceRoot":"","sources":["../../../src/components/SlateFormattedText/SlateFormattedText.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;oCAUP,EAC1B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,wBAAwB,EACxB,OAAO,GACR;;;;;;CAAA;;;;;;;;;;;;;;;;;eA6Fc,kBAAkB"}
+{"version":3,"file":"SlateFormattedText.d.ts","sourceRoot":"","sources":["../../../src/components/SlateFormattedText/SlateFormattedText.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;oCAUP,EAC1B,IAAS,EACT,SAAmD,EACnD,WAAgB,EAChB,wBAAwB,EACxB,OAA8C,GAC/C;;;;;;CAAA;;;;;;;;;;eAwFc,kBAAkB"}

package/components/SlateFormattedText/SlateFormattedText.js

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

package/components/SlateFormattedText/SlateFormattedText.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlateFormattedText.js","sources":["../../../src/components/SlateFormattedText/SlateFormattedText.js"],"sourcesContent":["import { useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Slate, Editable, withReact } from 'slate-react';\nimport { createEditor } from 'slate';\nimport { every } from 'lodash';\n\nimport { Leaf, Element } from './RenderElements';\nimport { slateFormattingTextUtils } from './utils';\n\nconst PAGE_NAME = 'SlateFormattedText';\n\nconst SlateFormattedText = ({\n  text,\n  textsList,\n  defaultText,\n  defaultRenderingTextNode,\n  locator,\n}) => {\n  const currentLocator = `${locator}_slateText`;\n  const editor = useMemo(() => withReact(createEditor()), []);\n  const renderElement = useCallback(props => <Element {...props} />, []);\n  const renderLeaf = useCallback(props => <Leaf {...props} />, []);\n\n  const { isValidSlateJSON, parsedSlateJSON, isEmptySlateJSON } = useMemo(() => {\n    let { isTextValidSlateJSON, parsedJSON } = slateFormattingTextUtils.getValidSlateJSON(text);\n\n    if (textsList.length) {\n      const validatedAndParsedTextsList = textsList.map(item =>\n        slateFormattingTextUtils.getValidSlateJSON(item)\n      );\n      isTextValidSlateJSON = every(validatedAndParsedTextsList, item => item.isTextValidSlateJSON);\n      parsedJSON = slateFormattingTextUtils.getDefaultParagraphObjectEmpty();\n\n      if (isTextValidSlateJSON) {\n        validatedAndParsedTextsList.forEach(item => {\n          const parsedItem = item.parsedJSON;\n          if (!slateFormattingTextUtils.isSlateTextEmpty(parsedItem)) {\n            parsedJSON[0].children = parsedJSON[0].children.concat(\n              ...parsedItem.map(el => el.children)\n            );\n          }\n\n          parsedJSON[0].children = parsedJSON[0].children.concat({ text: '\\n' });\n        });\n      }\n    }\n\n    const isTextEmptySlateJSON =\n      isTextValidSlateJSON && slateFormattingTextUtils.isSlateTextEmpty(parsedJSON);\n    return {\n      isValidSlateJSON: isTextValidSlateJSON,\n      parsedSlateJSON: parsedJSON,\n      isEmptySlateJSON: isTextEmptySlateJSON,\n    };\n  }, [text, String(textsList)]);\n\n  const textFormatted = slateFormattingTextUtils.getFormattedText({\n    isValid: isValidSlateJSON,\n    isEmpty: isEmptySlateJSON,\n    text,\n    parsedText: parsedSlateJSON,\n    defaultText,\n  });\n\n  let notSlateText;\n\n  if (textsList.length > 0) {\n    notSlateText = textsList.map(textsListItem => (\n      <span data-testid={`${currentLocator}_listItem`} key={textsListItem}>\n        {textsListItem}\n        <br />\n      </span>\n    ));\n  } else {\n    notSlateText =\n      (isValidSlateJSON && isEmptySlateJSON) || !defaultRenderingTextNode\n        ? textFormatted\n        : defaultRenderingTextNode;\n  }\n\n  return isValidSlateJSON && !isEmptySlateJSON ? (\n    <Slate editor={editor} value={textFormatted}>\n      <Editable\n        data-testid={`${currentLocator}_editable`}\n        renderElement={renderElement}\n        renderLeaf={renderLeaf}\n        readOnly\n      />\n    </Slate>\n  ) : (\n    notSlateText\n  );\n};\n\nSlateFormattedText.propTypes = {\n  text: PropTypes.string,\n  textsList: PropTypes.arrayOf(PropTypes.string),\n  defaultText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  defaultRenderingTextNode: PropTypes.node,\n  locator: PropTypes.string,\n};\n\nSlateFormattedText.defaultProps = {\n  text: '',\n  textsList: [],\n  defaultText: '',\n  defaultRenderingTextNode: undefined,\n  locator: PAGE_NAME,\n};\n\nexport default SlateFormattedText;\n"],"names":["SlateFormattedText","_ref","notSlateText","text","textsList","defaultText","defaultRenderingTextNode","locator","currentLocator","editor","useMemo","withReact","createEditor","renderElement","useCallback","props","_jsx","Element","renderLeaf","Leaf","_slateFormattingTextU","slateFormattingTextUtils","getValidSlateJSON","isTextValidSlateJSON","parsedJSON","length","validatedAndParsedTextsList","map","item","every","getDefaultParagraphObjectEmpty","forEach","_parsedJSON$0$childre","parsedItem","isSlateTextEmpty","children","concat","apply","_toConsumableArray","el","isTextEmptySlateJSON","isValidSlateJSON","parsedSlateJSON","isEmptySlateJSON","String","textFormatted","getFormattedText","isValid","isEmpty","parsedText","textsListItem","_jsxs","Slate","value","Editable","readOnly","propTypes","PropTypes","string","arrayOf","oneOfType","node","defaultProps","undefined"],"mappings":"4hCASA,IAEMA,EAAqB,SAMrBC,GAAA,IA+CAC,EApDJC,IAAAA,KACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,yBACAC,IAAAA,QAEMC,EAAoBD,GAAAA,OAAAA,EAAmB,cACvCE,EAASC,GAAQ,WAAA,OAAMC,EAAUC,IAAe,GAAE,IAClDC,EAAgBC,GAAY,SAAAC,GAAK,OAAIC,EAACC,EAAYF,EAAAA,CAAAA,EAAAA,GAAS,GAAE,IAC7DG,EAAaJ,GAAY,SAAAC,GAAK,OAAIC,EAACG,EAASJ,EAAAA,CAAAA,EAAAA,GAAS,GAAE,IAEGL,EAAAA,GAAQ,WACtE,IAAAU,EAA2CC,EAAyBC,kBAAkBnB,GAAhFoB,IAAAA,qBAAsBC,IAAAA,WAE5B,GAAIpB,EAAUqB,OAAQ,CACpB,IAAMC,EAA8BtB,EAAUuB,KAAI,SAAAC,GAAI,OACpDP,EAAyBC,kBAAkBM,MAE7CL,EAAuBM,EAAMH,GAA6B,SAAAE,GAAI,OAAIA,EAAKL,wBACvEC,EAAaH,EAAyBS,iCAElCP,GACFG,EAA4BK,SAAQ,SAAAH,GAClC,IAC4DI,EADtDC,EAAaL,EAAKJ,WACnBH,EAAyBa,iBAAiBD,KAC7CT,EAAW,GAAGW,UAAWH,EAAAR,EAAW,GAAGW,UAASC,OAAMC,MAAAL,EAAAM,EACjDL,EAAWN,KAAI,SAAAY,GAAE,OAAIA,EAAGJ,QAAQ,OAIvCX,EAAW,GAAGW,SAAWX,EAAW,GAAGW,SAASC,OAAO,CAAEjC,KAAM,MACjE,GAEJ,CAEA,IAAMqC,EACJjB,GAAwBF,EAAyBa,iBAAiBV,GACpE,MAAO,CACLiB,iBAAkBlB,EAClBmB,gBAAiBlB,EACjBmB,iBAAkBH,EAErB,GAAE,CAACrC,EAAMyC,OAAOxC,KA/BTqC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,iBAiCrCE,EAAgBxB,EAAyByB,iBAAiB,CAC9DC,QAASN,EACTO,QAASL,EACTxC,KAAAA,EACA8C,WAAYP,EACZrC,YAAAA,IAmBF,OAbEH,EADEE,EAAUqB,OAAS,EACNrB,EAAUuB,KAAI,SAAAuB,GAAa,OACxCC,EAAA,OAAA,CAAM,cAAA,GAAAf,OAAgB5B,EAA0B,aAAA2B,SAC7Ce,CAAAA,EACDlC,EAAM,KAAA,CAAA,KAF8CkC,EAG/C,IAINT,GAAoBE,IAAsBrC,EACvCuC,EACAvC,EAGDmC,IAAqBE,EAC1B3B,EAACoC,EAAK,CAAC3C,OAAQA,EAAQ4C,MAAOR,EAAcV,SAC1CnB,EAACsC,EAAQ,CACP,cAAA,GAAAlB,OAAgB5B,EAA0B,aAC1CK,cAAeA,EACfK,WAAYA,EACZqC,UAAQ,MAIZrD,CAEJ,EAEAF,EAAmBwD,UAAY,CAC7BrD,KAAMsD,EAAUC,OAChBtD,UAAWqD,EAAUE,QAAQF,EAAUC,QACvCrD,YAAaoD,EAAUG,UAAU,CAACH,EAAUC,OAAQD,EAAUI,OAC9DvD,yBAA0BmD,EAAUI,KACpCtD,QAASkD,EAAUC,QAGrB1D,EAAmB8D,aAAe,CAChC3D,KAAM,GACNC,UAAW,GACXC,YAAa,GACbC,8BAA0ByD,EAC1BxD,QAlGgB"}
+{"version":3,"file":"SlateFormattedText.js","sources":["../../../src/components/SlateFormattedText/SlateFormattedText.js"],"sourcesContent":["import { useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Slate, Editable, withReact } from 'slate-react';\nimport { createEditor } from 'slate';\nimport { every } from 'lodash';\n\nimport { Leaf, Element } from './RenderElements';\nimport { slateFormattingTextUtils } from './utils';\n\nconst PAGE_NAME = 'SlateFormattedText';\n\nconst SlateFormattedText = ({\n  text = '',\n  textsList = DEFAULT_SLATE_FORMATTED_TEXT_TEXTS_LIST,\n  defaultText = '',\n  defaultRenderingTextNode,\n  locator = DEFAULT_SLATE_FORMATTED_TEXT_LOCATOR,\n}) => {\n  const currentLocator = `${locator}_slateText`;\n  const editor = useMemo(() => withReact(createEditor()), []);\n  const renderElement = useCallback(props => <Element {...props} />, []);\n  const renderLeaf = useCallback(props => <Leaf {...props} />, []);\n\n  const { isValidSlateJSON, parsedSlateJSON, isEmptySlateJSON } = useMemo(() => {\n    let { isTextValidSlateJSON, parsedJSON } = slateFormattingTextUtils.getValidSlateJSON(text);\n\n    if (textsList.length) {\n      const validatedAndParsedTextsList = textsList.map(item =>\n        slateFormattingTextUtils.getValidSlateJSON(item)\n      );\n      isTextValidSlateJSON = every(validatedAndParsedTextsList, item => item.isTextValidSlateJSON);\n      parsedJSON = slateFormattingTextUtils.getDefaultParagraphObjectEmpty();\n\n      if (isTextValidSlateJSON) {\n        validatedAndParsedTextsList.forEach(item => {\n          const parsedItem = item.parsedJSON;\n          if (!slateFormattingTextUtils.isSlateTextEmpty(parsedItem)) {\n            parsedJSON[0].children = parsedJSON[0].children.concat(\n              ...parsedItem.map(el => el.children)\n            );\n          }\n\n          parsedJSON[0].children = parsedJSON[0].children.concat({ text: '\\n' });\n        });\n      }\n    }\n\n    const isTextEmptySlateJSON =\n      isTextValidSlateJSON && slateFormattingTextUtils.isSlateTextEmpty(parsedJSON);\n    return {\n      isValidSlateJSON: isTextValidSlateJSON,\n      parsedSlateJSON: parsedJSON,\n      isEmptySlateJSON: isTextEmptySlateJSON,\n    };\n  }, [text, String(textsList)]);\n\n  const textFormatted = slateFormattingTextUtils.getFormattedText({\n    isValid: isValidSlateJSON,\n    isEmpty: isEmptySlateJSON,\n    text,\n    parsedText: parsedSlateJSON,\n    defaultText,\n  });\n\n  let notSlateText;\n\n  if (textsList.length > 0) {\n    notSlateText = textsList.map(textsListItem => (\n      <span data-testid={`${currentLocator}_listItem`} key={textsListItem}>\n        {textsListItem}\n        <br />\n      </span>\n    ));\n  } else {\n    notSlateText =\n      (isValidSlateJSON && isEmptySlateJSON) || !defaultRenderingTextNode\n        ? textFormatted\n        : defaultRenderingTextNode;\n  }\n\n  return isValidSlateJSON && !isEmptySlateJSON ? (\n    <Slate editor={editor} value={textFormatted}>\n      <Editable\n        data-testid={`${currentLocator}_editable`}\n        renderElement={renderElement}\n        renderLeaf={renderLeaf}\n        readOnly\n      />\n    </Slate>\n  ) : (\n    notSlateText\n  );\n};\n\nSlateFormattedText.propTypes = {\n  text: PropTypes.string,\n  textsList: PropTypes.arrayOf(PropTypes.string),\n  defaultText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  defaultRenderingTextNode: PropTypes.node,\n  locator: PropTypes.string,\n};\n\nconst DEFAULT_SLATE_FORMATTED_TEXT_TEXTS_LIST = [];\nconst DEFAULT_SLATE_FORMATTED_TEXT_LOCATOR = PAGE_NAME;\n\nexport default SlateFormattedText;\n"],"names":["SlateFormattedText","_ref","notSlateText","_ref$text","text","_ref$textsList","textsList","DEFAULT_SLATE_FORMATTED_TEXT_TEXTS_LIST","_ref$defaultText","defaultText","defaultRenderingTextNode","_ref$locator","locator","currentLocator","DEFAULT_SLATE_FORMATTED_TEXT_LOCATOR","editor","useMemo","withReact","createEditor","renderElement","useCallback","props","_jsx","Element","renderLeaf","Leaf","_slateFormattingTextU","slateFormattingTextUtils","getValidSlateJSON","isTextValidSlateJSON","parsedJSON","length","validatedAndParsedTextsList","map","item","every","getDefaultParagraphObjectEmpty","forEach","_parsedJSON$0$childre","parsedItem","isSlateTextEmpty","children","concat","apply","_toConsumableArray","el","isTextEmptySlateJSON","isValidSlateJSON","parsedSlateJSON","isEmptySlateJSON","String","textFormatted","getFormattedText","isValid","isEmpty","parsedText","textsListItem","_jsxs","Slate","value","Editable","readOnly","propTypes","PropTypes","string","arrayOf","oneOfType","node"],"mappings":"4hCASA,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,GAAQ,WAAA,OAAMC,EAAUC,IAAe,GAAE,IAClDC,EAAgBC,GAAY,SAAAC,GAAK,OAAIC,EAACC,EAAYF,EAAAA,CAAAA,EAAAA,GAAS,GAAE,IAC7DG,EAAaJ,GAAY,SAAAC,GAAK,OAAIC,EAACG,EAASJ,EAAAA,CAAAA,EAAAA,GAAS,GAAE,IAEGL,EAAAA,GAAQ,WACtE,IAAAU,EAA2CC,EAAyBC,kBAAkBxB,GAAhFyB,IAAAA,qBAAsBC,IAAAA,WAE5B,GAAIxB,EAAUyB,OAAQ,CACpB,IAAMC,EAA8B1B,EAAU2B,KAAI,SAAAC,GAAI,OACpDP,EAAyBC,kBAAkBM,MAE7CL,EAAuBM,EAAMH,GAA6B,SAAAE,GAAI,OAAIA,EAAKL,wBACvEC,EAAaH,EAAyBS,iCAElCP,GACFG,EAA4BK,SAAQ,SAAAH,GAClC,IAC4DI,EADtDC,EAAaL,EAAKJ,WACnBH,EAAyBa,iBAAiBD,KAC7CT,EAAW,GAAGW,UAAWH,EAAAR,EAAW,GAAGW,UAASC,OAAMC,MAAAL,EAAAM,EACjDL,EAAWN,KAAI,SAAAY,GAAE,OAAIA,EAAGJ,QAAQ,OAIvCX,EAAW,GAAGW,SAAWX,EAAW,GAAGW,SAASC,OAAO,CAAEtC,KAAM,MACjE,GAEJ,CAEA,IAAM0C,EACJjB,GAAwBF,EAAyBa,iBAAiBV,GACpE,MAAO,CACLiB,iBAAkBlB,EAClBmB,gBAAiBlB,EACjBmB,iBAAkBH,EAErB,GAAE,CAAC1C,EAAM8C,OAAO5C,KA/BTyC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,iBAiCrCE,EAAgBxB,EAAyByB,iBAAiB,CAC9DC,QAASN,EACTO,QAASL,EACT7C,KAAAA,EACAmD,WAAYP,EACZvC,YAAAA,IAmBF,OAbEP,EADEI,EAAUyB,OAAS,EACNzB,EAAU2B,KAAI,SAAAuB,GAAa,OACxCC,EAAA,OAAA,CAAM,cAAA,GAAAf,OAAgB7B,EAA0B,aAAA4B,SAC7Ce,CAAAA,EACDlC,EAAM,KAAA,CAAA,KAF8CkC,EAG/C,IAINT,GAAoBE,IAAsBvC,EACvCyC,EACAzC,EAGDqC,IAAqBE,EAC1B3B,EAACoC,EAAK,CAAC3C,OAAQA,EAAQ4C,MAAOR,EAAcV,SAC1CnB,EAACsC,EAAQ,CACP,cAAA,GAAAlB,OAAgB7B,EAA0B,aAC1CM,cAAeA,EACfK,WAAYA,EACZqC,UAAQ,MAIZ3D,CAEJ,EAEAF,EAAmB8D,UAAY,CAC7B1D,KAAM2D,EAAUC,OAChB1D,UAAWyD,EAAUE,QAAQF,EAAUC,QACvCvD,YAAasD,EAAUG,UAAU,CAACH,EAAUC,OAAQD,EAAUI,OAC9DzD,yBAA0BqD,EAAUI,KACpCvD,QAASmD,EAAUC,QAGrB,IAAMzD,EAA0C,GAC1CO,EA9FY"}

package/components/StageDesignVActual/ComparisonBar/ComparisonBar.d.ts

@@ -1,7 +1,7 @@
 declare function ComparisonBar({ designVal, actualVal, isCalcMode }: {
     actualVal: any;
     designVal: any;
-    isCalcMode: any;
+    isCalcMode?: boolean | undefined;
 }): import("react").JSX.Element;
 declare namespace ComparisonBar {
     var propTypes: {
@@ -9,11 +9,6 @@ declare namespace ComparisonBar {
         actualVal: import("prop-types").Requireable<number>;
         isCalcMode: import("prop-types").Requireable<boolean>;
     };
-    var defaultProps: {
-        designVal: undefined;
-        actualVal: undefined;
-        isCalcMode: boolean;
-    };
 }
 export default ComparisonBar;
 //# sourceMappingURL=ComparisonBar.d.ts.map

package/components/StageDesignVActual/ComparisonBar/ComparisonBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonBar.d.ts","sourceRoot":"","sources":["../../../../src/components/StageDesignVActual/ComparisonBar/ComparisonBar.js"],"names":[],"mappings":"+BAwCuB,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE;;;;CAAA;;;;;;;;;;;;;eAkC5C,aAAa"}
+{"version":3,"file":"ComparisonBar.d.ts","sourceRoot":"","sources":["../../../../src/components/StageDesignVActual/ComparisonBar/ComparisonBar.js"],"names":[],"mappings":"+BAwCuB,EAAE,SAAS,EAAE,SAAS,EAAE,UAAkB,EAAE;;;;CAAA;;;;;;;;eA4BpD,aAAa"}

package/components/StageDesignVActual/ComparisonBar/ComparisonBar.js

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

package/components/StageDesignVActual/ComparisonBar/ComparisonBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonBar.js","sources":["../../../../src/components/StageDesignVActual/ComparisonBar/ComparisonBar.js"],"sourcesContent":["import { number, bool } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { getBarPercents } from './utils';\n\nimport { getDifference, getIsGreaterThanTenPercent } from '~/utils/StageDesignVActualUtils';\n\nconst useStyles = makeStyles(theme => ({\n  barContainer: {\n    position: 'relative',\n    height: '24px',\n    width: '100%',\n  },\n  designBar: ({ designBarPercent }) => ({\n    position: 'absolute',\n    background: '#2BCCFF',\n    opacity: 0.2,\n    top: '4px',\n    bottom: '4px',\n    width: `${designBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  actualBar: ({ showWarning, actualBarPercent }) => ({\n    position: 'absolute',\n    background: showWarning ? 'linear-gradient(to right, #2BCCFF , #F44336)' : '#2BCCFF',\n    top: '8px',\n    bottom: '8px',\n    width: `${actualBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  emptyBar: {\n    position: 'absolute',\n    top: '4px',\n    bottom: '4px',\n    width: '100%',\n    borderRadius: '2px',\n    background: theme.isLightTheme ? '#e2e2e2' : '#484848',\n  },\n}));\n\nconst ComparisonBar = ({ designVal, actualVal, isCalcMode }) => {\n  const { designBarPercent, actualBarPercent } = getBarPercents(designVal, actualVal);\n\n  const difference = getDifference(designVal, actualVal);\n\n  const isGreaterThanTenPercent = getIsGreaterThanTenPercent(difference);\n\n  // NOTE: If view mode is calc and actual value comes from prediction summary,\n  // we should only show warning for the actual value which is greater than design amount\n  const showWarning = isCalcMode ? actualVal > designVal : isGreaterThanTenPercent;\n\n  const classes = useStyles({ showWarning, designBarPercent, actualBarPercent });\n\n  return (\n    <div className={classes.barContainer}>\n      {!designVal && !actualVal && <div className={classes.emptyBar} />}\n      <div className={classes.designBar} />\n      <div className={classes.actualBar} />\n    </div>\n  );\n};\n\nComparisonBar.propTypes = {\n  designVal: number,\n  actualVal: number,\n  isCalcMode: bool,\n};\n\nComparisonBar.defaultProps = {\n  designVal: undefined,\n  actualVal: undefined,\n  isCalcMode: false,\n};\n\nexport default ComparisonBar;\n"],"names":["useStyles","makeStyles","theme","barContainer","position","height","width","designBar","_ref","designBarPercent","background","opacity","top","bottom","concat","borderRadius","actualBar","_ref2","showWarning","actualBarPercent","emptyBar","isLightTheme","ComparisonBar","_ref3","designVal","actualVal","isCalcMode","_getBarPercents","getBarPercents","difference","getDifference","isGreaterThanTenPercent","getIsGreaterThanTenPercent","classes","_jsxs","className","children","_jsx","propTypes","number","bool","defaultProps","undefined"],"mappings":"qSAOA,IAAMA,EAAYC,GAAW,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,EAAeJ,EAAWC,GAAjEhB,IAAAA,iBAAkBU,IAAAA,iBAEpBU,EAAaC,EAAcN,EAAWC,GAEtCM,EAA0BC,EAA2BH,GAMrDI,EAAUjC,EAAU,CAAEkB,YAFRQ,EAAaD,EAAYD,EAAYO,EAEhBtB,iBAAAA,EAAkBU,iBAAAA,IAE3D,OACEe,EAAA,MAAA,CAAKC,UAAWF,EAAQ9B,aAAaiC,SAAA,EACjCZ,IAAcC,GAAaY,EAAA,MAAA,CAAKF,UAAWF,EAAQb,WACrDiB,EAAA,MAAA,CAAKF,UAAWF,EAAQ1B,YACxB8B,EAAA,MAAA,CAAKF,UAAWF,EAAQjB,cAG9B,EAEAM,EAAcgB,UAAY,CACxBd,UAAWe,EACXd,UAAWc,EACXb,WAAYc,GAGdlB,EAAcmB,aAAe,CAC3BjB,eAAWkB,EACXjB,eAAWiB,EACXhB,YAAY"}
+{"version":3,"file":"ComparisonBar.js","sources":["../../../../src/components/StageDesignVActual/ComparisonBar/ComparisonBar.js"],"sourcesContent":["import { number, bool } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { getBarPercents } from './utils';\n\nimport { getDifference, getIsGreaterThanTenPercent } from '~/utils/StageDesignVActualUtils';\n\nconst useStyles = makeStyles(theme => ({\n  barContainer: {\n    position: 'relative',\n    height: '24px',\n    width: '100%',\n  },\n  designBar: ({ designBarPercent }) => ({\n    position: 'absolute',\n    background: '#2BCCFF',\n    opacity: 0.2,\n    top: '4px',\n    bottom: '4px',\n    width: `${designBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  actualBar: ({ showWarning, actualBarPercent }) => ({\n    position: 'absolute',\n    background: showWarning ? 'linear-gradient(to right, #2BCCFF , #F44336)' : '#2BCCFF',\n    top: '8px',\n    bottom: '8px',\n    width: `${actualBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  emptyBar: {\n    position: 'absolute',\n    top: '4px',\n    bottom: '4px',\n    width: '100%',\n    borderRadius: '2px',\n    background: theme.isLightTheme ? '#e2e2e2' : '#484848',\n  },\n}));\n\nconst ComparisonBar = ({ designVal, actualVal, isCalcMode = false }) => {\n  const { designBarPercent, actualBarPercent } = getBarPercents(designVal, actualVal);\n\n  const difference = getDifference(designVal, actualVal);\n\n  const isGreaterThanTenPercent = getIsGreaterThanTenPercent(difference);\n\n  // NOTE: If view mode is calc and actual value comes from prediction summary,\n  // we should only show warning for the actual value which is greater than design amount\n  const showWarning = isCalcMode ? actualVal > designVal : isGreaterThanTenPercent;\n\n  const classes = useStyles({ showWarning, designBarPercent, actualBarPercent });\n\n  return (\n    <div className={classes.barContainer}>\n      {!designVal && !actualVal && <div className={classes.emptyBar} />}\n      <div className={classes.designBar} />\n      <div className={classes.actualBar} />\n    </div>\n  );\n};\n\nComparisonBar.propTypes = {\n  designVal: number,\n  actualVal: number,\n  isCalcMode: bool,\n};\n\nexport default ComparisonBar;\n"],"names":["useStyles","makeStyles","theme","barContainer","position","height","width","designBar","_ref","designBarPercent","background","opacity","top","bottom","concat","borderRadius","actualBar","_ref2","showWarning","actualBarPercent","emptyBar","isLightTheme","ComparisonBar","_ref3","designVal","actualVal","_ref3$isCalcMode","isCalcMode","_getBarPercents","getBarPercents","difference","getDifference","isGreaterThanTenPercent","getIsGreaterThanTenPercent","classes","_jsxs","className","children","_jsx","propTypes","number","bool"],"mappings":"qSAOA,IAAMA,EAAYC,GAAW,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,EAAeL,EAAWC,GAAjEhB,IAAAA,iBAAkBU,IAAAA,iBAEpBW,EAAaC,EAAcP,EAAWC,GAEtCO,EAA0BC,EAA2BH,GAMrDI,EAAUlC,EAAU,CAAEkB,YAFRS,EAAaF,EAAYD,EAAYQ,EAEhBvB,iBAAAA,EAAkBU,iBAAAA,IAE3D,OACEgB,EAAA,MAAA,CAAKC,UAAWF,EAAQ/B,aAAakC,SAAA,EACjCb,IAAcC,GAAaa,EAAA,MAAA,CAAKF,UAAWF,EAAQd,WACrDkB,EAAA,MAAA,CAAKF,UAAWF,EAAQ3B,YACxB+B,EAAA,MAAA,CAAKF,UAAWF,EAAQlB,cAG9B,EAEAM,EAAciB,UAAY,CACxBf,UAAWgB,EACXf,UAAWe,EACXb,WAAYc"}

package/components/StageDesignVActual/ComparisonHeader.d.ts

@@ -2,7 +2,7 @@ declare function ComparisonHeader({ renderStages, renderSortIcon, handleSortClic
     handleSortClick: any;
     renderSortIcon: any;
     renderStages: any;
-    showBar: any;
+    showBar?: boolean | undefined;
 }): import("react").JSX.Element;
 declare namespace ComparisonHeader {
     var propTypes: {
@@ -11,12 +11,6 @@ declare namespace ComparisonHeader {
         renderSortIcon: import("prop-types").Requireable<(...args: any[]) => any>;
         showBar: import("prop-types").Requireable<boolean>;
     };
-    var defaultProps: {
-        renderStages: undefined;
-        handleSortClick: undefined;
-        renderSortIcon: undefined;
-        showBar: boolean;
-    };
 }
 export default ComparisonHeader;
 //# sourceMappingURL=ComparisonHeader.d.ts.map

package/components/StageDesignVActual/ComparisonHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonHeader.d.ts","sourceRoot":"","sources":["../../../src/components/StageDesignVActual/ComparisonHeader.js"],"names":[],"mappings":"kCAM0B,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO,EAAE;;;;;CAAA;;;;;;;;;;;;;;;eAyDrE,gBAAgB"}
+{"version":3,"file":"ComparisonHeader.d.ts","sourceRoot":"","sources":["../../../src/components/StageDesignVActual/ComparisonHeader.js"],"names":[],"mappings":"kCAM0B,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,OAAc,EAAE;;;;;CAAA;;;;;;;;;eAkD5E,gBAAgB"}

package/components/StageDesignVActual/ComparisonHeader.js

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