@corva/ui 3.73.0-7 → 3.74.0-0

package/components/StageDesignVActual/ComparisonHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonHeader.js","sources":["../../../src/components/StageDesignVActual/ComparisonHeader.js"],"sourcesContent":["import { func, bool } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport styles from './ComparisonTable.css';\n\nconst ComparisonHeader = ({ renderStages, renderSortIcon, handleSortClick, showBar }) => {\n  const theme = useTheme();\n  return (\n    <div\n      className={classNames(styles.comparisonHeader, {\n        [styles.comparisonHeaderLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div\n        className={styles.comparisonNameCol}\n        onClick={handleSortClick && (() => handleSortClick('key'))}\n      >\n        Parameter\n        {renderSortIcon && <div className={styles.comparisonSortIcon}>{renderSortIcon('key')}</div>}\n      </div>\n      <div\n        className={styles.comparisonDesignCol}\n        onClick={handleSortClick && (() => handleSortClick('design'))}\n      >\n        Design\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('design')}</div>\n        )}\n      </div>\n      <div\n        className={styles.comparisonActualCol}\n        onClick={handleSortClick && (() => handleSortClick('actual'))}\n      >\n        Straps\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('actual')}</div>\n        )}\n      </div>\n      <div className={styles.comparisonActualCol}>Calc</div>\n      <div className={styles.comparisonActualCol}>Variance %</div>\n      <div className={styles.comparisonActualCol}>% from design</div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>{renderStages ? renderStages() : ''}</div>\n      )}\n    </div>\n  );\n};\n\nComparisonHeader.propTypes = {\n  renderStages: func,\n  handleSortClick: func,\n  renderSortIcon: func,\n  showBar: bool,\n};\n\nComparisonHeader.defaultProps = {\n  renderStages: undefined,\n  handleSortClick: undefined,\n  renderSortIcon: undefined,\n  showBar: true,\n};\n\nexport default ComparisonHeader;\n"],"names":["ComparisonHeader","_ref","renderStages","renderSortIcon","handleSortClick","showBar","theme","useTheme","_jsxs","className","classNames","styles","comparisonHeader","_defineProperty","comparisonHeaderLightTheme","isLightTheme","children","comparisonNameCol","onClick","_jsx","comparisonSortIcon","comparisonDesignCol","comparisonActualCol","comparisonChartCol","propTypes","func","bool","defaultProps","undefined"],"mappings":"kQAMA,IAAMA,EAAmB,SAAgEC,GAAA,IAA7DC,IAAAA,aAAcC,IAAAA,eAAgBC,IAAAA,gBAAiBC,IAAAA,QACnEC,EAAQC,IACd,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAWC,EAAOC,iBAAgBC,EAAA,GAC1CF,EAAOG,2BAA6BR,EAAMS,eAC1CC,SAEH,CAAAR,EAAA,MAAA,CACEC,UAAWE,EAAOM,kBAClBC,QAASd,GAAoB,WAAA,OAAMA,EAAgB,MAAQ,EAAAY,SAAA,CAAA,YAG1Db,GAAkBgB,EAAA,MAAA,CAAKV,UAAWE,EAAOS,mBAAmBJ,SAAEb,EAAe,YAEhFK,EAAA,MAAA,CACEC,UAAWE,EAAOU,oBAClBH,QAASd,GAAoB,WAAA,OAAMA,EAAgB,SAAW,EAAAY,SAAA,CAAA,SAG7Db,GACCgB,EAAA,MAAA,CAAKV,UAAWE,EAAOS,mBAAmBJ,SAAEb,EAAe,eAG/DK,EAAA,MAAA,CACEC,UAAWE,EAAOW,oBAClBJ,QAASd,GAAoB,WAAA,OAAMA,EAAgB,SAAW,EAAAY,SAAA,CAAA,SAG7Db,GACCgB,EAAA,MAAA,CAAKV,UAAWE,EAAOS,mBAAmBJ,SAAEb,EAAe,eAG/DgB,EAAA,MAAA,CAAKV,UAAWE,EAAOW,oBAAoBN,SAAA,SAC3CG,EAAA,MAAA,CAAKV,UAAWE,EAAOW,oBAAoBN,SAAA,eAC3CG,EAAA,MAAA,CAAKV,UAAWE,EAAOW,oBAAoBN,SAAA,kBAC1CX,GACCc,EAAA,MAAA,CAAKV,UAAWE,EAAOY,mBAAmBP,SAAEd,EAAeA,IAAiB,OAIpF,EAEAF,EAAiBwB,UAAY,CAC3BtB,aAAcuB,EACdrB,gBAAiBqB,EACjBtB,eAAgBsB,EAChBpB,QAASqB,GAGX1B,EAAiB2B,aAAe,CAC9BzB,kBAAc0B,EACdxB,qBAAiBwB,EACjBzB,oBAAgByB,EAChBvB,SAAS"}
+{"version":3,"file":"ComparisonHeader.js","sources":["../../../src/components/StageDesignVActual/ComparisonHeader.js"],"sourcesContent":["import { func, bool } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport styles from './ComparisonTable.css';\n\nconst ComparisonHeader = ({ renderStages, renderSortIcon, handleSortClick, showBar = true }) => {\n  const theme = useTheme();\n  return (\n    <div\n      className={classNames(styles.comparisonHeader, {\n        [styles.comparisonHeaderLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div\n        className={styles.comparisonNameCol}\n        onClick={handleSortClick && (() => handleSortClick('key'))}\n      >\n        Parameter\n        {renderSortIcon && <div className={styles.comparisonSortIcon}>{renderSortIcon('key')}</div>}\n      </div>\n      <div\n        className={styles.comparisonDesignCol}\n        onClick={handleSortClick && (() => handleSortClick('design'))}\n      >\n        Design\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('design')}</div>\n        )}\n      </div>\n      <div\n        className={styles.comparisonActualCol}\n        onClick={handleSortClick && (() => handleSortClick('actual'))}\n      >\n        Straps\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('actual')}</div>\n        )}\n      </div>\n      <div className={styles.comparisonActualCol}>Calc</div>\n      <div className={styles.comparisonActualCol}>Variance %</div>\n      <div className={styles.comparisonActualCol}>% from design</div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>{renderStages ? renderStages() : ''}</div>\n      )}\n    </div>\n  );\n};\n\nComparisonHeader.propTypes = {\n  renderStages: func,\n  handleSortClick: func,\n  renderSortIcon: func,\n  showBar: bool,\n};\n\nexport default ComparisonHeader;\n"],"names":["ComparisonHeader","_ref","renderStages","renderSortIcon","handleSortClick","_ref$showBar","showBar","theme","useTheme","_jsxs","className","classNames","styles","comparisonHeader","_defineProperty","comparisonHeaderLightTheme","isLightTheme","children","comparisonNameCol","onClick","_jsx","comparisonSortIcon","comparisonDesignCol","comparisonActualCol","comparisonChartCol","propTypes","func","bool"],"mappings":"kQAMA,IAAMA,EAAmB,SAAuEC,GAAA,IAApEC,IAAAA,aAAcC,IAAAA,eAAgBC,IAAAA,gBAAeC,EAAAJ,EAAEK,QAAAA,cAAcD,EACjFE,EAAQC,IACd,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAWC,EAAOC,iBAAgBC,EAAA,GAC1CF,EAAOG,2BAA6BR,EAAMS,eAC1CC,SAEH,CAAAR,EAAA,MAAA,CACEC,UAAWE,EAAOM,kBAClBC,QAASf,GAAoB,WAAA,OAAMA,EAAgB,MAAQ,EAAAa,SAAA,CAAA,YAG1Dd,GAAkBiB,EAAA,MAAA,CAAKV,UAAWE,EAAOS,mBAAmBJ,SAAEd,EAAe,YAEhFM,EAAA,MAAA,CACEC,UAAWE,EAAOU,oBAClBH,QAASf,GAAoB,WAAA,OAAMA,EAAgB,SAAW,EAAAa,SAAA,CAAA,SAG7Dd,GACCiB,EAAA,MAAA,CAAKV,UAAWE,EAAOS,mBAAmBJ,SAAEd,EAAe,eAG/DM,EAAA,MAAA,CACEC,UAAWE,EAAOW,oBAClBJ,QAASf,GAAoB,WAAA,OAAMA,EAAgB,SAAW,EAAAa,SAAA,CAAA,SAG7Dd,GACCiB,EAAA,MAAA,CAAKV,UAAWE,EAAOS,mBAAmBJ,SAAEd,EAAe,eAG/DiB,EAAA,MAAA,CAAKV,UAAWE,EAAOW,oBAAoBN,SAAA,SAC3CG,EAAA,MAAA,CAAKV,UAAWE,EAAOW,oBAAoBN,SAAA,eAC3CG,EAAA,MAAA,CAAKV,UAAWE,EAAOW,oBAAoBN,SAAA,kBAC1CX,GACCc,EAAA,MAAA,CAAKV,UAAWE,EAAOY,mBAAmBP,SAAEf,EAAeA,IAAiB,OAIpF,EAEAF,EAAiByB,UAAY,CAC3BvB,aAAcwB,EACdtB,gBAAiBsB,EACjBvB,eAAgBuB,EAChBpB,QAASqB"}

package/components/StageDesignVActual/ComparisonRow.d.ts

@@ -1,13 +1,13 @@
 import { shape } from 'prop-types';
 declare function ComparisonRow({ rowKey, label, elemKey, unitType, elemMax, summaries, showBar, viewMode, }: {
-    elemKey: any;
-    elemMax: any;
-    label: any;
+    elemKey?: string | undefined;
+    elemMax?: null | undefined;
+    label?: string | undefined;
     rowKey: any;
-    showBar: any;
-    summaries: any;
-    unitType: any;
-    viewMode: any;
+    showBar?: boolean | undefined;
+    summaries?: {} | undefined;
+    unitType?: string | undefined;
+    viewMode?: null | undefined;
 }): import("react").JSX.Element;
 declare namespace ComparisonRow {
     var propTypes: {
@@ -20,15 +20,6 @@ declare namespace ComparisonRow {
         showBar: import("prop-types").Requireable<boolean>;
         viewMode: import("prop-types").Requireable<string>;
     };
-    var defaultProps: {
-        label: string;
-        elemKey: string;
-        unitType: string;
-        elemMax: null;
-        summaries: {};
-        showBar: boolean;
-        viewMode: null;
-    };
 }
 export default ComparisonRow;
 //# sourceMappingURL=ComparisonRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComparisonRow.d.ts","sourceRoot":"","sources":["../../../src/components/StageDesignVActual/ComparisonRow.js"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAwB,MAAM,YAAY,CAAC;+BAkBlC,EACrB,MAAM,EACN,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,GACT;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;eAoGc,aAAa"}
+{"version":3,"file":"ComparisonRow.d.ts","sourceRoot":"","sources":["../../../src/components/StageDesignVActual/ComparisonRow.js"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAwB,MAAM,YAAY,CAAC;+BAkBlC,EACrB,MAAM,EACN,KAAU,EACV,OAAY,EACZ,QAAa,EACb,OAAc,EACd,SAA4C,EAC5C,OAAc,EACd,QAAe,GAChB;;;;;;;;;CAAA;;;;;;;;;;;;;eA4Fc,aAAa"}

package/components/StageDesignVActual/ComparisonRow.js

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

package/components/StageDesignVActual/ComparisonRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComparisonRow.js","sources":["../../../src/components/StageDesignVActual/ComparisonRow.js"],"sourcesContent":["import classNames from 'classnames';\nimport { shape, number, bool, string } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\n\nimport ComparisonBar from './ComparisonBar';\n\nimport styles from './ComparisonTable.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport {\n  getElemActualColor,\n  getDifference,\n  getFormattedValue,\n  getIsGreaterThanTenPercent,\n} from '~/utils/StageDesignVActualUtils';\nimport { CHEMICALS_TYPES } from '~/constants/completion';\n\nconst PAGE_NAME = 'comparisonRow';\n\nconst ComparisonRow = ({\n  rowKey,\n  label,\n  elemKey,\n  unitType,\n  elemMax,\n  summaries,\n  showBar,\n  viewMode,\n}) => {\n  const theme = useTheme();\n  const { designSummary, actualSummary, predictionSummary } = summaries;\n\n  let designVal = designSummary && designSummary[rowKey];\n  let actualVal = actualSummary && actualSummary[rowKey];\n  let actualRTVal = predictionSummary && predictionSummary[rowKey];\n  const unitDisplay = unitType ? getUnitDisplay(unitType) : '';\n  const actualColor = getElemActualColor(rowKey, elemKey);\n\n  if (elemKey) {\n    designVal = designVal && designVal[elemKey] && designVal[elemKey].amount;\n    actualVal = actualVal && actualVal[elemKey] && actualVal[elemKey].amount;\n  }\n\n  if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {\n    const chemicalElement = CHEMICALS_TYPES.find(type => type.name === elemKey) || {};\n    const elemKeyByName = chemicalElement.key || null;\n    actualRTVal = predictionSummary[elemKeyByName];\n  }\n\n  if (rowKey === 'flush_volume') {\n    designVal = predictionSummary ? predictionSummary.flush_volume_design : 0;\n  }\n\n  const varience = actualRTVal ? ((actualRTVal - actualVal) / actualRTVal) * 100 : '-';\n\n  const difference =\n    viewMode === 'calc'\n      ? getDifference(designVal, actualRTVal)\n      : getDifference(designVal, actualVal);\n\n  return (\n    <div\n      key={`${rowKey}${elemKey}`}\n      className={classNames(styles.comparisonRow, {\n        [styles.comparisonRowLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div className={styles.comparisonNameCol}>\n        {label} {unitDisplay ? `(${unitDisplay})` : ''}\n      </div>\n      <div className={styles.comparisonDesignCol}>\n        {getFormattedValue(designVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div data-testid={`${PAGE_NAME}_strapsColumn`} className={styles.comparisonActualCol}>\n        {getFormattedValue(actualVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>\n        {getFormattedValue(actualRTVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>{getFormattedValue(varience)}</div>\n      <div\n        className={classNames(styles.comparisonActualCol, {\n          [styles.comparisonGreaterThanTenPercent]: getIsGreaterThanTenPercent(difference),\n        })}\n      >\n        {difference}\n      </div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>\n          {(Number.isFinite(actualVal) || Number.isFinite(designVal)) && (\n            <ComparisonBar\n              designVal={designVal}\n              actualVal={actualVal}\n              designColor=\"#eee\"\n              actualColor={actualColor}\n              elemMax={elemMax}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nComparisonRow.propTypes = {\n  rowKey: string.isRequired,\n  label: string,\n  elemKey: string,\n  unitType: string,\n  elemMax: number,\n  summaries: shape,\n  showBar: bool,\n  viewMode: string,\n};\n\nComparisonRow.defaultProps = {\n  label: '',\n  elemKey: '',\n  unitType: '',\n  elemMax: null,\n  summaries: {},\n  showBar: true,\n  viewMode: null,\n};\n\nexport default ComparisonRow;\n"],"names":["ComparisonRow","_ref","rowKey","label","elemKey","unitType","elemMax","summaries","showBar","viewMode","theme","useTheme","designSummary","actualSummary","predictionSummary","designVal","actualVal","actualRTVal","unitDisplay","getUnitDisplay","actualColor","getElemActualColor","amount","CHEMICALS_TYPES","find","type","name","key","flush_volume_design","varience","difference","getDifference","_jsxs","className","classNames","styles","comparisonRow","_defineProperty","comparisonRowLightTheme","isLightTheme","children","comparisonNameCol","comparisonDesignCol","getFormattedValue","_jsx","comparisonSortIcon","concat","comparisonActualCol","comparisonGreaterThanTenPercent","getIsGreaterThanTenPercent","comparisonChartCol","Number","isFinite","ComparisonBar","designColor","propTypes","string","isRequired","number","shape","bool","defaultProps"],"mappings":"ylBAiBA,IAEMA,EAAgB,SAShBC,GAAA,IARJC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,UACAC,IAAAA,QACAC,IAAAA,SAEMC,EAAQC,IACNC,EAAoDL,EAApDK,cAAeC,EAAqCN,EAArCM,cAAeC,EAAsBP,EAAtBO,kBAElCC,EAAYH,GAAiBA,EAAcV,GAC3Cc,EAAYH,GAAiBA,EAAcX,GAC3Ce,EAAcH,GAAqBA,EAAkBZ,GACnDgB,EAAcb,EAAWc,EAAed,GAAY,GACpDe,EAAcC,EAAmBnB,EAAQE,IAE3CA,IACFW,EAAYA,GAAaA,EAAUX,IAAYW,EAAUX,GAASkB,OAClEN,EAAYA,GAAaA,EAAUZ,IAAYY,EAAUZ,GAASkB,QAGrD,oBAAXpB,GAA2C,kBAAXA,KAGlCe,EAAcH,GAFUS,EAAgBC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,OAAStB,CAAQ,KAAI,CAAA,GACzCuB,KAAO,OAIhC,iBAAXzB,IACFa,EAAYD,EAAoBA,EAAkBc,oBAAsB,GAG1E,IAAMC,EAAWZ,GAAgBA,EAAcD,GAAaC,EAAe,IAAM,IAE3Ea,EAEAC,EAAchB,EADL,SAAbN,EAC6BQ,EACAD,GAE/B,OACEgB,EAAA,MAAA,CAEEC,UAAWC,EAAWC,EAAOC,cAAaC,EAAA,GACvCF,EAAOG,wBAA0B5B,EAAM6B,eACvCC,SAEH,CAAAR,EAAA,MAAA,CAAKC,UAAWE,EAAOM,kBAAkBD,SAAA,CACtCrC,EAAQe,IAAAA,EAAkBA,IAAAA,OAAAA,OAAiB,MAE9Cc,EAAA,MAAA,CAAKC,UAAWE,EAAOO,oBAAoBF,SAAA,CACxCG,EAAkB5B,GACnB6B,EAAA,MAAA,CAAKX,UAAWE,EAAOU,wBAEzBb,EAAA,MAAA,CAAK,cAAA,GAAAc,OAzDO,gBAyDkC,iBAACb,UAAWE,EAAOY,oBAAoBP,SAAA,CAClFG,EAAkB3B,GACnB4B,EAAA,MAAA,CAAKX,UAAWE,EAAOU,wBAEzBb,EAAA,MAAA,CAAKC,UAAWE,EAAOY,oBAAoBP,SAAA,CACxCG,EAAkB1B,GACnB2B,EAAA,MAAA,CAAKX,UAAWE,EAAOU,wBAEzBD,EAAA,MAAA,CAAKX,UAAWE,EAAOY,oBAAoBP,SAAEG,EAAkBd,KAC/De,EAAA,MAAA,CACEX,UAAWC,EAAWC,EAAOY,oBAAmBV,EAAA,GAC7CF,EAAOa,gCAAkCC,EAA2BnB,KACpEU,SAEFV,IAEFtB,GACCoC,EAAA,MAAA,CAAKX,UAAWE,EAAOe,mBAAmBV,UACtCW,OAAOC,SAASpC,IAAcmC,OAAOC,SAASrC,KAC9C6B,EAACS,EAAa,CACZtC,UAAWA,EACXC,UAAWA,EACXsC,YAAY,OACZlC,YAAaA,EACbd,QAASA,QApCTJ,GAAAA,OAAAA,GAASE,OAAAA,GA2CvB,EAEAJ,EAAcuD,UAAY,CACxBrD,OAAQsD,EAAOC,WACftD,MAAOqD,EACPpD,QAASoD,EACTnD,SAAUmD,EACVlD,QAASoD,EACTnD,UAAWoD,EACXnD,QAASoD,EACTnD,SAAU+C,GAGZxD,EAAc6D,aAAe,CAC3B1D,MAAO,GACPC,QAAS,GACTC,SAAU,GACVC,QAAS,KACTC,UAAW,CAAE,EACbC,SAAS,EACTC,SAAU"}
+{"version":3,"file":"ComparisonRow.js","sources":["../../../src/components/StageDesignVActual/ComparisonRow.js"],"sourcesContent":["import classNames from 'classnames';\nimport { shape, number, bool, string } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\n\nimport ComparisonBar from './ComparisonBar';\n\nimport styles from './ComparisonTable.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport {\n  getElemActualColor,\n  getDifference,\n  getFormattedValue,\n  getIsGreaterThanTenPercent,\n} from '~/utils/StageDesignVActualUtils';\nimport { CHEMICALS_TYPES } from '~/constants/completion';\n\nconst PAGE_NAME = 'comparisonRow';\n\nconst ComparisonRow = ({\n  rowKey,\n  label = '',\n  elemKey = '',\n  unitType = '',\n  elemMax = null,\n  summaries = DEFAULT_COMPARISON_ROW_SUMMARIES,\n  showBar = true,\n  viewMode = null,\n}) => {\n  const theme = useTheme();\n  const { designSummary, actualSummary, predictionSummary } = summaries;\n\n  let designVal = designSummary && designSummary[rowKey];\n  let actualVal = actualSummary && actualSummary[rowKey];\n  let actualRTVal = predictionSummary && predictionSummary[rowKey];\n  const unitDisplay = unitType ? getUnitDisplay(unitType) : '';\n  const actualColor = getElemActualColor(rowKey, elemKey);\n\n  if (elemKey) {\n    designVal = designVal && designVal[elemKey] && designVal[elemKey].amount;\n    actualVal = actualVal && actualVal[elemKey] && actualVal[elemKey].amount;\n  }\n\n  if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {\n    const chemicalElement = CHEMICALS_TYPES.find(type => type.name === elemKey) || {};\n    const elemKeyByName = chemicalElement.key || null;\n    actualRTVal = predictionSummary[elemKeyByName];\n  }\n\n  if (rowKey === 'flush_volume') {\n    designVal = predictionSummary ? predictionSummary.flush_volume_design : 0;\n  }\n\n  const varience = actualRTVal ? ((actualRTVal - actualVal) / actualRTVal) * 100 : '-';\n\n  const difference =\n    viewMode === 'calc'\n      ? getDifference(designVal, actualRTVal)\n      : getDifference(designVal, actualVal);\n\n  return (\n    <div\n      key={`${rowKey}${elemKey}`}\n      className={classNames(styles.comparisonRow, {\n        [styles.comparisonRowLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div className={styles.comparisonNameCol}>\n        {label} {unitDisplay ? `(${unitDisplay})` : ''}\n      </div>\n      <div className={styles.comparisonDesignCol}>\n        {getFormattedValue(designVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div data-testid={`${PAGE_NAME}_strapsColumn`} className={styles.comparisonActualCol}>\n        {getFormattedValue(actualVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>\n        {getFormattedValue(actualRTVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>{getFormattedValue(varience)}</div>\n      <div\n        className={classNames(styles.comparisonActualCol, {\n          [styles.comparisonGreaterThanTenPercent]: getIsGreaterThanTenPercent(difference),\n        })}\n      >\n        {difference}\n      </div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>\n          {(Number.isFinite(actualVal) || Number.isFinite(designVal)) && (\n            <ComparisonBar\n              designVal={designVal}\n              actualVal={actualVal}\n              designColor=\"#eee\"\n              actualColor={actualColor}\n              elemMax={elemMax}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nComparisonRow.propTypes = {\n  rowKey: string.isRequired,\n  label: string,\n  elemKey: string,\n  unitType: string,\n  elemMax: number,\n  summaries: shape,\n  showBar: bool,\n  viewMode: string,\n};\n\nconst DEFAULT_COMPARISON_ROW_SUMMARIES = {};\n\nexport default ComparisonRow;\n"],"names":["ComparisonRow","_ref","rowKey","_ref$label","label","_ref$elemKey","elemKey","_ref$unitType","unitType","_ref$elemMax","elemMax","_ref$summaries","summaries","DEFAULT_COMPARISON_ROW_SUMMARIES","_ref$showBar","showBar","_ref$viewMode","viewMode","theme","useTheme","designSummary","actualSummary","predictionSummary","designVal","actualVal","actualRTVal","unitDisplay","getUnitDisplay","actualColor","getElemActualColor","amount","CHEMICALS_TYPES","find","type","name","key","flush_volume_design","varience","difference","getDifference","_jsxs","className","classNames","styles","comparisonRow","_defineProperty","comparisonRowLightTheme","isLightTheme","children","comparisonNameCol","comparisonDesignCol","getFormattedValue","_jsx","comparisonSortIcon","concat","comparisonActualCol","comparisonGreaterThanTenPercent","getIsGreaterThanTenPercent","comparisonChartCol","Number","isFinite","ComparisonBar","designColor","propTypes","string","isRequired","number","shape","bool"],"mappings":"ylBAiBA,IAEMA,EAAgB,SAShBC,GAAA,IARJC,IAAAA,OAAMC,EAAAF,EACNG,MAAAA,aAAQ,GAAED,EAAAE,EAAAJ,EACVK,QAAAA,aAAU,GAAED,EAAAE,EAAAN,EACZO,SAAAA,aAAW,GAAED,EAAAE,EAAAR,EACbS,QAAAA,aAAU,KAAID,EAAAE,EAAAV,EACdW,UAAAA,aAAYC,EAAgCF,EAAAG,EAAAb,EAC5Cc,QAAAA,cAAcD,EAAAE,EAAAf,EACdgB,SAAAA,aAAW,KAAID,EAETE,EAAQC,IACNC,EAAoDR,EAApDQ,cAAeC,EAAqCT,EAArCS,cAAeC,EAAsBV,EAAtBU,kBAElCC,EAAYH,GAAiBA,EAAclB,GAC3CsB,EAAYH,GAAiBA,EAAcnB,GAC3CuB,EAAcH,GAAqBA,EAAkBpB,GACnDwB,EAAclB,EAAWmB,EAAenB,GAAY,GACpDoB,EAAcC,EAAmB3B,EAAQI,IAE3CA,IACFiB,EAAYA,GAAaA,EAAUjB,IAAYiB,EAAUjB,GAASwB,OAClEN,EAAYA,GAAaA,EAAUlB,IAAYkB,EAAUlB,GAASwB,QAGrD,oBAAX5B,GAA2C,kBAAXA,KAGlCuB,EAAcH,GAFUS,EAAgBC,MAAK,SAAAC,GAAI,OAAIA,EAAKC,OAAS5B,CAAQ,KAAI,CAAA,GACzC6B,KAAO,OAIhC,iBAAXjC,IACFqB,EAAYD,EAAoBA,EAAkBc,oBAAsB,GAG1E,IAAMC,EAAWZ,GAAgBA,EAAcD,GAAaC,EAAe,IAAM,IAE3Ea,EAEAC,EAAchB,EADL,SAAbN,EAC6BQ,EACAD,GAE/B,OACEgB,EAAA,MAAA,CAEEC,UAAWC,EAAWC,EAAOC,cAAaC,EAAA,GACvCF,EAAOG,wBAA0B5B,EAAM6B,eACvCC,SAEH,CAAAR,EAAA,MAAA,CAAKC,UAAWE,EAAOM,kBAAkBD,SAAA,CACtC5C,EAAQsB,IAAAA,EAAkBA,IAAAA,OAAAA,OAAiB,MAE9Cc,EAAA,MAAA,CAAKC,UAAWE,EAAOO,oBAAoBF,SAAA,CACxCG,EAAkB5B,GACnB6B,EAAA,MAAA,CAAKX,UAAWE,EAAOU,wBAEzBb,EAAA,MAAA,CAAK,cAAA,GAAAc,OAzDO,gBAyDkC,iBAACb,UAAWE,EAAOY,oBAAoBP,SAAA,CAClFG,EAAkB3B,GACnB4B,EAAA,MAAA,CAAKX,UAAWE,EAAOU,wBAEzBb,EAAA,MAAA,CAAKC,UAAWE,EAAOY,oBAAoBP,SAAA,CACxCG,EAAkB1B,GACnB2B,EAAA,MAAA,CAAKX,UAAWE,EAAOU,wBAEzBD,EAAA,MAAA,CAAKX,UAAWE,EAAOY,oBAAoBP,SAAEG,EAAkBd,KAC/De,EAAA,MAAA,CACEX,UAAWC,EAAWC,EAAOY,oBAAmBV,EAAA,GAC7CF,EAAOa,gCAAkCC,EAA2BnB,KACpEU,SAEFV,IAEFvB,GACCqC,EAAA,MAAA,CAAKX,UAAWE,EAAOe,mBAAmBV,UACtCW,OAAOC,SAASpC,IAAcmC,OAAOC,SAASrC,KAC9C6B,EAACS,EAAa,CACZtC,UAAWA,EACXC,UAAWA,EACXsC,YAAY,OACZlC,YAAaA,EACblB,QAASA,QApCTR,GAAAA,OAAAA,GAASI,OAAAA,GA2CvB,EAEAN,EAAc+D,UAAY,CACxB7D,OAAQ8D,EAAOC,WACf7D,MAAO4D,EACP1D,QAAS0D,EACTxD,SAAUwD,EACVtD,QAASwD,EACTtD,UAAWuD,EACXpD,QAASqD,EACTnD,SAAU+C,GAGZ,IAAMnD,EAAmC,CAAE"}

package/components/StageDesignVActual/ElementsComparison/ElementsComparison.d.ts

@@ -1,11 +1,11 @@
 import { shape } from 'prop-types';
-declare function ElementsComparison({ rowKey, summaries, sort, order, showBar, viewMode }: {
-    order: any;
-    rowKey: any;
-    showBar: any;
-    sort: any;
-    summaries: any;
-    viewMode: any;
+declare function ElementsComparison({ rowKey, summaries, sort, order, showBar, viewMode, }: {
+    order?: null | undefined;
+    rowKey?: string | undefined;
+    showBar?: boolean | undefined;
+    sort?: null | undefined;
+    summaries?: {} | undefined;
+    viewMode?: null | undefined;
 }): import("react").JSX.Element[];
 declare namespace ElementsComparison {
     var propTypes: {
@@ -16,14 +16,6 @@ declare namespace ElementsComparison {
         showBar: import("prop-types").Requireable<boolean>;
         viewMode: import("prop-types").Requireable<string>;
     };
-    var defaultProps: {
-        rowKey: string;
-        sort: null;
-        order: null;
-        summaries: {};
-        showBar: boolean;
-        viewMode: null;
-    };
 }
 export default ElementsComparison;
 //# sourceMappingURL=ElementsComparison.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ElementsComparison.d.ts","sourceRoot":"","sources":["../../../../src/components/StageDesignVActual/ElementsComparison/ElementsComparison.js"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,EAAQ,MAAM,YAAY,CAAC;oCAMrB,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;eAqDlE,kBAAkB"}
+{"version":3,"file":"ElementsComparison.d.ts","sourceRoot":"","sources":["../../../../src/components/StageDesignVActual/ElementsComparison/ElementsComparison.js"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,EAAQ,MAAM,YAAY,CAAC;oCAMrB,EAC1B,MAAW,EACX,SAAiD,EACjD,IAAW,EACX,KAAY,EACZ,OAAc,EACd,QAAe,GAChB;;;;;;;CAAA;;;;;;;;;;;eA8Cc,kBAAkB"}

package/components/StageDesignVActual/ElementsComparison/ElementsComparison.js

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

package/components/StageDesignVActual/ElementsComparison/ElementsComparison.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchControl/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA+D7C,eAAO,MAAM,sBAAsB,kHAgGlC,CAAC;eAgBa,sBAAsB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchControl/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA+D7C,eAAO,MAAM,sBAAsB,kHAgGlC,CAAC;eAMa,sBAAsB"}

package/components/SwitchControl/index.js

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

package/components/SwitchControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/SwitchControl/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Grid, Switch, Typography, Tooltip, Theme, makeStyles } from '@material-ui/core';\n\nimport { SwitchControlTypes } from './types';\n\nimport styles from './style.css';\n\nconst useStyles = makeStyles<Theme>(theme => ({\n  root: {\n    width: 60,\n    height: 40,\n    padding: 13,\n    '&.MuiSwitch-sizeSmall': { width: 52, height: 36, padding: 13 },\n    '& .MuiSwitch-switchBase': { padding: 10 },\n  },\n  switchBase: {\n    padding: 10,\n    color: '#03BCD4',\n    '&.MuiIconButton-root:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.08)',\n    },\n  },\n  switchBaseDisabled: {\n    color: '#196069 !important',\n  },\n  track: {\n    backgroundColor: '#196069 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  trackDisabled: {\n    backgroundColor: '#223D40 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  switchBaseDisabledNoLabels: {\n    color: '#545454 !important',\n  },\n  trackDisabledNoLabels: {\n    backgroundColor: '#3D3D3D !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text7,\n    margin: '8px 0px',\n    cursor: 'pointer',\n  },\n  labelSmall: {\n    fontSize: '14px',\n    lineHeight: '20px',\n  },\n  disabledLabel: {\n    cursor: 'default',\n    color: '#808080',\n  },\n  activeLabel: {\n    color: theme.palette.primary.text1,\n  },\n}));\n\nexport const SwitchControlComponent = forwardRef<HTMLButtonElement, SwitchControlTypes>(\n  (\n    {\n      title,\n      leftLabel,\n      rightLabel,\n      checked,\n      onChange,\n      disabled,\n      size,\n      className,\n      rightLabelTooltip,\n      leftLabelTooltip,\n      customClasses,\n      'data-testid': dataTestId,\n    },\n    ref\n  ) => {\n    const classes = useStyles();\n    const isSwitchWithLabels = leftLabel && rightLabel;\n    const { root, track, switchBase, ...restSwitchClasses } = customClasses || {};\n\n    return (\n      <div className={className}>\n        {title && <div className={styles.switchControlTitle}>{title}</div>}\n        <Grid component=\"label\" container alignItems=\"center\" spacing={0}>\n          {leftLabel && (\n            <Grid item>\n              <Tooltip title={leftLabelTooltip ?? ''}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (!checked || !rightLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {leftLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n          <Grid item>\n            <Switch\n              data-testid={`${dataTestId}_switch_${checked}`}\n              ref={ref}\n              checked={checked}\n              onChange={onChange}\n              color=\"primary\"\n              disabled={disabled}\n              classes={{\n                root: classNames(classes.root, root),\n                switchBase: classNames(\n                  {\n                    [classes.switchBase]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.switchBaseDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.switchBaseDisabledNoLabels]:\n                      !isSwitchWithLabels && disabled && !checked,\n                  },\n                  switchBase\n                ),\n                track: classNames(\n                  {\n                    [classes.track]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.trackDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.trackDisabledNoLabels]: !isSwitchWithLabels && disabled && !checked,\n                  },\n                  track\n                ),\n                ...restSwitchClasses,\n              }}\n              size={size}\n            />\n          </Grid>\n          {rightLabel && (\n            <Grid item>\n              <Tooltip title={rightLabelTooltip ?? ''}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (checked || !leftLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {rightLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n        </Grid>\n      </div>\n    );\n  }\n);\n\nSwitchControlComponent.defaultProps = {\n  title: '',\n  leftLabel: '',\n  rightLabel: '',\n  disabled: false,\n  size: 'medium',\n  className: '',\n  customClasses: {},\n  rightLabelTooltip: '',\n  leftLabelTooltip: '',\n  'data-testid': 'SwitchControlComponent',\n};\n\n//@ts-ignore\nexport default SwitchControlComponent;\n"],"names":["useStyles","makeStyles","theme","root","width","height","padding","switchBase","color","backgroundColor","switchBaseDisabled","track","opacity","border","trackDisabled","switchBaseDisabledNoLabels","trackDisabledNoLabels","label","display","justifyContent","flexDirection","fontSize","lineHeight","palette","primary","text7","margin","cursor","labelSmall","disabledLabel","activeLabel","text1","SwitchControlComponent","forwardRef","_ref","ref","_classNames","_classNames2","title","leftLabel","rightLabel","checked","onChange","disabled","size","className","rightLabelTooltip","leftLabelTooltip","customClasses","dataTestId","classes","isSwitchWithLabels","restSwitchClasses","_objectWithoutProperties","_ref2","_excluded","_jsxs","children","_jsx","styles","switchControlTitle","Grid","component","container","alignItems","spacing","item","Tooltip","Typography","variant","classNames","Switch","_objectSpread","_defineProperty","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/SwitchControl/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Grid, Switch, Typography, Tooltip, Theme, makeStyles } from '@material-ui/core';\n\nimport { SwitchControlTypes } from './types';\n\nimport styles from './style.css';\n\nconst useStyles = makeStyles<Theme>(theme => ({\n  root: {\n    width: 60,\n    height: 40,\n    padding: 13,\n    '&.MuiSwitch-sizeSmall': { width: 52, height: 36, padding: 13 },\n    '& .MuiSwitch-switchBase': { padding: 10 },\n  },\n  switchBase: {\n    padding: 10,\n    color: '#03BCD4',\n    '&.MuiIconButton-root:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.08)',\n    },\n  },\n  switchBaseDisabled: {\n    color: '#196069 !important',\n  },\n  track: {\n    backgroundColor: '#196069 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  trackDisabled: {\n    backgroundColor: '#223D40 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  switchBaseDisabledNoLabels: {\n    color: '#545454 !important',\n  },\n  trackDisabledNoLabels: {\n    backgroundColor: '#3D3D3D !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text7,\n    margin: '8px 0px',\n    cursor: 'pointer',\n  },\n  labelSmall: {\n    fontSize: '14px',\n    lineHeight: '20px',\n  },\n  disabledLabel: {\n    cursor: 'default',\n    color: '#808080',\n  },\n  activeLabel: {\n    color: theme.palette.primary.text1,\n  },\n}));\n\nexport const SwitchControlComponent = forwardRef<HTMLButtonElement, SwitchControlTypes>(\n  (\n    {\n      title = '',\n      leftLabel = '',\n      rightLabel = '',\n      checked,\n      onChange,\n      disabled = false,\n      size = 'medium',\n      className = '',\n      rightLabelTooltip = '',\n      leftLabelTooltip = '',\n      customClasses = DEFAULT_SWITCH_CONTROL_COMPONENT_CUSTOM_CLASSES,\n      'data-testid': dataTestId = 'SwitchControlComponent',\n    },\n    ref\n  ) => {\n    const classes = useStyles();\n    const isSwitchWithLabels = leftLabel && rightLabel;\n    const { root, track, switchBase, ...restSwitchClasses } = customClasses || {};\n\n    return (\n      <div className={className}>\n        {title && <div className={styles.switchControlTitle}>{title}</div>}\n        <Grid component=\"label\" container alignItems=\"center\" spacing={0}>\n          {leftLabel && (\n            <Grid item>\n              <Tooltip title={leftLabelTooltip ?? ''}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (!checked || !rightLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {leftLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n          <Grid item>\n            <Switch\n              data-testid={`${dataTestId}_switch_${checked}`}\n              ref={ref}\n              checked={checked}\n              onChange={onChange}\n              color=\"primary\"\n              disabled={disabled}\n              classes={{\n                root: classNames(classes.root, root),\n                switchBase: classNames(\n                  {\n                    [classes.switchBase]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.switchBaseDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.switchBaseDisabledNoLabels]:\n                      !isSwitchWithLabels && disabled && !checked,\n                  },\n                  switchBase\n                ),\n                track: classNames(\n                  {\n                    [classes.track]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.trackDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.trackDisabledNoLabels]: !isSwitchWithLabels && disabled && !checked,\n                  },\n                  track\n                ),\n                ...restSwitchClasses,\n              }}\n              size={size}\n            />\n          </Grid>\n          {rightLabel && (\n            <Grid item>\n              <Tooltip title={rightLabelTooltip ?? ''}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (checked || !leftLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {rightLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n        </Grid>\n      </div>\n    );\n  }\n);\n\nconst DEFAULT_SWITCH_CONTROL_COMPONENT_CUSTOM_CLASSES: NonNullable<\n  SwitchControlTypes['customClasses']\n> = {};\n\nexport default SwitchControlComponent;\n"],"names":["useStyles","makeStyles","theme","root","width","height","padding","switchBase","color","backgroundColor","switchBaseDisabled","track","opacity","border","trackDisabled","switchBaseDisabledNoLabels","trackDisabledNoLabels","label","display","justifyContent","flexDirection","fontSize","lineHeight","palette","primary","text7","margin","cursor","labelSmall","disabledLabel","activeLabel","text1","SwitchControlComponent","forwardRef","_ref","ref","_classNames","_classNames2","_ref$title","title","_ref$leftLabel","leftLabel","_ref$rightLabel","rightLabel","checked","onChange","_ref$disabled","disabled","_ref$size","size","_ref$className","className","_ref$rightLabelToolti","rightLabelTooltip","_ref$leftLabelTooltip","leftLabelTooltip","_ref$customClasses","customClasses","DEFAULT_SWITCH_CONTROL_COMPONENT_CUSTOM_CLASSES","_ref$dataTestid","dataTestId","classes","isSwitchWithLabels","restSwitchClasses","_objectWithoutProperties","_ref2","_excluded","_jsxs","children","_jsx","styles","switchControlTitle","Grid","component","container","alignItems","spacing","item","Tooltip","Typography","variant","classNames","Switch","_objectSpread","_defineProperty"],"mappings":"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"}

package/components/Template/TemplatePopover/index.d.ts

@@ -1,16 +1,16 @@
 import PropTypes from 'prop-types';
 declare function TemplatePopover({ currentUser, open, anchorEl, anchorOrigin, transformOrigin, onClose, templates, activeTemplateId, getDefaultTemplates, getUserTemplates, getSharedTemplates, onAddNewTemplate, onTemplateDelete, onTemplateCopy, onTemplateEdit, onTemplateShare, onActiveTemplateChange, loading, classes: customMuiStyles, hasNameSlot, renderSlot, readOnly, hideDefaultTemplates, }: {
     activeTemplateId: any;
-    anchorEl: any;
-    anchorOrigin: any;
-    classes: any;
+    anchorEl?: null | undefined;
+    anchorOrigin?: {} | undefined;
+    classes?: {} | undefined;
     currentUser: any;
     getDefaultTemplates: any;
     getSharedTemplates: any;
     getUserTemplates: any;
-    hasNameSlot: any;
-    hideDefaultTemplates: any;
-    loading: any;
+    hasNameSlot?: boolean | undefined;
+    hideDefaultTemplates?: boolean | undefined;
+    loading?: boolean | undefined;
     onActiveTemplateChange: any;
     onAddNewTemplate: any;
     onClose: any;
@@ -19,10 +19,10 @@ declare function TemplatePopover({ currentUser, open, anchorEl, anchorOrigin, tr
     onTemplateEdit: any;
     onTemplateShare: any;
     open: any;
-    readOnly: any;
+    readOnly?: boolean | undefined;
     renderSlot: any;
     templates: any;
-    transformOrigin: any;
+    transformOrigin?: {} | undefined;
 }): import("react").JSX.Element;
 declare namespace TemplatePopover {
     var propTypes: {
@@ -57,16 +57,6 @@ declare namespace TemplatePopover {
         readOnly: PropTypes.Requireable<boolean>;
         hideDefaultTemplates: PropTypes.Requireable<boolean>;
     };
-    var defaultProps: {
-        loading: boolean;
-        classes: {};
-        hasNameSlot: boolean;
-        anchorEl: null;
-        anchorOrigin: {};
-        transformOrigin: {};
-        readOnly: boolean;
-        hideDefaultTemplates: boolean;
-    };
 }
 export default TemplatePopover;
 //# sourceMappingURL=index.d.ts.map

package/components/Template/TemplatePopover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkDnC,iBAAS,eAAe,CAAC,EACvB,WAAW,EAEX,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,OAAO,EAEP,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,OAAO,EACP,OAAO,EAAE,eAAe,EAExB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;CAAA,+BAwTA;kBAnVQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAqYT,eAAe"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAkDnC,iBAAS,eAAe,CAAC,EACvB,WAAW,EAEX,IAAI,EACJ,QAAe,EACf,YAAqD,EACrD,eAA2D,EAC3D,OAAO,EAEP,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,OAAe,EACf,OAAO,EAAE,eAAkD,EAE3D,WAAmB,EACnB,UAAU,EACV,QAAgB,EAChB,oBAA4B,GAC7B;;;;;;;;;;;;;;;;;;;;;;;;CAAA,+BAwTA;kBAnVQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8XT,eAAe"}

package/components/Template/TemplatePopover/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as n,useEffect as i,useMemo as a,Fragment as r}from"react";import l from"prop-types";import{Popover as o,Typography as s,CircularProgress as c,Tooltip as p,List as m,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import{Check as h,LayersClear as g,AddCircle as N,Layers as y,Close as T,Delete as v,Edit as S,FileCopy as b,Share as O}from"@material-ui/icons";import C from"classnames";import{get as E,omit as I}from"lodash";import D from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as R}from"./Styles.js";import{jsxs as P,jsx as q,Fragment as j}from"react/jsx-runtime";var k,L;function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){t(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var U="USER",A="DEFAULT",B="SHARED",W=(t(k={},U,"No templates yet..."),t(k,A,"No templates yet..."),t(k,B,"No shared templates yet..."),k),x=(t(L={},U,"My Template"),t(L,A,"Default Templates"),t(L,B,"Shared With Me"),L);function F(l){var k,L=l.currentUser,z=l.open,F=l.anchorEl,G=l.anchorOrigin,H=l.transformOrigin,M=l.onClose,K=l.templates,J=l.activeTemplateId,Q=l.getDefaultTemplates,V=l.getUserTemplates,X=l.getSharedTemplates,Y=l.onAddNewTemplate,Z=l.onTemplateDelete,$=l.onTemplateCopy,_=l.onTemplateEdit,ee=l.onTemplateShare,te=l.onActiveTemplateChange,ne=l.loading,ie=l.classes,ae=l.hasNameSlot,re=l.renderSlot,le=l.readOnly,oe=l.hideDefaultTemplates,se=R(),ce=n(K),pe=e(ce,2),me=pe[0],de=pe[1],ue=n(null),fe=e(ue,2),he=fe[0],ge=fe[1],Ne=n({}),ye=e(Ne,2),Te=ye[0],ve=ye[1];i((function(){de(K)}),[K]);var Se=a((function(){var e=[{type:U,templatesList:V(me)}];return oe||e.push({type:A,templatesList:Q(me)}),le||e.push({type:B,templatesList:X(me)}),e}),[me,le,oe]),be=function(e){return function(){te(e)}},Oe=function(e,t){return function(n){n.stopPropagation(),le||t(e)}},Ce=function(e){return function(t){t.stopPropagation(),de(me.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Ee=function(e){return function(t){t.stopPropagation(),de(me.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=me.find((function(t){return t.id===e}));_(I(n,["prevName","isEditing"]))}},Ie=function(e){return function(t){t.stopPropagation(),de(me.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},De=function(e){return function(t){if("Enter"===t.key){de(me.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=me.find((function(t){return t.id===e}));_(I(n,["prevName","isEditing"]))}}},Re=function(e){return function(t){t.stopPropagation();var n=me.find((function(t){return t.id===e}));ge(n)}},Pe=function(){ge(null)};return P(o,{id:"app-settings-template-popper",classes:{paper:C(se.paper,ie.paper)},open:z,anchorEl:F,onClose:M,anchorOrigin:G,transformOrigin:H,children:[P("div",{className:se.paperWrapper,children:[P("div",{className:se.titleWrapper,children:[q(s,{className:se.title,children:"Templates"}),ne&&q(c,{size:16})]}),q("div",{className:C(se.selectedGroup,(k={},t(k,se.selectedGroupSelected,-100===J),t(k,se.selectedGroupUnSelected,-100!==J),k)),onClick:be(-100),children:P("div",{className:se.noTemplateItem,children:[q(-100===J?h:g,{fontSize:"small",className:se.selectedIcon}),q("div",{className:se.selectedLabel,children:"No Template Selected"})]})}),Se.map((function(e){var n=e.type,i=e.templatesList;return P(r,{children:[P("div",{className:se.templateHeader,children:[q(s,{className:se.subtitle,children:x[n]}),n===U&&!le&&q(p,{title:"Create Template",placement:"right",children:q(N,{fontSize:"small",color:"primary",className:se.addNewTemplateIcon,onClick:Y})})]}),0===i.length?q(s,{className:se.noTemplateLabel,children:W[n]}):q(m,{className:se.templateList,children:i.map((function(e){var i,a,r;return q(p,{title:e.disabled?e.tooltipTitle:"",children:P(d,{className:C(se.templateListItem,(i={},t(i,se.templateListItemSelected,e.id===J),t(i,se.templateListItemUnSelected,e.id!==J),i)),onClick:e.disabled?null:be(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===J?q(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})):q(y,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?q(u,{autoFocus:!0,className:se.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),me.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?ve(w(w({},Te),{},t({},r,"Duplicated name"))):ve(w(w({},Te),{},t({},r,null))),de(me.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:De(e.id),error:!!Te[e.id],helperText:Te[e.id]}):q(s,{className:se.templateListItemName,children:e.name}),e.isEditing?null:ae&&re(E(e,["settings","data"],[])),e.isEditing?P("div",{className:C(se.actionWrapper,se.actionWrapperEditing),children:[q(p,{title:"Save",children:q(f,{className:se.actionIconButton,onClick:Ee(e.id),children:q(h,{fontSize:"small",color:"primary"})})}),q(p,{title:"Cancel",children:q(f,{className:se.actionIconButton,onClick:Ie(e.id),children:q(T,{className:se.actionIcon,fontSize:"small"})})})]}):q("div",{className:C(se.actionWrapper,t({},se.actionWrapperHidden,e.disabled||le)),children:n===U?P(j,{children:[q(p,{title:"Delete",children:q(f,{className:se.actionIconButton,onClick:Oe(e.id,Z),children:q(v,{className:se.actionIcon,fontSize:"small"})})}),q(p,{title:"Rename",children:q(f,{className:se.actionIconButton,onClick:Ce(e.id),children:q(S,{className:se.actionIcon,fontSize:"small"})})}),q(p,{title:"Copy",children:q(f,{className:se.actionIconButton,onClick:Oe(e.id,$),children:q(b,{className:se.actionIcon,fontSize:"small"})})}),q(p,{title:"Share",children:q(f,{className:se.actionIconButton,onClick:Re(e.id),children:q(O,{className:se.actionIcon,fontSize:"small"})})})]}):q(p,{title:"Copy To My Templates",children:q(f,{className:se.actionIconButton,onClick:Oe(e.id,$),children:q(b,{className:se.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),q(D,{title:'Share "'.concat(E(he,"name"),'"'),open:!!he,onSave:function(e){he&&ee(he.id,e),Pe()},onCancel:Pe,currentUser:L})]})}F.propTypes={open:l.bool.isRequired,anchorEl:l.node,anchorOrigin:l.shape({}),transformOrigin:l.shape({}),onClose:l.func.isRequired,templates:l.arrayOf(l.shape({id:l.number,name:l.string,settings:l.shape({}),shared:l.bool})).isRequired,activeTemplateId:l.number.isRequired,getDefaultTemplates:l.func.isRequired,getUserTemplates:l.func.isRequired,getSharedTemplates:l.func.isRequired,onAddNewTemplate:l.func.isRequired,onTemplateDelete:l.func.isRequired,onTemplateCopy:l.func.isRequired,onTemplateEdit:l.func.isRequired,onTemplateShare:l.func.isRequired,onActiveTemplateChange:l.func.isRequired,loading:l.bool,classes:l.shape({paper:l.string}),hasNameSlot:l.bool,renderSlot:l.func.isRequired,currentUser:l.shape({}).isRequired,readOnly:l.bool,hideDefaultTemplates:l.bool},F.defaultProps={loading:!1,classes:{},hasNameSlot:!1,anchorEl:null,anchorOrigin:{},transformOrigin:{},readOnly:!1,hideDefaultTemplates:!1};export{F as default};
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import{useState as n,useEffect as i,useMemo as a,Fragment as r}from"react";import o from"prop-types";import{Popover as l,Typography as c,CircularProgress as s,Tooltip as p,List as m,ListItem as d,TextField as u,IconButton as f}from"@material-ui/core";import{Check as h,LayersClear as g,AddCircle as v,Layers as N,Close as y,Delete as T,Edit as S,FileCopy as b,Share as O}from"@material-ui/icons";import C from"classnames";import{get as I,omit as E}from"lodash";import R from"../TemplateSharingDialog/index.js";import{useTemplatePopoverStyles as D}from"./Styles.js";import{jsxs as P,jsx as q,Fragment as j}from"react/jsx-runtime";var k,L;function z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function w(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?z(Object(i),!0).forEach((function(n){t(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var U="USER",A="DEFAULT",B="SHARED",W=(t(k={},U,"No templates yet..."),t(k,A,"No templates yet..."),t(k,B,"No shared templates yet..."),k),x=(t(L={},U,"My Template"),t(L,A,"Default Templates"),t(L,B,"Shared With Me"),L);function F(o){var k,L=o.currentUser,z=o.open,F=o.anchorEl,K=void 0===F?null:F,J=o.anchorOrigin,Q=void 0===J?H:J,V=o.transformOrigin,X=void 0===V?M:V,Y=o.onClose,Z=o.templates,$=o.activeTemplateId,_=o.getDefaultTemplates,ee=o.getUserTemplates,te=o.getSharedTemplates,ne=o.onAddNewTemplate,ie=o.onTemplateDelete,ae=o.onTemplateCopy,re=o.onTemplateEdit,oe=o.onTemplateShare,le=o.onActiveTemplateChange,ce=o.loading,se=void 0!==ce&&ce,pe=o.classes,me=void 0===pe?G:pe,de=o.hasNameSlot,ue=void 0!==de&&de,fe=o.renderSlot,he=o.readOnly,ge=void 0!==he&&he,ve=o.hideDefaultTemplates,Ne=void 0!==ve&&ve,ye=D(),Te=n(Z),Se=e(Te,2),be=Se[0],Oe=Se[1],Ce=n(null),Ie=e(Ce,2),Ee=Ie[0],Re=Ie[1],De=n({}),Pe=e(De,2),qe=Pe[0],je=Pe[1];i((function(){Oe(Z)}),[Z]);var ke=a((function(){var e=[{type:U,templatesList:ee(be)}];return Ne||e.push({type:A,templatesList:_(be)}),ge||e.push({type:B,templatesList:te(be)}),e}),[be,ge,Ne]),Le=function(e){return function(){le(e)}},ze=function(e,t){return function(n){n.stopPropagation(),ge||t(e)}},we=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!0,prevName:t.name}):t})))}},Ue=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=be.find((function(t){return t.id===e}));re(E(n,["prevName","isEditing"]))}},Ae=function(e){return function(t){t.stopPropagation(),Oe(be.map((function(t){return t.id===e?w(w({},t),{},{name:t.prevName,isEditing:!1}):t})))}},Be=function(e){return function(t){if("Enter"===t.key){Oe(be.map((function(t){return t.id===e?w(w({},t),{},{isEditing:!1}):t})));var n=be.find((function(t){return t.id===e}));re(E(n,["prevName","isEditing"]))}}},We=function(e){return function(t){t.stopPropagation();var n=be.find((function(t){return t.id===e}));Re(n)}},xe=function(){Re(null)};return P(l,{id:"app-settings-template-popper",classes:{paper:C(ye.paper,me.paper)},open:z,anchorEl:K,onClose:Y,anchorOrigin:Q,transformOrigin:X,children:[P("div",{className:ye.paperWrapper,children:[P("div",{className:ye.titleWrapper,children:[q(c,{className:ye.title,children:"Templates"}),se&&q(s,{size:16})]}),q("div",{className:C(ye.selectedGroup,(k={},t(k,ye.selectedGroupSelected,-100===$),t(k,ye.selectedGroupUnSelected,-100!==$),k)),onClick:Le(-100),children:P("div",{className:ye.noTemplateItem,children:[q(-100===$?h:g,{fontSize:"small",className:ye.selectedIcon}),q("div",{className:ye.selectedLabel,children:"No Template Selected"})]})}),ke.map((function(e){var n=e.type,i=e.templatesList;return P(r,{children:[P("div",{className:ye.templateHeader,children:[q(c,{className:ye.subtitle,children:x[n]}),n===U&&!ge&&q(p,{title:"Create Template",placement:"right",children:q(v,{fontSize:"small",color:"primary",className:ye.addNewTemplateIcon,onClick:ne})})]}),0===i.length?q(c,{className:ye.noTemplateLabel,children:W[n]}):q(m,{className:ye.templateList,children:i.map((function(e){var i,a,r;return q(p,{title:e.disabled?e.tooltipTitle:"",children:P(d,{className:C(ye.templateListItem,(i={},t(i,ye.templateListItemSelected,e.id===$),t(i,ye.templateListItemUnSelected,e.id!==$),i)),onClick:e.disabled?null:Le(e.id),disabled:null!==(a=e.disabled)&&void 0!==a&&a,children:[e.id===$?q(h,w({fontSize:"small"},e.isEditing&&{color:"primary"})):q(N,w({fontSize:"small"},e.isEditing&&{color:"primary"})),e.isEditing?q(u,{autoFocus:!0,className:ye.templateListItemInput,value:e.name,onClick:function(e){return e.stopPropagation()},onChange:(r=e.id,function(e){e.stopPropagation(),be.filter((function(e){return e.id!==r})).map((function(e){return e.name})).includes(e.target.value)?je(w(w({},qe),{},t({},r,"Duplicated name"))):je(w(w({},qe),{},t({},r,null))),Oe(be.map((function(t){return t.id===r?w(w({},t),{},{name:e.target.value}):t})))}),onKeyDown:Be(e.id),error:!!qe[e.id],helperText:qe[e.id]}):q(c,{className:ye.templateListItemName,children:e.name}),e.isEditing?null:ue&&fe(I(e,["settings","data"],[])),e.isEditing?P("div",{className:C(ye.actionWrapper,ye.actionWrapperEditing),children:[q(p,{title:"Save",children:q(f,{className:ye.actionIconButton,onClick:Ue(e.id),children:q(h,{fontSize:"small",color:"primary"})})}),q(p,{title:"Cancel",children:q(f,{className:ye.actionIconButton,onClick:Ae(e.id),children:q(y,{className:ye.actionIcon,fontSize:"small"})})})]}):q("div",{className:C(ye.actionWrapper,t({},ye.actionWrapperHidden,e.disabled||ge)),children:n===U?P(j,{children:[q(p,{title:"Delete",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ie),children:q(T,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Rename",children:q(f,{className:ye.actionIconButton,onClick:we(e.id),children:q(S,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Copy",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(b,{className:ye.actionIcon,fontSize:"small"})})}),q(p,{title:"Share",children:q(f,{className:ye.actionIconButton,onClick:We(e.id),children:q(O,{className:ye.actionIcon,fontSize:"small"})})})]}):q(p,{title:"Copy To My Templates",children:q(f,{className:ye.actionIconButton,onClick:ze(e.id,ae),children:q(b,{className:ye.actionIcon,fontSize:"small"})})})})]})},"template-list-item-".concat(e.id))}))})]},"template-list-".concat(n))}))]}),q(R,{title:'Share "'.concat(I(Ee,"name"),'"'),open:!!Ee,onSave:function(e){Ee&&oe(Ee.id,e),xe()},onCancel:xe,currentUser:L})]})}F.propTypes={open:o.bool.isRequired,anchorEl:o.node,anchorOrigin:o.shape({}),transformOrigin:o.shape({}),onClose:o.func.isRequired,templates:o.arrayOf(o.shape({id:o.number,name:o.string,settings:o.shape({}),shared:o.bool})).isRequired,activeTemplateId:o.number.isRequired,getDefaultTemplates:o.func.isRequired,getUserTemplates:o.func.isRequired,getSharedTemplates:o.func.isRequired,onAddNewTemplate:o.func.isRequired,onTemplateDelete:o.func.isRequired,onTemplateCopy:o.func.isRequired,onTemplateEdit:o.func.isRequired,onTemplateShare:o.func.isRequired,onActiveTemplateChange:o.func.isRequired,loading:o.bool,classes:o.shape({paper:o.string}),hasNameSlot:o.bool,renderSlot:o.func.isRequired,currentUser:o.shape({}).isRequired,readOnly:o.bool,hideDefaultTemplates:o.bool};var G={},H={},M={};export{F as default};
 //# sourceMappingURL=index.js.map

package/components/Template/TemplatePopover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Typography,\n  IconButton,\n  List,\n  ListItem,\n  TextField,\n  Popover,\n  CircularProgress,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  Layers as LayersIcon,\n  LayersClear as LayersClearIcon,\n  AddCircle as AddCircleIcon,\n  Check as CheckIcon,\n  Delete as DeleteIcon,\n  Edit as EditIcon,\n  Share as ShareIcon,\n  Close as CloseIcon,\n  FileCopy as CopyIcon,\n} from '@material-ui/icons';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\n\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n  USER: 'USER',\n  DEFAULT: 'DEFAULT',\n  SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n  [TEMPLATE_TYPES.USER]: 'No templates yet...',\n  [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n  [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n  [TEMPLATE_TYPES.USER]: 'My Template',\n  [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n  [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n  currentUser,\n  // popover\n  open,\n  anchorEl,\n  anchorOrigin,\n  transformOrigin,\n  onClose,\n  // templates\n  templates,\n  activeTemplateId,\n  getDefaultTemplates,\n  getUserTemplates,\n  getSharedTemplates,\n  onAddNewTemplate,\n  onTemplateDelete,\n  onTemplateCopy,\n  onTemplateEdit,\n  onTemplateShare,\n  onActiveTemplateChange,\n  loading,\n  classes: customMuiStyles,\n  // custome slot\n  hasNameSlot,\n  renderSlot,\n  readOnly,\n  hideDefaultTemplates,\n}) {\n  const classes = useTemplatePopoverStyles();\n  const [allTemplates, setAllTemplates] = useState(templates);\n  const [templateToShare, setTemplateToShare] = useState(null);\n  const [error, setError] = useState({});\n  useEffect(() => {\n    setAllTemplates(templates);\n  }, [templates]);\n\n  // NOTE: Group template by type\n  const groupedTemplates = useMemo(() => {\n    const groups = [\n      {\n        type: TEMPLATE_TYPES.USER,\n        templatesList: getUserTemplates(allTemplates),\n      },\n    ];\n    if (!hideDefaultTemplates)\n      groups.push({\n        type: TEMPLATE_TYPES.DEFAULT,\n        templatesList: getDefaultTemplates(allTemplates),\n      });\n    if (!readOnly)\n      groups.push({\n        type: TEMPLATE_TYPES.SHARED,\n        templatesList: getSharedTemplates(allTemplates),\n      });\n    return groups;\n  }, [allTemplates, readOnly, hideDefaultTemplates]);\n\n  const handleClickTemplate = nextActiveTemplateId => () => {\n    onActiveTemplateChange(nextActiveTemplateId);\n  };\n\n  const handleChange = (templateId, callback) => e => {\n    e.stopPropagation();\n    if (!readOnly) callback(templateId);\n  };\n\n  // NOTE: Handlers for template name change\n  const handleTemplateNameEdit = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n      )\n    );\n  };\n  const handleTemplateNameChange = templateId => e => {\n    e.stopPropagation();\n\n    const allTemplateNames = allTemplates\n      .filter(template => template.id !== templateId)\n      .map(template => template.name);\n    if (allTemplateNames.includes(e.target.value)) {\n      setError({\n        ...error,\n        [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n      });\n    } else {\n      setError({\n        ...error,\n        [templateId]: null,\n      });\n    }\n\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n    );\n  };\n  const handleTemplateNameEditApply = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n    );\n    const currentTemplate = allTemplates.find(template => template.id === templateId);\n    onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n  };\n  const handleTemplateNameEditCancel = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n      )\n    );\n  };\n  const handleKeyDown = templateId => e => {\n    if (e.key === 'Enter') {\n      setAllTemplates(\n        allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n      );\n      const currentTemplate = allTemplates.find(template => template.id === templateId);\n      onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n    }\n  };\n\n  // NOTE: Handlers for template sharing\n  const handleTemplateSharingDialogOpen = templateId => e => {\n    e.stopPropagation();\n    const currentTemplate = allTemplates.find(item => item.id === templateId);\n    setTemplateToShare(currentTemplate);\n  };\n  const handleTemplateSharingDialogClose = () => {\n    setTemplateToShare(null);\n  };\n  const handleTemplateSharingSave = usersToShare => {\n    if (templateToShare) {\n      onTemplateShare(templateToShare.id, usersToShare);\n    }\n    handleTemplateSharingDialogClose();\n  };\n\n  return (\n    <Popover\n      id=\"app-settings-template-popper\"\n      classes={{\n        paper: classnames(classes.paper, customMuiStyles.paper),\n      }}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={anchorOrigin}\n      transformOrigin={transformOrigin}\n    >\n      <div className={classes.paperWrapper}>\n        <div className={classes.titleWrapper}>\n          <Typography className={classes.title}>Templates</Typography>\n          {loading && <CircularProgress size={16} />}\n        </div>\n\n        <div\n          className={classnames(classes.selectedGroup, {\n            [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n            [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n          })}\n          onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n        >\n          <div className={classes.noTemplateItem}>\n            {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n              <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n            ) : (\n              <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n            )}\n            <div className={classes.selectedLabel}>No Template Selected</div>\n          </div>\n        </div>\n\n        {groupedTemplates.map(({ type, templatesList }) => (\n          <Fragment key={`template-list-${type}`}>\n            <div className={classes.templateHeader}>\n              <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n              {type === TEMPLATE_TYPES.USER && !readOnly && (\n                <Tooltip title=\"Create Template\" placement=\"right\">\n                  <AddCircleIcon\n                    fontSize=\"small\"\n                    color=\"primary\"\n                    className={classes.addNewTemplateIcon}\n                    onClick={onAddNewTemplate}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {templatesList.length === 0 ? (\n              <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n            ) : (\n              <List className={classes.templateList}>\n                {templatesList.map(template => (\n                  <Tooltip\n                    key={`template-list-item-${template.id}`}\n                    title={template.disabled ? template.tooltipTitle : ''}\n                  >\n                    <ListItem\n                      className={classnames(classes.templateListItem, {\n                        [classes.templateListItemSelected]: template.id === activeTemplateId,\n                        [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n                      })}\n                      onClick={template.disabled ? null : handleClickTemplate(template.id)}\n                      disabled={template.disabled ?? false}\n                    >\n                      {template.id === activeTemplateId ? (\n                        <CheckIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      ) : (\n                        <LayersIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      )}\n\n                      {template.isEditing ? (\n                        <TextField\n                          autoFocus\n                          className={classes.templateListItemInput}\n                          value={template.name}\n                          onClick={e => e.stopPropagation()}\n                          onChange={handleTemplateNameChange(template.id)}\n                          onKeyDown={handleKeyDown(template.id)}\n                          error={!!error[template.id]}\n                          helperText={error[template.id]}\n                        />\n                      ) : (\n                        <Typography className={classes.templateListItemName}>\n                          {template.name}\n                        </Typography>\n                      )}\n\n                      {!template.isEditing\n                        ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n                        : null}\n\n                      {template.isEditing ? (\n                        <div\n                          className={classnames(\n                            classes.actionWrapper,\n                            classes.actionWrapperEditing\n                          )}\n                        >\n                          <Tooltip title=\"Save\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditApply(template.id)}\n                            >\n                              <CheckIcon fontSize=\"small\" color=\"primary\" />\n                            </IconButton>\n                          </Tooltip>\n\n                          <Tooltip title=\"Cancel\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditCancel(template.id)}\n                            >\n                              <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n                            </IconButton>\n                          </Tooltip>\n                        </div>\n                      ) : (\n                        <div\n                          className={classnames(classes.actionWrapper, {\n                            [classes.actionWrapperHidden]: template.disabled || readOnly,\n                          })}\n                        >\n                          {type === TEMPLATE_TYPES.USER ? (\n                            <>\n                              <Tooltip title=\"Delete\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateDelete)}\n                                >\n                                  <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Rename\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateNameEdit(template.id)}\n                                >\n                                  <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Copy\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateCopy)}\n                                >\n                                  <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Share\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateSharingDialogOpen(template.id)}\n                                >\n                                  <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n                            </>\n                          ) : (\n                            <Tooltip title=\"Copy To My Templates\">\n                              <IconButton\n                                className={classes.actionIconButton}\n                                onClick={handleChange(template.id, onTemplateCopy)}\n                              >\n                                <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                              </IconButton>\n                            </Tooltip>\n                          )}\n                        </div>\n                      )}\n                    </ListItem>\n                  </Tooltip>\n                ))}\n              </List>\n            )}\n          </Fragment>\n        ))}\n      </div>\n\n      <TemplateSharingDialog\n        title={`Share \"${get(templateToShare, 'name')}\"`}\n        open={!!templateToShare}\n        onSave={handleTemplateSharingSave}\n        onCancel={handleTemplateSharingDialogClose}\n        currentUser={currentUser}\n      />\n    </Popover>\n  );\n}\n\nTemplatePopover.propTypes = {\n  open: PropTypes.bool.isRequired,\n  anchorEl: PropTypes.node,\n  anchorOrigin: PropTypes.shape({}),\n  transformOrigin: PropTypes.shape({}),\n  onClose: PropTypes.func.isRequired,\n  templates: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      name: PropTypes.string,\n      settings: PropTypes.shape({}),\n      shared: PropTypes.bool,\n    })\n  ).isRequired,\n  activeTemplateId: PropTypes.number.isRequired,\n  getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n  onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n  onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n  onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n  onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n  onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n  loading: PropTypes.bool, // Template loading status\n\n  // Customize styles\n  classes: PropTypes.shape({\n    paper: PropTypes.string,\n  }),\n  hasNameSlot: PropTypes.bool,\n  renderSlot: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  readOnly: PropTypes.bool,\n  hideDefaultTemplates: PropTypes.bool,\n};\n\nTemplatePopover.defaultProps = {\n  loading: false,\n  classes: {},\n  hasNameSlot: false,\n  anchorEl: null,\n  anchorOrigin: {},\n  transformOrigin: {},\n  readOnly: false,\n  hideDefaultTemplates: false,\n};\n\nexport default TemplatePopover;\n"],"names":["TEMPLATE_TYPES","NO_TEMPLATE_MSG","_NO_TEMPLATE_MSG","TEMPLATE_LABELS","_TEMPLATE_LABELS","TemplatePopover","_ref","_classnames","currentUser","open","anchorEl","anchorOrigin","transformOrigin","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","loading","customMuiStyles","classes","hasNameSlot","renderSlot","readOnly","hideDefaultTemplates","useTemplatePopoverStyles","useState","_useState2","_slicedToArray","_useState","allTemplates","setAllTemplates","_useState4","_useState3","templateToShare","setTemplateToShare","_useState5","_useState6","error","setError","useEffect","groupedTemplates","useMemo","groups","type","templatesList","push","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameEditApply","currentTemplate","find","template","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","_jsxs","Popover","paper","classnames","children","className","paperWrapper","titleWrapper","_jsx","Typography","title","CircularProgress","size","selectedGroup","_defineProperty","selectedGroupSelected","selectedGroupUnSelected","onClick","noTemplateItem","CheckIcon","LayersClearIcon","fontSize","selectedIcon","selectedLabel","_ref2","Fragment","templateHeader","subtitle","Tooltip","placement","AddCircleIcon","color","addNewTemplateIcon","length","noTemplateLabel","List","templateList","_classnames2","_template$disabled","disabled","tooltipTitle","ListItem","templateListItem","templateListItemSelected","templateListItemUnSelected","_objectSpread","LayersIcon","TextField","autoFocus","templateListItemInput","value","onChange","filter","includes","target","onKeyDown","helperText","templateListItemName","get","actionWrapper","actionWrapperEditing","IconButton","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","concat","TemplateSharingDialog","onSave","usersToShare","onCancel","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Template/TemplatePopover/index.js"],"sourcesContent":["import { useMemo, useState, useEffect, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Typography,\n  IconButton,\n  List,\n  ListItem,\n  TextField,\n  Popover,\n  CircularProgress,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  Layers as LayersIcon,\n  LayersClear as LayersClearIcon,\n  AddCircle as AddCircleIcon,\n  Check as CheckIcon,\n  Delete as DeleteIcon,\n  Edit as EditIcon,\n  Share as ShareIcon,\n  Close as CloseIcon,\n  FileCopy as CopyIcon,\n} from '@material-ui/icons';\nimport classnames from 'classnames';\nimport { get, omit } from 'lodash';\n\nimport TemplateSharingDialog from '../TemplateSharingDialog';\n\nimport { useTemplatePopoverStyles } from './Styles';\n\nconst NO_TEMPLATE_SELECTED_ID = -100;\nconst DUPLICATED_NAME_ERROR_MESSAGE = 'Duplicated name';\n\nconst TEMPLATE_TYPES = {\n  USER: 'USER',\n  DEFAULT: 'DEFAULT',\n  SHARED: 'SHARED',\n};\n\nconst NO_TEMPLATE_MSG = {\n  [TEMPLATE_TYPES.USER]: 'No templates yet...',\n  [TEMPLATE_TYPES.DEFAULT]: 'No templates yet...',\n  [TEMPLATE_TYPES.SHARED]: 'No shared templates yet...',\n};\n\nconst TEMPLATE_LABELS = {\n  [TEMPLATE_TYPES.USER]: 'My Template',\n  [TEMPLATE_TYPES.DEFAULT]: 'Default Templates',\n  [TEMPLATE_TYPES.SHARED]: 'Shared With Me',\n};\n\nfunction TemplatePopover({\n  currentUser,\n  // popover\n  open,\n  anchorEl = null,\n  anchorOrigin = DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN,\n  transformOrigin = DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN,\n  onClose,\n  // templates\n  templates,\n  activeTemplateId,\n  getDefaultTemplates,\n  getUserTemplates,\n  getSharedTemplates,\n  onAddNewTemplate,\n  onTemplateDelete,\n  onTemplateCopy,\n  onTemplateEdit,\n  onTemplateShare,\n  onActiveTemplateChange,\n  loading = false,\n  classes: customMuiStyles = DEFAULT_TEMPLATE_POPOVER_CLASSES,\n  // custome slot\n  hasNameSlot = false,\n  renderSlot,\n  readOnly = false,\n  hideDefaultTemplates = false,\n}) {\n  const classes = useTemplatePopoverStyles();\n  const [allTemplates, setAllTemplates] = useState(templates);\n  const [templateToShare, setTemplateToShare] = useState(null);\n  const [error, setError] = useState({});\n  useEffect(() => {\n    setAllTemplates(templates);\n  }, [templates]);\n\n  // NOTE: Group template by type\n  const groupedTemplates = useMemo(() => {\n    const groups = [\n      {\n        type: TEMPLATE_TYPES.USER,\n        templatesList: getUserTemplates(allTemplates),\n      },\n    ];\n    if (!hideDefaultTemplates)\n      groups.push({\n        type: TEMPLATE_TYPES.DEFAULT,\n        templatesList: getDefaultTemplates(allTemplates),\n      });\n    if (!readOnly)\n      groups.push({\n        type: TEMPLATE_TYPES.SHARED,\n        templatesList: getSharedTemplates(allTemplates),\n      });\n    return groups;\n  }, [allTemplates, readOnly, hideDefaultTemplates]);\n\n  const handleClickTemplate = nextActiveTemplateId => () => {\n    onActiveTemplateChange(nextActiveTemplateId);\n  };\n\n  const handleChange = (templateId, callback) => e => {\n    e.stopPropagation();\n    if (!readOnly) callback(templateId);\n  };\n\n  // NOTE: Handlers for template name change\n  const handleTemplateNameEdit = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, isEditing: true, prevName: item.name } : item\n      )\n    );\n  };\n  const handleTemplateNameChange = templateId => e => {\n    e.stopPropagation();\n\n    const allTemplateNames = allTemplates\n      .filter(template => template.id !== templateId)\n      .map(template => template.name);\n    if (allTemplateNames.includes(e.target.value)) {\n      setError({\n        ...error,\n        [templateId]: DUPLICATED_NAME_ERROR_MESSAGE,\n      });\n    } else {\n      setError({\n        ...error,\n        [templateId]: null,\n      });\n    }\n\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, name: e.target.value } : item))\n    );\n  };\n  const handleTemplateNameEditApply = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n    );\n    const currentTemplate = allTemplates.find(template => template.id === templateId);\n    onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n  };\n  const handleTemplateNameEditCancel = templateId => e => {\n    e.stopPropagation();\n    setAllTemplates(\n      allTemplates.map(item =>\n        item.id === templateId ? { ...item, name: item.prevName, isEditing: false } : item\n      )\n    );\n  };\n  const handleKeyDown = templateId => e => {\n    if (e.key === 'Enter') {\n      setAllTemplates(\n        allTemplates.map(item => (item.id === templateId ? { ...item, isEditing: false } : item))\n      );\n      const currentTemplate = allTemplates.find(template => template.id === templateId);\n      onTemplateEdit(omit(currentTemplate, ['prevName', 'isEditing']));\n    }\n  };\n\n  // NOTE: Handlers for template sharing\n  const handleTemplateSharingDialogOpen = templateId => e => {\n    e.stopPropagation();\n    const currentTemplate = allTemplates.find(item => item.id === templateId);\n    setTemplateToShare(currentTemplate);\n  };\n  const handleTemplateSharingDialogClose = () => {\n    setTemplateToShare(null);\n  };\n  const handleTemplateSharingSave = usersToShare => {\n    if (templateToShare) {\n      onTemplateShare(templateToShare.id, usersToShare);\n    }\n    handleTemplateSharingDialogClose();\n  };\n\n  return (\n    <Popover\n      id=\"app-settings-template-popper\"\n      classes={{\n        paper: classnames(classes.paper, customMuiStyles.paper),\n      }}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={anchorOrigin}\n      transformOrigin={transformOrigin}\n    >\n      <div className={classes.paperWrapper}>\n        <div className={classes.titleWrapper}>\n          <Typography className={classes.title}>Templates</Typography>\n          {loading && <CircularProgress size={16} />}\n        </div>\n\n        <div\n          className={classnames(classes.selectedGroup, {\n            [classes.selectedGroupSelected]: activeTemplateId === NO_TEMPLATE_SELECTED_ID,\n            [classes.selectedGroupUnSelected]: activeTemplateId !== NO_TEMPLATE_SELECTED_ID,\n          })}\n          onClick={handleClickTemplate(NO_TEMPLATE_SELECTED_ID)}\n        >\n          <div className={classes.noTemplateItem}>\n            {activeTemplateId === NO_TEMPLATE_SELECTED_ID ? (\n              <CheckIcon fontSize=\"small\" className={classes.selectedIcon} />\n            ) : (\n              <LayersClearIcon fontSize=\"small\" className={classes.selectedIcon} />\n            )}\n            <div className={classes.selectedLabel}>No Template Selected</div>\n          </div>\n        </div>\n\n        {groupedTemplates.map(({ type, templatesList }) => (\n          <Fragment key={`template-list-${type}`}>\n            <div className={classes.templateHeader}>\n              <Typography className={classes.subtitle}>{TEMPLATE_LABELS[type]}</Typography>\n              {type === TEMPLATE_TYPES.USER && !readOnly && (\n                <Tooltip title=\"Create Template\" placement=\"right\">\n                  <AddCircleIcon\n                    fontSize=\"small\"\n                    color=\"primary\"\n                    className={classes.addNewTemplateIcon}\n                    onClick={onAddNewTemplate}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {templatesList.length === 0 ? (\n              <Typography className={classes.noTemplateLabel}>{NO_TEMPLATE_MSG[type]}</Typography>\n            ) : (\n              <List className={classes.templateList}>\n                {templatesList.map(template => (\n                  <Tooltip\n                    key={`template-list-item-${template.id}`}\n                    title={template.disabled ? template.tooltipTitle : ''}\n                  >\n                    <ListItem\n                      className={classnames(classes.templateListItem, {\n                        [classes.templateListItemSelected]: template.id === activeTemplateId,\n                        [classes.templateListItemUnSelected]: template.id !== activeTemplateId,\n                      })}\n                      onClick={template.disabled ? null : handleClickTemplate(template.id)}\n                      disabled={template.disabled ?? false}\n                    >\n                      {template.id === activeTemplateId ? (\n                        <CheckIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      ) : (\n                        <LayersIcon\n                          fontSize=\"small\"\n                          {...(template.isEditing && { color: 'primary' })}\n                        />\n                      )}\n\n                      {template.isEditing ? (\n                        <TextField\n                          autoFocus\n                          className={classes.templateListItemInput}\n                          value={template.name}\n                          onClick={e => e.stopPropagation()}\n                          onChange={handleTemplateNameChange(template.id)}\n                          onKeyDown={handleKeyDown(template.id)}\n                          error={!!error[template.id]}\n                          helperText={error[template.id]}\n                        />\n                      ) : (\n                        <Typography className={classes.templateListItemName}>\n                          {template.name}\n                        </Typography>\n                      )}\n\n                      {!template.isEditing\n                        ? hasNameSlot && renderSlot(get(template, ['settings', 'data'], []))\n                        : null}\n\n                      {template.isEditing ? (\n                        <div\n                          className={classnames(\n                            classes.actionWrapper,\n                            classes.actionWrapperEditing\n                          )}\n                        >\n                          <Tooltip title=\"Save\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditApply(template.id)}\n                            >\n                              <CheckIcon fontSize=\"small\" color=\"primary\" />\n                            </IconButton>\n                          </Tooltip>\n\n                          <Tooltip title=\"Cancel\">\n                            <IconButton\n                              className={classes.actionIconButton}\n                              onClick={handleTemplateNameEditCancel(template.id)}\n                            >\n                              <CloseIcon className={classes.actionIcon} fontSize=\"small\" />\n                            </IconButton>\n                          </Tooltip>\n                        </div>\n                      ) : (\n                        <div\n                          className={classnames(classes.actionWrapper, {\n                            [classes.actionWrapperHidden]: template.disabled || readOnly,\n                          })}\n                        >\n                          {type === TEMPLATE_TYPES.USER ? (\n                            <>\n                              <Tooltip title=\"Delete\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateDelete)}\n                                >\n                                  <DeleteIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Rename\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateNameEdit(template.id)}\n                                >\n                                  <EditIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Copy\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleChange(template.id, onTemplateCopy)}\n                                >\n                                  <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n\n                              <Tooltip title=\"Share\">\n                                <IconButton\n                                  className={classes.actionIconButton}\n                                  onClick={handleTemplateSharingDialogOpen(template.id)}\n                                >\n                                  <ShareIcon className={classes.actionIcon} fontSize=\"small\" />\n                                </IconButton>\n                              </Tooltip>\n                            </>\n                          ) : (\n                            <Tooltip title=\"Copy To My Templates\">\n                              <IconButton\n                                className={classes.actionIconButton}\n                                onClick={handleChange(template.id, onTemplateCopy)}\n                              >\n                                <CopyIcon className={classes.actionIcon} fontSize=\"small\" />\n                              </IconButton>\n                            </Tooltip>\n                          )}\n                        </div>\n                      )}\n                    </ListItem>\n                  </Tooltip>\n                ))}\n              </List>\n            )}\n          </Fragment>\n        ))}\n      </div>\n\n      <TemplateSharingDialog\n        title={`Share \"${get(templateToShare, 'name')}\"`}\n        open={!!templateToShare}\n        onSave={handleTemplateSharingSave}\n        onCancel={handleTemplateSharingDialogClose}\n        currentUser={currentUser}\n      />\n    </Popover>\n  );\n}\n\nTemplatePopover.propTypes = {\n  open: PropTypes.bool.isRequired,\n  anchorEl: PropTypes.node,\n  anchorOrigin: PropTypes.shape({}),\n  transformOrigin: PropTypes.shape({}),\n  onClose: PropTypes.func.isRequired,\n  templates: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      name: PropTypes.string,\n      settings: PropTypes.shape({}),\n      shared: PropTypes.bool,\n    })\n  ).isRequired,\n  activeTemplateId: PropTypes.number.isRequired,\n  getDefaultTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getUserTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  getSharedTemplates: PropTypes.func.isRequired, // Needs to be pure function\n  onAddNewTemplate: PropTypes.func.isRequired, // () => {}\n  onTemplateDelete: PropTypes.func.isRequired, // templateId => {}\n  onTemplateCopy: PropTypes.func.isRequired, // templateId => {}\n  onTemplateEdit: PropTypes.func.isRequired, // newTemplate => {}\n  onTemplateShare: PropTypes.func.isRequired, // (templateId, users) => {}\n  onActiveTemplateChange: PropTypes.func.isRequired, // templateId => {}\n  loading: PropTypes.bool, // Template loading status\n\n  // Customize styles\n  classes: PropTypes.shape({\n    paper: PropTypes.string,\n  }),\n  hasNameSlot: PropTypes.bool,\n  renderSlot: PropTypes.func.isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  readOnly: PropTypes.bool,\n  hideDefaultTemplates: PropTypes.bool,\n};\n\nconst DEFAULT_TEMPLATE_POPOVER_CLASSES = {};\nconst DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN = {};\nconst DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN = {};\n\nexport default TemplatePopover;\n"],"names":["TEMPLATE_TYPES","NO_TEMPLATE_MSG","_NO_TEMPLATE_MSG","TEMPLATE_LABELS","_TEMPLATE_LABELS","TemplatePopover","_ref","_classnames","currentUser","open","_ref$anchorEl","anchorEl","_ref$anchorOrigin","anchorOrigin","DEFAULT_TEMPLATE_POPOVER_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_TEMPLATE_POPOVER_TRANSFORM_ORIGIN","onClose","templates","activeTemplateId","getDefaultTemplates","getUserTemplates","getSharedTemplates","onAddNewTemplate","onTemplateDelete","onTemplateCopy","onTemplateEdit","onTemplateShare","onActiveTemplateChange","_ref$loading","loading","_ref$classes","classes","customMuiStyles","DEFAULT_TEMPLATE_POPOVER_CLASSES","_ref$hasNameSlot","hasNameSlot","renderSlot","_ref$readOnly","readOnly","_ref$hideDefaultTempl","hideDefaultTemplates","useTemplatePopoverStyles","useState","_useState2","_slicedToArray","_useState","allTemplates","setAllTemplates","_useState4","_useState3","templateToShare","setTemplateToShare","_useState5","_useState6","error","setError","useEffect","groupedTemplates","useMemo","groups","type","templatesList","push","handleClickTemplate","nextActiveTemplateId","handleChange","templateId","callback","e","stopPropagation","handleTemplateNameEdit","map","item","id","isEditing","prevName","name","handleTemplateNameEditApply","currentTemplate","find","template","omit","handleTemplateNameEditCancel","handleKeyDown","key","handleTemplateSharingDialogOpen","handleTemplateSharingDialogClose","_jsxs","Popover","paper","classnames","children","className","paperWrapper","titleWrapper","_jsx","Typography","title","CircularProgress","size","selectedGroup","_defineProperty","selectedGroupSelected","selectedGroupUnSelected","onClick","noTemplateItem","CheckIcon","LayersClearIcon","fontSize","selectedIcon","selectedLabel","_ref2","Fragment","templateHeader","subtitle","Tooltip","placement","AddCircleIcon","color","addNewTemplateIcon","length","noTemplateLabel","List","templateList","_classnames2","_template$disabled","disabled","tooltipTitle","ListItem","templateListItem","templateListItemSelected","templateListItemUnSelected","_objectSpread","LayersIcon","TextField","autoFocus","templateListItemInput","value","onChange","filter","includes","target","onKeyDown","helperText","templateListItemName","get","actionWrapper","actionWrapperEditing","IconButton","actionIconButton","CloseIcon","actionIcon","actionWrapperHidden","_Fragment","DeleteIcon","EditIcon","CopyIcon","ShareIcon","concat","TemplateSharingDialog","onSave","usersToShare","onCancel","propTypes","PropTypes","bool","isRequired","node","shape","func","arrayOf","number","string","settings","shared"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ declare function TemplateSharingDialog({ title, open, onSave, onCancel, currentU
     onCancel: any;
     onSave: any;
     open: any;
-    title: any;
+    title?: null | undefined;
 }): import("react").JSX.Element;
 declare namespace TemplateSharingDialog {
     var propTypes: {
@@ -14,9 +14,6 @@ declare namespace TemplateSharingDialog {
         onCancel: PropTypes.Validator<(...args: any[]) => any>;
         currentUser: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     };
-    var defaultProps: {
-        title: null;
-    };
 }
 export default TemplateSharingDialog;
 //# sourceMappingURL=index.d.ts.map

package/components/Template/TemplateSharingDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplateSharingDialog/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA+BnC,iBAAS,qBAAqB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE;;;;;;CAAA,+BAqF5E;kBArFQ,qBAAqB;;;;;;;;;;;;eAmGf,qBAAqB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Template/TemplateSharingDialog/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AA+BnC,iBAAS,qBAAqB,CAAC,EAAE,KAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE;;;;;;CAAA,+BAqFnF;kBArFQ,qBAAqB;;;;;;;;;eA+Ff,qBAAqB"}