@pie-element/ebsr 6.6.3-next.1075 → 6.6.3-next.1082

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/table/table-toolbar.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TableToolbar = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _styles = require("@material-ui/core/styles");
+
+var _toolbarButtons = require("../toolbar/toolbar-buttons");
+
+var _doneButton = require("../toolbar/done-button");
+
+var _BorderAll = _interopRequireDefault(require("@material-ui/icons/BorderAll"));
+
+var _defaultToolbar = require("../toolbar/default-toolbar");
+
+var _icons = require("./icons");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+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:table-toolbar');
+
+var TableToolbar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(TableToolbar, _React$Component);
+
+  var _super = _createSuper(TableToolbar);
+
+  function TableToolbar() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, TableToolbar);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDone", function (e) {
+      var onDone = _this.props.onDone;
+      e.preventDefault();
+      onDone();
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(TableToolbar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          plugins = _this$props.plugins,
+          value = _this$props.value,
+          onChange = _this$props.onChange,
+          onAddRow = _this$props.onAddRow,
+          onRemoveRow = _this$props.onRemoveRow,
+          onAddColumn = _this$props.onAddColumn,
+          onRemoveColumn = _this$props.onRemoveColumn,
+          onRemoveTable = _this$props.onRemoveTable,
+          onToggleBorder = _this$props.onToggleBorder,
+          hasBorder = _this$props.hasBorder,
+          classes = _this$props.classes;
+      log('[render] hasBorder:', hasBorder);
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.tableToolbar
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.toolbarButtons
+      }, /*#__PURE__*/_react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onAddRow
+      }, /*#__PURE__*/_react["default"].createElement(_icons.AddRow, null)), /*#__PURE__*/_react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onRemoveRow
+      }, /*#__PURE__*/_react["default"].createElement(_icons.RemoveRow, null)), /*#__PURE__*/_react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onAddColumn
+      }, /*#__PURE__*/_react["default"].createElement(_icons.AddColumn, null)), /*#__PURE__*/_react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onRemoveColumn
+      }, /*#__PURE__*/_react["default"].createElement(_icons.RemoveColumn, null)), /*#__PURE__*/_react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onRemoveTable
+      }, /*#__PURE__*/_react["default"].createElement(_icons.RemoveTable, null)), plugins.map(function (p, index) {
+        return /*#__PURE__*/_react["default"].createElement(_defaultToolbar.ToolbarButton, (0, _extends2["default"])({
+          key: "plugin-".concat(index)
+        }, p.toolbar, {
+          value: value,
+          onChange: onChange
+        }));
+      }), /*#__PURE__*/_react["default"].createElement(_toolbarButtons.Button, {
+        onClick: onToggleBorder,
+        active: hasBorder
+      }, /*#__PURE__*/_react["default"].createElement(_BorderAll["default"], null))), /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
+        onClick: this.onDone
+      }));
+    }
+  }]);
+  return TableToolbar;
+}(_react["default"].Component);
+
+exports.TableToolbar = TableToolbar;
+(0, _defineProperty2["default"])(TableToolbar, "propTypes", {
+  plugins: _propTypes["default"].array.isRequired,
+  value: _propTypes["default"].object.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  onAddRow: _propTypes["default"].func.isRequired,
+  onRemoveRow: _propTypes["default"].func.isRequired,
+  onAddColumn: _propTypes["default"].func.isRequired,
+  onRemoveColumn: _propTypes["default"].func.isRequired,
+  onRemoveTable: _propTypes["default"].func.isRequired,
+  onToggleBorder: _propTypes["default"].func.isRequired,
+  hasBorder: _propTypes["default"].bool,
+  onDone: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired
+});
+(0, _defineProperty2["default"])(TableToolbar, "defaultProps", {
+  plugins: [],
+  value: {},
+  onChange: function onChange() {}
+});
+
+var styles = function styles() {
+  return {
+    tableToolbar: {
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
+    toolbarButtons: {
+      display: 'flex'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(TableToolbar);
+
+exports["default"] = _default;
+//# sourceMappingURL=table-toolbar.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/table/table-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/table/table-toolbar.jsx"],"names":["log","TableToolbar","e","onDone","props","preventDefault","plugins","value","onChange","onAddRow","onRemoveRow","onAddColumn","onRemoveColumn","onRemoveTable","onToggleBorder","hasBorder","classes","tableToolbar","toolbarButtons","map","p","index","toolbar","React","Component","PropTypes","array","isRequired","object","func","bool","styles","width","display","justifyContent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Button } from '../toolbar/toolbar-buttons';\nimport { DoneButton } from '../toolbar/done-button';\nimport BorderAll from '@material-ui/icons/BorderAll';\nimport { ToolbarButton } from '../toolbar/default-toolbar';\n\nimport { AddRow, AddColumn, RemoveColumn, RemoveRow, RemoveTable } from './icons';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:plugins:table-toolbar');\n\nexport class TableToolbar extends React.Component {\n  static propTypes = {\n    plugins: PropTypes.array.isRequired,\n    value: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onAddRow: PropTypes.func.isRequired,\n    onRemoveRow: PropTypes.func.isRequired,\n    onAddColumn: PropTypes.func.isRequired,\n    onRemoveColumn: PropTypes.func.isRequired,\n    onRemoveTable: PropTypes.func.isRequired,\n    onToggleBorder: PropTypes.func.isRequired,\n    hasBorder: PropTypes.bool,\n    onDone: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired\n  };\n\n  static defaultProps = {\n    plugins: [],\n    value: {},\n    onChange: () => {}\n  };\n\n  onDone = e => {\n    const { onDone } = this.props;\n    e.preventDefault();\n    onDone();\n  };\n\n  render() {\n    const {\n      plugins,\n      value,\n      onChange,\n      onAddRow,\n      onRemoveRow,\n      onAddColumn,\n      onRemoveColumn,\n      onRemoveTable,\n      onToggleBorder,\n      hasBorder,\n      classes\n    } = this.props;\n    log('[render] hasBorder:', hasBorder);\n\n    return (\n      <div className={classes.tableToolbar}>\n        <div className={classes.toolbarButtons}>\n          <Button onClick={onAddRow}>\n            <AddRow />\n          </Button>\n          <Button onClick={onRemoveRow}>\n            <RemoveRow />\n          </Button>\n          <Button onClick={onAddColumn}>\n            <AddColumn />\n          </Button>\n          <Button onClick={onRemoveColumn}>\n            <RemoveColumn />\n          </Button>\n          <Button onClick={onRemoveTable}>\n            <RemoveTable />\n          </Button>\n          {plugins.map((p, index) => (\n            <ToolbarButton\n              key={`plugin-${index}`}\n              {...p.toolbar}\n              value={value}\n              onChange={onChange}\n            />\n          ))}\n          <Button onClick={onToggleBorder} active={hasBorder}>\n            <BorderAll />\n          </Button>\n        </div>\n        <DoneButton onClick={this.onDone} />\n      </div>\n    );\n  }\n}\n\nconst styles = () => ({\n  tableToolbar: {\n    width: '100%',\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  toolbarButtons: {\n    display: 'flex'\n  }\n});\nexport default withStyles(styles)(TableToolbar);\n"],"file":"table-toolbar.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/default-toolbar.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ToolbarButton = exports.DefaultToolbar = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _doneButton = require("./done-button");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
+
+var _utils = require("../utils");
+
+var _styles = require("@material-ui/core/styles");
+
+var _toolbarButtons = require("./toolbar-buttons");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar');
+
+var ToolbarButton = function ToolbarButton(props) {
+  var onToggle = function onToggle() {
+    var c = props.onToggle(props.value.change(), props);
+    props.onChange(c);
+  };
+
+  if (props.isMark) {
+    var isActive = (0, _utils.hasMark)(props.value, props.type);
+    log('[ToolbarButton] mark:isActive: ', isActive);
+    return /*#__PURE__*/_react["default"].createElement(_toolbarButtons.MarkButton, {
+      active: isActive,
+      label: props.type,
+      onToggle: onToggle,
+      mark: props.type
+    }, props.icon);
+  } else {
+    var disabled = props.disabled;
+
+    var _isActive = props.isActive ? props.isActive(props.value, props.type) : (0, _utils.hasBlock)(props.value, props.type);
+
+    log('[ToolbarButton] block:isActive: ', _isActive);
+    return /*#__PURE__*/_react["default"].createElement(_toolbarButtons.Button, {
+      active: _isActive,
+      disabled: disabled,
+      onClick: function onClick() {
+        return props.onClick(props.value, props.onChange);
+      },
+      extraStyles: props.buttonStyles
+    }, props.icon);
+  }
+};
+
+exports.ToolbarButton = ToolbarButton;
+
+var isActiveToolbarPlugin = function isActiveToolbarPlugin(props) {
+  return function (plugin) {
+    var isDisabled = (props[plugin.name] || {}).disabled;
+    return plugin && plugin.toolbar && !isDisabled;
+  };
+};
+
+var DefaultToolbar = function DefaultToolbar(_ref) {
+  var plugins = _ref.plugins,
+      pluginProps = _ref.pluginProps,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      onDone = _ref.onDone,
+      classes = _ref.classes,
+      showDone = _ref.showDone,
+      deletable = _ref.deletable;
+  var filtered = plugins.filter(isActiveToolbarPlugin(pluginProps)).map(function (p) {
+    return p.toolbar;
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.defaultToolbar
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.buttonsContainer
+  }, filtered.map(function (p, index) {
+    return /*#__PURE__*/_react["default"].createElement(ToolbarButton, (0, _extends2["default"])({}, p, {
+      key: index,
+      value: value,
+      onChange: onChange
+    }));
+  })), showDone && !deletable && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
+    onClick: onDone
+  }));
+};
+
+exports.DefaultToolbar = DefaultToolbar;
+DefaultToolbar.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  plugins: _propTypes["default"].array.isRequired,
+  pluginProps: _propTypes["default"].object,
+  value: _slatePropTypes["default"].value.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  onDone: _propTypes["default"].func.isRequired,
+  showDone: _propTypes["default"].bool,
+  addArea: _propTypes["default"].bool,
+  deletable: _propTypes["default"].bool
+};
+DefaultToolbar.defaultProps = {
+  pluginProps: {}
+};
+
+var toolbarStyles = function toolbarStyles() {
+  return {
+    defaultToolbar: {
+      display: 'flex',
+      width: '100%',
+      justifyContent: 'space-between'
+    },
+    buttonsContainer: {
+      alignItems: 'center',
+      display: 'flex',
+      width: '100%'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(toolbarStyles)(DefaultToolbar);
+
+exports["default"] = _default;
+//# sourceMappingURL=default-toolbar.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/default-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/toolbar/default-toolbar.jsx"],"names":["log","ToolbarButton","props","onToggle","c","value","change","onChange","isMark","isActive","type","icon","disabled","onClick","buttonStyles","isActiveToolbarPlugin","plugin","isDisabled","name","toolbar","DefaultToolbar","plugins","pluginProps","onDone","classes","showDone","deletable","filtered","filter","map","p","defaultToolbar","buttonsContainer","index","propTypes","PropTypes","object","isRequired","array","SlatePropTypes","func","bool","addArea","defaultProps","toolbarStyles","display","width","justifyContent","alignItems"],"mappings":"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","sourcesContent":["import { DoneButton } from './done-button';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport SlatePropTypes from 'slate-prop-types';\n\nimport { hasBlock, hasMark } from '../utils';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { Button, MarkButton } from './toolbar-buttons';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar');\n\nexport const ToolbarButton = props => {\n  const onToggle = () => {\n    const c = props.onToggle(props.value.change(), props);\n\n    props.onChange(c);\n  };\n\n  if (props.isMark) {\n    const isActive = hasMark(props.value, props.type);\n\n    log('[ToolbarButton] mark:isActive: ', isActive);\n\n    return (\n      <MarkButton active={isActive} label={props.type} onToggle={onToggle} mark={props.type}>\n        {props.icon}\n      </MarkButton>\n    );\n  } else {\n    const { disabled } = props;\n    const isActive = props.isActive\n      ? props.isActive(props.value, props.type)\n      : hasBlock(props.value, props.type);\n\n    log('[ToolbarButton] block:isActive: ', isActive);\n\n    return (\n      <Button\n        active={isActive}\n        disabled={disabled}\n        onClick={() => props.onClick(props.value, props.onChange)}\n        extraStyles={props.buttonStyles}\n      >\n        {props.icon}\n      </Button>\n    );\n  }\n};\n\nconst isActiveToolbarPlugin = props => plugin => {\n  const isDisabled = (props[plugin.name] || {}).disabled;\n\n  return plugin && plugin.toolbar && !isDisabled;\n};\n\nexport const DefaultToolbar = ({\n  plugins,\n  pluginProps,\n  value,\n  onChange,\n  onDone,\n  classes,\n  showDone,\n  deletable\n}) => {\n  const filtered = plugins.filter(isActiveToolbarPlugin(pluginProps)).map(p => p.toolbar);\n\n  return (\n    <div className={classes.defaultToolbar}>\n      <div className={classes.buttonsContainer}>\n        {filtered.map((p, index) => {\n          return <ToolbarButton {...p} key={index} value={value} onChange={onChange} />;\n        })}\n      </div>\n      {showDone && !deletable && <DoneButton onClick={onDone} />}\n    </div>\n  );\n};\n\nDefaultToolbar.propTypes = {\n  classes: PropTypes.object.isRequired,\n  plugins: PropTypes.array.isRequired,\n  pluginProps: PropTypes.object,\n  value: SlatePropTypes.value.isRequired,\n  onChange: PropTypes.func.isRequired,\n  onDone: PropTypes.func.isRequired,\n  showDone: PropTypes.bool,\n  addArea: PropTypes.bool,\n  deletable: PropTypes.bool\n};\n\nDefaultToolbar.defaultProps = {\n  pluginProps: {}\n};\n\nconst toolbarStyles = () => ({\n  defaultToolbar: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between'\n  },\n  buttonsContainer: {\n    alignItems: 'center',\n    display: 'flex',\n    width: '100%'\n  }\n});\n\nexport default withStyles(toolbarStyles)(DefaultToolbar);\n"],"file":"default-toolbar.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/done-button.js

@@ -0,0 +1,50 @@
+"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;
+  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    "aria-label": "Done",
+    className: classes.iconRoot,
+    onClick: onClick,
+    classes: {
+      label: classes.label,
+      root: classes.iconRoot
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
+};
+
+exports.RawDoneButton = RawDoneButton;
+RawDoneButton.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  onClick: _propTypes["default"].func
+};
+var styles = {
+  iconRoot: {
+    verticalAlign: 'top',
+    width: '28px',
+    height: '28px',
+    color: 'var(--editable-html-toolbar-check, #00bb00)',
+    padding: '4px'
+  }
+};
+var DoneButton = (0, _styles.withStyles)(styles)(RawDoneButton);
+exports.DoneButton = DoneButton;
+//# sourceMappingURL=done-button.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/done-button.js.map

@@ -0,0 +1 @@
+{"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/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/editor-and-toolbar.js

@@ -0,0 +1,263 @@
+"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 _this = this;
+
+      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,
+          onDone = _this$props.onDone,
+          focusedNode = _this$props.focusedNode,
+          autoWidth = _this$props.autoWidth,
+          readOnly = _this$props.readOnly,
+          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, inFocus && classes.editorInFocus, readOnly && classes.readOnly, disableUnderline && classes.disabledUnderline);
+      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"])(classes.root, toolbarOpts && toolbarOpts.error && classes.error)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: holderNames
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.children
+      }, clonedChildren)), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], {
+        autoWidth: autoWidth,
+        plugins: plugins,
+        focusedNode: focusedNode,
+        value: value,
+        isFocused: inFocus,
+        onChange: onChange,
+        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,
+  onDone: _propTypes["default"].func.isRequired,
+  onDataChange: _propTypes["default"].func,
+  toolbarRef: _propTypes["default"].func,
+  focusedNode: _slatePropTypes["default"].node,
+  readOnly: _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
+  })
+});
+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'
+    }
+  },
+  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',
+      backgroundColor: 'rgba(0, 0, 0, 0.42)'
+    },
+    '&::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)'
+    },
+    '&:focus': {
+      '&::after': {
+        transform: 'scaleX(1)',
+        backgroundColor: _theme.primary,
+        height: '2px'
+      }
+    },
+    '&:hover': {
+      '&::after': {
+        transform: 'scaleX(1)',
+        backgroundColor: 'black',
+        height: '2px'
+      }
+    }
+  },
+  disabledUnderline: {
+    '&::before': {
+      display: 'none'
+    },
+    '&::after': {
+      display: '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)'
+    },
+    '&:hover': {
+      '&::after': {
+        transform: 'scaleX(0)',
+        backgroundColor: 'black',
+        height: '2px'
+      }
+    }
+  },
+  editorInFocus: {
+    '&::after': {
+      transform: 'scaleX(1)',
+      backgroundColor: _theme.primary,
+      height: '2px'
+    },
+    '&:hover': {
+      '&::after': {
+        backgroundColor: _theme.primary
+      }
+    }
+  },
+  error: {
+    border: '2px solid red'
+  }
+};
+
+var _default = (0, _styles.withStyles)(style)(EditorAndToolbar);
+
+exports["default"] = _default;
+//# sourceMappingURL=editor-and-toolbar.js.map