@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/SettingEditors/RadioEditor/index.js

@@ -1 +1,52 @@
-import{__assign as e}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import n from"prop-types";import{FormControl as o,RadioGroup as i,FormControlLabel as t,Radio as a}from"@material-ui/core";var l=function(n){var l=n.options,u=n.currentValue,s=n.defaultValue,p=n.onChange,d=void 0===u?s:u;return r(o,e({component:"fieldset",margin:"dense",fullWidth:!0},{children:r(i,e({"aria-label":"position",name:"radio_editor",row:!0},{children:l.map((function(e){var n=e.value,o=e.label;return r(t,{onChange:function(){return p(n)},control:r(a,{color:"primary",checked:n===d}),label:o},n)}))}))}))},u={options:n.arrayOf(n.shape({value:n.string,label:n.string})).isRequired,defaultValue:n.oneOfType([n.string,n.number]).isRequired,currentValue:n.oneOfType([n.string,n.number]),onChange:n.func.isRequired};l.propTypes=u,l.defaultProps={currentValue:void 0};export{l as default};
+import '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+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);
+      })
+    })
+  });
+};
+var radioEditorPropTypes = {
+  options: PropTypes.arrayOf(PropTypes.shape({
+    value: PropTypes.string,
+    label: PropTypes.string
+  })).isRequired,
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  onChange: PropTypes.func.isRequired
+};
+RadioEditor.propTypes = radioEditorPropTypes;
+RadioEditor.defaultProps = {
+  currentValue: undefined
+};
+
+export { RadioEditor as default };
+//# sourceMappingURL=index.js.map

package/components/SettingEditors/RadioEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/SettingEditors/RadioEditor/index.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Radio, RadioGroup, FormControlLabel, FormControl } from '@material-ui/core';\n\ntype RadioEditorProps = PropTypes.InferProps<typeof radioEditorPropTypes>;\n\nconst RadioEditor = ({ options, currentValue, defaultValue, onChange }: RadioEditorProps): JSX.Element => {\n  const selectedValue = currentValue === undefined ? defaultValue : currentValue;\n  return (\n    <FormControl component=\"fieldset\" margin=\"dense\" fullWidth>\n      <RadioGroup aria-label=\"position\" name=\"radio_editor\" row>\n        {options.map(({ value, label }) => (\n          <FormControlLabel\n            key={value}\n            onChange={() => onChange(value)}\n            control={<Radio color=\"primary\" checked={value === selectedValue} />}\n            label={label}\n          />\n        ))}\n      </RadioGroup>\n    </FormControl>\n  );\n};\n\nconst radioEditorPropTypes = {\n  options: PropTypes.arrayOf(PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }))\n    .isRequired,\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onChange: PropTypes.func.isRequired,\n}\n\nRadioEditor.propTypes = radioEditorPropTypes;\n\nRadioEditor.defaultProps = {\n  currentValue: undefined,\n};\n\nexport default RadioEditor;\n\n// A Higher-Order Component that allows setting up an editor component\nexport const radioEditorForDefinitions = (options, defaultValue) => props => (\n  <RadioEditor {...props} defaultValue={defaultValue} options={options} />\n);\n"],"names":["RadioEditor","options","currentValue","defaultValue","onChange","selectedValue","undefined","_jsx","map","value","label","radioEditorPropTypes","PropTypes","arrayOf","shape","string","isRequired","oneOfType","number","func","propTypes","defaultProps"],"mappings":";;;;;AAMA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAyF,IAAA,EAAA;EAAA,IAAnFC,OAAO,QAAPA,OAAO;AAAEC,IAAAA,YAAY,QAAZA,YAAY;AAAEC,IAAAA,YAAY,QAAZA,YAAY;AAAEC,IAAAA,SAAQ,QAARA,QAAQ,CAAA;EAClE,IAAMC,aAAa,GAAGH,YAAY,KAAKI,SAAS,GAAGH,YAAY,GAAGD,YAAY,CAAA;AAC9E,EAAA,oBACEK,IAAC,WAAW,EAAA;AAAC,IAAA,SAAS,EAAC,UAAU;AAAC,IAAA,MAAM,EAAC,OAAO;IAAC,SAAS,EAAA,IAAA;AAAA,IAAA,QAAA,eACxDA,IAAC,UAAU,EAAA;AAAC,MAAA,YAAA,EAAW,UAAU;AAAC,MAAA,IAAI,EAAC,cAAc;MAAC,GAAG,EAAA,IAAA;MAAA,QACtDN,EAAAA,OAAO,CAACO,GAAG,CAAC,UAAA,KAAA,EAAA;QAAA,IAAGC,KAAK,SAALA,KAAK;AAAEC,UAAAA,KAAK,SAALA,KAAK,CAAA;AAAA,QAAA,oBAC1BH,IAAC,gBAAgB,EAAA;AAEf,UAAA,QAAQ,EAAE,SAAA,QAAA,GAAA;YAAA,OAAMH,SAAQ,CAACK,KAAK,CAAC,CAAA;WAAC;UAChC,OAAO,eAAEF,IAAC,KAAK,EAAA;AAAC,YAAA,KAAK,EAAC,SAAS;YAAC,OAAO,EAAEE,KAAK,KAAKJ,aAAAA;WAAkB,CAAA;AACrE,UAAA,KAAK,EAAEK,KAAAA;AAAM,SAAA,EAHRD,KAAK,CAIV,CAAA;OACH,CAAA;AAAC,KAAA,CAAA;GAEQ,CAAA,CAAA;AAElB,EAAC;AAED,IAAME,oBAAoB,GAAG;EAC3BV,OAAO,EAAEW,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,KAAK,CAAC;IAAEL,KAAK,EAAEG,SAAS,CAACG,MAAM;IAAEL,KAAK,EAAEE,SAAS,CAACG,MAAAA;GAAQ,CAAC,CAAC,CAC9FC,UAAU;AACbb,EAAAA,YAAY,EAAES,SAAS,CAACK,SAAS,CAAC,CAACL,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACM,MAAM,CAAC,CAAC,CAACF,UAAU;AAClFd,EAAAA,YAAY,EAAEU,SAAS,CAACK,SAAS,CAAC,CAACL,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACM,MAAM,CAAC,CAAC;AACvEd,EAAAA,QAAQ,EAAEQ,SAAS,CAACO,IAAI,CAACH,UAAAA;AAC3B,CAAC,CAAA;AAEDhB,WAAW,CAACoB,SAAS,GAAGT,oBAAoB,CAAA;AAE5CX,WAAW,CAACqB,YAAY,GAAG;AACzBnB,EAAAA,YAAY,EAAEI,SAAAA;AAChB,CAAC;;;;"}

package/components/SlateFormattedText/Constants.js

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

package/components/SlateFormattedText/Constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Constants.js","sources":["../../../src/components/SlateFormattedText/Constants.js"],"sourcesContent":["export const TEXT_COLORS = {\n  contrastText: 'contrastText',\n  textPrimary: 'textPrimary',\n};\n\nexport const TEXT_FORMATS = {\n  headerOne: 'headerOne',\n  headerTwo: 'headerTwo',\n  headerThree: 'headerThree',\n  body: 'body',\n  caption: 'caption',\n  code: 'code',\n};\n"],"names":["TEXT_FORMATS","headerOne","headerTwo","headerThree","body","caption","code"],"mappings":"AAKO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,WAAW,EAAE,aAAa;AAC1BC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,IAAI,EAAE,MAAA;AACR;;;;"}

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

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

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

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

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

@@ -1 +1,129 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import{useRef as r,useEffect as n}from"react";import{Transforms as i}from"slate";import{useSlateStatic as o,ReactEditor as d}from"slate-react";import s from"./ImageElement.css.js";import{jsxs as c,jsx as a}from"react/jsx-runtime";function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?m(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var l=function(e){var t,m=e.attributes,l=e.element,p=e.imageWidth,f=e.mode,v=e.children,h="write"===f,b=r(),y=r(),g=o(),w=new AbortController,O=function(e){b.current&&b.current.style.setProperty("width","".concat(e,"px"))},P=function(){var e=document.getElementById("resizable".concat(l.url)),t=e&&window.getComputedStyle(e).getPropertyValue("width");return t?parseInt(t,10):document.body.clientWidth},j=function e(){i.removeNodes(g,{at:d.findPath(g,l)}),i.insertNodes(g,u(u({},l),{},{dimensions:{width:P()-24}}),{at:d.findPath(g,l)}),document.body.removeEventListener("pointerup",e)},E=document.getElementsByClassName("c-docs-custom-page-content"),L=E&&E[0]&&E[0].offsetWidth-36||.5*document.body.clientWidth,N=function(e){var t=P(),r=e.pageX;document.body.addEventListener("pointermove",(function(e){return function(e,t,r){e.preventDefault(),P()<150||P()>L?O(Math.min(Math.max(P(),150),L)):O(-1*(t-e.pageX)+r)}(e,r,t)}),{signal:w.signal}),document.body.addEventListener("pointerup",j)};n((function(){return b.current&&h&&b.current.addEventListener("mousedown",N),function(){w.abort(),document.body.removeEventListener("pointerup",j),document.body.removeEventListener("pointermove",j),b.current&&b.current.removeEventListener("mousedown",N)}}),[f]);var W=(null===(t=l.dimensions)||void 0===t?void 0:t.width)+24;return c("div",u(u({},m),{},{children:[a("div",{contentEditable:!1,children:l&&a("div",{style:{width:W||p},ref:b,id:"resizable".concat(l.url),className:s.resizable,children:c("div",{className:s.container,children:[h&&a("div",{className:s.handleLeft}),a("img",{src:l.url,className:s.image,ref:y,alt:""}),h&&a("div",{className:s.handleRight})]})})}),v]}))};l.propTypes={attributes:t.shape({}).isRequired,children:t.node.isRequired,element:t.shape({url:t.string.isRequired,dimensions:t.shape({width:t.string})}).isRequired,imageWidth:t.string,mode:t.string},l.defaultProps={imageWidth:void 0,mode:void 0};export{l as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { useRef, useEffect } from 'react';
+import { Transforms } from 'slate';
+import { useSlateStatic, ReactEditor } from 'slate-react';
+import styles from './ImageElement.css.js';
+import { jsxs, jsx } 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 CONTENT_PADDING = 24;
+var MIN_PANE_SIZE = 150;
+var ImageElement = function ImageElement(props) {
+  var _element$dimensions;
+  var attributes = props.attributes,
+    element = props.element,
+    imageWidth = props.imageWidth,
+    mode = props.mode,
+    children = props.children;
+  var isWriteMode = mode === 'write';
+  var wrapperRef = useRef();
+  var imageRef = useRef();
+  var editor = useSlateStatic();
+  var pointermoveController = new AbortController();
+  var setPaneWidth = function setPaneWidth(width) {
+    if (wrapperRef.current) {
+      wrapperRef.current.style.setProperty('width', "".concat(width, "px"));
+    }
+  };
+  var getPaneWidth = function getPaneWidth() {
+    var containerElement = document.getElementById("resizable".concat(element.url));
+    var pxWidth = containerElement && window.getComputedStyle(containerElement).getPropertyValue('width');
+    return pxWidth ? parseInt(pxWidth, 10) : document.body.clientWidth;
+  };
+  var stopDragging = function stopDragging() {
+    // update Slate element params
+    Transforms.removeNodes(editor, {
+      at: ReactEditor.findPath(editor, element)
+    });
+    Transforms.insertNodes(editor, _objectSpread(_objectSpread({}, element), {}, {
+      dimensions: {
+        width: getPaneWidth() - CONTENT_PADDING
+      }
+    }), {
+      at: ReactEditor.findPath(editor, element)
+    });
+    document.body.removeEventListener('pointerup', stopDragging);
+  };
+  var pageContent = document.getElementsByClassName('c-docs-custom-page-content');
+  var maxPaneSize = pageContent && pageContent[0] && pageContent[0].offsetWidth - CONTENT_PADDING * 1.5 || document.body.clientWidth * 0.5;
+  var mouseDragHandler = function mouseDragHandler(moveEvent, xOffset, startingPaneWidth) {
+    moveEvent.preventDefault();
+    if (getPaneWidth() < MIN_PANE_SIZE || getPaneWidth() > maxPaneSize) {
+      setPaneWidth(Math.min(Math.max(getPaneWidth(), MIN_PANE_SIZE), maxPaneSize));
+      return;
+    }
+    var paneOriginAdjustment = -1;
+    setPaneWidth((xOffset - moveEvent.pageX) * paneOriginAdjustment + startingPaneWidth);
+  };
+  var startDraggingRight = function startDraggingRight(event) {
+    var startingPaneWidth = getPaneWidth();
+    var xOffset = event.pageX;
+    document.body.addEventListener('pointermove', function (moveEvent) {
+      return mouseDragHandler(moveEvent, xOffset, startingPaneWidth);
+    }, {
+      signal: pointermoveController.signal
+    });
+    document.body.addEventListener('pointerup', stopDragging);
+  };
+  useEffect(function () {
+    if (wrapperRef.current && isWriteMode) {
+      wrapperRef.current.addEventListener('mousedown', startDraggingRight);
+    }
+    return function () {
+      pointermoveController.abort();
+      document.body.removeEventListener('pointerup', stopDragging);
+      document.body.removeEventListener('pointermove', stopDragging);
+      if (wrapperRef.current) {
+        wrapperRef.current.removeEventListener('mousedown', startDraggingRight);
+      }
+    };
+  }, [mode]);
+  var containerWidth = ((_element$dimensions = element.dimensions) === null || _element$dimensions === void 0 ? void 0 : _element$dimensions.width) + CONTENT_PADDING;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, attributes), {}, {
+    children: [/*#__PURE__*/jsx("div", {
+      contentEditable: false,
+      children: element && /*#__PURE__*/jsx("div", {
+        style: {
+          width: containerWidth || imageWidth
+        },
+        ref: wrapperRef,
+        id: "resizable".concat(element.url),
+        className: styles.resizable,
+        children: /*#__PURE__*/jsxs("div", {
+          className: styles.container,
+          children: [isWriteMode && /*#__PURE__*/jsx("div", {
+            className: styles.handleLeft
+          }), /*#__PURE__*/jsx("img", {
+            src: element.url,
+            className: styles.image,
+            ref: imageRef,
+            alt: ""
+          }), isWriteMode && /*#__PURE__*/jsx("div", {
+            className: styles.handleRight
+          })]
+        })
+      })
+    }), children]
+  }));
+};
+ImageElement.propTypes = {
+  attributes: PropTypes.shape({}).isRequired,
+  children: PropTypes.node.isRequired,
+  element: PropTypes.shape({
+    url: PropTypes.string.isRequired,
+    dimensions: PropTypes.shape({
+      width: PropTypes.string
+    })
+  }).isRequired,
+  imageWidth: PropTypes.string,
+  mode: PropTypes.string
+};
+ImageElement.defaultProps = {
+  imageWidth: undefined,
+  mode: undefined
+};
+
+export { ImageElement as default };
+//# sourceMappingURL=ImageElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageElement.js","sources":["../../../../../src/components/SlateFormattedText/Elements/ImageElement/ImageElement.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport { Transforms } from 'slate';\nimport { useSlateStatic, ReactEditor } from 'slate-react';\n\nimport styles from './ImageElement.css';\n\nconst CONTENT_PADDING = 24;\nconst MIN_PANE_SIZE = 150;\n\nconst ImageElement = props => {\n  const { attributes, element, imageWidth, mode, children } = props;\n  const isWriteMode = mode === 'write';\n  const wrapperRef = useRef();\n  const imageRef = useRef();\n  const editor = useSlateStatic();\n\n  const pointermoveController = new AbortController();\n\n  const setPaneWidth = width => {\n    if (wrapperRef.current) {\n      wrapperRef.current.style.setProperty('width', `${width}px`);\n    }\n  };\n\n  const getPaneWidth = () => {\n    const containerElement = document.getElementById(`resizable${element.url}`);\n    const pxWidth =\n      containerElement && window.getComputedStyle(containerElement).getPropertyValue('width');\n    return pxWidth ? parseInt(pxWidth, 10) : document.body.clientWidth;\n  };\n\n  const stopDragging = () => {\n    // update Slate element params\n    Transforms.removeNodes(editor, { at: ReactEditor.findPath(editor, element) });\n    Transforms.insertNodes(\n      editor,\n      { ...element, dimensions: { width: getPaneWidth() - CONTENT_PADDING } },\n      { at: ReactEditor.findPath(editor, element) }\n    );\n    document.body.removeEventListener('pointerup', stopDragging);\n  };\n\n  const pageContent = document.getElementsByClassName('c-docs-custom-page-content');\n  const maxPaneSize =\n    (pageContent && pageContent[0] && pageContent[0].offsetWidth - CONTENT_PADDING * 1.5) ||\n    document.body.clientWidth * 0.5;\n\n  const mouseDragHandler = (moveEvent, xOffset, startingPaneWidth) => {\n    moveEvent.preventDefault();\n    if (getPaneWidth() < MIN_PANE_SIZE || getPaneWidth() > maxPaneSize) {\n      setPaneWidth(Math.min(Math.max(getPaneWidth(), MIN_PANE_SIZE), maxPaneSize));\n      return;\n    }\n    const paneOriginAdjustment = -1;\n    setPaneWidth((xOffset - moveEvent.pageX) * paneOriginAdjustment + startingPaneWidth);\n  };\n\n  const startDraggingRight = event => {\n    const startingPaneWidth = getPaneWidth();\n    const xOffset = event.pageX;\n\n    document.body.addEventListener(\n      'pointermove',\n      moveEvent => mouseDragHandler(moveEvent, xOffset, startingPaneWidth),\n      { signal: pointermoveController.signal }\n    );\n    document.body.addEventListener('pointerup', stopDragging);\n  };\n\n  useEffect(() => {\n    if (wrapperRef.current && isWriteMode) {\n      wrapperRef.current.addEventListener('mousedown', startDraggingRight);\n    }\n\n    return () => {\n      pointermoveController.abort();\n      document.body.removeEventListener('pointerup', stopDragging);\n      document.body.removeEventListener('pointermove', stopDragging);\n      if (wrapperRef.current) {\n        wrapperRef.current.removeEventListener('mousedown', startDraggingRight);\n      }\n    };\n  }, [mode]);\n\n  const containerWidth = element.dimensions?.width + CONTENT_PADDING;\n\n  return (\n    <div {...attributes}>\n      <div contentEditable={false}>\n        {element && (\n          <div\n            style={{\n              width: containerWidth || imageWidth,\n            }}\n            ref={wrapperRef}\n            id={`resizable${element.url}`}\n            className={styles.resizable}\n          >\n            <div className={styles.container}>\n              {isWriteMode && <div className={styles.handleLeft} />}\n              <img src={element.url} className={styles.image} ref={imageRef} alt=\"\" />\n              {isWriteMode && <div className={styles.handleRight} />}\n            </div>\n          </div>\n        )}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nImageElement.propTypes = {\n  attributes: PropTypes.shape({}).isRequired,\n  children: PropTypes.node.isRequired,\n  element: PropTypes.shape({\n    url: PropTypes.string.isRequired,\n    dimensions: PropTypes.shape({\n      width: PropTypes.string,\n    }),\n  }).isRequired,\n  imageWidth: PropTypes.string,\n  mode: PropTypes.string,\n};\n\nImageElement.defaultProps = {\n  imageWidth: undefined,\n  mode: undefined,\n};\n\nexport default ImageElement;\n"],"names":["CONTENT_PADDING","MIN_PANE_SIZE","ImageElement","props","attributes","element","imageWidth","mode","children","isWriteMode","wrapperRef","useRef","imageRef","editor","useSlateStatic","pointermoveController","AbortController","setPaneWidth","width","current","style","setProperty","getPaneWidth","containerElement","document","getElementById","url","pxWidth","window","getComputedStyle","getPropertyValue","parseInt","body","clientWidth","stopDragging","Transforms","removeNodes","at","ReactEditor","findPath","insertNodes","dimensions","removeEventListener","pageContent","getElementsByClassName","maxPaneSize","offsetWidth","mouseDragHandler","moveEvent","xOffset","startingPaneWidth","preventDefault","Math","min","max","paneOriginAdjustment","pageX","startDraggingRight","event","addEventListener","signal","useEffect","abort","containerWidth","_jsxs","_jsx","styles","resizable","container","handleLeft","image","handleRight","propTypes","PropTypes","shape","isRequired","node","string","defaultProps","undefined"],"mappings":"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"}

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

@@ -1 +1,45 @@
-import e from"@babel/runtime/helpers/defineProperty";import{shape as r,string as t,number as i,node as n}from"prop-types";import c from"./style.css.js";import{jsxs as o,jsx as l}from"react/jsx-runtime";function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function a(r){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?s(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):s(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}var p=function(e){var r=e.attributes,t=e.element,i=e.children,n=t.url,s=t.width;return n?o("div",a(a({},r),{},{children:[l("div",{contentEditable:!1,children:l("div",{className:c.videoContainer,children:l("iframe",{className:c.player,style:{width:"".concat(s?"".concat(s,"px"):"100%"),height:"".concat(s?"calc(".concat(s,"px/1.77)"):"100%")},src:n,frameBorder:"0",allowFullScreen:!0,title:"video"})})}),i]})):null};p.propTypes={element:r({url:t.isRequired,width:i.isRequired}).isRequired,attributes:r({}).isRequired,children:n.isRequired};export{p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { shape, string, number, node } from 'prop-types';
+import styles from './style.css.js';
+import { jsxs, jsx } 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 VideoElement = function VideoElement(_ref) {
+  var attributes = _ref.attributes,
+    element = _ref.element,
+    children = _ref.children;
+  var url = element.url,
+    width = element.width;
+  if (!url) return null;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, attributes), {}, {
+    children: [/*#__PURE__*/jsx("div", {
+      contentEditable: false,
+      children: /*#__PURE__*/jsx("div", {
+        className: styles.videoContainer,
+        children: /*#__PURE__*/jsx("iframe", {
+          className: styles.player,
+          style: {
+            width: "".concat(width ? "".concat(width, "px") : '100%'),
+            height: "".concat(width ? "calc(".concat(width, "px/1.77)") : '100%')
+          },
+          src: url,
+          frameBorder: "0",
+          allowFullScreen: true,
+          title: "video"
+        })
+      })
+    }), children]
+  }));
+};
+VideoElement.propTypes = {
+  element: shape({
+    url: string.isRequired,
+    width: number.isRequired
+  }).isRequired,
+  attributes: shape({}).isRequired,
+  children: node.isRequired
+};
+
+export { VideoElement as default };
+//# sourceMappingURL=VideoElement.js.map

package/components/SlateFormattedText/Elements/VideoElement/VideoElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoElement.js","sources":["../../../../../src/components/SlateFormattedText/Elements/VideoElement/VideoElement.js"],"sourcesContent":["import { number, shape, string, node } from 'prop-types';\n\nimport styles from './style.css';\n\nconst VideoElement = ({ attributes, element, children }) => {\n  const { url, width } = element;\n  if (!url) return null;\n\n  return (\n    <div {...attributes}>\n      <div contentEditable={false}>\n        <div className={styles.videoContainer}>\n          <iframe\n            className={styles.player}\n            style={{\n              width: `${width ? `${width}px` : '100%'}`,\n              height: `${width ? `calc(${width}px/1.77)` : '100%'}`,\n            }}\n            src={url}\n            frameBorder=\"0\"\n            allowFullScreen\n            title=\"video\"\n          />\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n};\n\nVideoElement.propTypes = {\n  element: shape({ url: string.isRequired, width: number.isRequired }).isRequired,\n  attributes: shape({}).isRequired,\n  children: node.isRequired,\n};\n\nexport default VideoElement;\n"],"names":["VideoElement","attributes","element","children","url","width","_jsxs","_jsx","styles","videoContainer","player","height","propTypes","shape","string","isRequired","number","node"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAA0C,IAAA,EAAA;EAAA,IAApCC,UAAU,QAAVA,UAAU;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;AACnD,EAAA,IAAQC,GAAG,GAAYF,OAAO,CAAtBE,GAAG;IAAEC,KAAK,GAAKH,OAAO,CAAjBG,KAAK,CAAA;AAClB,EAAA,IAAI,CAACD,GAAG,EAAE,OAAO,IAAI,CAAA;AAErB,EAAA,oBACEE,4CAASL,UAAU,CAAA,EAAA,EAAA,EAAA;IAAA,QACjB,EAAA,cAAAM,GAAA,CAAA,KAAA,EAAA;AAAK,MAAA,eAAe,EAAE,KAAM;MAAA,QAC1B,eAAAA,GAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEC,MAAM,CAACC,cAAe;QAAA,QACpC,eAAAF,GAAA,CAAA,QAAA,EAAA;UACE,SAAS,EAAEC,MAAM,CAACE,MAAO;AACzB,UAAA,KAAK,EAAE;AACLL,YAAAA,KAAK,YAAKA,KAAK,GAAA,EAAA,CAAA,MAAA,CAAMA,KAAK,EAAA,IAAA,CAAA,GAAO,MAAM,CAAE;AACzCM,YAAAA,MAAM,EAAKN,EAAAA,CAAAA,MAAAA,CAAAA,KAAK,GAAWA,OAAAA,CAAAA,MAAAA,CAAAA,KAAK,gBAAa,MAAM,CAAA;WACnD;AACF,UAAA,GAAG,EAAED,GAAI;AACT,UAAA,WAAW,EAAC,GAAG;UACf,eAAe,EAAA,IAAA;AACf,UAAA,KAAK,EAAC,OAAA;AAAO,SAAA,CAAA;AACb,OAAA,CAAA;AACE,KAAA,CACF,EACLD,QAAQ,CAAA;GACL,CAAA,CAAA,CAAA;AAEV,EAAC;AAEDH,YAAY,CAACY,SAAS,GAAG;EACvBV,OAAO,EAAEW,KAAK,CAAC;IAAET,GAAG,EAAEU,MAAM,CAACC,UAAU;IAAEV,KAAK,EAAEW,MAAM,CAACD,UAAAA;GAAY,CAAC,CAACA,UAAU;AAC/Ed,EAAAA,UAAU,EAAEY,KAAK,CAAC,EAAE,CAAC,CAACE,UAAU;EAChCZ,QAAQ,EAAEc,IAAI,CAACF,UAAAA;AACjB,CAAC;;;;"}

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

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

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

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

package/components/SlateFormattedText/RenderElements.js

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

package/components/SlateFormattedText/RenderElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderElements.js","sources":["../../../src/components/SlateFormattedText/RenderElements.js"],"sourcesContent":["import { Tooltip, withStyles } from '@material-ui/core';\nimport LanguageIcon from '@material-ui/icons/Language';\nimport classnames from 'classnames';\n\nimport { TEXT_FORMATS } from './Constants';\n\nimport { ImageElement, VideoElement } from './Elements';\n\nimport styles from './style.css';\n\nconst StyledTooltip = withStyles({\n  tooltip: {\n    height: 24,\n    maxWidth: 168,\n  },\n})(Tooltip);\n\nconst StyledLanguageIcon = withStyles({\n  root: {\n    color: '#bdbdbd',\n    fontSize: 14,\n    marginRight: 8,\n  },\n})(LanguageIcon);\n\nexport const Leaf = params => {\n  const { attributes, leaf } = params;\n\n  let { children } = params;\n\n  if (leaf.bold) {\n    children = <strong>{children}</strong>;\n  }\n\n  if (leaf.italic) {\n    children = <em>{children}</em>;\n  }\n\n  if (leaf.underline) {\n    children = <u>{children}</u>;\n  }\n\n  if (leaf.contrastText) {\n    children = <span className={styles.contrastText}>{children}</span>;\n  }\n\n  if (leaf.textPrimary) {\n    children = <span className={styles.textPrimary}>{children}</span>;\n  }\n\n  if (leaf.bodyLeaf) {\n    children = <span className={styles.body}>{children}</span>;\n  }\n\n  if (leaf.captionLeaf) {\n    children = <span className={styles.caption}>{children}</span>;\n  }\n\n  if (leaf.codeLeaf) {\n    children = <span className={styles.code}>{children}</span>;\n  }\n\n  if (leaf.headerOneLeaf) {\n    children = <span className={styles.headerOne}>{children}</span>;\n  }\n\n  if (leaf.headerTwoLeaf) {\n    children = <span className={styles.headerTwo}>{children}</span>;\n  }\n\n  if (leaf.headerThreeLeaf) {\n    children = <span className={styles.headerThree}>{children}</span>;\n  }\n\n  return (\n    <span\n      {...attributes}\n      className={classnames('token', {\n        'attr-name': leaf['attr-name'],\n        'class-name': leaf['class-name'],\n        boolean: leaf.boolean,\n        char: leaf.char,\n        comment: leaf.comment || leaf.visiblePragma,\n        constant: leaf.constant,\n        constants: leaf.constants,\n        function: leaf.function,\n        keyword: leaf.keyword,\n        number: leaf.number,\n        operator: leaf.operator,\n        punctuation: leaf.punctuation,\n        regex: leaf.regex,\n        selector: leaf.selector,\n        string: leaf.string,\n        symbol: leaf.symbol,\n        tag: leaf.tag,\n        url: leaf.url,\n        variable: leaf.variable,\n        [styles.invisible]: leaf.invisiblePragma,\n      })}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const Element = params => {\n  const { attributes, children, element } = params;\n\n  switch (element.type) {\n    case 'block-quote':\n      return <blockquote {...attributes}>{children}</blockquote>;\n    case 'bulleted-list':\n      return (\n        <ul {...attributes} className={styles.bulletedList}>\n          {children}\n        </ul>\n      );\n    case 'numbered-list': {\n      let listItemClassName = styles.numberedList;\n      if (element.children?.length === 1 && element.children?.[0].textPrimary) {\n        listItemClassName = classnames(styles.listItem, styles.listItemPrimary);\n      }\n      return (\n        <ol {...attributes} className={listItemClassName} start={element?.startPosition}>\n          {children}\n        </ol>\n      );\n    }\n    case 'list-item': {\n      let listItemClassName = styles.listItem;\n      if (element.children?.length === 1 && element.children?.[0].textPrimary) {\n        listItemClassName = classnames(styles.listItem, styles.listItemPrimary);\n      }\n      return (\n        <li {...attributes} className={listItemClassName}>\n          {children}\n        </li>\n      );\n    }\n    case 'image':\n      return <ImageElement {...params} />;\n\n    case TEXT_FORMATS.headerOne:\n      return <div className={styles.headerOne}>{children}</div>;\n\n    case TEXT_FORMATS.headerTwo:\n      return <div className={styles.headerTwo}>{children}</div>;\n\n    case TEXT_FORMATS.headerThree:\n      return <div className={styles.headerThree}>{children}</div>;\n\n    case TEXT_FORMATS.body:\n      return <div className={styles.body}>{children}</div>;\n\n    case TEXT_FORMATS.caption:\n      return <div className={styles.caption}>{children}</div>;\n\n    case TEXT_FORMATS.code:\n      return <pre className={classnames('language-js', styles.codeBlock)}>{children}</pre>;\n\n    case 'video':\n      return <VideoElement {...params} />;\n\n    case 'link':\n      return (\n        <StyledTooltip\n          placement=\"bottom-start\"\n          title={\n            <span className={styles.richTextEditorPopoverLinkElement}>\n              <StyledLanguageIcon />\n              <a href={element.url}>{element.url}</a>\n            </span>\n          }\n        >\n          <a {...attributes} href={element.url} className={styles.richTextEditorLinkElement}>\n            {children}\n          </a>\n        </StyledTooltip>\n      );\n\n    default:\n      return <div className={styles.body}>{children}</div>;\n  }\n};\n"],"names":["StyledTooltip","withStyles","tooltip","height","maxWidth","Tooltip","StyledLanguageIcon","root","color","fontSize","marginRight","LanguageIcon","Leaf","params","attributes","leaf","children","bold","_jsx","italic","underline","contrastText","styles","textPrimary","bodyLeaf","body","captionLeaf","caption","codeLeaf","code","headerOneLeaf","headerOne","headerTwoLeaf","headerTwo","headerThreeLeaf","headerThree","classnames","boolean","char","comment","visiblePragma","constant","constants","function","keyword","number","operator","punctuation","regex","selector","string","symbol","tag","url","variable","invisible","invisiblePragma","Element","element","type","bulletedList","listItemClassName","numberedList","length","listItem","listItemPrimary","startPosition","TEXT_FORMATS","codeBlock","_jsxs","richTextEditorPopoverLinkElement","richTextEditorLinkElement"],"mappings":"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"}