@corva/ui 3.1.0-rc.3 → 3.1.0-rc.5

package/components/SlateFormattedText/SlateFormattedText.js

@@ -0,0 +1,113 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { withReact, Slate, Editable } from 'slate-react';
+import { createEditor } from 'slate';
+import { every } from 'lodash';
+import { Element, Leaf } from './RenderElements.js';
+import { slateFormattingTextUtils } from './utils.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'SlateFormattedText';
+var SlateFormattedText = function SlateFormattedText(_ref) {
+  var text = _ref.text,
+    textsList = _ref.textsList,
+    defaultText = _ref.defaultText,
+    defaultRenderingTextNode = _ref.defaultRenderingTextNode,
+    locator = _ref.locator;
+  var currentLocator = "".concat(locator, "_slateText");
+  var editor = useMemo(function () {
+    return withReact(createEditor());
+  }, []);
+  var renderElement = useCallback(function (props) {
+    return /*#__PURE__*/jsx(Element, _objectSpread({}, props));
+  }, []);
+  var renderLeaf = useCallback(function (props) {
+    return /*#__PURE__*/jsx(Leaf, _objectSpread({}, props));
+  }, []);
+  var _useMemo = useMemo(function () {
+      var _slateFormattingTextU = slateFormattingTextUtils.getValidSlateJSON(text),
+        isTextValidSlateJSON = _slateFormattingTextU.isTextValidSlateJSON,
+        parsedJSON = _slateFormattingTextU.parsedJSON;
+      if (textsList.length) {
+        var validatedAndParsedTextsList = textsList.map(function (item) {
+          return slateFormattingTextUtils.getValidSlateJSON(item);
+        });
+        isTextValidSlateJSON = every(validatedAndParsedTextsList, function (item) {
+          return item.isTextValidSlateJSON;
+        });
+        parsedJSON = slateFormattingTextUtils.getDefaultParagraphObjectEmpty();
+        if (isTextValidSlateJSON) {
+          validatedAndParsedTextsList.forEach(function (item) {
+            var parsedItem = item.parsedJSON;
+            if (!slateFormattingTextUtils.isSlateTextEmpty(parsedItem)) {
+              var _parsedJSON$0$childre;
+              parsedJSON[0].children = (_parsedJSON$0$childre = parsedJSON[0].children).concat.apply(_parsedJSON$0$childre, _toConsumableArray(parsedItem.map(function (el) {
+                return el.children;
+              })));
+            }
+            parsedJSON[0].children = parsedJSON[0].children.concat({
+              text: '\n'
+            });
+          });
+        }
+      }
+      var isTextEmptySlateJSON = isTextValidSlateJSON && slateFormattingTextUtils.isSlateTextEmpty(parsedJSON);
+      return {
+        isValidSlateJSON: isTextValidSlateJSON,
+        parsedSlateJSON: parsedJSON,
+        isEmptySlateJSON: isTextEmptySlateJSON
+      };
+    }, [text, String(textsList)]),
+    isValidSlateJSON = _useMemo.isValidSlateJSON,
+    parsedSlateJSON = _useMemo.parsedSlateJSON,
+    isEmptySlateJSON = _useMemo.isEmptySlateJSON;
+  var textFormatted = slateFormattingTextUtils.getFormattedText({
+    isValid: isValidSlateJSON,
+    isEmpty: isEmptySlateJSON,
+    text: text,
+    parsedText: parsedSlateJSON,
+    defaultText: defaultText
+  });
+  var notSlateText;
+  if (textsList.length > 0) {
+    notSlateText = textsList.map(function (textsListItem) {
+      return /*#__PURE__*/jsxs("span", {
+        "data-testid": "".concat(currentLocator, "_listItem"),
+        children: [textsListItem, /*#__PURE__*/jsx("br", {})]
+      }, textsListItem);
+    });
+  } else {
+    notSlateText = isValidSlateJSON && isEmptySlateJSON || !defaultRenderingTextNode ? textFormatted : defaultRenderingTextNode;
+  }
+  return isValidSlateJSON && !isEmptySlateJSON ? /*#__PURE__*/jsx(Slate, {
+    editor: editor,
+    value: textFormatted,
+    children: /*#__PURE__*/jsx(Editable, {
+      "data-testid": "".concat(currentLocator, "_editable"),
+      renderElement: renderElement,
+      renderLeaf: renderLeaf,
+      readOnly: true
+    })
+  }) : notSlateText;
+};
+SlateFormattedText.propTypes = {
+  text: PropTypes.string,
+  textsList: PropTypes.arrayOf(PropTypes.string),
+  defaultText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  defaultRenderingTextNode: PropTypes.node,
+  locator: PropTypes.string
+};
+SlateFormattedText.defaultProps = {
+  text: '',
+  textsList: [],
+  defaultText: '',
+  defaultRenderingTextNode: undefined,
+  locator: PAGE_NAME
+};
+
+export { SlateFormattedText as default };
+//# sourceMappingURL=SlateFormattedText.js.map

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

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_richTextEditorLinkElement__nTdG2 {\n  color: #03bcd4;\n}\n\n.style_richTextEditorLinkElement__nTdG2:hover {\n  text-decoration: underline;\n}\n\n.style_richTextEditorPopoverLinkElement__Wbrkd {\n  display: flex;\n  vertical-align: middle;\n  margin-top: 1px;\n}\n\n.style_richTextEditorPopoverLinkElement__Wbrkd 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__DuSLA {\n  color: #ffffff !important;\n}\n\n.style_textPrimary__RNYMG {\n  color: #bdbdbd !important;\n}\n\n.style_headerOne__Td6IJ {\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 28px;\n  color: #ffffff;\n}\n\n.style_headerTwo__9Ref- {\n  font-weight: 500;\n  font-size: 20px;\n  line-height: 24px;\n  color: #ffffff;\n}\n\n.style_headerThree__ulouw {\n  font-weight: 500;\n  font-size: 18px;\n  line-height: 22px;\n  color: #ffffff;\n}\n\n.style_body__LXSHq {\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 22px;\n  color: #ffffff;\n}\n\n.style_caption__KLXJq {\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 16px;\n  color: #bdbdbd;\n}\n\n.style_code__QxrEY {\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__hlsbr {\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__Qx4u3 {\n  display: none;\n}\n\n.style_bulletedList__MnVPh {\n  margin-block-start: 0;\n  margin-block-end: 8px;\n  padding-inline-start: 18px;\n}\n\n.style_numberedList__v03sL {\n  margin-block-start: 0;\n  padding-inline-start: 18px;\n  margin-block-end: 8px;\n}\n\n.style_listItem__lkgYU {\n  font-size: 16px;\n  padding-bottom: 8px;\n  line-height: 22px;\n  color: #ffffff;\n}\n\n.style_listItemPrimary__zmlhn {\n  color: #bdbdbd;\n}\n";
+var styles = {"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"};
+styleInject(css_248z);
+
+export { styles as default };
+//# 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,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/SlateFormattedText/utils.js

@@ -0,0 +1,91 @@
+import _typeof from '@babel/runtime/helpers/typeof';
+import { get } from 'lodash';
+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":";;;;AAGA,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAGC,GAAG,EAAI;AAC1B,EAAA,IAAI,CAACA,GAAG,EAAE,OAAO,KAAK,CAAA;EACtB,IAAI;AACF,IAAA,IAAMC,UAAU,GAAGC,IAAI,CAACC,KAAK,CAACH,GAAG,CAAC,CAAA;IAClC,OAAO;MAAEI,OAAO,EAAE,QAAOH,UAAU,CAAA,KAAK,QAAQ,IAAIA,UAAU,KAAK,IAAI;AAAEA,MAAAA,UAAU,EAAVA,UAAAA;KAAY,CAAA;GACtF,CAAC,OAAOI,CAAC,EAAE;IACV,OAAO;AAAED,MAAAA,OAAO,EAAE,KAAK;AAAEH,MAAAA,UAAU,EAAE,IAAA;KAAM,CAAA;AAC7C,GAAA;AACF,CAAC,CAAA;AAED,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiB,CAAGN,GAAG,EAAI;EAC/B,IAAgCD,aAAAA,GAAAA,YAAY,CAACC,GAAG,CAAC;AAAzCI,IAAAA,OAAO,iBAAPA,OAAO;AAAEH,IAAAA,UAAU,iBAAVA,UAAU,CAAA;EAC3B,IAAI,CAACG,OAAO,EAAE,OAAO;AAAEG,IAAAA,oBAAoB,EAAE,KAAK;AAAEC,IAAAA,eAAe,EAAE,IAAA;GAAM,CAAA;EAE3E,OAAO;IACLD,oBAAoB,EAAEH,OAAO,IAAIK,GAAG,CAACR,UAAU,EAAE,YAAY,CAAC;AAC9DA,IAAAA,UAAU,EAAVA,UAAAA;GACD,CAAA;AACH,CAAC,CAAA;AAED,IAAMS,8BAA8B,GAAG,SAAjCA,8BAA8B,GAAA;AAAA,EAAA,OAAS,CAC3C;AACEC,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,QAAQ,EAAE,EAAA;AACZ,GAAC,CACF,CAAA;AAAA,CAAA,CAAA;AAED,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAGC,IAAI,EAAA;AAAA,EAAA,OAAI,CACxC;AACEH,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,QAAQ,EAAE,CACR;AACEE,MAAAA,IAAI,EAAJA,IAAAA;KACD,CAAA;AAEL,GAAC,CACF,CAAA;AAAA,CAAA,CAAA;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAGC,SAAS,EAAA;EAAA,OAChC,CAACA,SAAS,IACTA,SAAS,CAACC,MAAM,KAAK,CAAC,IACrB,CAACR,GAAG,CAACO,SAAS,EAAE,mBAAmB,CAAC,IACpC,CAACP,GAAG,CAACO,SAAS,EAAE,mBAAmB,CAAE,CAAA;AAAA,CAAA,CAAA;AAEzC,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgB,CAA4D,IAAA,EAAA;EAAA,IAAtDd,OAAO,QAAPA,OAAO;AAAEe,IAAAA,OAAO,QAAPA,OAAO;AAAEL,IAAAA,IAAI,QAAJA,IAAI;AAAEM,IAAAA,UAAU,QAAVA,UAAU;AAAEC,IAAAA,WAAW,QAAXA,WAAW,CAAA;EACzE,IAAI,CAACjB,OAAO,EAAE;IACZ,OAAOU,IAAI,IAAIO,WAAW,CAAA;AAC5B,GAAC,MAAM;AACL,IAAA,OAAOF,OAAO,GAAGE,WAAW,GAAGD,UAAU,CAAA;AAC3C,GAAA;AACF,CAAC,CAAA;AAED,IAAME,sBAAsB,GAAG,SAAzBA,sBAAsB,CAA+C,KAAA,EAAA;EAAA,IAAzClB,OAAO,SAAPA,OAAO;AAAEe,IAAAA,OAAO,SAAPA,OAAO;AAAEL,IAAAA,IAAI,SAAJA,IAAI;AAAEM,IAAAA,UAAU,SAAVA,UAAU,CAAA;EAClE,IAAI,CAAChB,OAAO,EAAE;IACZ,OAAQU,IAAI,IAAID,yBAAyB,CAACC,IAAI,CAAC,IAAKD,yBAAyB,CAAC,EAAE,CAAC,CAAA;AACnF,GAAC,MAAM;AACL,IAAA,OAAOM,OAAO,GAAGN,yBAAyB,CAAC,EAAE,CAAC,GAAGO,UAAU,CAAA;AAC7D,GAAA;AACF,CAAC,CAAA;AAED,IAAMG,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAIC,SAAS,EAAuB;EAAA,IAArBH,WAAW,uEAAG,EAAE,CAAA;AAC5D,EAAA,IAAMI,kBAAkB,GAAG1B,YAAY,CAACyB,SAAS,CAAC,CAAA;AAClD,EAAA,OACG,CAAAC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAExB,UAAU,KAC7BwB,kBAAkB,CAACxB,UAAU,CAACyB,GAAG,CAAC,UAAAC,CAAC,EAAA;AAAA,IAAA,OAAIC,IAAI,CAACC,MAAM,CAACF,CAAC,CAAC,CAAA;AAAA,GAAA,CAAC,CAACG,IAAI,CAAC,IAAI,CAAC,IACnET,WAAW,CAAA;AAEf,CAAC,CAAA;AAEM,IAAMU,wBAAwB,GAAG;AACtChC,EAAAA,YAAY,EAAZA,YAAY;AACZO,EAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBI,EAAAA,8BAA8B,EAA9BA,8BAA8B;AAC9BK,EAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBG,EAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBI,EAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBC,EAAAA,yBAAyB,EAAzBA,yBAAAA;AACF;;;;"}

package/components/StageDesignVActual/ComparisonBar/ComparisonBar.js

@@ -0,0 +1,89 @@
+import { number, bool } from 'prop-types';
+import { makeStyles } from '@material-ui/core';
+import { getBarPercents } from './utils.js';
+import { getIsGreaterThanTenPercent, getDifference } from '../../../utils/StageDesignVActualUtils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 { ComparisonBar as default };
+//# sourceMappingURL=ComparisonBar.js.map

package/components/StageDesignVActual/ComparisonBar/utils.js

@@ -0,0 +1,21 @@
+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":"AAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,WAAW,EAAEC,WAAW,EAAK;AAC1D,EAAA,IAAIC,gBAAgB,CAAA;AACpB,EAAA,IAAIC,gBAAgB,CAAA;EAEpB,IAAIH,WAAW,IAAIC,WAAW,EAAE;AAC9BC,IAAAA,gBAAgB,GAAGE,IAAI,CAACC,GAAG,CAAEL,WAAW,GAAGC,WAAW,GAAI,GAAG,EAAE,GAAG,CAAC,CAAA;AACnEE,IAAAA,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAAEJ,WAAW,GAAGD,WAAW,GAAI,GAAG,EAAE,GAAG,CAAC,CAAA;GACpE,MAAM,IAAIA,WAAW,EAAE;AACtBE,IAAAA,gBAAgB,GAAG,GAAG,CAAA;AACtBC,IAAAA,gBAAgB,GAAG,CAAC,CAAA;GACrB,MAAM,IAAIF,WAAW,EAAE;AACtBE,IAAAA,gBAAgB,GAAG,GAAG,CAAA;AACtBD,IAAAA,gBAAgB,GAAG,CAAC,CAAA;AACtB,GAAA;EAEA,OAAO;AAAEC,IAAAA,gBAAgB,EAAhBA,gBAAgB;AAAED,IAAAA,gBAAgB,EAAhBA,gBAAAA;GAAkB,CAAA;AAC/C;;;;"}

package/components/StageDesignVActual/ComparisonHeader.js

@@ -0,0 +1,72 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { func, bool } from 'prop-types';
+import { useTheme } from '@material-ui/core';
+import classNames from 'classnames';
+import styles from './ComparisonTable.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 { ComparisonHeader as default };
+//# 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":"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"}

package/components/StageDesignVActual/ComparisonRow.js

@@ -0,0 +1,107 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import { string, number, shape, bool } from 'prop-types';
+import { useTheme } from '@material-ui/core';
+import ComparisonBar from './ComparisonBar/ComparisonBar.js';
+import styles from './ComparisonTable.css.js';
+import { getUnitDisplay } from '../../utils/convert.js';
+import { getElemActualColor, getFormattedValue, getIsGreaterThanTenPercent, getDifference } from '../../utils/StageDesignVActualUtils.js';
+import { CHEMICALS_TYPES } from '../../constants/completion.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 { ComparisonRow as default };
+//# 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 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":["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

@@ -0,0 +1,8 @@
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ComparisonTable_comparisonHeader__tJhvk {\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__6DtSX {\n  color: #000000;\n}\n\n.ComparisonTable_comparisonHeader__tJhvk > div {\n  opacity: 1;\n  line-height: 32px;\n  cursor: pointer;\n}\n\n.ComparisonTable_comparisonNameCol__8ZAk- {\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__gdqjW {\n  width: 20px;\n  text-align: right;\n}\n\n.ComparisonTable_comparisonDesignCol__zuYzw {\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonActualCol__WWAhw {\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonActualCol__WWAhw:last-child {\n  justify-content: flex-end;\n  padding-right: 8px;\n}\n\n.ComparisonTable_comparisonChartCol__vCWd4 {\n  flex: 1.5;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonRow__sR2D8,\n.ComparisonTable_comparisonHeader__tJhvk {\n  display: flex;\n}\n\n.ComparisonTable_comparisonRow__sR2D8 {\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__OLuQa {\n  color: #000000;\n}\n\n.ComparisonTable_comparisonRowLightTheme__OLuQa:nth-child(odd) {\n  background-color: #eeeeee;\n}\n\n.ComparisonTable_comparisonGreaterThanTenPercent__PvPLX {\n  color: #ff4a4a;\n}\n";
+var styles = {"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"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ComparisonTable.css.js.map