@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/SlateFormattedText/SlateFormattedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlateFormattedText.js","sources":["../../../src/components/SlateFormattedText/SlateFormattedText.js"],"sourcesContent":["import { useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Slate, Editable, withReact } from 'slate-react';\nimport { createEditor } from 'slate';\nimport { every } from 'lodash';\n\nimport { Leaf, Element } from './RenderElements';\nimport { slateFormattingTextUtils } from './utils';\n\nconst PAGE_NAME = 'SlateFormattedText';\n\nconst SlateFormattedText = ({\n  text,\n  textsList,\n  defaultText,\n  defaultRenderingTextNode,\n  locator,\n}) => {\n  const currentLocator = `${locator}_slateText`;\n  const editor = useMemo(() => withReact(createEditor()), []);\n  const renderElement = useCallback(props => <Element {...props} />, []);\n  const renderLeaf = useCallback(props => <Leaf {...props} />, []);\n\n  const { isValidSlateJSON, parsedSlateJSON, isEmptySlateJSON } = useMemo(() => {\n    let { isTextValidSlateJSON, parsedJSON } = slateFormattingTextUtils.getValidSlateJSON(text);\n\n    if (textsList.length) {\n      const validatedAndParsedTextsList = textsList.map(item =>\n        slateFormattingTextUtils.getValidSlateJSON(item)\n      );\n      isTextValidSlateJSON = every(validatedAndParsedTextsList, item => item.isTextValidSlateJSON);\n      parsedJSON = slateFormattingTextUtils.getDefaultParagraphObjectEmpty();\n\n      if (isTextValidSlateJSON) {\n        validatedAndParsedTextsList.forEach(item => {\n          const parsedItem = item.parsedJSON;\n          if (!slateFormattingTextUtils.isSlateTextEmpty(parsedItem)) {\n            parsedJSON[0].children = parsedJSON[0].children.concat(\n              ...parsedItem.map(el => el.children)\n            );\n          }\n\n          parsedJSON[0].children = parsedJSON[0].children.concat({ text: '\\n' });\n        });\n      }\n    }\n\n    const isTextEmptySlateJSON =\n      isTextValidSlateJSON && slateFormattingTextUtils.isSlateTextEmpty(parsedJSON);\n    return {\n      isValidSlateJSON: isTextValidSlateJSON,\n      parsedSlateJSON: parsedJSON,\n      isEmptySlateJSON: isTextEmptySlateJSON,\n    };\n  }, [text, String(textsList)]);\n\n  const textFormatted = slateFormattingTextUtils.getFormattedText({\n    isValid: isValidSlateJSON,\n    isEmpty: isEmptySlateJSON,\n    text,\n    parsedText: parsedSlateJSON,\n    defaultText,\n  });\n\n  let notSlateText;\n\n  if (textsList.length > 0) {\n    notSlateText = textsList.map(textsListItem => (\n      <span data-testid={`${currentLocator}_listItem`} key={textsListItem}>\n        {textsListItem}\n        <br />\n      </span>\n    ));\n  } else {\n    notSlateText =\n      (isValidSlateJSON && isEmptySlateJSON) || !defaultRenderingTextNode\n        ? textFormatted\n        : defaultRenderingTextNode;\n  }\n\n  return isValidSlateJSON && !isEmptySlateJSON ? (\n    <Slate editor={editor} value={textFormatted}>\n      <Editable\n        data-testid={`${currentLocator}_editable`}\n        renderElement={renderElement}\n        renderLeaf={renderLeaf}\n        readOnly\n      />\n    </Slate>\n  ) : (\n    notSlateText\n  );\n};\n\nSlateFormattedText.propTypes = {\n  text: PropTypes.string,\n  textsList: PropTypes.arrayOf(PropTypes.string),\n  defaultText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  defaultRenderingTextNode: PropTypes.node,\n  locator: PropTypes.string,\n};\n\nSlateFormattedText.defaultProps = {\n  text: '',\n  textsList: [],\n  defaultText: '',\n  defaultRenderingTextNode: undefined,\n  locator: PAGE_NAME,\n};\n\nexport default SlateFormattedText;\n"],"names":["PAGE_NAME","SlateFormattedText","text","textsList","defaultText","defaultRenderingTextNode","locator","currentLocator","editor","useMemo","withReact","createEditor","renderElement","useCallback","props","_jsx","renderLeaf","slateFormattingTextUtils","getValidSlateJSON","isTextValidSlateJSON","parsedJSON","length","validatedAndParsedTextsList","map","item","every","getDefaultParagraphObjectEmpty","forEach","parsedItem","isSlateTextEmpty","children","concat","el","isTextEmptySlateJSON","isValidSlateJSON","parsedSlateJSON","isEmptySlateJSON","String","textFormatted","getFormattedText","isValid","isEmpty","parsedText","notSlateText","textsListItem","_jsxs","propTypes","PropTypes","string","arrayOf","oneOfType","node","defaultProps","undefined"],"mappings":"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"}

package/components/SlateFormattedText/style.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={richTextEditorLinkElement:"style_richTextEditorLinkElement__nTdG2",richTextEditorPopoverLinkElement:"style_richTextEditorPopoverLinkElement__Wbrkd",contrastText:"style_contrastText__DuSLA",textPrimary:"style_textPrimary__RNYMG",headerOne:"style_headerOne__Td6IJ",headerTwo:"style_headerTwo__9Ref-",headerThree:"style_headerThree__ulouw",body:"style_body__LXSHq",caption:"style_caption__KLXJq",code:"style_code__QxrEY",codeBlock:"style_codeBlock__hlsbr",invisible:"style_invisible__Qx4u3",bulletedList:"style_bulletedList__MnVPh",numberedList:"style_numberedList__v03sL",listItem:"style_listItem__lkgYU",listItemPrimary:"style_listItemPrimary__zmlhn"};e(".style_richTextEditorLinkElement__nTdG2{color:#03bcd4}.style_richTextEditorLinkElement__nTdG2:hover{text-decoration:underline}.style_richTextEditorPopoverLinkElement__Wbrkd{display:flex;margin-top:1px;vertical-align:middle}.style_richTextEditorPopoverLinkElement__Wbrkd a{color:#bdbdbd;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style_contrastText__DuSLA{color:#fff!important}.style_textPrimary__RNYMG{color:#bdbdbd!important}.style_headerOne__Td6IJ{color:#fff;font-size:24px;font-weight:500;line-height:28px;margin-bottom:16px}.style_headerTwo__9Ref-{color:#fff;font-size:20px;font-weight:500;line-height:24px;margin-bottom:16px}.style_headerThree__ulouw{font-size:18px;font-weight:500}.style_body__LXSHq,.style_headerThree__ulouw{color:#fff;line-height:22px;margin-bottom:16px}.style_body__LXSHq{font-size:16px;font-weight:400}.style_caption__KLXJq{color:#bdbdbd;font-size:14px;font-weight:400;line-height:16px;margin-bottom:16px}.style_code__QxrEY{background-color:#272727;border-radius:4px;color:#fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:12px;font-weight:400;line-height:20px;padding:4px}.style_codeBlock__hlsbr{background-color:#272727!important;border-radius:4px;font-size:12px!important;margin:0 0 16px!important;padding:8px!important}.style_invisible__Qx4u3{display:none}.style_bulletedList__MnVPh,.style_numberedList__v03sL{margin-block-end:8px;margin-block-start:0;padding-inline-start:18px}.style_listItem__lkgYU{color:#fff;font-size:16px;line-height:22px;padding-bottom:8px}.style_listItemPrimary__zmlhn{color:#bdbdbd}");export{t as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_richTextEditorLinkElement__3RRSX {\n  color: #03bcd4;\n}\n\n.style_richTextEditorLinkElement__3RRSX:hover {\n  text-decoration: underline;\n}\n\n.style_richTextEditorPopoverLinkElement__1IjJW {\n  display: flex;\n  vertical-align: middle;\n  margin-top: 1px;\n}\n\n.style_richTextEditorPopoverLinkElement__1IjJW a {\n  color: #bdbdbd;\n  font-size: 11px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n}\n\n.style_contrastText__2GyI0 {\n  color: #ffffff !important;\n}\n\n.style_textPrimary__3zwnQ {\n  color: #bdbdbd !important;\n}\n\n.style_headerOne__2Sj7j {\n  margin-bottom: 16px;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 28px;\n  color: #ffffff;\n}\n\n.style_headerTwo__2N7pP {\n  margin-bottom: 16px;\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 24px;\n  color: #ffffff;\n}\n\n.style_headerThree__33hcx {\n  margin-bottom: 16px;\n  font-weight: 500;\n  font-size: 18px;\n  line-height: 22px;\n  color: #ffffff;\n}\n\n.style_body__b8GkX {\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 22px;\n  color: #ffffff;\n  margin-bottom: 16px;\n}\n\n.style_caption__Mersn {\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 16px;\n  color: #bdbdbd;\n  margin-bottom: 16px;\n}\n\n.style_code__ZPHri {\n  background-color: #272727;\n  border-radius: 4px;\n  color: #fff;\n  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n  padding: 4px;\n}\n\n.style_codeBlock__2bpOp {\n  /* NOTE: !important is used to overrides prismjs theme */\n  background-color: #272727 !important;\n  border-radius: 4px;\n  font-size: 12px !important;\n  margin: 0 0 16px 0 !important;\n  padding: 8px !important;\n}\n\n.style_invisible__3OHfY {\n  display: none;\n}\n\n.style_bulletedList__3p62T {\n  margin-block-start: 0;\n  margin-block-end: 8px;\n  padding-inline-start: 18px;\n}\n\n.style_numberedList__2Ef3J {\n  margin-block-start: 0;\n  padding-inline-start: 18px;\n  margin-block-end: 8px;\n}\n\n.style_listItem__3kH9t {\n  font-size: 16px;\n  padding-bottom: 8px;\n  line-height: 22px;\n  color: #ffffff;\n}\n\n.style_listItemPrimary__1Dqan {\n  color: #bdbdbd;\n}\n";
+var styles = {"richTextEditorLinkElement":"style_richTextEditorLinkElement__3RRSX","richTextEditorPopoverLinkElement":"style_richTextEditorPopoverLinkElement__1IjJW","contrastText":"style_contrastText__2GyI0","textPrimary":"style_textPrimary__3zwnQ","headerOne":"style_headerOne__2Sj7j","headerTwo":"style_headerTwo__2N7pP","headerThree":"style_headerThree__33hcx","body":"style_body__b8GkX","caption":"style_caption__Mersn","code":"style_code__ZPHri","codeBlock":"style_codeBlock__2bpOp","invisible":"style_invisible__3OHfY","bulletedList":"style_bulletedList__3p62T","numberedList":"style_numberedList__2Ef3J","listItem":"style_listItem__3kH9t","listItemPrimary":"style_listItemPrimary__1Dqan"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=style.css.js.map

package/components/SlateFormattedText/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/SlateFormattedText/utils.js

@@ -1 +1,103 @@
-import t from"@babel/runtime/helpers/typeof";import{get as e}from"lodash";import{Node as r}from"slate";var a=function(e){if(!e)return!1;try{var r=JSON.parse(e);return{isValid:"object"===t(r)&&null!==r,parsedJSON:r}}catch(t){return{isValid:!1,parsedJSON:null}}},n=function(t){return[{type:"paragraph",children:[{text:t}]}]},i={getValidJSON:a,getValidSlateJSON:function(t){var r=a(t),n=r.isValid,i=r.parsedJSON;return n?{isTextValidSlateJSON:n&&e(i,"0.children"),parsedJSON:i}:{isTextValidSlateJSON:!1,parsedSlateJSON:null}},getDefaultParagraphObjectEmpty:function(){return[{type:"paragraph",children:[]}]},isSlateTextEmpty:function(t){return!t||1===t.length&&!e(t,"0.children.0.text")&&!e(t,"0.children.0.type")},getFormattedText:function(t){var e=t.isValid,r=t.isEmpty,a=t.text,n=t.parsedText,i=t.defaultText;return e?r?i:n:a||i},getFormattedTextToEdit:function(t){var e=t.isValid,r=t.isEmpty,a=t.text,i=t.parsedText;return e?r?n(""):i:a&&n(a)||n("")},getPlainTextFromSlateJSON:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=a(t);return(null==n?void 0:n.parsedJSON)&&n.parsedJSON.map((function(t){return r.string(t)})).join("\n")||e}};export{i as slateFormattingTextUtils};
+import { get } from 'lodash';
+import _typeof from '@babel/runtime/helpers/typeof';
+import { Node } from 'slate';
+
+var getValidJSON = function getValidJSON(str) {
+  if (!str) return false;
+
+  try {
+    var parsedJSON = JSON.parse(str);
+    return {
+      isValid: _typeof(parsedJSON) === 'object' && parsedJSON !== null,
+      parsedJSON: parsedJSON
+    };
+  } catch (e) {
+    return {
+      isValid: false,
+      parsedJSON: null
+    };
+  }
+};
+
+var getValidSlateJSON = function getValidSlateJSON(str) {
+  var _getValidJSON = getValidJSON(str),
+      isValid = _getValidJSON.isValid,
+      parsedJSON = _getValidJSON.parsedJSON;
+
+  if (!isValid) return {
+    isTextValidSlateJSON: false,
+    parsedSlateJSON: null
+  };
+  return {
+    isTextValidSlateJSON: isValid && get(parsedJSON, '0.children'),
+    parsedJSON: parsedJSON
+  };
+};
+
+var getDefaultParagraphObjectEmpty = function getDefaultParagraphObjectEmpty() {
+  return [{
+    type: 'paragraph',
+    children: []
+  }];
+};
+
+var getDefaultParagraphObject = function getDefaultParagraphObject(text) {
+  return [{
+    type: 'paragraph',
+    children: [{
+      text: text
+    }]
+  }];
+};
+
+var isSlateTextEmpty = function isSlateTextEmpty(slateJSON) {
+  return !slateJSON || slateJSON.length === 1 && !get(slateJSON, '0.children.0.text') && !get(slateJSON, '0.children.0.type');
+};
+
+var getFormattedText = function getFormattedText(_ref) {
+  var isValid = _ref.isValid,
+      isEmpty = _ref.isEmpty,
+      text = _ref.text,
+      parsedText = _ref.parsedText,
+      defaultText = _ref.defaultText;
+
+  if (!isValid) {
+    return text || defaultText;
+  } else {
+    return isEmpty ? defaultText : parsedText;
+  }
+};
+
+var getFormattedTextToEdit = function getFormattedTextToEdit(_ref2) {
+  var isValid = _ref2.isValid,
+      isEmpty = _ref2.isEmpty,
+      text = _ref2.text,
+      parsedText = _ref2.parsedText;
+
+  if (!isValid) {
+    return text && getDefaultParagraphObject(text) || getDefaultParagraphObject('');
+  } else {
+    return isEmpty ? getDefaultParagraphObject('') : parsedText;
+  }
+};
+
+var getPlainTextFromSlateJSON = function getPlainTextFromSlateJSON(slateText) {
+  var defaultText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var textValidSlateJSON = getValidJSON(slateText);
+  return (textValidSlateJSON === null || textValidSlateJSON === void 0 ? void 0 : textValidSlateJSON.parsedJSON) && textValidSlateJSON.parsedJSON.map(function (n) {
+    return Node.string(n);
+  }).join('\n') || defaultText;
+};
+
+var slateFormattingTextUtils = {
+  getValidJSON: getValidJSON,
+  getValidSlateJSON: getValidSlateJSON,
+  getDefaultParagraphObjectEmpty: getDefaultParagraphObjectEmpty,
+  isSlateTextEmpty: isSlateTextEmpty,
+  getFormattedText: getFormattedText,
+  getFormattedTextToEdit: getFormattedTextToEdit,
+  getPlainTextFromSlateJSON: getPlainTextFromSlateJSON
+};
+
+export { slateFormattingTextUtils };
+//# sourceMappingURL=utils.js.map

package/components/SlateFormattedText/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/SlateFormattedText/utils.js"],"sourcesContent":["import { get } from 'lodash';\nimport { Node } from 'slate';\n\nconst getValidJSON = str => {\n  if (!str) return false;\n  try {\n    const parsedJSON = JSON.parse(str);\n    return { isValid: typeof parsedJSON === 'object' && parsedJSON !== null, parsedJSON };\n  } catch (e) {\n    return { isValid: false, parsedJSON: null };\n  }\n};\n\nconst getValidSlateJSON = str => {\n  const { isValid, parsedJSON } = getValidJSON(str);\n  if (!isValid) return { isTextValidSlateJSON: false, parsedSlateJSON: null };\n\n  return {\n    isTextValidSlateJSON: isValid && get(parsedJSON, '0.children'),\n    parsedJSON,\n  };\n};\n\nconst getDefaultParagraphObjectEmpty = () => [\n  {\n    type: 'paragraph',\n    children: [],\n  },\n];\n\nconst getDefaultParagraphObject = text => [\n  {\n    type: 'paragraph',\n    children: [\n      {\n        text,\n      },\n    ],\n  },\n];\n\nconst isSlateTextEmpty = slateJSON =>\n  !slateJSON ||\n  (slateJSON.length === 1 &&\n    !get(slateJSON, '0.children.0.text') &&\n    !get(slateJSON, '0.children.0.type'));\n\nconst getFormattedText = ({ isValid, isEmpty, text, parsedText, defaultText }) => {\n  if (!isValid) {\n    return text || defaultText;\n  } else {\n    return isEmpty ? defaultText : parsedText;\n  }\n};\n\nconst getFormattedTextToEdit = ({ isValid, isEmpty, text, parsedText }) => {\n  if (!isValid) {\n    return (text && getDefaultParagraphObject(text)) || getDefaultParagraphObject('');\n  } else {\n    return isEmpty ? getDefaultParagraphObject('') : parsedText;\n  }\n};\n\nconst getPlainTextFromSlateJSON = (slateText, defaultText = '') => {\n  const textValidSlateJSON = getValidJSON(slateText);\n  return (\n    (textValidSlateJSON?.parsedJSON &&\n      textValidSlateJSON.parsedJSON.map(n => Node.string(n)).join('\\n')) ||\n    defaultText\n  );\n};\n\nexport const slateFormattingTextUtils = {\n  getValidJSON,\n  getValidSlateJSON,\n  getDefaultParagraphObjectEmpty,\n  isSlateTextEmpty,\n  getFormattedText,\n  getFormattedTextToEdit,\n  getPlainTextFromSlateJSON,\n};\n"],"names":["getValidJSON","str","parsedJSON","JSON","parse","isValid","e","getValidSlateJSON","isTextValidSlateJSON","parsedSlateJSON","get","getDefaultParagraphObjectEmpty","type","children","getDefaultParagraphObject","text","isSlateTextEmpty","slateJSON","length","getFormattedText","isEmpty","parsedText","defaultText","getFormattedTextToEdit","getPlainTextFromSlateJSON","slateText","textValidSlateJSON","map","n","Node","string","join","slateFormattingTextUtils"],"mappings":"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"}

package/components/StageDesignVActual/ComparisonBar/ComparisonBar.js

@@ -1 +1,92 @@
-import{number as a,bool as t}from"prop-types";import{makeStyles as r}from"@material-ui/core";import{getIsGreaterThanTenPercent as e,getDifference as i}from"../../../utils/StageDesignVActualUtils.js";import{getBarPercents as o}from"./utils.js";import{jsxs as n,jsx as s}from"react/jsx-runtime";var c=r((function(a){return{barContainer:{position:"relative",height:"24px",width:"100%"},designBar:function(a){var t=a.designBarPercent;return{position:"absolute",background:"#2BCCFF",opacity:.2,top:"4px",bottom:"4px",width:"".concat(t,"%"),borderRadius:"2px"}},actualBar:function(a){var t=a.showWarning,r=a.actualBarPercent;return{position:"absolute",background:t?"linear-gradient(to right, #2BCCFF , #F44336)":"#2BCCFF",top:"8px",bottom:"8px",width:"".concat(r,"%"),borderRadius:"2px"}},emptyBar:{position:"absolute",top:"4px",bottom:"4px",width:"100%",borderRadius:"2px",background:a.isLightTheme?"#e2e2e2":"#484848"}}})),d=function(a){var t=a.designVal,r=a.actualVal,d=a.isCalcMode,l=o(t,r),p=l.designBarPercent,u=l.actualBarPercent,m=i(t,r),g=e(m),B=c({showWarning:d?r>t:g,designBarPercent:p,actualBarPercent:u});return n("div",{className:B.barContainer,children:[!t&&!r&&s("div",{className:B.emptyBar}),s("div",{className:B.designBar}),s("div",{className:B.actualBar})]})};d.propTypes={designVal:a,actualVal:a,isCalcMode:t},d.defaultProps={designVal:void 0,actualVal:void 0,isCalcMode:!1};export{d as default};
+import { getIsGreaterThanTenPercent, getDifference } from '../../../utils/StageDesignVActualUtils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { number, bool } from 'prop-types';
+import { getBarPercents } from './utils.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    barContainer: {
+      position: 'relative',
+      height: '24px',
+      width: '100%'
+    },
+    designBar: function designBar(_ref) {
+      var designBarPercent = _ref.designBarPercent;
+      return {
+        position: 'absolute',
+        background: '#2BCCFF',
+        opacity: 0.2,
+        top: '4px',
+        bottom: '4px',
+        width: "".concat(designBarPercent, "%"),
+        borderRadius: '2px'
+      };
+    },
+    actualBar: function actualBar(_ref2) {
+      var showWarning = _ref2.showWarning,
+          actualBarPercent = _ref2.actualBarPercent;
+      return {
+        position: 'absolute',
+        background: showWarning ? 'linear-gradient(to right, #2BCCFF , #F44336)' : '#2BCCFF',
+        top: '8px',
+        bottom: '8px',
+        width: "".concat(actualBarPercent, "%"),
+        borderRadius: '2px'
+      };
+    },
+    emptyBar: {
+      position: 'absolute',
+      top: '4px',
+      bottom: '4px',
+      width: '100%',
+      borderRadius: '2px',
+      background: theme.isLightTheme ? '#e2e2e2' : '#484848'
+    }
+  };
+});
+
+var ComparisonBar = function ComparisonBar(_ref3) {
+  var designVal = _ref3.designVal,
+      actualVal = _ref3.actualVal,
+      isCalcMode = _ref3.isCalcMode;
+
+  var _getBarPercents = getBarPercents(designVal, actualVal),
+      designBarPercent = _getBarPercents.designBarPercent,
+      actualBarPercent = _getBarPercents.actualBarPercent;
+
+  var difference = getDifference(designVal, actualVal);
+  var isGreaterThanTenPercent = getIsGreaterThanTenPercent(difference); // NOTE: If view mode is calc and actual value comes from prediction summary,
+  // we should only show warning for the actual value which is greater than design amount
+
+  var showWarning = isCalcMode ? actualVal > designVal : isGreaterThanTenPercent;
+  var classes = useStyles({
+    showWarning: showWarning,
+    designBarPercent: designBarPercent,
+    actualBarPercent: actualBarPercent
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.barContainer,
+    children: [!designVal && !actualVal && /*#__PURE__*/jsx("div", {
+      className: classes.emptyBar
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.designBar
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.actualBar
+    })]
+  });
+};
+
+ComparisonBar.propTypes = {
+  designVal: number,
+  actualVal: number,
+  isCalcMode: bool
+};
+ComparisonBar.defaultProps = {
+  designVal: undefined,
+  actualVal: undefined,
+  isCalcMode: false
+};
+
+export default ComparisonBar;
+//# sourceMappingURL=ComparisonBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonBar.js","sources":["../../../../src/components/StageDesignVActual/ComparisonBar/ComparisonBar.js"],"sourcesContent":["import { number, bool } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { getDifference, getIsGreaterThanTenPercent } from '~/utils/StageDesignVActualUtils';\n\nimport { getBarPercents } from './utils';\n\nconst useStyles = makeStyles(theme => ({\n  barContainer: {\n    position: 'relative',\n    height: '24px',\n    width: '100%',\n  },\n  designBar: ({ designBarPercent }) => ({\n    position: 'absolute',\n    background: '#2BCCFF',\n    opacity: 0.2,\n    top: '4px',\n    bottom: '4px',\n    width: `${designBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  actualBar: ({ showWarning, actualBarPercent }) => ({\n    position: 'absolute',\n    background: showWarning ? 'linear-gradient(to right, #2BCCFF , #F44336)' : '#2BCCFF',\n    top: '8px',\n    bottom: '8px',\n    width: `${actualBarPercent}%`,\n    borderRadius: '2px',\n  }),\n  emptyBar: {\n    position: 'absolute',\n    top: '4px',\n    bottom: '4px',\n    width: '100%',\n    borderRadius: '2px',\n    background: theme.isLightTheme ? '#e2e2e2' : '#484848',\n  },\n}));\n\nconst ComparisonBar = ({ designVal, actualVal, isCalcMode }) => {\n  const { designBarPercent, actualBarPercent } = getBarPercents(designVal, actualVal);\n\n  const difference = getDifference(designVal, actualVal);\n\n  const isGreaterThanTenPercent = getIsGreaterThanTenPercent(difference);\n\n  // NOTE: If view mode is calc and actual value comes from prediction summary,\n  // we should only show warning for the actual value which is greater than design amount\n  const showWarning = isCalcMode ? actualVal > designVal : isGreaterThanTenPercent;\n\n  const classes = useStyles({ showWarning, designBarPercent, actualBarPercent });\n\n  return (\n    <div className={classes.barContainer}>\n      {!designVal && !actualVal && <div className={classes.emptyBar} />}\n      <div className={classes.designBar} />\n      <div className={classes.actualBar} />\n    </div>\n  );\n};\n\nComparisonBar.propTypes = {\n  designVal: number,\n  actualVal: number,\n  isCalcMode: bool,\n};\n\nComparisonBar.defaultProps = {\n  designVal: undefined,\n  actualVal: undefined,\n  isCalcMode: false,\n};\n\nexport default ComparisonBar;\n"],"names":["useStyles","makeStyles","theme","barContainer","position","height","width","designBar","designBarPercent","background","opacity","top","bottom","borderRadius","actualBar","showWarning","actualBarPercent","emptyBar","isLightTheme","ComparisonBar","designVal","actualVal","isCalcMode","getBarPercents","difference","getDifference","isGreaterThanTenPercent","getIsGreaterThanTenPercent","classes","_jsxs","_jsx","propTypes","number","bool","defaultProps","undefined"],"mappings":"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"}

package/components/StageDesignVActual/ComparisonBar/utils.js

@@ -1 +1,23 @@
-var r=function(r,a){var n,t;return r&&a?(n=Math.min(r/a*100,100),t=Math.min(a/r*100,100)):r?(n=100,t=0):a&&(t=100,n=0),{actualBarPercent:t,designBarPercent:n}};export{r as getBarPercents};
+var getBarPercents = function getBarPercents(designValue, actualValue) {
+  var designBarPercent;
+  var actualBarPercent;
+
+  if (designValue && actualValue) {
+    designBarPercent = Math.min(designValue / actualValue * 100, 100);
+    actualBarPercent = Math.min(actualValue / designValue * 100, 100);
+  } else if (designValue) {
+    designBarPercent = 100;
+    actualBarPercent = 0;
+  } else if (actualValue) {
+    actualBarPercent = 100;
+    designBarPercent = 0;
+  }
+
+  return {
+    actualBarPercent: actualBarPercent,
+    designBarPercent: designBarPercent
+  };
+};
+
+export { getBarPercents };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/StageDesignVActual/ComparisonBar/utils.js"],"sourcesContent":["export const getBarPercents = (designValue, actualValue) => {\n  let designBarPercent;\n  let actualBarPercent;\n\n  if (designValue && actualValue) {\n    designBarPercent = Math.min((designValue / actualValue) * 100, 100);\n    actualBarPercent = Math.min((actualValue / designValue) * 100, 100);\n  } else if (designValue) {\n    designBarPercent = 100;\n    actualBarPercent = 0;\n  } else if (actualValue) {\n    actualBarPercent = 100;\n    designBarPercent = 0;\n  }\n\n  return { actualBarPercent, designBarPercent };\n};\n"],"names":["getBarPercents","designValue","actualValue","designBarPercent","actualBarPercent","Math","min"],"mappings":"IAAaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,WAAD,EAAcC,WAAd,EAA8B;AAC1D,MAAIC,gBAAJ;AACA,MAAIC,gBAAJ;;AAEA,MAAIH,WAAW,IAAIC,WAAnB,EAAgC;AAC9BC,IAAAA,gBAAgB,GAAGE,IAAI,CAACC,GAAL,CAAUL,WAAW,GAAGC,WAAf,GAA8B,GAAvC,EAA4C,GAA5C,CAAnB;AACAE,IAAAA,gBAAgB,GAAGC,IAAI,CAACC,GAAL,CAAUJ,WAAW,GAAGD,WAAf,GAA8B,GAAvC,EAA4C,GAA5C,CAAnB;AACD,GAHD,MAGO,IAAIA,WAAJ,EAAiB;AACtBE,IAAAA,gBAAgB,GAAG,GAAnB;AACAC,IAAAA,gBAAgB,GAAG,CAAnB;AACD,GAHM,MAGA,IAAIF,WAAJ,EAAiB;AACtBE,IAAAA,gBAAgB,GAAG,GAAnB;AACAD,IAAAA,gBAAgB,GAAG,CAAnB;AACD;;AAED,SAAO;AAAEC,IAAAA,gBAAgB,EAAhBA,gBAAF;AAAoBD,IAAAA,gBAAgB,EAAhBA;AAApB,GAAP;AACD;;;;"}

package/components/StageDesignVActual/ComparisonHeader.js

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

package/components/StageDesignVActual/ComparisonHeader.js.map

@@ -0,0 +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","renderStages","renderSortIcon","handleSortClick","showBar","theme","useTheme","_jsxs","classNames","styles","comparisonHeader","comparisonHeaderLightTheme","isLightTheme","comparisonNameCol","_jsx","comparisonSortIcon","comparisonDesignCol","comparisonActualCol","comparisonChartCol","propTypes","func","bool","defaultProps","undefined"],"mappings":";;;;;;;IAMMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAgE;AAAA,MAA7DC,YAA6D,QAA7DA,YAA6D;AAAA,MAA/CC,cAA+C,QAA/CA,cAA+C;AAAA,MAA/BC,eAA+B,QAA/BA,eAA+B;AAAA,MAAdC,OAAc,QAAdA,OAAc;AACvF,MAAMC,KAAK,GAAGC,QAAQ,EAAtB;AACA,sBACEC;AACE,IAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,gBAAR,sBAClBD,MAAM,CAACE,0BADW,EACkBN,KAAK,CAACO,YADxB,EADvB;AAAA,4BAKEL;AACE,MAAA,SAAS,EAAEE,MAAM,CAACI,iBADpB;AAEE,MAAA,OAAO,EAAEV,eAAe,IAAK;AAAA,eAAMA,eAAe,CAAC,KAAD,CAArB;AAAA,OAF/B;AAAA,8BAKGD,cAAc,iBAAIY;AAAK,QAAA,SAAS,EAAEL,MAAM,CAACM,kBAAvB;AAAA,kBAA4Cb,cAAc,CAAC,KAAD;AAA1D,QALrB;AAAA,MALF,eAYEK;AACE,MAAA,SAAS,EAAEE,MAAM,CAACO,mBADpB;AAEE,MAAA,OAAO,EAAEb,eAAe,IAAK;AAAA,eAAMA,eAAe,CAAC,QAAD,CAArB;AAAA,OAF/B;AAAA,2BAKGD,cAAc,iBACbY;AAAK,QAAA,SAAS,EAAEL,MAAM,CAACM,kBAAvB;AAAA,kBAA4Cb,cAAc,CAAC,QAAD;AAA1D,QANJ;AAAA,MAZF,eAqBEK;AACE,MAAA,SAAS,EAAEE,MAAM,CAACQ,mBADpB;AAEE,MAAA,OAAO,EAAEd,eAAe,IAAK;AAAA,eAAMA,eAAe,CAAC,QAAD,CAArB;AAAA,OAF/B;AAAA,2BAKGD,cAAc,iBACbY;AAAK,QAAA,SAAS,EAAEL,MAAM,CAACM,kBAAvB;AAAA,kBAA4Cb,cAAc,CAAC,QAAD;AAA1D,QANJ;AAAA,MArBF,eA8BEY;AAAK,MAAA,SAAS,EAAEL,MAAM,CAACQ,mBAAvB;AAAA;AAAA,MA9BF,eA+BEH;AAAK,MAAA,SAAS,EAAEL,MAAM,CAACQ,mBAAvB;AAAA;AAAA,MA/BF,eAgCEH;AAAK,MAAA,SAAS,EAAEL,MAAM,CAACQ,mBAAvB;AAAA;AAAA,MAhCF,EAiCGb,OAAO,iBACNU;AAAK,MAAA,SAAS,EAAEL,MAAM,CAACS,kBAAvB;AAAA,gBAA4CjB,YAAY,GAAGA,YAAY,EAAf,GAAoB;AAA5E,MAlCJ;AAAA,IADF;AAuCD;;AAEDD,gBAAgB,CAACmB,SAAjB,GAA6B;AAC3BlB,EAAAA,YAAY,EAAEmB,IADa;AAE3BjB,EAAAA,eAAe,EAAEiB,IAFU;AAG3BlB,EAAAA,cAAc,EAAEkB,IAHW;AAI3BhB,EAAAA,OAAO,EAAEiB;AAJkB,CAA7B;AAOArB,gBAAgB,CAACsB,YAAjB,GAAgC;AAC9BrB,EAAAA,YAAY,EAAEsB,SADgB;AAE9BpB,EAAAA,eAAe,EAAEoB,SAFa;AAG9BrB,EAAAA,cAAc,EAAEqB,SAHc;AAI9BnB,EAAAA,OAAO,EAAE;AAJqB,CAAhC;;;;"}

package/components/StageDesignVActual/ComparisonRow.js

@@ -1 +1,113 @@
-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{getUnitDisplay as l}from"../../utils/convert.js";import{getElemActualColor as n,getFormattedValue as c,getIsGreaterThanTenPercent as t,getDifference as p}from"../../utils/StageDesignVActualUtils.js";import{CHEMICALS_TYPES as u}from"../../constants/completion.js";import d from"./ComparisonBar/ComparisonBar.js";import h from"./ComparisonTable.css.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?l(C):"",K=n(r,s);(s&&(j=j&&j[s]&&j[s].amount,x=x&&x[s]&&x[s].amount),"volumeChemicals"===r||"massChemicals"===r)&&(A=S[(u.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:"-",_=p(j,"calc"===g?A:x);return v("div",{className:o(h.comparisonRow,e({},h.comparisonRowLightTheme,T.isLightTheme)),children:[v("div",{className:h.comparisonNameCol,children:[i," ",B?"(".concat(B,")"):""]}),v("div",{className:h.comparisonDesignCol,children:[c(j),f("div",{className:h.comparisonSortIcon})]}),v("div",{"data-testid":"".concat("comparisonRow","_strapsColumn"),className:h.comparisonActualCol,children:[c(x),f("div",{className:h.comparisonSortIcon})]}),v("div",{className:h.comparisonActualCol,children:[c(A),f("div",{className:h.comparisonSortIcon})]}),f("div",{className:h.comparisonActualCol,children:c(R)}),f("div",{className:o(h.comparisonActualCol,e({},h.comparisonGreaterThanTenPercent,t(_))),children:_}),w&&f("div",{className:h.comparisonChartCol,children:(Number.isFinite(x)||Number.isFinite(j))&&f(d,{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 _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { getUnitDisplay } from '../../utils/convert.js';
+import { CHEMICALS_TYPES } from '../../constants/completion.js';
+import { getElemActualColor, getFormattedValue, getIsGreaterThanTenPercent, getDifference } from '../../utils/StageDesignVActualUtils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTheme } from '@material-ui/core';
+import { string, number, shape, bool } from 'prop-types';
+import classNames from 'classnames';
+import styles from './ComparisonTable.css.js';
+import ComparisonBar from './ComparisonBar/ComparisonBar.js';
+
+var PAGE_NAME = 'comparisonRow';
+
+var ComparisonRow = function ComparisonRow(_ref) {
+  var rowKey = _ref.rowKey,
+      label = _ref.label,
+      elemKey = _ref.elemKey,
+      unitType = _ref.unitType,
+      elemMax = _ref.elemMax,
+      summaries = _ref.summaries,
+      showBar = _ref.showBar,
+      viewMode = _ref.viewMode;
+  var theme = useTheme();
+  var designSummary = summaries.designSummary,
+      actualSummary = summaries.actualSummary,
+      predictionSummary = summaries.predictionSummary;
+  var designVal = designSummary && designSummary[rowKey];
+  var actualVal = actualSummary && actualSummary[rowKey];
+  var actualRTVal = predictionSummary && predictionSummary[rowKey];
+  var unitDisplay = unitType ? getUnitDisplay(unitType) : '';
+  var actualColor = getElemActualColor(rowKey, elemKey);
+
+  if (elemKey) {
+    designVal = designVal && designVal[elemKey] && designVal[elemKey].amount;
+    actualVal = actualVal && actualVal[elemKey] && actualVal[elemKey].amount;
+  }
+
+  if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {
+    var chemicalElement = CHEMICALS_TYPES.find(function (type) {
+      return type.name === elemKey;
+    }) || {};
+    var elemKeyByName = chemicalElement.key || null;
+    actualRTVal = predictionSummary[elemKeyByName];
+  }
+
+  if (rowKey === 'flush_volume') {
+    designVal = predictionSummary ? predictionSummary.flush_volume_design : 0;
+  }
+
+  var varience = actualRTVal ? (actualRTVal - actualVal) / actualRTVal * 100 : '-';
+  var difference = viewMode === 'calc' ? getDifference(designVal, actualRTVal) : getDifference(designVal, actualVal);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.comparisonRow, _defineProperty({}, styles.comparisonRowLightTheme, theme.isLightTheme)),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.comparisonNameCol,
+      children: [label, " ", unitDisplay ? "(".concat(unitDisplay, ")") : '']
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.comparisonDesignCol,
+      children: [getFormattedValue(designVal), /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      "data-testid": "".concat(PAGE_NAME, "_strapsColumn"),
+      className: styles.comparisonActualCol,
+      children: [getFormattedValue(actualVal), /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.comparisonActualCol,
+      children: [getFormattedValue(actualRTVal), /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.comparisonActualCol,
+      children: getFormattedValue(varience)
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.comparisonActualCol, _defineProperty({}, styles.comparisonGreaterThanTenPercent, getIsGreaterThanTenPercent(difference))),
+      children: difference
+    }), showBar && /*#__PURE__*/jsx("div", {
+      className: styles.comparisonChartCol,
+      children: (Number.isFinite(actualVal) || Number.isFinite(designVal)) && /*#__PURE__*/jsx(ComparisonBar, {
+        designVal: designVal,
+        actualVal: actualVal,
+        designColor: "#eee",
+        actualColor: actualColor,
+        elemMax: elemMax
+      })
+    })]
+  }, "".concat(rowKey).concat(elemKey));
+};
+
+ComparisonRow.propTypes = {
+  rowKey: string.isRequired,
+  label: string,
+  elemKey: string,
+  unitType: string,
+  elemMax: number,
+  summaries: shape,
+  showBar: bool,
+  viewMode: string
+};
+ComparisonRow.defaultProps = {
+  label: '',
+  elemKey: '',
+  unitType: '',
+  elemMax: null,
+  summaries: {},
+  showBar: true,
+  viewMode: null
+};
+
+export default ComparisonRow;
+//# sourceMappingURL=ComparisonRow.js.map

package/components/StageDesignVActual/ComparisonRow.js.map

@@ -0,0 +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 { getUnitDisplay } from '~/utils/convert';\nimport {\n  getElemActualColor,\n  getDifference,\n  getFormattedValue,\n  getIsGreaterThanTenPercent,\n} from '~/utils/StageDesignVActualUtils';\nimport { CHEMICALS_TYPES } from '~/constants/completion';\n\nimport ComparisonBar from './ComparisonBar';\n\nimport styles from './ComparisonTable.css';\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":["PAGE_NAME","ComparisonRow","rowKey","label","elemKey","unitType","elemMax","summaries","showBar","viewMode","theme","useTheme","designSummary","actualSummary","predictionSummary","designVal","actualVal","actualRTVal","unitDisplay","getUnitDisplay","actualColor","getElemActualColor","amount","chemicalElement","CHEMICALS_TYPES","find","type","name","elemKeyByName","key","flush_volume_design","varience","difference","getDifference","_jsxs","classNames","styles","comparisonRow","comparisonRowLightTheme","isLightTheme","comparisonNameCol","comparisonDesignCol","getFormattedValue","_jsx","comparisonSortIcon","comparisonActualCol","comparisonGreaterThanTenPercent","getIsGreaterThanTenPercent","comparisonChartCol","Number","isFinite","propTypes","string","isRequired","number","shape","bool","defaultProps"],"mappings":"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"}

package/components/StageDesignVActual/ComparisonTable.css.js

@@ -1 +1,8 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={comparisonHeader:"ComparisonTable_comparisonHeader__tJhvk",comparisonHeaderLightTheme:"ComparisonTable_comparisonHeaderLightTheme__6DtSX",comparisonNameCol:"ComparisonTable_comparisonNameCol__8ZAk-",comparisonSortIcon:"ComparisonTable_comparisonSortIcon__gdqjW",comparisonDesignCol:"ComparisonTable_comparisonDesignCol__zuYzw",comparisonActualCol:"ComparisonTable_comparisonActualCol__WWAhw",comparisonChartCol:"ComparisonTable_comparisonChartCol__vCWd4",comparisonRow:"ComparisonTable_comparisonRow__sR2D8",comparisonRowLightTheme:"ComparisonTable_comparisonRowLightTheme__OLuQa",comparisonGreaterThanTenPercent:"ComparisonTable_comparisonGreaterThanTenPercent__PvPLX"};o(".ComparisonTable_comparisonHeader__tJhvk{border-bottom:1px solid #5c5c5c;border-top:1px solid #5c5c5c;color:#9e9e9e;font-family:Roboto;font-size:12px;font-weight:500;height:26px;line-height:14px}.ComparisonTable_comparisonHeaderLightTheme__6DtSX{color:#000}.ComparisonTable_comparisonHeader__tJhvk>div{cursor:pointer;line-height:32px;opacity:1}.ComparisonTable_comparisonNameCol__8ZAk-{align-items:center;display:flex;flex:2;justify-content:flex-start;padding-left:8px;white-space:nowrap}.ComparisonTable_comparisonSortIcon__gdqjW{text-align:right;width:20px}.ComparisonTable_comparisonActualCol__WWAhw,.ComparisonTable_comparisonDesignCol__zuYzw{align-items:center;display:flex;flex:1;justify-content:flex-start}.ComparisonTable_comparisonActualCol__WWAhw:last-child{justify-content:flex-end;padding-right:8px}.ComparisonTable_comparisonChartCol__vCWd4{align-items:center;display:flex;flex:1.5;justify-content:flex-start}.ComparisonTable_comparisonHeader__tJhvk,.ComparisonTable_comparisonRow__sR2D8{display:flex}.ComparisonTable_comparisonRow__sR2D8{border-bottom:1px solid #5c5c5c;color:#fff;font-size:14px;height:28px;line-height:20px}.ComparisonTable_comparisonRowLightTheme__OLuQa{color:#000}.ComparisonTable_comparisonRowLightTheme__OLuQa:nth-child(odd){background-color:#eee}.ComparisonTable_comparisonGreaterThanTenPercent__PvPLX{color:#ff4a4a}");export{a as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ComparisonTable_comparisonHeader__UglS7 {\n  height: 26px;\n  border-bottom: 1px solid #5c5c5c;\n  border-top: 1px solid #5c5c5c;\n  color: #9e9e9e;\n  font-size: 12px;\n  line-height: 14px;\n  font-weight: 500;\n  font-family: Roboto;\n}\n\n.ComparisonTable_comparisonHeaderLightTheme__3ELus {\n  color: #000000;\n}\n\n.ComparisonTable_comparisonHeader__UglS7 > div {\n  opacity: 1;\n  line-height: 32px;\n  cursor: pointer;\n}\n\n.ComparisonTable_comparisonNameCol__3OAQb {\n  flex: 2;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  white-space: nowrap;\n  padding-left: 8px;\n}\n\n.ComparisonTable_comparisonSortIcon__1CN0S {\n  width: 20px;\n  text-align: right;\n}\n\n.ComparisonTable_comparisonDesignCol__27HRu {\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonActualCol__18Hg_ {\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonActualCol__18Hg_:last-child {\n  justify-content: flex-end;\n  padding-right: 8px;\n}\n\n.ComparisonTable_comparisonChartCol__VmF7J {\n  flex: 1.5;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonRow__2p2dJ,\n.ComparisonTable_comparisonHeader__UglS7 {\n  display: flex;\n}\n\n.ComparisonTable_comparisonRow__2p2dJ {\n  height: 28px;\n  color: #ffffff;\n  border-bottom: solid 1px #5c5c5c;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.ComparisonTable_comparisonRowLightTheme__2J3IX {\n  color: #000000;\n}\n\n.ComparisonTable_comparisonRowLightTheme__2J3IX:nth-child(odd) {\n  background-color: #eeeeee;\n}\n\n.ComparisonTable_comparisonGreaterThanTenPercent__7G6PB {\n  color: #ff4a4a;\n}\n";
+var styles = {"comparisonHeader":"ComparisonTable_comparisonHeader__UglS7","comparisonHeaderLightTheme":"ComparisonTable_comparisonHeaderLightTheme__3ELus","comparisonNameCol":"ComparisonTable_comparisonNameCol__3OAQb","comparisonSortIcon":"ComparisonTable_comparisonSortIcon__1CN0S","comparisonDesignCol":"ComparisonTable_comparisonDesignCol__27HRu","comparisonActualCol":"ComparisonTable_comparisonActualCol__18Hg_","comparisonChartCol":"ComparisonTable_comparisonChartCol__VmF7J","comparisonRow":"ComparisonTable_comparisonRow__2p2dJ","comparisonRowLightTheme":"ComparisonTable_comparisonRowLightTheme__2J3IX","comparisonGreaterThanTenPercent":"ComparisonTable_comparisonGreaterThanTenPercent__7G6PB"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=ComparisonTable.css.js.map

package/components/StageDesignVActual/ComparisonTable.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/StageDesignVActual/ElementsComparison/ElementsComparison.js

@@ -1 +1,66 @@
-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{getElementInfo as a}from"./utils.js";import i from"../ComparisonRow.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 a({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(i,{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 { sortBy, reverse } from 'lodash';
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { string, shape, bool } from 'prop-types';
+import ComparisonRow from '../ComparisonRow.js';
+import { getElementInfo } from './utils.js';
+
+var ElementsComparison = function ElementsComparison(_ref) {
+  var rowKey = _ref.rowKey,
+      summaries = _ref.summaries,
+      sort = _ref.sort,
+      order = _ref.order,
+      showBar = _ref.showBar,
+      viewMode = _ref.viewMode;
+  var designSummary = summaries.designSummary,
+      actualSummary = summaries.actualSummary,
+      predictionSummary = summaries.predictionSummary;
+  var designElements = designSummary && designSummary[rowKey] || {};
+  var actualElements = actualSummary && actualSummary[rowKey] || {};
+
+  var _useMemo = useMemo(function () {
+    return getElementInfo({
+      designElements: designElements,
+      actualElements: actualElements,
+      rowKey: rowKey,
+      predictionSummary: predictionSummary
+    });
+  }, [designElements, actualElements, rowKey, predictionSummary]),
+      elemMax = _useMemo.elemMax,
+      elemAmount = _useMemo.elemAmount;
+
+  var sortedElem = sort ? sortBy(elemAmount, sort) : elemAmount;
+  sortedElem = order && order === 'desc' ? reverse(sortedElem) : sortedElem;
+  return sortedElem.map(function (elem) {
+    return /*#__PURE__*/jsx(ComparisonRow, {
+      rowKey: rowKey,
+      label: elem.key,
+      elemKey: elem.key,
+      elemMax: elemMax,
+      summaries: summaries,
+      showBar: showBar,
+      viewMode: viewMode,
+      unitType: elem.unitType
+    }, elem.key);
+  });
+};
+
+ElementsComparison.propTypes = {
+  rowKey: string,
+  sort: string,
+  order: string,
+  summaries: shape,
+  showBar: bool,
+  viewMode: string
+};
+ElementsComparison.defaultProps = {
+  rowKey: '',
+  sort: null,
+  order: null,
+  summaries: {},
+  showBar: true,
+  viewMode: null
+};
+
+export default ElementsComparison;
+//# sourceMappingURL=ElementsComparison.js.map