@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/SettingEditors/DropdownEditor/index.js

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

package/components/SettingEditors/RadioEditor/index.js

@@ -1,38 +1 @@
-import '@babel/runtime/helpers/defineProperty';
-import { FormControl, RadioGroup, FormControlLabel, Radio } from '@material-ui/core';
-import { jsx } from 'react/jsx-runtime';
-
-var RadioEditor = function RadioEditor(_ref) {
-  var options = _ref.options,
-    currentValue = _ref.currentValue,
-    defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange;
-  var selectedValue = currentValue === undefined ? defaultValue : currentValue;
-  return /*#__PURE__*/jsx(FormControl, {
-    component: "fieldset",
-    margin: "dense",
-    fullWidth: true,
-    children: /*#__PURE__*/jsx(RadioGroup, {
-      "aria-label": "position",
-      name: "radio_editor",
-      row: true,
-      children: options.map(function (_ref2) {
-        var value = _ref2.value,
-          label = _ref2.label;
-        return /*#__PURE__*/jsx(FormControlLabel, {
-          onChange: function onChange() {
-            return _onChange(value);
-          },
-          control: /*#__PURE__*/jsx(Radio, {
-            color: "primary",
-            checked: value === selectedValue
-          }),
-          label: label
-        }, value);
-      })
-    })
-  });
-};
-
-export { RadioEditor as default };
-//# sourceMappingURL=index.js.map
+import{jsx as r}from"react/jsx-runtime";import{FormControl as e,RadioGroup as n,FormControlLabel as o,Radio as a}from"@material-ui/core";var t=function(t){var i=t.options,l=t.currentValue,u=t.defaultValue,c=t.onChange,d=void 0===l?u:l;return r(e,{component:"fieldset",margin:"dense",fullWidth:!0,children:r(n,{"aria-label":"position",name:"radio_editor",row:!0,children:i.map((function(e){var n=e.value,t=e.label;return r(o,{onChange:function(){return c(n)},control:r(a,{color:"primary",checked:n===d}),label:t},n)}))})})};export{t as default};

package/components/SlateFormattedText/Constants.js

@@ -1,11 +1 @@
-var TEXT_FORMATS = {
-  headerOne: 'headerOne',
-  headerTwo: 'headerTwo',
-  headerThree: 'headerThree',
-  body: 'body',
-  caption: 'caption',
-  code: 'code'
-};
-
-export { TEXT_FORMATS };
-//# sourceMappingURL=Constants.js.map
+var e={headerOne:"headerOne",headerTwo:"headerTwo",headerThree:"headerThree",body:"body",caption:"caption",code:"code"};export{e as TEXT_FORMATS};

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

@@ -1,8 +1 @@
-import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".ImageElement_container__BjAcP {\n  display: flex;\n  margin-bottom: -22px;\n}\n\n.ImageElement_image__52Cir {\n  /* minus image container padding 24px */\n  width: calc(100% - 24px);\n}\n\n.ImageElement_resizable__OvxJS {\n  padding-bottom: 16px;\n}\n\n.ImageElement_handleRight__g2lsE,\n.ImageElement_handleLeft__EgDg9 {\n  width: 4px;\n  background-color: #414141;\n  border-radius: 6px;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  position: relative;\n  min-height: 32px;\n}\n\n.ImageElement_handleRight__g2lsE {\n  right: -11px;\n}\n\n.ImageElement_handleLeft__EgDg9 {\n  left: -11px;\n}\n\n.ImageElement_handleRight__g2lsE:hover {\n  background-color: #03bcd4;\n}\n\n.ImageElement_handle__YcRmJ::after {\n  content: '';\n  width: 9px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  margin-left: -4px;\n  background-color: transparent;\n  cursor: ew-resize;\n  z-index: 2;\n}\n";
-var styles = {"container":"ImageElement_container__BjAcP","image":"ImageElement_image__52Cir","resizable":"ImageElement_resizable__OvxJS","handleRight":"ImageElement_handleRight__g2lsE","handleLeft":"ImageElement_handleLeft__EgDg9","handle":"ImageElement_handle__YcRmJ"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=ImageElement.css.js.map
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={container:"ImageElement_container__BjAcP",image:"ImageElement_image__52Cir",resizable:"ImageElement_resizable__OvxJS",handleRight:"ImageElement_handleRight__g2lsE",handleLeft:"ImageElement_handleLeft__EgDg9",handle:"ImageElement_handle__YcRmJ"};e('.ImageElement_container__BjAcP{display:flex;margin-bottom:-22px}.ImageElement_image__52Cir{width:calc(100% - 24px)}.ImageElement_resizable__OvxJS{padding-bottom:16px}.ImageElement_handleLeft__EgDg9,.ImageElement_handleRight__g2lsE{background-color:#414141;border-radius:6px;margin-bottom:16px;margin-top:16px;min-height:32px;position:relative;width:4px}.ImageElement_handleRight__g2lsE{right:-11px}.ImageElement_handleLeft__EgDg9{left:-11px}.ImageElement_handleRight__g2lsE:hover{background-color:#03bcd4}.ImageElement_handle__YcRmJ:after{background-color:transparent;bottom:0;content:"";cursor:ew-resize;margin-left:-4px;position:absolute;top:0;width:9px;z-index:2}');export{t as default};

package/components/SlateFormattedText/Elements/VideoElement/style.css.js

@@ -1,8 +1 @@
-import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".style_videoContainer__7S74V {\n  padding: 16px 0 16px 0;\n  position: relative;\n  width: 100%;\n  height: 0;\n  padding-bottom: 56.25%;\n}\n\n.style_player__ZuTZe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n";
-var styles = {"videoContainer":"style_videoContainer__7S74V","player":"style_player__ZuTZe"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=style.css.js.map
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={videoContainer:"style_videoContainer__7S74V",player:"style_player__ZuTZe"};e(".style_videoContainer__7S74V{height:0;padding:16px 0 56.25%;position:relative;width:100%}.style_player__ZuTZe{height:100%;left:0;position:absolute;top:0;width:100%}");export{t as default};

package/components/SlateFormattedText/RenderElements.js

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

package/components/SlateFormattedText/SlateFormattedText.js

@@ -1,113 +1 @@
-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
+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__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
+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}.style_headerTwo__9Ref-{color:#fff;font-size:20px;font-weight:500;line-height:24px}.style_headerThree__ulouw{color:#fff;font-size:18px;font-weight:500;line-height:22px}.style_body__LXSHq{color:#fff;font-size:16px;font-weight:400;line-height:22px}.style_caption__KLXJq{color:#bdbdbd;font-size:14px;font-weight:400;line-height: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,91 +1 @@
-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
+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};