@pie-lib/editable-html 11.18.6-esmbeta.0 → 11.19.0-mui-update.0

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

@@ -1,53 +1,45 @@
 "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 _styles = require("@mui/material/styles");
 var _toolbarButtons = require("./toolbar-buttons");
-
 var _debug = _interopRequireDefault(require("debug"));
-
-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; }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar');
-
-var ToolbarButton = function ToolbarButton(props) {
+var DefaultToolbarContainer = (0, _styles.styled)('div')({
+  display: 'flex',
+  width: '100%',
+  justifyContent: 'space-between'
+});
+var ButtonsContainer = (0, _styles.styled)('div')({
+  alignItems: 'center',
+  display: 'flex',
+  width: '100%'
+});
+var ToolbarButton = exports.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);
-
     var fnToCall = props.type === 'css' ? function () {
       return props.onClick(props.value, props.onChange, props.getFocusedValue);
     } : onToggle;
     log('[ToolbarButton] mark:isActive: ', _isActive);
     var ariaLabel;
-
     if (props.type === 'sup') {
       ariaLabel = 'Superscript (marks text as superscripted)';
     } else if (props.type === 'sub') {
@@ -55,7 +47,6 @@ var ToolbarButton = function ToolbarButton(props) {
     } else {
       ariaLabel = props.type;
     }
-
     return /*#__PURE__*/_react["default"].createElement(_toolbarButtons.MarkButton, {
       active: _isActive,
       onToggle: fnToCall,
@@ -63,13 +54,10 @@ var ToolbarButton = function ToolbarButton(props) {
       label: ariaLabel
     }, props.icon);
   }
-
   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);
-
   var newIcon = /*#__PURE__*/_react["default"].cloneElement(props.icon);
-
   return /*#__PURE__*/_react["default"].createElement(_toolbarButtons.Button, {
     ariaLabel: props.ariaLabel,
     active: isActive,
@@ -80,8 +68,6 @@ var ToolbarButton = function ToolbarButton(props) {
     extraStyles: props.buttonStyles
   }, newIcon);
 };
-
-exports.ToolbarButton = ToolbarButton;
 ToolbarButton.propTypes = {
   buttonStyles: _propTypes["default"].object,
   disabled: _propTypes["default"].bool,
@@ -96,28 +82,25 @@ ToolbarButton.propTypes = {
   value: _propTypes["default"].object,
   ariaLabel: _propTypes["default"].string
 };
-
 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 DefaultToolbar = exports.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,
-      doneButtonRef = _ref.doneButtonRef,
-      onBlur = _ref.onBlur,
-      onFocus = _ref.onFocus;
+    pluginProps = _ref.pluginProps,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    getFocusedValue = _ref.getFocusedValue,
+    onDone = _ref.onDone,
+    showDone = _ref.showDone,
+    deletable = _ref.deletable,
+    isHtmlMode = _ref.isHtmlMode,
+    doneButtonRef = _ref.doneButtonRef,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus;
   pluginProps = _objectSpread({
     // disable HTML plugin by default, at least for now
     html: {
@@ -125,18 +108,14 @@ var DefaultToolbar = function DefaultToolbar(_ref) {
     }
   }, pluginProps);
   var filtered;
-
   var handleFocus = function handleFocus(event) {
     var _doneButtonRef$curren, _event$target;
-
-    var doneButtonClassName = doneButtonRef === null || doneButtonRef === void 0 ? void 0 : (_doneButtonRef$curren = doneButtonRef.current) === null || _doneButtonRef$curren === void 0 ? void 0 : _doneButtonRef$curren.className;
+    var doneButtonClassName = doneButtonRef === null || doneButtonRef === void 0 || (_doneButtonRef$curren = doneButtonRef.current) === null || _doneButtonRef$curren === void 0 ? void 0 : _doneButtonRef$curren.className;
     var isRawDoneButton = doneButtonClassName && ((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest("[class*=\"".concat(doneButtonClassName, "\"]")));
-
     if (onFocus && !isRawDoneButton) {
       onFocus(event);
     }
   };
-
   if (isHtmlMode) {
     filtered = plugins.filter(function (plugin) {
       return isActiveToolbarPlugin(pluginProps)(plugin) && (plugin.name === 'characters' || plugin.name === 'html');
@@ -148,32 +127,25 @@ var DefaultToolbar = function DefaultToolbar(_ref) {
       return p.toolbar;
     });
   }
-
   var isListActive = plugins.some(function (plugin) {
     return isActiveToolbarPlugin(pluginProps)(plugin) && ['ul_list', 'ol_list'].includes(plugin.name) && plugin.toolbar.isActive(value, plugin.name);
   });
   var isTableActive = plugins.some(function (plugin) {
     return isActiveToolbarPlugin(pluginProps)(plugin) && plugin.name === 'table' && plugin.utils && plugin.utils.isSelectionInTable && plugin.utils.isSelectionInTable(value);
   });
-
   var isToolbarButtonDisabled = function isToolbarButtonDisabled(plugin) {
     if (plugin.type === 'table') {
       return isListActive;
     } else if (plugin.type === 'ul_list' || plugin.type === 'ol_list') {
       return isTableActive;
     }
-
     return plugin.disabled;
   };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.defaultToolbar,
+  return /*#__PURE__*/_react["default"].createElement(DefaultToolbarContainer, {
     onFocus: handleFocus,
     tabIndex: "1",
     onBlur: onBlur
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.buttonsContainer
-  }, filtered.map(function (p, index) {
+  }, /*#__PURE__*/_react["default"].createElement(ButtonsContainer, null, filtered.map(function (p, index) {
     return /*#__PURE__*/_react["default"].createElement(ToolbarButton, (0, _extends2["default"])({}, p, {
       key: index,
       value: value,
@@ -186,10 +158,7 @@ var DefaultToolbar = function DefaultToolbar(_ref) {
     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,
@@ -207,23 +176,5 @@ DefaultToolbar.propTypes = {
 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;
+var _default = exports["default"] = DefaultToolbar;
 //# sourceMappingURL=default-toolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/default-toolbar.jsx"],"names":["log","ToolbarButton","props","onToggle","c","value","change","onChange","isMark","isActive","type","fnToCall","onClick","getFocusedValue","ariaLabel","icon","disabled","newIcon","React","cloneElement","event","buttonStyles","propTypes","PropTypes","object","bool","any","func","string","isActiveToolbarPlugin","plugin","isDisabled","name","toolbar","DefaultToolbar","plugins","pluginProps","onDone","classes","showDone","deletable","isHtmlMode","doneButtonRef","onBlur","onFocus","html","filtered","handleFocus","doneButtonClassName","current","className","isRawDoneButton","target","closest","filter","map","p","isListActive","some","includes","isTableActive","utils","isSelectionInTable","isToolbarButtonDisabled","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';\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    const fnToCall =\n      props.type === 'css' ? () => props.onClick(props.value, props.onChange, props.getFocusedValue) : onToggle;\n\n    log('[ToolbarButton] mark:isActive: ', isActive);\n\n    let ariaLabel;\n\n    if (props.type === 'sup') {\n      ariaLabel = 'Superscript (marks text as superscripted)';\n    } else if (props.type === 'sub') {\n      ariaLabel = 'Subscript (marks text as subscripted)';\n    } else {\n      ariaLabel = props.type;\n    }\n\n    return (\n      <MarkButton active={isActive} onToggle={fnToCall} mark={props.type} label={ariaLabel}>\n        {props.icon}\n      </MarkButton>\n    );\n  }\n\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  const newIcon = React.cloneElement(props.icon);\n\n  return (\n    <Button\n      ariaLabel={props.ariaLabel}\n      active={isActive}\n      disabled={disabled}\n      onClick={(event) => props.onClick(props.value, props.onChange, props.getFocusedValue, event)}\n      extraStyles={props.buttonStyles}\n    >\n      {newIcon}\n    </Button>\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  ariaLabel: PropTypes.string,\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  doneButtonRef,\n  onBlur,\n  onFocus,\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  const handleFocus = (event) => {\n    const doneButtonClassName = doneButtonRef?.current?.className;\n    const isRawDoneButton = doneButtonClassName && event.target?.closest(`[class*=\"${doneButtonClassName}\"]`);\n\n    if (onFocus && !isRawDoneButton) {\n      onFocus(event);\n    }\n  };\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  const isListActive = plugins.some(\n    (plugin) =>\n      isActiveToolbarPlugin(pluginProps)(plugin) &&\n      ['ul_list', 'ol_list'].includes(plugin.name) &&\n      plugin.toolbar.isActive(value, plugin.name),\n  );\n\n  const isTableActive = plugins.some(\n    (plugin) =>\n      isActiveToolbarPlugin(pluginProps)(plugin) &&\n      plugin.name === 'table' &&\n      plugin.utils &&\n      plugin.utils.isSelectionInTable &&\n      plugin.utils.isSelectionInTable(value),\n  );\n\n  const isToolbarButtonDisabled = (plugin) => {\n    if (plugin.type === 'table') {\n      return isListActive;\n    } else if (plugin.type === 'ul_list' || plugin.type === 'ol_list') {\n      return isTableActive;\n    }\n    return plugin.disabled;\n  };\n\n  return (\n    <div className={classes.defaultToolbar} onFocus={handleFocus} tabIndex=\"1\" onBlur={onBlur}>\n      <div className={classes.buttonsContainer}>\n        {filtered.map((p, index) => {\n          return (\n            <ToolbarButton\n              {...p}\n              key={index}\n              value={value}\n              onChange={onChange}\n              getFocusedValue={getFocusedValue}\n              disabled={isToolbarButtonDisabled(p)}\n            />\n          );\n        })}\n      </div>\n      {showDone && !deletable && <DoneButton doneButtonRef={doneButtonRef} 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  isHtmlMode: PropTypes.bool,\n  doneButtonRef: PropTypes.func,\n  onBlur: PropTypes.func,\n  onFocus: PropTypes.func,\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"}
+{"version":3,"file":"default-toolbar.js","names":["_doneButton","require","_propTypes","_interopRequireDefault","_react","_slatePropTypes","_utils","_styles","_toolbarButtons","_debug","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","DefaultToolbarContainer","styled","display","width","justifyContent","ButtonsContainer","alignItems","ToolbarButton","exports","props","onToggle","c","value","change","onChange","isMark","isActive","hasMark","type","fnToCall","onClick","getFocusedValue","ariaLabel","createElement","MarkButton","active","mark","label","icon","disabled","hasBlock","newIcon","React","cloneElement","Button","event","extraStyles","buttonStyles","propTypes","PropTypes","object","bool","any","func","string","isActiveToolbarPlugin","plugin","isDisabled","name","toolbar","DefaultToolbar","_ref","plugins","pluginProps","onDone","showDone","deletable","isHtmlMode","doneButtonRef","onBlur","onFocus","html","filtered","handleFocus","_doneButtonRef$curren","_event$target","doneButtonClassName","current","className","isRawDoneButton","target","closest","concat","map","p","isListActive","some","includes","isTableActive","utils","isSelectionInTable","isToolbarButtonDisabled","tabIndex","index","_extends2","key","DoneButton","array","isRequired","SlatePropTypes","addArea","defaultProps","_default"],"sources":["../../../src/plugins/toolbar/default-toolbar.jsx"],"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 { styled } from '@mui/material/styles';\n\nimport { Button, MarkButton } from './toolbar-buttons';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar');\n\nconst DefaultToolbarContainer = styled('div')({\n  display: 'flex',\n  width: '100%',\n  justifyContent: 'space-between',\n});\n\nconst ButtonsContainer = styled('div')({\n  alignItems: 'center',\n  display: 'flex',\n  width: '100%',\n});\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    const fnToCall =\n      props.type === 'css' ? () => props.onClick(props.value, props.onChange, props.getFocusedValue) : onToggle;\n\n    log('[ToolbarButton] mark:isActive: ', isActive);\n\n    let ariaLabel;\n\n    if (props.type === 'sup') {\n      ariaLabel = 'Superscript (marks text as superscripted)';\n    } else if (props.type === 'sub') {\n      ariaLabel = 'Subscript (marks text as subscripted)';\n    } else {\n      ariaLabel = props.type;\n    }\n\n    return (\n      <MarkButton active={isActive} onToggle={fnToCall} mark={props.type} label={ariaLabel}>\n        {props.icon}\n      </MarkButton>\n    );\n  }\n\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  const newIcon = React.cloneElement(props.icon);\n\n  return (\n    <Button\n      ariaLabel={props.ariaLabel}\n      active={isActive}\n      disabled={disabled}\n      onClick={(event) => props.onClick(props.value, props.onChange, props.getFocusedValue, event)}\n      extraStyles={props.buttonStyles}\n    >\n      {newIcon}\n    </Button>\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  ariaLabel: PropTypes.string,\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  showDone,\n  deletable,\n  isHtmlMode,\n  doneButtonRef,\n  onBlur,\n  onFocus,\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  const handleFocus = (event) => {\n    const doneButtonClassName = doneButtonRef?.current?.className;\n    const isRawDoneButton = doneButtonClassName && event.target?.closest(`[class*=\"${doneButtonClassName}\"]`);\n\n    if (onFocus && !isRawDoneButton) {\n      onFocus(event);\n    }\n  };\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  const isListActive = plugins.some(\n    (plugin) =>\n      isActiveToolbarPlugin(pluginProps)(plugin) &&\n      ['ul_list', 'ol_list'].includes(plugin.name) &&\n      plugin.toolbar.isActive(value, plugin.name),\n  );\n\n  const isTableActive = plugins.some(\n    (plugin) =>\n      isActiveToolbarPlugin(pluginProps)(plugin) &&\n      plugin.name === 'table' &&\n      plugin.utils &&\n      plugin.utils.isSelectionInTable &&\n      plugin.utils.isSelectionInTable(value),\n  );\n\n  const isToolbarButtonDisabled = (plugin) => {\n    if (plugin.type === 'table') {\n      return isListActive;\n    } else if (plugin.type === 'ul_list' || plugin.type === 'ol_list') {\n      return isTableActive;\n    }\n    return plugin.disabled;\n  };\n\n  return (\n    <DefaultToolbarContainer onFocus={handleFocus} tabIndex=\"1\" onBlur={onBlur}>\n      <ButtonsContainer>\n        {filtered.map((p, index) => {\n          return (\n            <ToolbarButton\n              {...p}\n              key={index}\n              value={value}\n              onChange={onChange}\n              getFocusedValue={getFocusedValue}\n              disabled={isToolbarButtonDisabled(p)}\n            />\n          );\n        })}\n      </ButtonsContainer>\n      {showDone && !deletable && <DoneButton doneButtonRef={doneButtonRef} onClick={onDone} />}\n    </DefaultToolbarContainer>\n  );\n};\n\nDefaultToolbar.propTypes = {\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  isHtmlMode: PropTypes.bool,\n  doneButtonRef: PropTypes.func,\n  onBlur: PropTypes.func,\n  onFocus: PropTypes.func,\n};\n\nDefaultToolbar.defaultProps = {\n  pluginProps: {},\n};\n\nexport default DefaultToolbar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,53 +1,35 @@
 "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 _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var RawDoneButton = function RawDoneButton(_ref) {
-  var classes = _ref.classes,
-      onClick = _ref.onClick,
-      doneButtonRef = _ref.doneButtonRef;
-  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+var StyledIconButton = (0, _styles.styled)(_IconButton["default"])({
+  verticalAlign: 'top',
+  width: '28px',
+  height: '28px',
+  color: 'var(--editable-html-toolbar-check, #00bb00)',
+  padding: '4px'
+});
+var RawDoneButton = exports.RawDoneButton = function RawDoneButton(_ref) {
+  var onClick = _ref.onClick,
+    doneButtonRef = _ref.doneButtonRef;
+  return /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
     "aria-label": "Done",
-    className: classes.iconRoot,
     buttonRef: doneButtonRef,
     onClick: onClick,
-    classes: {
-      label: classes.label,
-      root: classes.iconRoot
-    }
+    size: "large"
   }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
 };
-
-exports.RawDoneButton = RawDoneButton;
 RawDoneButton.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
   onClick: _propTypes["default"].func,
   doneButtonRef: _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;
+var DoneButton = exports.DoneButton = RawDoneButton;
 //# sourceMappingURL=done-button.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/done-button.jsx"],"names":["RawDoneButton","classes","onClick","doneButtonRef","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,MAAqBC,aAArB,QAAqBA,aAArB;AAAA,sBAC3B,gCAAC,sBAAD;AACE,kBAAW,MADb;AAEE,IAAA,SAAS,EAAEF,OAAO,CAACG,QAFrB;AAGE,IAAA,SAAS,EAAED,aAHb;AAIE,IAAA,OAAO,EAAED,OAJX;AAKE,IAAA,OAAO,EAAE;AACPG,MAAAA,KAAK,EAAEJ,OAAO,CAACI,KADR;AAEPC,MAAAA,IAAI,EAAEL,OAAO,CAACG;AAFP;AALX,kBAUE,gCAAC,iBAAD,OAVF,CAD2B;AAAA,CAAtB;;;AAePJ,aAAa,CAACO,SAAd,GAA0B;AACxBN,EAAAA,OAAO,EAAEO,sBAAUC,MAAV,CAAiBC,UADF;AAExBR,EAAAA,OAAO,EAAEM,sBAAUG,IAFK;AAGxBR,EAAAA,aAAa,EAAEK,sBAAUG;AAHD,CAA1B;AAMA,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,EAAmBZ,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, doneButtonRef }) => (\n  <IconButton\n    aria-label=\"Done\"\n    className={classes.iconRoot}\n    buttonRef={doneButtonRef}\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  doneButtonRef: 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"}
+{"version":3,"file":"done-button.js","names":["_react","_interopRequireDefault","require","_IconButton","_Check","_styles","_propTypes","StyledIconButton","styled","IconButton","verticalAlign","width","height","color","padding","RawDoneButton","exports","_ref","onClick","doneButtonRef","createElement","buttonRef","size","propTypes","PropTypes","func","DoneButton"],"sources":["../../../src/plugins/toolbar/done-button.jsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\n\nconst StyledIconButton = styled(IconButton)({\n  verticalAlign: 'top',\n  width: '28px',\n  height: '28px',\n  color: 'var(--editable-html-toolbar-check, #00bb00)',\n  padding: '4px',\n});\n\nexport const RawDoneButton = ({ onClick, doneButtonRef }) => (\n  <StyledIconButton\n    aria-label=\"Done\"\n    buttonRef={doneButtonRef}\n    onClick={onClick}\n    size=\"large\"\n  >\n    <Check />\n  </StyledIconButton>\n);\n\nRawDoneButton.propTypes = {\n  onClick: PropTypes.func,\n  doneButtonRef: PropTypes.func,\n};\n\nexport const DoneButton = RawDoneButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,gBAAgB,GAAG,IAAAC,cAAM,EAACC,sBAAU,CAAC,CAAC;EAC1CC,aAAa,EAAE,KAAK;EACpBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,6CAA6C;EACpDC,OAAO,EAAE;AACX,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA;EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EAAA,oBACpDnB,MAAA,YAAAoB,aAAA,CAACb,gBAAgB;IACf,cAAW,MAAM;IACjBc,SAAS,EAAEF,aAAc;IACzBD,OAAO,EAAEA,OAAQ;IACjBI,IAAI,EAAC;EAAO,gBAEZtB,MAAA,YAAAoB,aAAA,CAAChB,MAAA,WAAK,MAAE,CACQ,CAAC;AAAA,CACpB;AAEDW,aAAa,CAACQ,SAAS,GAAG;EACxBL,OAAO,EAAEM,qBAAS,CAACC,IAAI;EACvBN,aAAa,EAAEK,qBAAS,CAACC;AAC3B,CAAC;AAEM,IAAMC,UAAU,GAAAV,OAAA,CAAAU,UAAA,GAAGX,aAAa","ignoreList":[]}