@pie-lib/editable-html 10.0.0-beta.4 → 10.0.0-beta.6

package/lib/plugins/toolbar/done-button.js

@@ -1,25 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RawDoneButton = exports.DoneButton = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var RawDoneButton = function RawDoneButton(_ref) {
   var classes = _ref.classes,
-      onClick = _ref.onClick;
+    onClick = _ref.onClick;
   return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
     "aria-label": "Done",
     className: classes.iconRoot,
@@ -30,7 +23,6 @@ var RawDoneButton = function RawDoneButton(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
 };
-
 exports.RawDoneButton = RawDoneButton;
 RawDoneButton.propTypes = {
   classes: _propTypes["default"].object.isRequired,
@@ -47,4 +39,4 @@ var styles = {
 };
 var DoneButton = (0, _styles.withStyles)(styles)(RawDoneButton);
 exports.DoneButton = DoneButton;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSYXdEb25lQnV0dG9uIiwiY2xhc3NlcyIsIm9uQ2xpY2siLCJpY29uUm9vdCIsImxhYmVsIiwicm9vdCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsIm9iamVjdCIsImlzUmVxdWlyZWQiLCJmdW5jIiwic3R5bGVzIiwidmVydGljYWxBbGlnbiIsIndpZHRoIiwiaGVpZ2h0IiwiY29sb3IiLCJwYWRkaW5nIiwiRG9uZUJ1dHRvbiIsIndpdGhTdHlsZXMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGx1Z2lucy90b29sYmFyL2RvbmUtYnV0dG9uLmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9JY29uQnV0dG9uJztcbmltcG9ydCBDaGVjayBmcm9tICdAbWF0ZXJpYWwtdWkvaWNvbnMvQ2hlY2snO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgUmF3RG9uZUJ1dHRvbiA9ICh7IGNsYXNzZXMsIG9uQ2xpY2sgfSkgPT4gKFxuICA8SWNvbkJ1dHRvblxuICAgIGFyaWEtbGFiZWw9XCJEb25lXCJcbiAgICBjbGFzc05hbWU9e2NsYXNzZXMuaWNvblJvb3R9XG4gICAgb25DbGljaz17b25DbGlja31cbiAgICBjbGFzc2VzPXt7XG4gICAgICBsYWJlbDogY2xhc3Nlcy5sYWJlbCxcbiAgICAgIHJvb3Q6IGNsYXNzZXMuaWNvblJvb3RcbiAgICB9fVxuICA+XG4gICAgPENoZWNrIC8+XG4gIDwvSWNvbkJ1dHRvbj5cbik7XG5cblJhd0RvbmVCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jXG59O1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGljb25Sb290OiB7XG4gICAgdmVydGljYWxBbGlnbjogJ3RvcCcsXG4gICAgd2lkdGg6ICcyOHB4JyxcbiAgICBoZWlnaHQ6ICcyOHB4JyxcbiAgICBjb2xvcjogJ3ZhcigtLWVkaXRhYmxlLWh0bWwtdG9vbGJhci1jaGVjaywgIzAwYmIwMCknLFxuICAgIHBhZGRpbmc6ICc0cHgnXG4gIH1cbn07XG5leHBvcnQgY29uc3QgRG9uZUJ1dHRvbiA9IHdpdGhTdHlsZXMoc3R5bGVzKShSYXdEb25lQnV0dG9uKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRU8sSUFBTUEsYUFBYSxHQUFHLFNBQWhCQSxhQUFnQjtFQUFBLElBQUdDLE9BQUgsUUFBR0EsT0FBSDtFQUFBLElBQVlDLE9BQVosUUFBWUEsT0FBWjtFQUFBLG9CQUMzQixnQ0FBQyxzQkFBRDtJQUNFLGNBQVcsTUFEYjtJQUVFLFNBQVMsRUFBRUQsT0FBTyxDQUFDRSxRQUZyQjtJQUdFLE9BQU8sRUFBRUQsT0FIWDtJQUlFLE9BQU8sRUFBRTtNQUNQRSxLQUFLLEVBQUVILE9BQU8sQ0FBQ0csS0FEUjtNQUVQQyxJQUFJLEVBQUVKLE9BQU8sQ0FBQ0U7SUFGUDtFQUpYLGdCQVNFLGdDQUFDLGlCQUFELE9BVEYsQ0FEMkI7QUFBQSxDQUF0Qjs7O0FBY1BILGFBQWEsQ0FBQ00sU0FBZCxHQUEwQjtFQUN4QkwsT0FBTyxFQUFFTSxxQkFBQSxDQUFVQyxNQUFWLENBQWlCQyxVQURGO0VBRXhCUCxPQUFPLEVBQUVLLHFCQUFBLENBQVVHO0FBRkssQ0FBMUI7QUFLQSxJQUFNQyxNQUFNLEdBQUc7RUFDYlIsUUFBUSxFQUFFO0lBQ1JTLGFBQWEsRUFBRSxLQURQO0lBRVJDLEtBQUssRUFBRSxNQUZDO0lBR1JDLE1BQU0sRUFBRSxNQUhBO0lBSVJDLEtBQUssRUFBRSw2Q0FKQztJQUtSQyxPQUFPLEVBQUU7RUFMRDtBQURHLENBQWY7QUFTTyxJQUFNQyxVQUFVLEdBQUcsSUFBQUMsa0JBQUEsRUFBV1AsTUFBWCxFQUFtQlgsYUFBbkIsQ0FBbkIifQ==
+//# sourceMappingURL=done-button.js.map

package/lib/plugins/toolbar/done-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"done-button.js","names":["RawDoneButton","classes","onClick","iconRoot","label","root","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","padding","DoneButton","withStyles"],"sources":["../../../src/plugins/toolbar/done-button.jsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport const RawDoneButton = ({ classes, onClick }) => (\n  <IconButton\n    aria-label=\"Done\"\n    className={classes.iconRoot}\n    onClick={onClick}\n    classes={{\n      label: classes.label,\n      root: classes.iconRoot\n    }}\n  >\n    <Check />\n  </IconButton>\n);\n\nRawDoneButton.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onClick: PropTypes.func\n};\n\nconst styles = {\n  iconRoot: {\n    verticalAlign: 'top',\n    width: '28px',\n    height: '28px',\n    color: 'var(--editable-html-toolbar-check, #00bb00)',\n    padding: '4px'\n  }\n};\nexport const DoneButton = withStyles(styles)(RawDoneButton);\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,OAAZ,QAAYA,OAAZ;EAAA,oBAC3B,gCAAC,sBAAD;IACE,cAAW,MADb;IAEE,SAAS,EAAED,OAAO,CAACE,QAFrB;IAGE,OAAO,EAAED,OAHX;IAIE,OAAO,EAAE;MACPE,KAAK,EAAEH,OAAO,CAACG,KADR;MAEPC,IAAI,EAAEJ,OAAO,CAACE;IAFP;EAJX,gBASE,gCAAC,iBAAD,OATF,CAD2B;AAAA,CAAtB;;;AAcPH,aAAa,CAACM,SAAd,GAA0B;EACxBL,OAAO,EAAEM,qBAAA,CAAUC,MAAV,CAAiBC,UADF;EAExBP,OAAO,EAAEK,qBAAA,CAAUG;AAFK,CAA1B;AAKA,IAAMC,MAAM,GAAG;EACbR,QAAQ,EAAE;IACRS,aAAa,EAAE,KADP;IAERC,KAAK,EAAE,MAFC;IAGRC,MAAM,EAAE,MAHA;IAIRC,KAAK,EAAE,6CAJC;IAKRC,OAAO,EAAE;EALD;AADG,CAAf;AASO,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAWP,MAAX,EAAmBX,aAAnB,CAAnB"}
+{"version":3,"file":"done-button.js","names":["_react","_interopRequireDefault","require","_IconButton","_Check","_styles","_propTypes","RawDoneButton","_ref","classes","onClick","createElement","className","iconRoot","label","root","exports","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","padding","DoneButton","withStyles"],"sources":["../../../src/plugins/toolbar/done-button.jsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport const RawDoneButton = ({ classes, onClick }) => (\n  <IconButton\n    aria-label=\"Done\"\n    className={classes.iconRoot}\n    onClick={onClick}\n    classes={{\n      label: classes.label,\n      root: classes.iconRoot,\n    }}\n  >\n    <Check />\n  </IconButton>\n);\n\nRawDoneButton.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onClick: PropTypes.func,\n};\n\nconst styles = {\n  iconRoot: {\n    verticalAlign: 'top',\n    width: '28px',\n    height: '28px',\n    color: 'var(--editable-html-toolbar-check, #00bb00)',\n    padding: '4px',\n  },\n};\nexport const DoneButton = withStyles(styles)(RawDoneButton);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEO,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAAA,oBAC9CV,MAAA,YAAAW,aAAA,CAACR,WAAA,WAAU;IACT,cAAW,MAAM;IACjBS,SAAS,EAAEH,OAAO,CAACI,QAAS;IAC5BH,OAAO,EAAEA,OAAQ;IACjBD,OAAO,EAAE;MACPK,KAAK,EAAEL,OAAO,CAACK,KAAK;MACpBC,IAAI,EAAEN,OAAO,CAACI;IAChB;EAAE,gBAEFb,MAAA,YAAAW,aAAA,CAACP,MAAA,WAAK,MAAE,CACE,CAAC;AAAA,CACd;AAACY,OAAA,CAAAT,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACU,SAAS,GAAG;EACxBR,OAAO,EAAES,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpCV,OAAO,EAAEQ,qBAAS,CAACG;AACrB,CAAC;AAED,IAAMC,MAAM,GAAG;EACbT,QAAQ,EAAE;IACRU,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,6CAA6C;IACpDC,OAAO,EAAE;EACX;AACF,CAAC;AACM,IAAMC,UAAU,GAAG,IAAAC,kBAAU,EAACP,MAAM,CAAC,CAACf,aAAa,CAAC;AAACS,OAAA,CAAAY,UAAA,GAAAA,UAAA"}

package/lib/plugins/toolbar/editor-and-toolbar.js

@@ -1,180 +1,173 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.EditorAndToolbar = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _toolbar = _interopRequireDefault(require("./toolbar"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
 var _theme = require("../../theme");
-
 var _styles = require("@material-ui/core/styles");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
 var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar:editor-and-toolbar');
-var style = {
-  root: {
-    position: 'relative',
-    padding: '0px',
-    border: '1px solid #ccc',
-    borderRadius: '4px',
-    cursor: 'text',
-    '& [data-slate-editor="true"]': {
-      wordBreak: 'break-word',
-      overflow: 'visible',
-      maxHeight: '500px',
-      // needed in order to be able to put the focus before a void element when it is the first one in the editor
-      padding: '5px'
-    },
-    '& [data-slate-void="true"]': {
-      // needed in order to be able to put the focus before a void element when it is the first one in the editor
-      padding: '1px'
-    }
-  },
-  children: {
-    padding: '10px 16px'
-  },
-  editorHolder: {
-    position: 'relative',
-    padding: '0px',
-    overflowY: 'scroll',
-    color: _renderUi.color.text(),
-    backgroundColor: _renderUi.color.background(),
-    '&::before': {
-      left: '0',
-      right: '0',
-      bottom: '0',
-      height: '1px',
-      content: '""',
-      position: 'absolute',
-      transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
-      pointerEvents: 'none'
+var style = function style(theme) {
+  return {
+    root: {
+      position: 'relative',
+      padding: '0px',
+      border: '1px solid #ccc',
+      borderRadius: '4px',
+      cursor: 'text',
+      '& [data-slate-editor="true"]': {
+        wordBreak: 'break-word',
+        overflow: 'visible',
+        maxHeight: '500px',
+        // needed in order to be able to put the focus before a void element when it is the first one in the editor
+        padding: '5px'
+      },
+      '& [data-slate-void="true"]': {
+        // needed in order to be able to put the focus before a void element when it is the first one in the editor
+        padding: '1px'
+      }
     },
-    '&::after': {
-      left: '0',
-      right: '0',
-      bottom: '0',
-      height: '1px',
-      content: '""',
-      position: 'absolute',
-      transform: 'scaleX(0)',
-      transition: 'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 200ms linear',
-      backgroundColor: 'rgba(0, 0, 0, 0.42)'
+    children: {
+      padding: '10px 16px'
     },
-    '&:focus': {
+    editorHolder: {
+      position: 'relative',
+      padding: '0px',
+      overflowY: 'scroll',
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background(),
+      '&::before': {
+        left: '0',
+        right: '0',
+        bottom: '0',
+        height: '1px',
+        content: '""',
+        position: 'absolute',
+        transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+        pointerEvents: 'none',
+        backgroundColor: 'rgba(0, 0, 0, 0.42)'
+      },
       '&::after': {
-        transform: 'scaleX(1)',
-        backgroundColor: _theme.primary,
-        height: '2px'
+        left: '0',
+        right: '0',
+        bottom: '0',
+        height: '1px',
+        content: '""',
+        position: 'absolute',
+        transform: 'scaleX(0)',
+        transition: 'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 200ms linear',
+        backgroundColor: 'rgba(0, 0, 0, 0.42)'
+      },
+      '&:focus': {
+        '&::after': {
+          transform: 'scaleX(1)',
+          backgroundColor: _theme.primary,
+          height: '2px'
+        }
+      },
+      '&:hover': {
+        '&::after': {
+          transform: 'scaleX(1)',
+          backgroundColor: theme.palette.common.black,
+          height: '2px'
+        }
+      },
+      '& :focus-visible': {
+        outline: 'none !important'
       }
     },
-    '&:hover': {
+    disabledUnderline: {
+      '&::before': {
+        display: 'none'
+      },
       '&::after': {
-        transform: 'scaleX(1)',
-        backgroundColor: 'black',
-        height: '2px'
+        display: 'none'
       }
-    }
-  },
-  disabledUnderline: {
-    '&::before': {
-      display: 'none'
-    },
-    '&::after': {
-      display: 'none'
-    }
-  },
-  disabledScrollbar: {
-    '&::-webkit-scrollbar': {
-      display: 'none'
-    },
-    scrollbarWidth: 'none',
-    '-ms-overflow-style': 'none'
-  },
-  readOnly: {
-    '&::before': {
-      background: 'transparent',
-      backgroundSize: '5px 1px',
-      backgroundImage: 'linear-gradient(to right, rgba(0, 0, 0, 0.42) 33%, transparent 0%)',
-      backgroundRepeat: 'repeat-x',
-      backgroundPosition: 'left top'
     },
-    '&::after': {
-      left: '0',
-      right: '0',
-      bottom: '0',
-      height: '1px',
-      content: '""',
-      position: 'absolute',
-      transform: 'scaleX(0)',
-      transition: 'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 0ms linear',
-      backgroundColor: 'rgba(0, 0, 0, 0)'
+    disabledScrollbar: {
+      '&::-webkit-scrollbar': {
+        display: 'none'
+      },
+      scrollbarWidth: 'none',
+      '-ms-overflow-style': 'none'
     },
-    '&:hover': {
+    readOnly: {
+      '&::before': {
+        background: 'transparent',
+        backgroundSize: '5px 1px',
+        backgroundImage: 'linear-gradient(to right, rgba(0, 0, 0, 0.42) 33%, transparent 0%)',
+        backgroundRepeat: 'repeat-x',
+        backgroundPosition: 'left top'
+      },
       '&::after': {
+        left: '0',
+        right: '0',
+        bottom: '0',
+        height: '1px',
+        content: '""',
+        position: 'absolute',
         transform: 'scaleX(0)',
-        backgroundColor: 'black',
-        height: '2px'
+        transition: 'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 0ms linear',
+        backgroundColor: 'rgba(0, 0, 0, 0)'
+      },
+      '&:hover': {
+        '&::after': {
+          transform: 'scaleX(0)',
+          backgroundColor: theme.palette.common.black,
+          height: '2px'
+        }
       }
-    }
-  },
-  editorInFocus: {
-    '&::after': {
-      transform: 'scaleX(1)',
-      backgroundColor: _theme.primary,
-      height: '2px'
     },
-    '&:hover': {
+    editorInFocus: {
       '&::after': {
-        backgroundColor: _theme.primary
+        transform: 'scaleX(1)',
+        backgroundColor: _theme.primary,
+        height: '2px'
+      },
+      '&:hover': {
+        '&::after': {
+          backgroundColor: _theme.primary
+        }
       }
+    },
+    error: {
+      border: "2px solid ".concat(theme.palette.error.main, " !important")
+    },
+    noBorder: {
+      border: 'none'
+    },
+    noPadding: {
+      padding: 0
     }
-  },
-  error: {
-    border: '2px solid red'
-  },
-  noBorder: {
-    border: 'none'
-  },
-  noPadding: {
-    padding: 0
-  }
+  };
 };
-
 var EditorAndToolbar = function EditorAndToolbar(props) {
   var _classNames, _classNames2;
-
   var editor = props.editor,
-      classes = props.classes,
-      children = props.children,
-      value = props.value,
-      plugins = props.plugins,
-      onChange = props.onChange,
-      getFocusedValue = props.getFocusedValue,
-      onDone = props.onDone,
-      focusedNode = props.focusedNode,
-      autoWidth = props.autoWidth,
-      readOnly = props.readOnly,
-      disableScrollbar = props.disableScrollbar,
-      disableUnderline = props.disableUnderline,
-      pluginProps = props.pluginProps,
-      toolbarOpts = props.toolbarOpts,
-      toolbarRef = props.toolbarRef,
-      isFocused = props.isFocused;
+    classes = props.classes,
+    children = props.children,
+    value = props.value,
+    plugins = props.plugins,
+    onChange = props.onChange,
+    getFocusedValue = props.getFocusedValue,
+    onDone = props.onDone,
+    focusedNode = props.focusedNode,
+    autoWidth = props.autoWidth,
+    readOnly = props.readOnly,
+    disableScrollbar = props.disableScrollbar,
+    disableUnderline = props.disableUnderline,
+    pluginProps = props.pluginProps,
+    toolbarOpts = props.toolbarOpts,
+    toolbarRef = props.toolbarRef,
+    isFocused = props.isFocused;
   var holderNames = (0, _classnames["default"])(classes.editorHolder, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.editorInFocus, isFocused), (0, _defineProperty2["default"])(_classNames, classes.readOnly, readOnly), (0, _defineProperty2["default"])(_classNames, classes.disabledUnderline, disableUnderline), (0, _defineProperty2["default"])(_classNames, classes.disabledScrollbar, disableScrollbar), _classNames));
   var clonedChildren = children;
   log('[render] inFocus: ', isFocused, 'value.isFocused:', value.isFocused, 'focused node: ', focusedNode);
@@ -199,7 +192,6 @@ var EditorAndToolbar = function EditorAndToolbar(props) {
     toolbarOpts: toolbarOpts
   }));
 };
-
 exports.EditorAndToolbar = EditorAndToolbar;
 EditorAndToolbar.propTypes = {
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
@@ -233,8 +225,6 @@ EditorAndToolbar.propTypes = {
     position: _propTypes["default"].oneOf(['bottom', 'top'])
   })
 };
-
 var _default = (0, _styles.withStyles)(style)(EditorAndToolbar);
-
 exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsInN0eWxlIiwicm9vdCIsInBvc2l0aW9uIiwicGFkZGluZyIsImJvcmRlciIsImJvcmRlclJhZGl1cyIsImN1cnNvciIsIndvcmRCcmVhayIsIm92ZXJmbG93IiwibWF4SGVpZ2h0IiwiY2hpbGRyZW4iLCJlZGl0b3JIb2xkZXIiLCJvdmVyZmxvd1kiLCJjb2xvciIsInRleHQiLCJiYWNrZ3JvdW5kQ29sb3IiLCJiYWNrZ3JvdW5kIiwibGVmdCIsInJpZ2h0IiwiYm90dG9tIiwiaGVpZ2h0IiwiY29udGVudCIsInRyYW5zaXRpb24iLCJwb2ludGVyRXZlbnRzIiwidHJhbnNmb3JtIiwicHJpbWFyeSIsImRpc2FibGVkVW5kZXJsaW5lIiwiZGlzcGxheSIsImRpc2FibGVkU2Nyb2xsYmFyIiwic2Nyb2xsYmFyV2lkdGgiLCJyZWFkT25seSIsImJhY2tncm91bmRTaXplIiwiYmFja2dyb3VuZEltYWdlIiwiYmFja2dyb3VuZFJlcGVhdCIsImJhY2tncm91bmRQb3NpdGlvbiIsImVkaXRvckluRm9jdXMiLCJlcnJvciIsIm5vQm9yZGVyIiwibm9QYWRkaW5nIiwiRWRpdG9yQW5kVG9vbGJhciIsInByb3BzIiwiZWRpdG9yIiwiY2xhc3NlcyIsInZhbHVlIiwicGx1Z2lucyIsIm9uQ2hhbmdlIiwiZ2V0Rm9jdXNlZFZhbHVlIiwib25Eb25lIiwiZm9jdXNlZE5vZGUiLCJhdXRvV2lkdGgiLCJkaXNhYmxlU2Nyb2xsYmFyIiwiZGlzYWJsZVVuZGVybGluZSIsInBsdWdpblByb3BzIiwidG9vbGJhck9wdHMiLCJ0b29sYmFyUmVmIiwiaXNGb2N1c2VkIiwiaG9sZGVyTmFtZXMiLCJjbGFzc05hbWVzIiwiY2xvbmVkQ2hpbGRyZW4iLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJvbmVPZlR5cGUiLCJhcnJheU9mIiwibm9kZSIsImlzUmVxdWlyZWQiLCJzaGFwZSIsInR5cGUiLCJzdHJpbmciLCJhcnJheSIsImRhdGEiLCJvYmplY3QiLCJib29sIiwiZnVuYyIsImFsd2F5c1Zpc2libGUiLCJvbmVPZiIsIndpdGhTdHlsZXMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGx1Z2lucy90b29sYmFyL2VkaXRvci1hbmQtdG9vbGJhci5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IFRvb2xiYXIgZnJvbSAnLi90b29sYmFyJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IGRlYnVnIGZyb20gJ2RlYnVnJztcbmltcG9ydCB7IHByaW1hcnkgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb2xvciB9IGZyb20gJ0BwaWUtbGliL3JlbmRlci11aSc7XG5cbmNvbnN0IGxvZyA9IGRlYnVnKCdAcGllLWxpYjplZGl0YWJsZS1odG1sOnBsdWdpbnM6dG9vbGJhcjplZGl0b3ItYW5kLXRvb2xiYXInKTtcblxuY29uc3Qgc3R5bGUgPSB7XG4gIHJvb3Q6IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBwYWRkaW5nOiAnMHB4JyxcbiAgICBib3JkZXI6ICcxcHggc29saWQgI2NjYycsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgICBjdXJzb3I6ICd0ZXh0JyxcbiAgICAnJiBbZGF0YS1zbGF0ZS1lZGl0b3I9XCJ0cnVlXCJdJzoge1xuICAgICAgd29yZEJyZWFrOiAnYnJlYWstd29yZCcsXG4gICAgICBvdmVyZmxvdzogJ3Zpc2libGUnLFxuICAgICAgbWF4SGVpZ2h0OiAnNTAwcHgnLFxuICAgICAgLy8gbmVlZGVkIGluIG9yZGVyIHRvIGJlIGFibGUgdG8gcHV0IHRoZSBmb2N1cyBiZWZvcmUgYSB2b2lkIGVsZW1lbnQgd2hlbiBpdCBpcyB0aGUgZmlyc3Qgb25lIGluIHRoZSBlZGl0b3JcbiAgICAgIHBhZGRpbmc6ICc1cHgnXG4gICAgfSxcbiAgICAnJiBbZGF0YS1zbGF0ZS12b2lkPVwidHJ1ZVwiXSc6IHtcbiAgICAgIC8vIG5lZWRlZCBpbiBvcmRlciB0byBiZSBhYmxlIHRvIHB1dCB0aGUgZm9jdXMgYmVmb3JlIGEgdm9pZCBlbGVtZW50IHdoZW4gaXQgaXMgdGhlIGZpcnN0IG9uZSBpbiB0aGUgZWRpdG9yXG4gICAgICBwYWRkaW5nOiAnMXB4J1xuICAgIH1cbiAgfSxcbiAgY2hpbGRyZW46IHtcbiAgICBwYWRkaW5nOiAnMTBweCAxNnB4J1xuICB9LFxuICBlZGl0b3JIb2xkZXI6IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBwYWRkaW5nOiAnMHB4JyxcbiAgICBvdmVyZmxvd1k6ICdzY3JvbGwnLFxuICAgIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5iYWNrZ3JvdW5kKCksXG4gICAgJyY6OmJlZm9yZSc6IHtcbiAgICAgIGxlZnQ6ICcwJyxcbiAgICAgIHJpZ2h0OiAnMCcsXG4gICAgICBib3R0b206ICcwJyxcbiAgICAgIGhlaWdodDogJzFweCcsXG4gICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIHRyYW5zaXRpb246ICdiYWNrZ3JvdW5kLWNvbG9yIDIwMG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zJyxcbiAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICB9LFxuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGxlZnQ6ICcwJyxcbiAgICAgIHJpZ2h0OiAnMCcsXG4gICAgICBib3R0b206ICcwJyxcbiAgICAgIGhlaWdodDogJzFweCcsXG4gICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWCgwKScsXG4gICAgICB0cmFuc2l0aW9uOlxuICAgICAgICAndHJhbnNmb3JtIDIwMG1zIGN1YmljLWJlemllcigwLjAsIDAuMCwgMC4yLCAxKSAwbXMsIGJhY2tncm91bmQtY29sb3IgMjAwbXMgbGluZWFyJyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJ3JnYmEoMCwgMCwgMCwgMC40MiknXG4gICAgfSxcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgICcmOjphZnRlcic6IHtcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGVYKDEpJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBwcmltYXJ5LFxuICAgICAgICBoZWlnaHQ6ICcycHgnXG4gICAgICB9XG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgICcmOjphZnRlcic6IHtcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGVYKDEpJyxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnYmxhY2snLFxuICAgICAgICBoZWlnaHQ6ICcycHgnXG4gICAgICB9XG4gICAgfVxuICB9LFxuICBkaXNhYmxlZFVuZGVybGluZToge1xuICAgICcmOjpiZWZvcmUnOiB7XG4gICAgICBkaXNwbGF5OiAnbm9uZSdcbiAgICB9LFxuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGRpc3BsYXk6ICdub25lJ1xuICAgIH1cbiAgfSxcbiAgZGlzYWJsZWRTY3JvbGxiYXI6IHtcbiAgICAnJjo6LXdlYmtpdC1zY3JvbGxiYXInOiB7XG4gICAgICBkaXNwbGF5OiAnbm9uZSdcbiAgICB9LFxuICAgIHNjcm9sbGJhcldpZHRoOiAnbm9uZScsXG4gICAgJy1tcy1vdmVyZmxvdy1zdHlsZSc6ICdub25lJ1xuICB9LFxuICByZWFkT25seToge1xuICAgICcmOjpiZWZvcmUnOiB7XG4gICAgICBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLFxuICAgICAgYmFja2dyb3VuZFNpemU6ICc1cHggMXB4JyxcbiAgICAgIGJhY2tncm91bmRJbWFnZTogJ2xpbmVhci1ncmFkaWVudCh0byByaWdodCwgcmdiYSgwLCAwLCAwLCAwLjQyKSAzMyUsIHRyYW5zcGFyZW50IDAlKScsXG4gICAgICBiYWNrZ3JvdW5kUmVwZWF0OiAncmVwZWF0LXgnLFxuICAgICAgYmFja2dyb3VuZFBvc2l0aW9uOiAnbGVmdCB0b3AnXG4gICAgfSxcbiAgICAnJjo6YWZ0ZXInOiB7XG4gICAgICBsZWZ0OiAnMCcsXG4gICAgICByaWdodDogJzAnLFxuICAgICAgYm90dG9tOiAnMCcsXG4gICAgICBoZWlnaHQ6ICcxcHgnLFxuICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB0cmFuc2Zvcm06ICdzY2FsZVgoMCknLFxuICAgICAgdHJhbnNpdGlvbjogJ3RyYW5zZm9ybSAyMDBtcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMiwgMSkgMG1zLCBiYWNrZ3JvdW5kLWNvbG9yIDBtcyBsaW5lYXInLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiAncmdiYSgwLCAwLCAwLCAwKSdcbiAgICB9LFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgJyY6OmFmdGVyJzoge1xuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVgoMCknLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdibGFjaycsXG4gICAgICAgIGhlaWdodDogJzJweCdcbiAgICAgIH1cbiAgICB9XG4gIH0sXG4gIGVkaXRvckluRm9jdXM6IHtcbiAgICAnJjo6YWZ0ZXInOiB7XG4gICAgICB0cmFuc2Zvcm06ICdzY2FsZVgoMSknLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBwcmltYXJ5LFxuICAgICAgaGVpZ2h0OiAnMnB4J1xuICAgIH0sXG4gICAgJyY6aG92ZXInOiB7XG4gICAgICAnJjo6YWZ0ZXInOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogcHJpbWFyeVxuICAgICAgfVxuICAgIH1cbiAgfSxcbiAgZXJyb3I6IHtcbiAgICBib3JkZXI6ICcycHggc29saWQgcmVkJ1xuICB9LFxuICBub0JvcmRlcjoge1xuICAgIGJvcmRlcjogJ25vbmUnXG4gIH0sXG4gIG5vUGFkZGluZzoge1xuICAgIHBhZGRpbmc6IDBcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEVkaXRvckFuZFRvb2xiYXIgPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHtcbiAgICBlZGl0b3IsXG4gICAgY2xhc3NlcyxcbiAgICBjaGlsZHJlbixcbiAgICB2YWx1ZSxcbiAgICBwbHVnaW5zLFxuICAgIG9uQ2hhbmdlLFxuICAgIGdldEZvY3VzZWRWYWx1ZSxcbiAgICBvbkRvbmUsXG4gICAgZm9jdXNlZE5vZGUsXG4gICAgYXV0b1dpZHRoLFxuICAgIHJlYWRPbmx5LFxuICAgIGRpc2FibGVTY3JvbGxiYXIsXG4gICAgZGlzYWJsZVVuZGVybGluZSxcbiAgICBwbHVnaW5Qcm9wcyxcbiAgICB0b29sYmFyT3B0cyxcbiAgICB0b29sYmFyUmVmLFxuICAgIGlzRm9jdXNlZFxuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgaG9sZGVyTmFtZXMgPSBjbGFzc05hbWVzKGNsYXNzZXMuZWRpdG9ySG9sZGVyLCB7XG4gICAgW2NsYXNzZXMuZWRpdG9ySW5Gb2N1c106IGlzRm9jdXNlZCxcbiAgICBbY2xhc3Nlcy5yZWFkT25seV06IHJlYWRPbmx5LFxuICAgIFtjbGFzc2VzLmRpc2FibGVkVW5kZXJsaW5lXTogZGlzYWJsZVVuZGVybGluZSxcbiAgICBbY2xhc3Nlcy5kaXNhYmxlZFNjcm9sbGJhcl06IGRpc2FibGVTY3JvbGxiYXJcbiAgfSk7XG4gIGxldCBjbG9uZWRDaGlsZHJlbiA9IGNoaWxkcmVuO1xuXG4gIGxvZyhcbiAgICAnW3JlbmRlcl0gaW5Gb2N1czogJyxcbiAgICBpc0ZvY3VzZWQsXG4gICAgJ3ZhbHVlLmlzRm9jdXNlZDonLFxuICAgIHZhbHVlLmlzRm9jdXNlZCxcbiAgICAnZm9jdXNlZCBub2RlOiAnLFxuICAgIGZvY3VzZWROb2RlXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgIHtcbiAgICAgICAgICBbY2xhc3Nlcy5ub0JvcmRlcl06IHRvb2xiYXJPcHRzICYmIHRvb2xiYXJPcHRzLm5vQm9yZGVyLFxuICAgICAgICAgIFtjbGFzc2VzLmVycm9yXTogdG9vbGJhck9wdHMgJiYgdG9vbGJhck9wdHMuZXJyb3JcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3Nlcy5yb290XG4gICAgICApfVxuICAgID5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtob2xkZXJOYW1lc30+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgIFtjbGFzc2VzLm5vUGFkZGluZ106IHRvb2xiYXJPcHRzICYmIHRvb2xiYXJPcHRzLm5vQm9yZGVyXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY2xhc3Nlcy5jaGlsZHJlblxuICAgICAgICAgICl9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2xvbmVkQ2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8VG9vbGJhclxuICAgICAgICBlZGl0b3I9e2VkaXRvcn1cbiAgICAgICAgYXV0b1dpZHRoPXthdXRvV2lkdGh9XG4gICAgICAgIHBsdWdpbnM9e3BsdWdpbnN9XG4gICAgICAgIGZvY3VzZWROb2RlPXtmb2N1c2VkTm9kZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBpc0ZvY3VzZWQ9e2lzRm9jdXNlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBnZXRGb2N1c2VkVmFsdWU9e2dldEZvY3VzZWRWYWx1ZX1cbiAgICAgICAgb25Eb25lPXtvbkRvbmV9XG4gICAgICAgIHRvb2xiYXJSZWY9e3Rvb2xiYXJSZWZ9XG4gICAgICAgIHBsdWdpblByb3BzPXtwbHVnaW5Qcm9wc31cbiAgICAgICAgdG9vbGJhck9wdHM9e3Rvb2xiYXJPcHRzfVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbkVkaXRvckFuZFRvb2xiYXIucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm5vZGUpLCBQcm9wVHlwZXMubm9kZV0pLmlzUmVxdWlyZWQsXG4gIHZhbHVlOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgdHlwZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMuYXJyYXksXG4gICAgICBkYXRhOiBQcm9wVHlwZXMub2JqZWN0XG4gICAgfSlcbiAgKSxcbiAgZWRpdG9yOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gIGlzRm9jdXNlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHBsdWdpbnM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgZ2V0Rm9jdXNlZFZhbHVlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvbkRvbmU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRvb2xiYXJSZWY6IFByb3BUeXBlcy5mdW5jLFxuICBmb2N1c2VkTm9kZTogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICB0eXBlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMuYXJyYXksXG4gICAgZGF0YTogUHJvcFR5cGVzLm9iamVjdFxuICB9KSxcbiAgcmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBkaXNhYmxlU2Nyb2xsYmFyOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzYWJsZVVuZGVybGluZTogUHJvcFR5cGVzLmJvb2wsXG4gIGF1dG9XaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgcGx1Z2luUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gIHRvb2xiYXJPcHRzOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIGFsd2F5c1Zpc2libGU6IFByb3BUeXBlcy5ib29sLFxuICAgIGVycm9yOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIG5vQm9yZGVyOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBwb3NpdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsnYm90dG9tJywgJ3RvcCddKVxuICB9KVxufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcyhzdHlsZSkoRWRpdG9yQW5kVG9vbGJhcik7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUEsSUFBTUEsR0FBRyxHQUFHLElBQUFDLGlCQUFBLEVBQU0sMkRBQU4sQ0FBWjtBQUVBLElBQU1DLEtBQUssR0FBRztFQUNaQyxJQUFJLEVBQUU7SUFDSkMsUUFBUSxFQUFFLFVBRE47SUFFSkMsT0FBTyxFQUFFLEtBRkw7SUFHSkMsTUFBTSxFQUFFLGdCQUhKO0lBSUpDLFlBQVksRUFBRSxLQUpWO0lBS0pDLE1BQU0sRUFBRSxNQUxKO0lBTUosZ0NBQWdDO01BQzlCQyxTQUFTLEVBQUUsWUFEbUI7TUFFOUJDLFFBQVEsRUFBRSxTQUZvQjtNQUc5QkMsU0FBUyxFQUFFLE9BSG1CO01BSTlCO01BQ0FOLE9BQU8sRUFBRTtJQUxxQixDQU41QjtJQWFKLDhCQUE4QjtNQUM1QjtNQUNBQSxPQUFPLEVBQUU7SUFGbUI7RUFiMUIsQ0FETTtFQW1CWk8sUUFBUSxFQUFFO0lBQ1JQLE9BQU8sRUFBRTtFQURELENBbkJFO0VBc0JaUSxZQUFZLEVBQUU7SUFDWlQsUUFBUSxFQUFFLFVBREU7SUFFWkMsT0FBTyxFQUFFLEtBRkc7SUFHWlMsU0FBUyxFQUFFLFFBSEM7SUFJWkMsS0FBSyxFQUFFQSxlQUFBLENBQU1DLElBQU4sRUFKSztJQUtaQyxlQUFlLEVBQUVGLGVBQUEsQ0FBTUcsVUFBTixFQUxMO0lBTVosYUFB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
+//# sourceMappingURL=editor-and-toolbar.js.map

package/lib/plugins/toolbar/editor-and-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor-and-toolbar.js","names":["log","debug","style","root","position","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","children","editorHolder","overflowY","color","text","backgroundColor","background","left","right","bottom","height","content","transition","pointerEvents","transform","primary","disabledUnderline","display","disabledScrollbar","scrollbarWidth","readOnly","backgroundSize","backgroundImage","backgroundRepeat","backgroundPosition","editorInFocus","error","noBorder","noPadding","EditorAndToolbar","props","editor","classes","value","plugins","onChange","getFocusedValue","onDone","focusedNode","autoWidth","disableScrollbar","disableUnderline","pluginProps","toolbarOpts","toolbarRef","isFocused","holderNames","classNames","clonedChildren","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","shape","type","string","array","data","object","bool","func","alwaysVisible","oneOf","withStyles"],"sources":["../../../src/plugins/toolbar/editor-and-toolbar.jsx"],"sourcesContent":["import React from 'react';\n\nimport Toolbar from './toolbar';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { primary } from '../../theme';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar:editor-and-toolbar');\n\nconst style = {\n  root: {\n    position: 'relative',\n    padding: '0px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    cursor: 'text',\n    '& [data-slate-editor=\"true\"]': {\n      wordBreak: 'break-word',\n      overflow: 'visible',\n      maxHeight: '500px',\n      // needed in order to be able to put the focus before a void element when it is the first one in the editor\n      padding: '5px'\n    },\n    '& [data-slate-void=\"true\"]': {\n      // needed in order to be able to put the focus before a void element when it is the first one in the editor\n      padding: '1px'\n    }\n  },\n  children: {\n    padding: '10px 16px'\n  },\n  editorHolder: {\n    position: 'relative',\n    padding: '0px',\n    overflowY: 'scroll',\n    color: color.text(),\n    backgroundColor: color.background(),\n    '&::before': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n      pointerEvents: 'none',\n      backgroundColor: 'rgba(0, 0, 0, 0.42)'\n    },\n    '&::after': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transform: 'scaleX(0)',\n      transition:\n        'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 200ms linear',\n      backgroundColor: 'rgba(0, 0, 0, 0.42)'\n    },\n    '&:focus': {\n      '&::after': {\n        transform: 'scaleX(1)',\n        backgroundColor: primary,\n        height: '2px'\n      }\n    },\n    '&:hover': {\n      '&::after': {\n        transform: 'scaleX(1)',\n        backgroundColor: 'black',\n        height: '2px'\n      }\n    }\n  },\n  disabledUnderline: {\n    '&::before': {\n      display: 'none'\n    },\n    '&::after': {\n      display: 'none'\n    }\n  },\n  disabledScrollbar: {\n    '&::-webkit-scrollbar': {\n      display: 'none'\n    },\n    scrollbarWidth: 'none',\n    '-ms-overflow-style': 'none'\n  },\n  readOnly: {\n    '&::before': {\n      background: 'transparent',\n      backgroundSize: '5px 1px',\n      backgroundImage: 'linear-gradient(to right, rgba(0, 0, 0, 0.42) 33%, transparent 0%)',\n      backgroundRepeat: 'repeat-x',\n      backgroundPosition: 'left top'\n    },\n    '&::after': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transform: 'scaleX(0)',\n      transition: 'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 0ms linear',\n      backgroundColor: 'rgba(0, 0, 0, 0)'\n    },\n    '&:hover': {\n      '&::after': {\n        transform: 'scaleX(0)',\n        backgroundColor: 'black',\n        height: '2px'\n      }\n    }\n  },\n  editorInFocus: {\n    '&::after': {\n      transform: 'scaleX(1)',\n      backgroundColor: primary,\n      height: '2px'\n    },\n    '&:hover': {\n      '&::after': {\n        backgroundColor: primary\n      }\n    }\n  },\n  error: {\n    border: '2px solid red'\n  },\n  noBorder: {\n    border: 'none'\n  },\n  noPadding: {\n    padding: 0\n  }\n};\n\nexport const EditorAndToolbar = props => {\n  const {\n    editor,\n    classes,\n    children,\n    value,\n    plugins,\n    onChange,\n    getFocusedValue,\n    onDone,\n    focusedNode,\n    autoWidth,\n    readOnly,\n    disableScrollbar,\n    disableUnderline,\n    pluginProps,\n    toolbarOpts,\n    toolbarRef,\n    isFocused\n  } = props;\n\n  const holderNames = classNames(classes.editorHolder, {\n    [classes.editorInFocus]: isFocused,\n    [classes.readOnly]: readOnly,\n    [classes.disabledUnderline]: disableUnderline,\n    [classes.disabledScrollbar]: disableScrollbar\n  });\n  let clonedChildren = children;\n\n  log(\n    '[render] inFocus: ',\n    isFocused,\n    'value.isFocused:',\n    value.isFocused,\n    'focused node: ',\n    focusedNode\n  );\n\n  return (\n    <div\n      className={classNames(\n        {\n          [classes.noBorder]: toolbarOpts && toolbarOpts.noBorder,\n          [classes.error]: toolbarOpts && toolbarOpts.error\n        },\n        classes.root\n      )}\n    >\n      <div className={holderNames}>\n        <div\n          className={classNames(\n            {\n              [classes.noPadding]: toolbarOpts && toolbarOpts.noBorder\n            },\n            classes.children\n          )}\n        >\n          {clonedChildren}\n        </div>\n      </div>\n      <Toolbar\n        editor={editor}\n        autoWidth={autoWidth}\n        plugins={plugins}\n        focusedNode={focusedNode}\n        value={value}\n        isFocused={isFocused}\n        onChange={onChange}\n        getFocusedValue={getFocusedValue}\n        onDone={onDone}\n        toolbarRef={toolbarRef}\n        pluginProps={pluginProps}\n        toolbarOpts={toolbarOpts}\n      />\n    </div>\n  );\n};\n\nEditorAndToolbar.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  value: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.string,\n      children: PropTypes.array,\n      data: PropTypes.object\n    })\n  ),\n  editor: PropTypes.object.isRequired,\n  isFocused: PropTypes.bool,\n  plugins: PropTypes.array.isRequired,\n  onChange: PropTypes.func.isRequired,\n  getFocusedValue: PropTypes.func.isRequired,\n  onDone: PropTypes.func.isRequired,\n  toolbarRef: PropTypes.func,\n  focusedNode: PropTypes.shape({\n    type: PropTypes.string,\n    children: PropTypes.array,\n    data: PropTypes.object\n  }),\n  readOnly: PropTypes.bool,\n  disableScrollbar: PropTypes.bool,\n  disableUnderline: PropTypes.bool,\n  autoWidth: PropTypes.bool,\n  classes: PropTypes.object.isRequired,\n  pluginProps: PropTypes.object,\n  toolbarOpts: PropTypes.shape({\n    alwaysVisible: PropTypes.bool,\n    error: PropTypes.string,\n    noBorder: PropTypes.bool,\n    position: PropTypes.oneOf(['bottom', 'top'])\n  })\n};\n\nexport default withStyles(style)(EditorAndToolbar);\n"],"mappings":"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"}
+{"version":3,"file":"editor-and-toolbar.js","names":["_react","_interopRequireDefault","require","_toolbar","_classnames","_debug","_theme","_styles","_propTypes","_renderUi","log","debug","style","theme","root","position","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","children","editorHolder","overflowY","color","text","backgroundColor","background","left","right","bottom","height","content","transition","pointerEvents","transform","primary","palette","common","black","outline","disabledUnderline","display","disabledScrollbar","scrollbarWidth","readOnly","backgroundSize","backgroundImage","backgroundRepeat","backgroundPosition","editorInFocus","error","concat","main","noBorder","noPadding","EditorAndToolbar","props","_classNames","_classNames2","editor","classes","value","plugins","onChange","getFocusedValue","onDone","focusedNode","autoWidth","disableScrollbar","disableUnderline","pluginProps","toolbarOpts","toolbarRef","isFocused","holderNames","classNames","_defineProperty2","clonedChildren","createElement","className","exports","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","shape","type","string","array","data","object","bool","func","alwaysVisible","oneOf","_default","withStyles"],"sources":["../../../src/plugins/toolbar/editor-and-toolbar.jsx"],"sourcesContent":["import React from 'react';\n\nimport Toolbar from './toolbar';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { primary } from '../../theme';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar:editor-and-toolbar');\n\nconst style = (theme) => ({\n  root: {\n    position: 'relative',\n    padding: '0px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    cursor: 'text',\n    '& [data-slate-editor=\"true\"]': {\n      wordBreak: 'break-word',\n      overflow: 'visible',\n      maxHeight: '500px',\n      // needed in order to be able to put the focus before a void element when it is the first one in the editor\n      padding: '5px',\n    },\n    '& [data-slate-void=\"true\"]': {\n      // needed in order to be able to put the focus before a void element when it is the first one in the editor\n      padding: '1px',\n    }\n  },\n  children: {\n    padding: '10px 16px',\n  },\n  editorHolder: {\n    position: 'relative',\n    padding: '0px',\n    overflowY: 'scroll',\n    color: color.text(),\n    backgroundColor: color.background(),\n    '&::before': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n      pointerEvents: 'none',\n      backgroundColor: 'rgba(0, 0, 0, 0.42)',\n    },\n    '&::after': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transform: 'scaleX(0)',\n      transition: 'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 200ms linear',\n      backgroundColor: 'rgba(0, 0, 0, 0.42)',\n    },\n    '&:focus': {\n      '&::after': {\n        transform: 'scaleX(1)',\n        backgroundColor: primary,\n        height: '2px',\n      },\n    },\n    '&:hover': {\n      '&::after': {\n        transform: 'scaleX(1)',\n        backgroundColor: theme.palette.common.black,\n        height: '2px',\n      },\n    },\n    '& :focus-visible': {\n      outline: 'none !important',\n    }\n  },\n  disabledUnderline: {\n    '&::before': {\n      display: 'none',\n    },\n    '&::after': {\n      display: 'none',\n    },\n  },\n  disabledScrollbar: {\n    '&::-webkit-scrollbar': {\n      display: 'none',\n    },\n    scrollbarWidth: 'none',\n    '-ms-overflow-style': 'none',\n  },\n  readOnly: {\n    '&::before': {\n      background: 'transparent',\n      backgroundSize: '5px 1px',\n      backgroundImage: 'linear-gradient(to right, rgba(0, 0, 0, 0.42) 33%, transparent 0%)',\n      backgroundRepeat: 'repeat-x',\n      backgroundPosition: 'left top',\n    },\n    '&::after': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transform: 'scaleX(0)',\n      transition: 'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 0ms linear',\n      backgroundColor: 'rgba(0, 0, 0, 0)',\n    },\n    '&:hover': {\n      '&::after': {\n        transform: 'scaleX(0)',\n        backgroundColor: theme.palette.common.black,\n        height: '2px',\n      },\n    },\n  },\n  editorInFocus: {\n    '&::after': {\n      transform: 'scaleX(1)',\n      backgroundColor: primary,\n      height: '2px',\n    },\n    '&:hover': {\n      '&::after': {\n        backgroundColor: primary,\n      },\n    },\n  },\n  error: {\n    border: `2px solid ${theme.palette.error.main} !important`,\n  },\n  noBorder: {\n    border: 'none',\n  },\n  noPadding: {\n    padding: 0,\n  },\n});\n\nexport const EditorAndToolbar = props => {\n  const {\n    editor,\n    classes,\n    children,\n    value,\n    plugins,\n    onChange,\n    getFocusedValue,\n    onDone,\n    focusedNode,\n    autoWidth,\n    readOnly,\n    disableScrollbar,\n    disableUnderline,\n    pluginProps,\n    toolbarOpts,\n    toolbarRef,\n    isFocused\n  } = props;\n\n  const holderNames = classNames(classes.editorHolder, {\n    [classes.editorInFocus]: isFocused,\n    [classes.readOnly]: readOnly,\n    [classes.disabledUnderline]: disableUnderline,\n    [classes.disabledScrollbar]: disableScrollbar\n  });\n  let clonedChildren = children;\n\n  log(\n    '[render] inFocus: ',\n    isFocused,\n    'value.isFocused:',\n    value.isFocused,\n    'focused node: ',\n    focusedNode\n  );\n\n  return (\n    <div\n      className={classNames(\n        {\n          [classes.noBorder]: toolbarOpts && toolbarOpts.noBorder,\n          [classes.error]: toolbarOpts && toolbarOpts.error\n        },\n        classes.root\n      )}\n    >\n      <div className={holderNames}>\n        <div\n          className={classNames(\n            {\n              [classes.noPadding]: toolbarOpts && toolbarOpts.noBorder\n            },\n            classes.children\n          )}\n        >\n          {clonedChildren}\n        </div>\n      </div>\n      <Toolbar\n        editor={editor}\n        autoWidth={autoWidth}\n        plugins={plugins}\n        focusedNode={focusedNode}\n        value={value}\n        isFocused={isFocused}\n        onChange={onChange}\n        getFocusedValue={getFocusedValue}\n        onDone={onDone}\n        toolbarRef={toolbarRef}\n        pluginProps={pluginProps}\n        toolbarOpts={toolbarOpts}\n      />\n    </div>\n  );\n};\n\nEditorAndToolbar.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  value: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.string,\n      children: PropTypes.array,\n      data: PropTypes.object\n    })\n  ),\n  editor: PropTypes.object.isRequired,\n  isFocused: PropTypes.bool,\n  plugins: PropTypes.array.isRequired,\n  onChange: PropTypes.func.isRequired,\n  getFocusedValue: PropTypes.func.isRequired,\n  onDone: PropTypes.func.isRequired,\n  toolbarRef: PropTypes.func,\n  focusedNode: PropTypes.shape({\n    type: PropTypes.string,\n    children: PropTypes.array,\n    data: PropTypes.object\n  }),\n  readOnly: PropTypes.bool,\n  disableScrollbar: PropTypes.bool,\n  disableUnderline: PropTypes.bool,\n  autoWidth: PropTypes.bool,\n  classes: PropTypes.object.isRequired,\n  pluginProps: PropTypes.object,\n  toolbarOpts: PropTypes.shape({\n    alwaysVisible: PropTypes.bool,\n    error: PropTypes.string,\n    noBorder: PropTypes.bool,\n    position: PropTypes.oneOf(['bottom', 'top']),\n  })\n};\n\nexport default withStyles(style)(EditorAndToolbar);\n"],"mappings":"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"}

package/lib/plugins/toolbar/index.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = ToolbarPlugin;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _editorAndToolbar = _interopRequireDefault(require("./editor-and-toolbar"));
-
 /**
  * Adds a toolbar which is shown when the editor is focused.
  * @param {*} opts
@@ -25,9 +20,10 @@ function ToolbarPlugin(opts) {
         mainEditorRef: opts.mainEditorRef,
         disableScrollbar: opts.disableScrollbar,
         disableUnderline: opts.disableUnderline,
+        autoWidth: opts.autoWidth,
         onDone: opts.onDone
       }));
     }
   };
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJUb29sYmFyUGx1Z2luIiwib3B0cyIsInJlbmRlckVkaXRvciIsInByb3BzIiwibWFpbkVkaXRvclJlZiIsImRpc2FibGVTY3JvbGxiYXIiLCJkaXNhYmxlVW5kZXJsaW5lIiwib25Eb25lIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BsdWdpbnMvdG9vbGJhci9pbmRleC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IEVkaXRvckFuZFRvb2xiYXIgZnJvbSAnLi9lZGl0b3ItYW5kLXRvb2xiYXInO1xuXG4vKipcbiAqIEFkZHMgYSB0b29sYmFyIHdoaWNoIGlzIHNob3duIHdoZW4gdGhlIGVkaXRvciBpcyBmb2N1c2VkLlxuICogQHBhcmFtIHsqfSBvcHRzXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFRvb2xiYXJQbHVnaW4ob3B0cykge1xuICByZXR1cm4ge1xuICAgIC8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSAqL1xuICAgIHJlbmRlckVkaXRvcjogcHJvcHMgPT4gKFxuICAgICAgPEVkaXRvckFuZFRvb2xiYXJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgICBtYWluRWRpdG9yUmVmPXtvcHRzLm1haW5FZGl0b3JSZWZ9XG4gICAgICAgIGRpc2FibGVTY3JvbGxiYXI9e29wdHMuZGlzYWJsZVNjcm9sbGJhcn1cbiAgICAgICAgZGlzYWJsZVVuZGVybGluZT17b3B0cy5kaXNhYmxlVW5kZXJsaW5lfVxuICAgICAgICBvbkRvbmU9e29wdHMub25Eb25lfVxuICAgICAgLz5cbiAgICApXG4gIH07XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7O0FBRUE7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDZSxTQUFTQSxhQUFULENBQXVCQyxJQUF2QixFQUE2QjtFQUMxQyxPQUFPO0lBQ0w7SUFDQUMsWUFBWSxFQUFFLHNCQUFBQyxLQUFLO01BQUEsb0JBQ2pCLGdDQUFDLDRCQUFELGdDQUNNQSxLQUROO1FBRUUsYUFBYSxFQUFFRixJQUFJLENBQUNHLGFBRnRCO1FBR0UsZ0JBQWdCLEVBQUVILElBQUksQ0FBQ0ksZ0JBSHpCO1FBSUUsZ0JBQWdCLEVBQUVKLElBQUksQ0FBQ0ssZ0JBSnpCO1FBS0UsTUFBTSxFQUFFTCxJQUFJLENBQUNNO01BTGYsR0FEaUI7SUFBQTtFQUZkLENBQVA7QUFZRCJ9
+//# sourceMappingURL=index.js.map

package/lib/plugins/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ToolbarPlugin","opts","renderEditor","props","mainEditorRef","disableScrollbar","disableUnderline","onDone"],"sources":["../../../src/plugins/toolbar/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport EditorAndToolbar from './editor-and-toolbar';\n\n/**\n * Adds a toolbar which is shown when the editor is focused.\n * @param {*} opts\n */\nexport default function ToolbarPlugin(opts) {\n  return {\n    /* eslint-disable-next-line */\n    renderEditor: props => (\n      <EditorAndToolbar\n        {...props}\n        mainEditorRef={opts.mainEditorRef}\n        disableScrollbar={opts.disableScrollbar}\n        disableUnderline={opts.disableUnderline}\n        onDone={opts.onDone}\n      />\n    )\n  };\n}\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACe,SAASA,aAAT,CAAuBC,IAAvB,EAA6B;EAC1C,OAAO;IACL;IACAC,YAAY,EAAE,sBAAAC,KAAK;MAAA,oBACjB,gCAAC,4BAAD,gCACMA,KADN;QAEE,aAAa,EAAEF,IAAI,CAACG,aAFtB;QAGE,gBAAgB,EAAEH,IAAI,CAACI,gBAHzB;QAIE,gBAAgB,EAAEJ,IAAI,CAACK,gBAJzB;QAKE,MAAM,EAAEL,IAAI,CAACM;MALf,GADiB;IAAA;EAFd,CAAP;AAYD"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_editorAndToolbar","ToolbarPlugin","opts","renderEditor","props","createElement","_extends2","mainEditorRef","disableScrollbar","disableUnderline","autoWidth","onDone"],"sources":["../../../src/plugins/toolbar/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport EditorAndToolbar from './editor-and-toolbar';\n\n/**\n * Adds a toolbar which is shown when the editor is focused.\n * @param {*} opts\n */\nexport default function ToolbarPlugin(opts) {\n  return {\n    /* eslint-disable-next-line */\n    renderEditor: (props) => (\n      <EditorAndToolbar\n        {...props}\n        mainEditorRef={opts.mainEditorRef}\n        disableScrollbar={opts.disableScrollbar}\n        disableUnderline={opts.disableUnderline}\n        autoWidth={opts.autoWidth}\n        onDone={opts.onDone}\n      />\n    ),\n  };\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;AACe,SAASE,aAAaA,CAACC,IAAI,EAAE;EAC1C,OAAO;IACL;IACAC,YAAY,EAAE,SAAAA,aAACC,KAAK;MAAA,oBAClBP,MAAA,YAAAQ,aAAA,CAACL,iBAAA,WAAgB,MAAAM,SAAA,iBACXF,KAAK;QACTG,aAAa,EAAEL,IAAI,CAACK,aAAc;QAClCC,gBAAgB,EAAEN,IAAI,CAACM,gBAAiB;QACxCC,gBAAgB,EAAEP,IAAI,CAACO,gBAAiB;QACxCC,SAAS,EAAER,IAAI,CAACQ,SAAU;QAC1BC,MAAM,EAAET,IAAI,CAACS;MAAO,EACrB,CAAC;IAAA;EAEN,CAAC;AACH"}