@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/SlateFormattedText/RenderElements.js

@@ -1,228 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { withStyles, Tooltip } from '@material-ui/core';
-import classNames from 'classnames';
-import LanguageIcon from '@material-ui/icons/Language';
-import { TEXT_FORMATS } from './Constants.js';
-import ImageElement from './Elements/ImageElement/ImageElement.js';
-import VideoElement from './Elements/VideoElement/VideoElement.js';
-import styles from './style.css.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var StyledTooltip = withStyles({
-  tooltip: {
-    height: 24,
-    maxWidth: 168
-  }
-})(Tooltip);
-var StyledLanguageIcon = withStyles({
-  root: {
-    color: '#bdbdbd',
-    fontSize: 14,
-    marginRight: 8
-  }
-})(LanguageIcon);
-var Leaf = function Leaf(params) {
-  var attributes = params.attributes,
-      leaf = params.leaf;
-  var children = params.children;
-
-  if (leaf.bold) {
-    children = /*#__PURE__*/jsx("strong", {
-      children: children
-    });
-  }
-
-  if (leaf.italic) {
-    children = /*#__PURE__*/jsx("em", {
-      children: children
-    });
-  }
-
-  if (leaf.underline) {
-    children = /*#__PURE__*/jsx("u", {
-      children: children
-    });
-  }
-
-  if (leaf.contrastText) {
-    children = /*#__PURE__*/jsx("span", {
-      className: styles.contrastText,
-      children: children
-    });
-  }
-
-  if (leaf.textPrimary) {
-    children = /*#__PURE__*/jsx("span", {
-      className: styles.textPrimary,
-      children: children
-    });
-  }
-
-  if (leaf.bodyLeaf) {
-    children = /*#__PURE__*/jsx("span", {
-      className: styles.body,
-      children: children
-    });
-  }
-
-  if (leaf.captionLeaf) {
-    children = /*#__PURE__*/jsx("span", {
-      className: styles.caption,
-      children: children
-    });
-  }
-
-  if (leaf.codeLeaf) {
-    children = /*#__PURE__*/jsx("span", {
-      className: styles.code,
-      children: children
-    });
-  }
-
-  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({}, attributes), {}, {
-    className: classNames('token', _defineProperty({
-      'attr-name': leaf['attr-name'],
-      'class-name': leaf['class-name'],
-      boolean: leaf.boolean,
-      char: leaf.char,
-      comment: leaf.comment || leaf.visiblePragma,
-      constant: leaf.constant,
-      constants: leaf.constants,
-      function: leaf.function,
-      keyword: leaf.keyword,
-      number: leaf.number,
-      operator: leaf.operator,
-      punctuation: leaf.punctuation,
-      regex: leaf.regex,
-      selector: leaf.selector,
-      string: leaf.string,
-      symbol: leaf.symbol,
-      tag: leaf.tag,
-      url: leaf.url,
-      variable: leaf.variable
-    }, styles.invisible, leaf.invisiblePragma)),
-    children: children
-  }));
-};
-var Element = function Element(params) {
-  var attributes = params.attributes,
-      children = params.children,
-      element = params.element;
-
-  switch (element.type) {
-    case 'block-quote':
-      return /*#__PURE__*/jsx("blockquote", _objectSpread(_objectSpread({}, attributes), {}, {
-        children: children
-      }));
-
-    case 'bulleted-list':
-      return /*#__PURE__*/jsx("ul", _objectSpread(_objectSpread({}, attributes), {}, {
-        className: styles.bulletedList,
-        children: children
-      }));
-
-    case 'numbered-list':
-      {
-        var _element$children, _element$children2;
-
-        var listItemClassName = styles.numberedList;
-
-        if (((_element$children = element.children) === null || _element$children === void 0 ? void 0 : _element$children.length) === 1 && (_element$children2 = element.children) !== null && _element$children2 !== void 0 && _element$children2[0].textPrimary) {
-          listItemClassName = classNames(styles.listItem, styles.listItemPrimary);
-        }
-
-        return /*#__PURE__*/jsx("ol", _objectSpread(_objectSpread({}, attributes), {}, {
-          className: listItemClassName,
-          start: element === null || element === void 0 ? void 0 : element.startPosition,
-          children: children
-        }));
-      }
-
-    case 'list-item':
-      {
-        var _element$children3, _element$children4;
-
-        var _listItemClassName = styles.listItem;
-
-        if (((_element$children3 = element.children) === null || _element$children3 === void 0 ? void 0 : _element$children3.length) === 1 && (_element$children4 = element.children) !== null && _element$children4 !== void 0 && _element$children4[0].textPrimary) {
-          _listItemClassName = classNames(styles.listItem, styles.listItemPrimary);
-        }
-
-        return /*#__PURE__*/jsx("li", _objectSpread(_objectSpread({}, attributes), {}, {
-          className: _listItemClassName,
-          children: children
-        }));
-      }
-
-    case 'image':
-      return /*#__PURE__*/jsx(ImageElement, _objectSpread({}, params));
-
-    case TEXT_FORMATS.headerOne:
-      return /*#__PURE__*/jsx("div", {
-        className: styles.headerOne,
-        children: children
-      });
-
-    case TEXT_FORMATS.headerTwo:
-      return /*#__PURE__*/jsx("div", {
-        className: styles.headerTwo,
-        children: children
-      });
-
-    case TEXT_FORMATS.headerThree:
-      return /*#__PURE__*/jsx("div", {
-        className: styles.headerThree,
-        children: children
-      });
-
-    case TEXT_FORMATS.body:
-      return /*#__PURE__*/jsx("div", {
-        className: styles.body,
-        children: children
-      });
-
-    case TEXT_FORMATS.caption:
-      return /*#__PURE__*/jsx("div", {
-        className: styles.caption,
-        children: children
-      });
-
-    case TEXT_FORMATS.code:
-      return /*#__PURE__*/jsx("pre", {
-        className: classNames('language-js', styles.codeBlock),
-        children: children
-      });
-
-    case 'video':
-      return /*#__PURE__*/jsx(VideoElement, _objectSpread({}, params));
-
-    case 'link':
-      return /*#__PURE__*/jsx(StyledTooltip, {
-        placement: "bottom-start",
-        title: /*#__PURE__*/jsxs("span", {
-          className: styles.richTextEditorPopoverLinkElement,
-          children: [/*#__PURE__*/jsx(StyledLanguageIcon, {}), /*#__PURE__*/jsx("a", {
-            href: element.url,
-            children: element.url
-          })]
-        }),
-        children: /*#__PURE__*/jsx("a", _objectSpread(_objectSpread({}, attributes), {}, {
-          href: element.url,
-          className: styles.richTextEditorLinkElement,
-          children: children
-        }))
-      });
-
-    default:
-      return /*#__PURE__*/jsx("div", {
-        className: styles.body,
-        children: children
-      });
-  }
-};
-
-export { Element, Leaf };
-//# sourceMappingURL=RenderElements.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{withStyles as r,Tooltip as t}from"@material-ui/core";import n from"@material-ui/icons/Language";import a from"classnames";import{TEXT_FORMATS as i}from"./Constants.js";import l from"./Elements/ImageElement/ImageElement.js";import c from"./Elements/VideoElement/VideoElement.js";import s from"./style.css.js";import{jsx as o,jsxs as m}from"react/jsx-runtime";function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function u(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var h=r({tooltip:{height:24,maxWidth:168}})(t),p=r({root:{color:"#bdbdbd",fontSize:14,marginRight:8}})(n),b=function(r){var t=r.attributes,n=r.leaf,i=r.children;return n.bold&&(i=o("strong",{children:i})),n.italic&&(i=o("em",{children:i})),n.underline&&(i=o("u",{children:i})),n.contrastText&&(i=o("span",{className:s.contrastText,children:i})),n.textPrimary&&(i=o("span",{className:s.textPrimary,children:i})),n.bodyLeaf&&(i=o("span",{className:s.body,children:i})),n.captionLeaf&&(i=o("span",{className:s.caption,children:i})),n.codeLeaf&&(i=o("span",{className:s.code,children:i})),o("span",u(u({},t),{},{className:a("token",e({"attr-name":n["attr-name"],"class-name":n["class-name"],boolean:n.boolean,char:n.char,comment:n.comment||n.visiblePragma,constant:n.constant,constants:n.constants,function:n.function,keyword:n.keyword,number:n.number,operator:n.operator,punctuation:n.punctuation,regex:n.regex,selector:n.selector,string:n.string,symbol:n.symbol,tag:n.tag,url:n.url,variable:n.variable},s.invisible,n.invisiblePragma)),children:i}))},f=function(e){var r=e.attributes,t=e.children,n=e.element;switch(n.type){case"block-quote":return o("blockquote",u(u({},r),{},{children:t}));case"bulleted-list":return o("ul",u(u({},r),{},{className:s.bulletedList,children:t}));case"numbered-list":var d,b,f=s.numberedList;return 1===(null===(d=n.children)||void 0===d?void 0:d.length)&&null!==(b=n.children)&&void 0!==b&&b[0].textPrimary&&(f=a(s.listItem,s.listItemPrimary)),o("ol",u(u({},r),{},{className:f,start:null==n?void 0:n.startPosition,children:t}));case"list-item":var v,y,g=s.listItem;return 1===(null===(v=n.children)||void 0===v?void 0:v.length)&&null!==(y=n.children)&&void 0!==y&&y[0].textPrimary&&(g=a(s.listItem,s.listItemPrimary)),o("li",u(u({},r),{},{className:g,children:t}));case"image":return o(l,u({},e));case i.headerOne:return o("div",{className:s.headerOne,children:t});case i.headerTwo:return o("div",{className:s.headerTwo,children:t});case i.headerThree:return o("div",{className:s.headerThree,children:t});case i.body:return o("div",{className:s.body,children:t});case i.caption:return o("div",{className:s.caption,children:t});case i.code:return o("pre",{className:a("language-js",s.codeBlock),children:t});case"video":return o(c,u({},e));case"link":return o(h,{placement:"bottom-start",title:m("span",{className:s.richTextEditorPopoverLinkElement,children:[o(p,{}),o("a",{href:n.url,children:n.url})]}),children:o("a",u(u({},r),{},{href:n.url,className:s.richTextEditorLinkElement,children:t}))});default:return o("div",{className:s.body,children:t})}};export{f as Element,b as Leaf};

package/components/SlateFormattedText/SlateFormattedText.js

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

package/components/SlateFormattedText/style.css.js

@@ -1,8 +1 @@
-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
+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};

package/components/SlateFormattedText/utils.js

@@ -1,103 +1 @@
-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
+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};

package/components/StageDesignVActual/ComparisonBar/ComparisonBar.js

@@ -1,92 +1 @@
-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
+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};

package/components/StageDesignVActual/ComparisonBar/utils.js

@@ -1,23 +1 @@
-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
+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};