@pie-lib/editable-html 10.0.0-beta.7 → 10.0.0

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

@@ -1,18 +1,25 @@
 "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,
@@ -23,6 +30,7 @@ var RawDoneButton = function RawDoneButton(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
 };
+
 exports.RawDoneButton = RawDoneButton;
 RawDoneButton.propTypes = {
   classes: _propTypes["default"].object.isRequired,

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../../../src/plugins/toolbar/done-button.jsx"],"names":["RawDoneButton","classes","onClick","iconRoot","label","root","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","padding","DoneButton"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,OAAZ,QAAYA,OAAZ;AAAA,sBAC3B,gCAAC,sBAAD;AACE,kBAAW,MADb;AAEE,IAAA,SAAS,EAAED,OAAO,CAACE,QAFrB;AAGE,IAAA,OAAO,EAAED,OAHX;AAIE,IAAA,OAAO,EAAE;AACPE,MAAAA,KAAK,EAAEH,OAAO,CAACG,KADR;AAEPC,MAAAA,IAAI,EAAEJ,OAAO,CAACE;AAFP;AAJX,kBASE,gCAAC,iBAAD,OATF,CAD2B;AAAA,CAAtB;;;AAcPH,aAAa,CAACM,SAAd,GAA0B;AACxBL,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADF;AAExBP,EAAAA,OAAO,EAAEK,sBAAUG;AAFK,CAA1B;AAKA,IAAMC,MAAM,GAAG;AACbR,EAAAA,QAAQ,EAAE;AACRS,IAAAA,aAAa,EAAE,KADP;AAERC,IAAAA,KAAK,EAAE,MAFC;AAGRC,IAAAA,MAAM,EAAE,MAHA;AAIRC,IAAAA,KAAK,EAAE,6CAJC;AAKRC,IAAAA,OAAO,EAAE;AALD;AADG,CAAf;AASO,IAAMC,UAAU,GAAG,wBAAWN,MAAX,EAAmBX,aAAnB,CAAnB","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"],"file":"done-button.js"}

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

@@ -1,20 +1,158 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.EditorAndToolbar = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 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 _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
+
+var _slateDevEnvironment = require("slate-dev-environment");
+
 var _renderUi = require("@pie-lib/render-ui");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar:editor-and-toolbar');
+
+var EditorAndToolbar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(EditorAndToolbar, _React$Component);
+
+  var _super = _createSuper(EditorAndToolbar);
+
+  function EditorAndToolbar() {
+    (0, _classCallCheck2["default"])(this, EditorAndToolbar);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(EditorAndToolbar, [{
+    key: "componentDidMount",
+    value:
+    /** This is an interim fix until this PR is merged in slate:
+     * https://github.com/ianstormtaylor/slate/pull/2236
+     */
+    function componentDidMount() {
+      if (_slateDevEnvironment.IS_FIREFOX) {
+        this.editorRef.tmp.isUpdatingSelection = true;
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _classNames,
+          _this = this,
+          _classNames2;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          children = _this$props.children,
+          value = _this$props.value,
+          plugins = _this$props.plugins,
+          onChange = _this$props.onChange,
+          getFocusedValue = _this$props.getFocusedValue,
+          onDone = _this$props.onDone,
+          focusedNode = _this$props.focusedNode,
+          autoWidth = _this$props.autoWidth,
+          readOnly = _this$props.readOnly,
+          disableScrollbar = _this$props.disableScrollbar,
+          disableUnderline = _this$props.disableUnderline,
+          pluginProps = _this$props.pluginProps,
+          toolbarOpts = _this$props.toolbarOpts,
+          onDataChange = _this$props.onDataChange,
+          toolbarRef = _this$props.toolbarRef;
+      var inFocus = value.isFocused || focusedNode !== null && focusedNode !== undefined;
+      var holderNames = (0, _classnames["default"])(classes.editorHolder, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.editorInFocus, inFocus), (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;
+
+      if (typeof children !== 'string') {
+        clonedChildren = /*#__PURE__*/_react["default"].cloneElement(children, {
+          ref: function ref(el) {
+            return _this.editorRef = el;
+          }
+        });
+      }
+
+      log('[render] inFocus: ', inFocus, 'value.isFocused:', value.isFocused, 'focused node: ', focusedNode);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.noBorder, toolbarOpts && toolbarOpts.noBorder), (0, _defineProperty2["default"])(_classNames2, classes.error, toolbarOpts && toolbarOpts.error), _classNames2), classes.root)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: holderNames
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.noPadding, toolbarOpts && toolbarOpts.noBorder), classes.children)
+      }, clonedChildren)), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], {
+        autoWidth: autoWidth,
+        plugins: plugins,
+        focusedNode: focusedNode,
+        value: value,
+        isFocused: inFocus,
+        onChange: onChange,
+        getFocusedValue: getFocusedValue,
+        onDone: onDone,
+        onDataChange: onDataChange,
+        toolbarRef: toolbarRef,
+        pluginProps: pluginProps,
+        toolbarOpts: toolbarOpts
+      }));
+    }
+  }]);
+  return EditorAndToolbar;
+}(_react["default"].Component);
+
+exports.EditorAndToolbar = EditorAndToolbar;
+(0, _defineProperty2["default"])(EditorAndToolbar, "propTypes", {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  value: _slatePropTypes["default"].value.isRequired,
+  plugins: _propTypes["default"].array.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  getFocusedValue: _propTypes["default"].func.isRequired,
+  onDone: _propTypes["default"].func.isRequired,
+  onDataChange: _propTypes["default"].func,
+  toolbarRef: _propTypes["default"].func,
+  focusedNode: _slatePropTypes["default"].node,
+  readOnly: _propTypes["default"].bool,
+  disableScrollbar: _propTypes["default"].bool,
+  disableUnderline: _propTypes["default"].bool,
+  autoWidth: _propTypes["default"].bool,
+  classes: _propTypes["default"].object.isRequired,
+  pluginProps: _propTypes["default"].object,
+  toolbarOpts: _propTypes["default"].shape({
+    position: _propTypes["default"].oneOf(['bottom', 'top']),
+    alwaysVisible: _propTypes["default"].bool,
+    error: _propTypes["default"].string,
+    noBorder: _propTypes["default"].any
+  })
+});
+
 var style = function style(theme) {
   return {
     root: {
@@ -29,10 +167,6 @@ var style = function style(theme) {
         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: {
@@ -79,9 +213,6 @@ var style = function style(theme) {
           backgroundColor: theme.palette.common.black,
           height: '2px'
         }
-      },
-      '& :focus-visible': {
-        outline: 'none !important'
       }
     },
     disabledUnderline: {
@@ -149,82 +280,8 @@ var style = function style(theme) {
     }
   };
 };
-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;
-  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);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.noBorder, toolbarOpts && toolbarOpts.noBorder), (0, _defineProperty2["default"])(_classNames2, classes.error, toolbarOpts && toolbarOpts.error), _classNames2), classes.root)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: holderNames
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.noPadding, toolbarOpts && toolbarOpts.noBorder), classes.children)
-  }, clonedChildren)), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], {
-    editor: editor,
-    autoWidth: autoWidth,
-    plugins: plugins,
-    focusedNode: focusedNode,
-    value: value,
-    isFocused: isFocused,
-    onChange: onChange,
-    getFocusedValue: getFocusedValue,
-    onDone: onDone,
-    toolbarRef: toolbarRef,
-    pluginProps: pluginProps,
-    toolbarOpts: toolbarOpts
-  }));
-};
-exports.EditorAndToolbar = EditorAndToolbar;
-EditorAndToolbar.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  value: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    type: _propTypes["default"].string,
-    children: _propTypes["default"].array,
-    data: _propTypes["default"].object
-  })),
-  editor: _propTypes["default"].object.isRequired,
-  isFocused: _propTypes["default"].bool,
-  plugins: _propTypes["default"].array.isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  getFocusedValue: _propTypes["default"].func.isRequired,
-  onDone: _propTypes["default"].func.isRequired,
-  toolbarRef: _propTypes["default"].func,
-  focusedNode: _propTypes["default"].shape({
-    type: _propTypes["default"].string,
-    children: _propTypes["default"].array,
-    data: _propTypes["default"].object
-  }),
-  readOnly: _propTypes["default"].bool,
-  disableScrollbar: _propTypes["default"].bool,
-  disableUnderline: _propTypes["default"].bool,
-  autoWidth: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
-  pluginProps: _propTypes["default"].object,
-  toolbarOpts: _propTypes["default"].shape({
-    alwaysVisible: _propTypes["default"].bool,
-    error: _propTypes["default"].string,
-    noBorder: _propTypes["default"].bool,
-    position: _propTypes["default"].oneOf(['bottom', 'top'])
-  })
-};
+
 var _default = (0, _styles.withStyles)(style)(EditorAndToolbar);
+
 exports["default"] = _default;
 //# 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":["_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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"}
+{"version":3,"sources":["../../../src/plugins/toolbar/editor-and-toolbar.jsx"],"names":["log","EditorAndToolbar","IS_FIREFOX","editorRef","tmp","isUpdatingSelection","props","classes","children","value","plugins","onChange","getFocusedValue","onDone","focusedNode","autoWidth","readOnly","disableScrollbar","disableUnderline","pluginProps","toolbarOpts","onDataChange","toolbarRef","inFocus","isFocused","undefined","holderNames","editorHolder","editorInFocus","disabledUnderline","disabledScrollbar","clonedChildren","React","cloneElement","ref","el","noBorder","error","root","noPadding","Component","PropTypes","oneOfType","arrayOf","node","isRequired","SlatePropTypes","array","func","bool","object","shape","position","oneOf","alwaysVisible","string","any","style","theme","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","overflowY","color","text","backgroundColor","background","left","right","bottom","height","content","transition","pointerEvents","transform","primary","palette","common","black","display","scrollbarWidth","backgroundSize","backgroundImage","backgroundRepeat","backgroundPosition","main"],"mappings":"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","sourcesContent":["import React from 'react';\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 SlatePropTypes from 'slate-prop-types';\nimport { IS_FIREFOX } from 'slate-dev-environment';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar:editor-and-toolbar');\n\nexport class EditorAndToolbar extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    value: SlatePropTypes.value.isRequired,\n    plugins: PropTypes.array.isRequired,\n    onChange: PropTypes.func.isRequired,\n    getFocusedValue: PropTypes.func.isRequired,\n    onDone: PropTypes.func.isRequired,\n    onDataChange: PropTypes.func,\n    toolbarRef: PropTypes.func,\n    focusedNode: SlatePropTypes.node,\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      position: PropTypes.oneOf(['bottom', 'top']),\n      alwaysVisible: PropTypes.bool,\n      error: PropTypes.string,\n      noBorder: PropTypes.any,\n    }),\n  };\n\n  /** This is an interim fix until this PR is merged in slate:\n   * https://github.com/ianstormtaylor/slate/pull/2236\n   */\n  componentDidMount() {\n    if (IS_FIREFOX) {\n      this.editorRef.tmp.isUpdatingSelection = true;\n    }\n  }\n\n  render() {\n    const {\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      onDataChange,\n      toolbarRef,\n    } = this.props;\n\n    const inFocus = value.isFocused || (focusedNode !== null && focusedNode !== undefined);\n    const holderNames = classNames(classes.editorHolder, {\n      [classes.editorInFocus]: inFocus,\n      [classes.readOnly]: readOnly,\n      [classes.disabledUnderline]: disableUnderline,\n      [classes.disabledScrollbar]: disableScrollbar,\n    });\n    let clonedChildren = children;\n\n    if (typeof children !== 'string') {\n      clonedChildren = React.cloneElement(children, {\n        ref: (el) => (this.editorRef = el),\n      });\n    }\n\n    log('[render] inFocus: ', inFocus, 'value.isFocused:', value.isFocused, 'focused node: ', focusedNode);\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          autoWidth={autoWidth}\n          plugins={plugins}\n          focusedNode={focusedNode}\n          value={value}\n          isFocused={inFocus}\n          onChange={onChange}\n          getFocusedValue={getFocusedValue}\n          onDone={onDone}\n          onDataChange={onDataChange}\n          toolbarRef={toolbarRef}\n          pluginProps={pluginProps}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n}\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  },\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  },\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 default withStyles(style)(EditorAndToolbar);\n"],"file":"editor-and-toolbar.js"}

package/lib/plugins/toolbar/index.js

@@ -1,13 +1,18 @@
 "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

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../../../src/plugins/toolbar/index.jsx"],"names":["ToolbarPlugin","opts","renderEditor","props","mainEditorRef","disableScrollbar","disableUnderline","autoWidth","onDone"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACe,SAASA,aAAT,CAAuBC,IAAvB,EAA6B;AAC1C,SAAO;AACL;AACAC,IAAAA,YAAY,EAAE,sBAACC,KAAD;AAAA,0BACZ,gCAAC,4BAAD,gCACMA,KADN;AAEE,QAAA,aAAa,EAAEF,IAAI,CAACG,aAFtB;AAGE,QAAA,gBAAgB,EAAEH,IAAI,CAACI,gBAHzB;AAIE,QAAA,gBAAgB,EAAEJ,IAAI,CAACK,gBAJzB;AAKE,QAAA,SAAS,EAAEL,IAAI,CAACM,SALlB;AAME,QAAA,MAAM,EAAEN,IAAI,CAACO;AANf,SADY;AAAA;AAFT,GAAP;AAaD","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"],"file":"index.js"}

package/lib/plugins/toolbar/toolbar-buttons.js

@@ -1,24 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RawMarkButton = exports.RawButton = exports.MarkButton = exports.Button = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _debug = _interopRequireDefault(require("debug"));
+
 var _reactJss = _interopRequireDefault(require("react-jss"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles() {
   return {
     button: {
@@ -41,12 +57,17 @@ var styles = function styles() {
     }
   };
 };
+
 var log = (0, _debug["default"])('pie-elements:editable-html:raw-button');
+
 var RawButton = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RawButton, _React$Component);
+
   var _super = _createSuper(RawButton);
+
   function RawButton(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, RawButton);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
@@ -57,16 +78,18 @@ var RawButton = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
+
   (0, _createClass2["default"])(RawButton, [{
     key: "render",
     value: function render() {
       var _classNames;
+
       var _this$props = this.props,
-        active = _this$props.active,
-        classes = _this$props.classes,
-        children = _this$props.children,
-        disabled = _this$props.disabled,
-        extraStyles = _this$props.extraStyles;
+          active = _this$props.active,
+          classes = _this$props.classes,
+          children = _this$props.children,
+          disabled = _this$props.disabled,
+          extraStyles = _this$props.extraStyles;
       var names = (0, _classnames["default"])(classes.button, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.active, active), (0, _defineProperty2["default"])(_classNames, classes.disabled, disabled), _classNames));
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: extraStyles,
@@ -77,6 +100,7 @@ var RawButton = /*#__PURE__*/function (_React$Component) {
   }]);
   return RawButton;
 }(_react["default"].Component);
+
 exports.RawButton = RawButton;
 (0, _defineProperty2["default"])(RawButton, "propTypes", {
   onClick: _propTypes["default"].func.isRequired,
@@ -88,26 +112,32 @@ exports.RawButton = RawButton;
 });
 var Button = (0, _reactJss["default"])(styles())(RawButton);
 exports.Button = Button;
+
 var RawMarkButton = /*#__PURE__*/function (_React$Component2) {
   (0, _inherits2["default"])(RawMarkButton, _React$Component2);
+
   var _super2 = _createSuper(RawMarkButton);
+
   function RawMarkButton(props) {
     var _this2;
+
     (0, _classCallCheck2["default"])(this, RawMarkButton);
     _this2 = _super2.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onToggle", function (e) {
       e.preventDefault();
+
       _this2.props.onToggle(_this2.props.mark);
     });
     return _this2;
   }
+
   (0, _createClass2["default"])(RawMarkButton, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-        classes = _this$props2.classes,
-        children = _this$props2.children,
-        active = _this$props2.active;
+          classes = _this$props2.classes,
+          children = _this$props2.children,
+          active = _this$props2.active;
       var names = (0, _classnames["default"])(classes.button, active && classes.active);
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: names,
@@ -117,6 +147,7 @@ var RawMarkButton = /*#__PURE__*/function (_React$Component2) {
   }]);
   return RawMarkButton;
 }(_react["default"].Component);
+
 exports.RawMarkButton = RawMarkButton;
 (0, _defineProperty2["default"])(RawMarkButton, "propTypes", {
   onToggle: _propTypes["default"].func.isRequired,

package/lib/plugins/toolbar/toolbar-buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-buttons.js","names":["_react","_interopRequireDefault","require","_debug","_reactJss","_classnames","_propTypes","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","styles","button","color","display","padding","active","disabled","opacity","cursor","log","debug","RawButton","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","preventDefault","onClick","_createClass2","key","value","render","_classNames","_this$props","classes","children","extraStyles","names","classNames","createElement","style","className","onMouseDown","React","Component","exports","PropTypes","func","isRequired","object","oneOfType","arrayOf","node","bool","Button","injectSheet","RawMarkButton","_React$Component2","_super2","_this2","onToggle","mark","_this$props2","string","MarkButton"],"sources":["../../../src/plugins/toolbar/toolbar-buttons.jsx"],"sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport injectSheet from 'react-jss';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst styles = () => ({\n  button: {\n    color: 'grey',\n    display: 'inline-flex',\n    padding: '2px',\n    '& :hover': {\n      color: 'black',\n    },\n  },\n  active: {\n    color: 'black',\n  },\n  disabled: {\n    opacity: 0.7,\n    cursor: 'not-allowed',\n    '& :hover': {\n      color: 'grey',\n    },\n  },\n});\n\nconst log = debug('pie-elements:editable-html:raw-button');\n\nexport class RawButton extends React.Component {\n  static propTypes = {\n    onClick: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    active: PropTypes.bool,\n    disabled: PropTypes.bool,\n    extraStyles: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onClick = (e) => {\n    log('[onClick]');\n    e.preventDefault();\n    const { onClick } = this.props;\n    onClick(e);\n  };\n\n  render() {\n    const { active, classes, children, disabled, extraStyles } = this.props;\n    const names = classNames(classes.button, {\n      [classes.active]: active,\n      [classes.disabled]: disabled,\n    });\n\n    return (\n      <div style={extraStyles} className={names} onMouseDown={this.onClick}>\n        {children}\n      </div>\n    );\n  }\n}\n\nexport const Button = injectSheet(styles())(RawButton);\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object.isRequired,\n    active: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onToggle = (e) => {\n    e.preventDefault();\n    this.props.onToggle(this.props.mark);\n  };\n\n  render() {\n    const { classes, children, active } = this.props;\n    const names = classNames(classes.button, active && classes.active);\n    return (\n      <span className={names} onMouseDown={this.onToggle}>\n        {children}\n      </span>\n    );\n  }\n}\n\nexport const MarkButton = injectSheet(styles())(RawMarkButton);\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/plugins/toolbar/toolbar-buttons.jsx"],"names":["styles","button","color","display","padding","active","disabled","opacity","cursor","log","RawButton","props","e","preventDefault","onClick","classes","children","extraStyles","names","React","Component","PropTypes","func","isRequired","object","oneOfType","arrayOf","node","bool","Button","RawMarkButton","onToggle","mark","string","MarkButton"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport injectSheet from 'react-jss';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst styles = () => ({\n  button: {\n    color: 'grey',\n    display: 'inline-flex',\n    padding: '2px',\n    '& :hover': {\n      color: 'black',\n    },\n  },\n  active: {\n    color: 'black',\n  },\n  disabled: {\n    opacity: 0.7,\n    cursor: 'not-allowed',\n    '& :hover': {\n      color: 'grey',\n    },\n  },\n});\n\nconst log = debug('pie-elements:editable-html:raw-button');\n\nexport class RawButton extends React.Component {\n  static propTypes = {\n    onClick: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    active: PropTypes.bool,\n    disabled: PropTypes.bool,\n    extraStyles: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onClick = (e) => {\n    log('[onClick]');\n    e.preventDefault();\n    const { onClick } = this.props;\n    onClick(e);\n  };\n\n  render() {\n    const { active, classes, children, disabled, extraStyles } = this.props;\n    const names = classNames(classes.button, {\n      [classes.active]: active,\n      [classes.disabled]: disabled,\n    });\n\n    return (\n      <div style={extraStyles} className={names} onMouseDown={this.onClick}>\n        {children}\n      </div>\n    );\n  }\n}\n\nexport const Button = injectSheet(styles())(RawButton);\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object.isRequired,\n    active: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onToggle = (e) => {\n    e.preventDefault();\n    this.props.onToggle(this.props.mark);\n  };\n\n  render() {\n    const { classes, children, active } = this.props;\n    const names = classNames(classes.button, active && classes.active);\n    return (\n      <span className={names} onMouseDown={this.onToggle}>\n        {children}\n      </span>\n    );\n  }\n}\n\nexport const MarkButton = injectSheet(styles())(RawMarkButton);\n"],"file":"toolbar-buttons.js"}