@pie-lib/editable-html 11.1.2-next.0 → 11.2.0-beta.2

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

@@ -1,158 +0,0 @@
-"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/lib/plugins/table/table-toolbar.js.map

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,8CAAN,CAAZ;;IAEaC,Y;;;;;;;;;;;;;;;+FAsBF,UAACC,CAAD,EAAO;AACd,UAAQC,MAAR,GAAmB,MAAKC,KAAxB,CAAQD,MAAR;AACAD,MAAAA,CAAC,CAACG,cAAF;AACAF,MAAAA,MAAM;AACP,K;;;;;;WAED,kBAAS;AACP,wBAYI,KAAKC,KAZT;AAAA,UACEE,OADF,eACEA,OADF;AAAA,UAEEC,KAFF,eAEEA,KAFF;AAAA,UAGEC,QAHF,eAGEA,QAHF;AAAA,UAIEC,QAJF,eAIEA,QAJF;AAAA,UAKEC,WALF,eAKEA,WALF;AAAA,UAMEC,WANF,eAMEA,WANF;AAAA,UAOEC,cAPF,eAOEA,cAPF;AAAA,UAQEC,aARF,eAQEA,aARF;AAAA,UASEC,cATF,eASEA,cATF;AAAA,UAUEC,SAVF,eAUEA,SAVF;AAAA,UAWEC,OAXF,eAWEA,OAXF;AAaAhB,MAAAA,GAAG,CAAC,qBAAD,EAAwBe,SAAxB,CAAH;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEC,OAAO,CAACC;AAAxB,sBACE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACE;AAAxB,sBACE,gCAAC,sBAAD;AAAQ,QAAA,OAAO,EAAET;AAAjB,sBACE,gCAAC,aAAD,OADF,CADF,eAIE,gCAAC,sBAAD;AAAQ,QAAA,OAAO,EAAEC;AAAjB,sBACE,gCAAC,gBAAD,OADF,CAJF,eAOE,gCAAC,sBAAD;AAAQ,QAAA,OAAO,EAAEC;AAAjB,sBACE,gCAAC,gBAAD,OADF,CAPF,eAUE,gCAAC,sBAAD;AAAQ,QAAA,OAAO,EAAEC;AAAjB,sBACE,gCAAC,mBAAD,OADF,CAVF,eAaE,gCAAC,sBAAD;AAAQ,QAAA,OAAO,EAAEC;AAAjB,sBACE,gCAAC,kBAAD,OADF,CAbF,EAgBGP,OAAO,CAACa,GAAR,CAAY,UAACC,CAAD,EAAIC,KAAJ;AAAA,4BACX,gCAAC,6BAAD;AAAe,UAAA,GAAG,mBAAYA,KAAZ;AAAlB,WAA2CD,CAAC,CAACE,OAA7C;AAAsD,UAAA,KAAK,EAAEf,KAA7D;AAAoE,UAAA,QAAQ,EAAEC;AAA9E,WADW;AAAA,OAAZ,CAhBH,eAmBE,gCAAC,sBAAD;AAAQ,QAAA,OAAO,EAAEM,cAAjB;AAAiC,QAAA,MAAM,EAAEC;AAAzC,sBACE,gCAAC,qBAAD,OADF,CAnBF,CADF,eAwBE,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAE,KAAKZ;AAA1B,QAxBF,CADF;AA4BD;;;EAxE+BoB,kBAAMC,S;;;iCAA3BvB,Y,eACQ;AACjBK,EAAAA,OAAO,EAAEmB,sBAAUC,KAAV,CAAgBC,UADR;AAEjBpB,EAAAA,KAAK,EAAEkB,sBAAUG,MAAV,CAAiBD,UAFP;AAGjBnB,EAAAA,QAAQ,EAAEiB,sBAAUI,IAAV,CAAeF,UAHR;AAIjBlB,EAAAA,QAAQ,EAAEgB,sBAAUI,IAAV,CAAeF,UAJR;AAKjBjB,EAAAA,WAAW,EAAEe,sBAAUI,IAAV,CAAeF,UALX;AAMjBhB,EAAAA,WAAW,EAAEc,sBAAUI,IAAV,CAAeF,UANX;AAOjBf,EAAAA,cAAc,EAAEa,sBAAUI,IAAV,CAAeF,UAPd;AAQjBd,EAAAA,aAAa,EAAEY,sBAAUI,IAAV,CAAeF,UARb;AASjBb,EAAAA,cAAc,EAAEW,sBAAUI,IAAV,CAAeF,UATd;AAUjBZ,EAAAA,SAAS,EAAEU,sBAAUK,IAVJ;AAWjB3B,EAAAA,MAAM,EAAEsB,sBAAUI,IAAV,CAAeF,UAXN;AAYjBX,EAAAA,OAAO,EAAES,sBAAUG,MAAV,CAAiBD;AAZT,C;iCADR1B,Y,kBAgBW;AACpBK,EAAAA,OAAO,EAAE,EADW;AAEpBC,EAAAA,KAAK,EAAE,EAFa;AAGpBC,EAAAA,QAAQ,EAAE,oBAAM,CAAE;AAHE,C;;AA2DxB,IAAMuB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBd,IAAAA,YAAY,EAAE;AACZe,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,OAAO,EAAE,MAFG;AAGZC,MAAAA,cAAc,EAAE;AAHJ,KADM;AAMpBhB,IAAAA,cAAc,EAAE;AACde,MAAAA,OAAO,EAAE;AADK;AANI,GAAP;AAAA,CAAf;;eAUe,wBAAWF,MAAX,EAAmB9B,YAAnB,C","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 key={`plugin-${index}`} {...p.toolbar} value={value} onChange={onChange} />\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/lib/plugins/toolbar/default-toolbar.js

@@ -1,174 +0,0 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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 _immutable = require("immutable");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var 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, props.getFocusedValue);
-      },
-      extraStyles: props.buttonStyles
-    }, props.icon);
-  }
-};
-
-exports.ToolbarButton = ToolbarButton;
-ToolbarButton.propTypes = {
-  buttonStyles: _propTypes["default"].object,
-  disabled: _propTypes["default"].bool,
-  icon: _propTypes["default"].any,
-  isActive: _propTypes["default"].bool,
-  isMark: _propTypes["default"].bool,
-  getFocusedValue: _propTypes["default"].func,
-  onToggle: _propTypes["default"].func,
-  onChange: _propTypes["default"].func,
-  onClick: _propTypes["default"].func,
-  type: _propTypes["default"].string,
-  value: _propTypes["default"].object
-};
-
-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,
-      getFocusedValue = _ref.getFocusedValue,
-      onDone = _ref.onDone,
-      classes = _ref.classes,
-      showDone = _ref.showDone,
-      deletable = _ref.deletable,
-      isHtmlMode = _ref.isHtmlMode;
-  pluginProps = _objectSpread({
-    // disable HTML plugin by default, at least for now
-    html: {
-      disabled: true
-    }
-  }, pluginProps);
-  var filtered;
-
-  if (isHtmlMode) {
-    filtered = plugins.filter(function (plugin) {
-      return isActiveToolbarPlugin(pluginProps)(plugin) && (plugin.name === 'characters' || plugin.name === 'html');
-    }).map(function (p) {
-      return p.toolbar;
-    });
-  } else {
-    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,
-      getFocusedValue: getFocusedValue
-    }));
-  })), showDone && !deletable && !isHtmlMode && /*#__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,
-  getFocusedValue: _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/lib/plugins/toolbar/default-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/default-toolbar.jsx"],"names":["log","ToolbarButton","props","onToggle","c","value","change","onChange","isMark","isActive","type","icon","disabled","onClick","getFocusedValue","buttonStyles","propTypes","PropTypes","object","bool","any","func","string","isActiveToolbarPlugin","plugin","isDisabled","name","toolbar","DefaultToolbar","plugins","pluginProps","onDone","classes","showDone","deletable","isHtmlMode","html","filtered","filter","map","p","defaultToolbar","buttonsContainer","index","isRequired","array","SlatePropTypes","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';\nimport { is } from 'immutable';\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 ? props.isActive(props.value, props.type) : 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, props.getFocusedValue)}\n        extraStyles={props.buttonStyles}\n      >\n        {props.icon}\n      </Button>\n    );\n  }\n};\n\nToolbarButton.propTypes = {\n  buttonStyles: PropTypes.object,\n  disabled: PropTypes.bool,\n  icon: PropTypes.any,\n  isActive: PropTypes.bool,\n  isMark: PropTypes.bool,\n  getFocusedValue: PropTypes.func,\n  onToggle: PropTypes.func,\n  onChange: PropTypes.func,\n  onClick: PropTypes.func,\n  type: PropTypes.string,\n  value: PropTypes.object,\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  getFocusedValue,\n  onDone,\n  classes,\n  showDone,\n  deletable,\n  isHtmlMode,\n}) => {\n  pluginProps = {\n    // disable HTML plugin by default, at least for now\n    html: { disabled: true },\n    ...pluginProps,\n  };\n  let filtered;\n\n  if (isHtmlMode) {\n    filtered = plugins\n      .filter((plugin) => {\n        return isActiveToolbarPlugin(pluginProps)(plugin) && (plugin.name === 'characters' || plugin.name === 'html');\n      })\n      .map((p) => p.toolbar);\n  } else {\n    filtered = plugins.filter(isActiveToolbarPlugin(pluginProps)).map((p) => p.toolbar);\n  }\n\n  return (\n    <div className={classes.defaultToolbar}>\n      <div className={classes.buttonsContainer}>\n        {filtered.map((p, index) => {\n          return (\n            <ToolbarButton {...p} key={index} value={value} onChange={onChange} getFocusedValue={getFocusedValue} />\n          );\n        })}\n      </div>\n      {showDone && !deletable && !isHtmlMode && <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  getFocusedValue: 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/lib/plugins/toolbar/done-button.js

@@ -1,50 +0,0 @@
-"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/lib/plugins/toolbar/done-button.js.map

@@ -1 +0,0 @@
-{"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"}