@pie-lib/editable-html 7.17.4-next.53 → 7.17.4-next.556

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/editor-and-toolbar.jsx"],"names":["log","EditorAndToolbar","IS_FIREFOX","editorRef","tmp","isUpdatingSelection","props","classes","children","value","plugins","onChange","onDone","focusedNode","autoWidth","readOnly","disableUnderline","pluginProps","toolbarOpts","onDataChange","toolbarRef","inFocus","isFocused","undefined","holderNames","editorHolder","editorInFocus","disabledUnderline","clonedChildren","React","cloneElement","ref","el","root","Component","PropTypes","oneOfType","arrayOf","node","isRequired","SlatePropTypes","array","func","bool","object","shape","position","oneOf","alwaysVisible","style","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","overflowY","color","text","backgroundColor","background","left","right","bottom","height","content","transition","pointerEvents","transform","primary","display","backgroundSize","backgroundImage","backgroundRepeat","backgroundPosition"],"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    onDone: PropTypes.func.isRequired,\n    onDataChange: PropTypes.func,\n    toolbarRef: PropTypes.func,\n    focusedNode: SlatePropTypes.node,\n    readOnly: 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    })\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      onDone,\n      focusedNode,\n      autoWidth,\n      readOnly,\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(\n      classes.editorHolder,\n      inFocus && classes.editorInFocus,\n      readOnly && classes.readOnly,\n      disableUnderline && classes.disabledUnderline\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(\n      '[render] inFocus: ',\n      inFocus,\n      'value.isFocused:',\n      value.isFocused,\n      'focused node: ',\n      focusedNode\n    );\n\n    return (\n      <div className={classes.root}>\n        <div className={holderNames}>\n          <div className={classes.children}>{clonedChildren}</div>\n        </div>\n        <Toolbar\n          autoWidth={autoWidth}\n          plugins={plugins}\n          focusedNode={focusedNode}\n          value={value}\n          isFocused={inFocus}\n          onChange={onChange}\n          onDone={onDone}\n          onDataChange={onDataChange}\n          toolbarRef={toolbarRef}\n          pluginProps={pluginProps}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n}\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      padding: '5px 0'\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\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};\n\nexport default withStyles(style)(EditorAndToolbar);\n"],"file":"editor-and-toolbar.js"}
+{"version":3,"file":"editor-and-toolbar.js","names":["log","debug","EditorAndToolbar","IS_FIREFOX","editorRef","tmp","isUpdatingSelection","props","classes","children","value","plugins","onChange","getFocusedValue","onDone","focusedNode","autoWidth","readOnly","disableUnderline","pluginProps","toolbarOpts","onDataChange","toolbarRef","inFocus","isFocused","undefined","holderNames","classNames","editorHolder","editorInFocus","disabledUnderline","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","style","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","overflowY","color","text","backgroundColor","background","left","right","bottom","height","content","transition","pointerEvents","transform","primary","display","backgroundSize","backgroundImage","backgroundRepeat","backgroundPosition","withStyles"],"sources":["../../../src/plugins/toolbar/editor-and-toolbar.jsx"],"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    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    })\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      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(\n      classes.editorHolder,\n      inFocus && classes.editorInFocus,\n      readOnly && classes.readOnly,\n      disableUnderline && classes.disabledUnderline\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(\n      '[render] inFocus: ',\n      inFocus,\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          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 = {\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:\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\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 default withStyles(style)(EditorAndToolbar);\n"],"mappings":"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"}

package/lib/plugins/toolbar/index.js

@@ -1,18 +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"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**
  * Adds a toolbar which is shown when the editor is focused.
  * @param {*} opts
@@ -21,7 +21,7 @@ function ToolbarPlugin(opts) {
   return {
     /* eslint-disable-next-line */
     renderEditor: function renderEditor(props) {
-      return _react["default"].createElement(_editorAndToolbar["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_editorAndToolbar["default"], (0, _extends2["default"])({}, props, {
         mainEditorRef: opts.mainEditorRef,
         disableUnderline: opts.disableUnderline,
         onDone: opts.onDone

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/index.jsx"],"names":["ToolbarPlugin","opts","renderEditor","props","mainEditorRef","disableUnderline","onDone"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEA;;;;AAIe,SAASA,aAAT,CAAuBC,IAAvB,EAA6B;AAC1C,SAAO;AACL;AACAC,IAAAA,YAAY,EAAE,sBAAAC,KAAK;AAAA,aACjB,gCAAC,4BAAD,eACMA,KADN;AAEE,QAAA,aAAa,EAAEF,IAAI,CAACG,aAFtB;AAGE,QAAA,gBAAgB,EAAEH,IAAI,CAACI,gBAHzB;AAIE,QAAA,MAAM,EAAEJ,IAAI,CAACK;AAJf,SADiB;AAAA;AAFd,GAAP;AAWD","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        disableUnderline={opts.disableUnderline}\n        onDone={opts.onDone}\n      />\n    )\n  };\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["ToolbarPlugin","opts","renderEditor","props","mainEditorRef","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        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,MAAM,EAAEJ,IAAI,CAACK;MAJf,GADiB;IAAA;EAFd,CAAP;AAWD"}

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

@@ -1,41 +1,39 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MarkButton = exports.RawMarkButton = exports.Button = exports.RawButton = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _debug = _interopRequireDefault(require("debug"));
+exports.RawMarkButton = exports.RawButton = exports.MarkButton = exports.Button = void 0;
 
-var _reactJss = _interopRequireDefault(require("react-jss"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _react = _interopRequireDefault(require("react"));
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _debug = _interopRequireDefault(require("debug"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _reactJss = _interopRequireDefault(require("react-jss"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 {
@@ -49,89 +47,91 @@ var styles = function styles() {
     },
     active: {
       color: 'black'
+    },
+    disabled: {
+      opacity: 0.7,
+      cursor: 'not-allowed',
+      '& :hover': {
+        color: 'grey'
+      }
     }
   };
 };
 
 var log = (0, _debug["default"])('pie-elements:editable-html:raw-button');
 
-var RawButton =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(RawButton, _React$Component);
+var RawButton = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawButton, _React$Component);
+
+  var _super = _createSuper(RawButton);
 
   function RawButton(props) {
     var _this;
 
-    _classCallCheck(this, RawButton);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(RawButton).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
+    (0, _classCallCheck2["default"])(this, RawButton);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
       log('[onClick]');
       e.preventDefault();
       var onClick = _this.props.onClick;
       onClick(e);
     });
-
     return _this;
   }
 
-  _createClass(RawButton, [{
+  (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;
-      var names = (0, _classnames["default"])(classes.button, active && classes.active);
-      return _react["default"].createElement("div", {
+      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,
         className: names,
         onMouseDown: this.onClick
       }, children);
     }
   }]);
-
   return RawButton;
 }(_react["default"].Component);
 
 exports.RawButton = RawButton;
-
-_defineProperty(RawButton, "propTypes", {
+(0, _defineProperty2["default"])(RawButton, "propTypes", {
   onClick: _propTypes["default"].func.isRequired,
   classes: _propTypes["default"].object.isRequired,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   active: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
   extraStyles: _propTypes["default"].object
 });
-
 var Button = (0, _reactJss["default"])(styles())(RawButton);
 exports.Button = Button;
 
-var RawMarkButton =
-/*#__PURE__*/
-function (_React$Component2) {
-  _inherits(RawMarkButton, _React$Component2);
+var RawMarkButton = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(RawMarkButton, _React$Component2);
+
+  var _super2 = _createSuper(RawMarkButton);
 
   function RawMarkButton(props) {
     var _this2;
 
-    _classCallCheck(this, RawMarkButton);
-
-    _this2 = _possibleConstructorReturn(this, _getPrototypeOf(RawMarkButton).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this2), "onToggle", function (e) {
+    (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;
   }
 
-  _createClass(RawMarkButton, [{
+  (0, _createClass2["default"])(RawMarkButton, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -139,26 +139,23 @@ function (_React$Component2) {
           children = _this$props2.children,
           active = _this$props2.active;
       var names = (0, _classnames["default"])(classes.button, active && classes.active);
-      return _react["default"].createElement("span", {
+      return /*#__PURE__*/_react["default"].createElement("span", {
         className: names,
         onMouseDown: this.onToggle
       }, children);
     }
   }]);
-
   return RawMarkButton;
 }(_react["default"].Component);
 
 exports.RawMarkButton = RawMarkButton;
-
-_defineProperty(RawMarkButton, "propTypes", {
+(0, _defineProperty2["default"])(RawMarkButton, "propTypes", {
   onToggle: _propTypes["default"].func.isRequired,
   mark: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   classes: _propTypes["default"].object.isRequired,
   active: _propTypes["default"].bool
 });
-
 var MarkButton = (0, _reactJss["default"])(styles())(RawMarkButton);
 exports.MarkButton = MarkButton;
 //# sourceMappingURL=toolbar-buttons.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/toolbar-buttons.jsx"],"names":["styles","button","color","display","padding","active","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});\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    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, extraStyles } = this.props;\n    const names = classNames(classes.button, active && classes.active);\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"}
+{"version":3,"file":"toolbar-buttons.js","names":["styles","button","color","display","padding","active","disabled","opacity","cursor","log","debug","RawButton","props","e","preventDefault","onClick","classes","children","extraStyles","names","classNames","React","Component","PropTypes","func","isRequired","object","oneOfType","arrayOf","node","bool","Button","injectSheet","RawMarkButton","onToggle","mark","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":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,MAAM,EAAE;MACNC,KAAK,EAAE,MADD;MAENC,OAAO,EAAE,aAFH;MAGNC,OAAO,EAAE,KAHH;MAIN,YAAY;QACVF,KAAK,EAAE;MADG;IAJN,CADY;IASpBG,MAAM,EAAE;MACNH,KAAK,EAAE;IADD,CATY;IAYpBI,QAAQ,EAAE;MACRC,OAAO,EAAE,GADD;MAERC,MAAM,EAAE,aAFA;MAGR,YAAY;QACVN,KAAK,EAAE;MADG;IAHJ;EAZU,CAAP;AAAA,CAAf;;AAqBA,IAAMO,GAAG,GAAG,IAAAC,iBAAA,EAAM,uCAAN,CAAZ;;IAEaC,S;;;;;EAUX,mBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,4FAIT,UAAAC,CAAC,EAAI;MACbJ,GAAG,CAAC,WAAD,CAAH;MACAI,CAAC,CAACC,cAAF;MACA,IAAQC,OAAR,GAAoB,MAAKH,KAAzB,CAAQG,OAAR;MACAA,OAAO,CAACF,CAAD,CAAP;IACD,CATkB;IAAA;EAElB;;;;WASD,kBAAS;MAAA;;MACP,kBAA6D,KAAKD,KAAlE;MAAA,IAAQP,MAAR,eAAQA,MAAR;MAAA,IAAgBW,OAAhB,eAAgBA,OAAhB;MAAA,IAAyBC,QAAzB,eAAyBA,QAAzB;MAAA,IAAmCX,QAAnC,eAAmCA,QAAnC;MAAA,IAA6CY,WAA7C,eAA6CA,WAA7C;MACA,IAAMC,KAAK,GAAG,IAAAC,sBAAA,EAAWJ,OAAO,CAACf,MAAnB,mEACXe,OAAO,CAACX,MADG,EACMA,MADN,iDAEXW,OAAO,CAACV,QAFG,EAEQA,QAFR,gBAAd;MAKA,oBACE;QAAK,KAAK,EAAEY,WAAZ;QAAyB,SAAS,EAAEC,KAApC;QAA2C,WAAW,EAAE,KAAKJ;MAA7D,GACGE,QADH,CADF;IAKD;;;EAjC4BI,iBAAA,CAAMC,S;;;iCAAxBX,S,eACQ;EACjBI,OAAO,EAAEQ,qBAAA,CAAUC,IAAV,CAAeC,UADP;EAEjBT,OAAO,EAAEO,qBAAA,CAAUG,MAAV,CAAiBD,UAFT;EAGjBR,QAAQ,EAAEM,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUK,OAAV,CAAkBL,qBAAA,CAAUM,IAA5B,CAAD,EAAoCN,qBAAA,CAAUM,IAA9C,CAApB,EAAyEJ,UAHlE;EAIjBpB,MAAM,EAAEkB,qBAAA,CAAUO,IAJD;EAKjBxB,QAAQ,EAAEiB,qBAAA,CAAUO,IALH;EAMjBZ,WAAW,EAAEK,qBAAA,CAAUG;AANN,C;AAmCd,IAAMK,MAAM,GAAG,IAAAC,oBAAA,EAAYhC,MAAM,EAAlB,EAAsBW,SAAtB,CAAf;;;IAEMsB,a;;;;;EASX,uBAAYrB,KAAZ,EAAmB;IAAA;;IAAA;IACjB,4BAAMA,KAAN;IADiB,8FAIR,UAAAC,CAAC,EAAI;MACdA,CAAC,CAACC,cAAF;;MACA,OAAKF,KAAL,CAAWsB,QAAX,CAAoB,OAAKtB,KAAL,CAAWuB,IAA/B;IACD,CAPkB;IAAA;EAElB;;;;WAOD,kBAAS;MACP,mBAAsC,KAAKvB,KAA3C;MAAA,IAAQI,OAAR,gBAAQA,OAAR;MAAA,IAAiBC,QAAjB,gBAAiBA,QAAjB;MAAA,IAA2BZ,MAA3B,gBAA2BA,MAA3B;MACA,IAAMc,KAAK,GAAG,IAAAC,sBAAA,EAAWJ,OAAO,CAACf,MAAnB,EAA2BI,MAAM,IAAIW,OAAO,CAACX,MAA7C,CAAd;MACA,oBACE;QAAM,SAAS,EAAEc,KAAjB;QAAwB,WAAW,EAAE,KAAKe;MAA1C,GACGjB,QADH,CADF;IAKD;;;EA1BgCI,iBAAA,CAAMC,S;;;iCAA5BW,a,eACQ;EACjBC,QAAQ,EAAEX,qBAAA,CAAUC,IAAV,CAAeC,UADR;EAEjBU,IAAI,EAAEZ,qBAAA,CAAUa,MAFC;EAGjBnB,QAAQ,EAAEM,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUK,OAAV,CAAkBL,qBAAA,CAAUM,IAA5B,CAAD,EAAoCN,qBAAA,CAAUM,IAA9C,CAApB,EAAyEJ,UAHlE;EAIjBT,OAAO,EAAEO,qBAAA,CAAUG,MAAV,CAAiBD,UAJT;EAKjBpB,MAAM,EAAEkB,qBAAA,CAAUO;AALD,C;AA4Bd,IAAMO,UAAU,GAAG,IAAAL,oBAAA,EAAYhC,MAAM,EAAlB,EAAsBiC,aAAtB,CAAnB"}