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

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

@@ -1,88 +1,62 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RawMarkButton = exports.RawButton = exports.MarkButton = exports.Button = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
-  return {
-    button: {
-      color: 'grey',
-      display: 'inline-flex',
-      padding: '2px',
-      background: 'none',
-      border: 'none',
-      cursor: 'pointer',
-      '&:hover': {
-        color: 'black'
-      },
-      '&:focus': {
-        outline: "2px solid ".concat(theme.palette.grey[700])
-      }
-    },
-    active: {
-      color: 'black'
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 StyledButton = (0, _styles.styled)('button', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['active', 'disabled', 'extraStyles'].includes(prop);
+  }
+})(function (_ref) {
+  var theme = _ref.theme,
+    active = _ref.active,
+    disabled = _ref.disabled,
+    extraStyles = _ref.extraStyles;
+  return _objectSpread({
+    color: active ? 'black' : 'grey',
+    display: 'inline-flex',
+    padding: '2px',
+    background: 'none',
+    border: 'none',
+    cursor: disabled ? 'not-allowed' : 'pointer',
+    opacity: disabled ? 0.7 : 1,
+    '&:hover': {
+      color: disabled ? 'grey' : 'black'
     },
-    disabled: {
-      opacity: 0.7,
-      cursor: 'not-allowed',
-      '& :hover': {
-        color: 'grey'
-      }
+    '&:focus': {
+      outline: "2px solid ".concat(theme.palette.grey[700])
     }
-  };
-};
-
+  }, extraStyles);
+});
 var log = (0, _debug["default"])('pie-elements:editable-html:raw-button');
-
-var RawButton = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawButton, _React$Component);
-
-  var _super = _createSuper(RawButton);
-
+var RawButton = exports.RawButton = /*#__PURE__*/function (_React$Component) {
   function RawButton(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RawButton);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
+    _this = _callSuper(this, RawButton, [props]);
+    (0, _defineProperty2["default"])(_this, "onClick", function (e) {
       log('[onClick]');
       e.preventDefault();
       var onClick = _this.props.onClick;
       onClick(e);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onKeyDown", function (e) {
+    (0, _defineProperty2["default"])(_this, "onKeyDown", function (e) {
       if (e.key === 'Enter' || e.key === ' ') {
         log('[onKeyDown]');
         e.preventDefault();
@@ -92,83 +66,64 @@ var RawButton = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
-  (0, _createClass2["default"])(RawButton, [{
+  (0, _inherits2["default"])(RawButton, _React$Component);
+  return (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,
-          ariaLabel = _this$props.ariaLabel;
-      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("button", {
-        style: extraStyles,
-        className: names,
+        active = _this$props.active,
+        children = _this$props.children,
+        disabled = _this$props.disabled,
+        extraStyles = _this$props.extraStyles,
+        ariaLabel = _this$props.ariaLabel;
+      return /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        active: active,
+        disabled: disabled,
+        extraStyles: extraStyles,
         onMouseDown: this.onClick,
         onKeyDown: this.onKeyDown,
-        disabled: disabled,
         "aria-label": ariaLabel,
         "aria-pressed": active,
         tabIndex: 0
       }, children);
     }
   }]);
-  return RawButton;
 }(_react["default"].Component);
-
-exports.RawButton = RawButton;
 (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, _styles.withStyles)(styles)(RawButton);
-exports.Button = Button;
-
-var RawMarkButton = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(RawMarkButton, _React$Component2);
-
-  var _super2 = _createSuper(RawMarkButton);
-
+var Button = exports.Button = RawButton;
+var RawMarkButton = exports.RawMarkButton = /*#__PURE__*/function (_React$Component2) {
   function RawMarkButton(props) {
     var _this2;
-
     (0, _classCallCheck2["default"])(this, RawMarkButton);
-    _this2 = _super2.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onToggle", function (e) {
+    _this2 = _callSuper(this, RawMarkButton, [props]);
+    (0, _defineProperty2["default"])(_this2, "onToggle", function (e) {
       e.preventDefault();
-
       _this2.props.onToggle(_this2.props.mark);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onKeyDown", function (e) {
+    (0, _defineProperty2["default"])(_this2, "onKeyDown", function (e) {
       if (e.key === 'Enter' || e.key === ' ') {
         e.preventDefault();
-
         _this2.props.onToggle(_this2.props.mark);
       }
     });
     return _this2;
   }
-
-  (0, _createClass2["default"])(RawMarkButton, [{
+  (0, _inherits2["default"])(RawMarkButton, _React$Component2);
+  return (0, _createClass2["default"])(RawMarkButton, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          children = _this$props2.children,
-          active = _this$props2.active,
-          label = _this$props2.label;
-      var names = (0, _classnames["default"])(classes.button, active && classes.active);
-      return /*#__PURE__*/_react["default"].createElement("button", {
-        className: names,
+        children = _this$props2.children,
+        active = _this$props2.active,
+        label = _this$props2.label;
+      return /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        active: active,
         onMouseDown: this.onToggle,
         "aria-pressed": active,
         onKeyDown: this.onKeyDown,
@@ -177,18 +132,13 @@ var RawMarkButton = /*#__PURE__*/function (_React$Component2) {
       }, children);
     }
   }]);
-  return RawMarkButton;
 }(_react["default"].Component);
-
-exports.RawMarkButton = RawMarkButton;
 (0, _defineProperty2["default"])(RawMarkButton, "propTypes", {
   onToggle: _propTypes["default"].func.isRequired,
   mark: _propTypes["default"].string,
   label: _propTypes["default"].string.isRequired,
   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, _styles.withStyles)(styles)(RawMarkButton);
-exports.MarkButton = MarkButton;
+var MarkButton = exports.MarkButton = RawMarkButton;
 //# 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","theme","button","color","display","padding","background","border","cursor","outline","palette","grey","active","disabled","opacity","log","RawButton","props","e","preventDefault","onClick","key","classes","children","extraStyles","ariaLabel","names","onKeyDown","React","Component","PropTypes","func","isRequired","object","oneOfType","arrayOf","node","bool","Button","RawMarkButton","onToggle","mark","label","string","MarkButton"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst styles = (theme) => ({\n  button: {\n    color: 'grey',\n    display: 'inline-flex',\n    padding: '2px',\n    background: 'none',\n    border: 'none',\n    cursor: 'pointer',\n    '&:hover': {\n      color: 'black',\n    },\n    '&:focus': {\n      outline: `2px solid ${theme.palette.grey[700]}`,\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  onKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      log('[onKeyDown]');\n      e.preventDefault();\n      const { onClick } = this.props;\n      onClick(e);\n    }\n  };\n\n  render() {\n    const { active, classes, children, disabled, extraStyles, ariaLabel } = this.props;\n\n    const names = classNames(classes.button, {\n      [classes.active]: active,\n      [classes.disabled]: disabled,\n    });\n\n    return (\n      <button\n        style={extraStyles}\n        className={names}\n        onMouseDown={this.onClick}\n        onKeyDown={this.onKeyDown}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-pressed={active}\n        tabIndex={0}\n      >\n        {children}\n      </button>\n    );\n  }\n}\n\nexport const Button = withStyles(styles)(RawButton);\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    label: PropTypes.string.isRequired,\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  onKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.props.onToggle(this.props.mark);\n    }\n  };\n\n  render() {\n    const { classes, children, active, label } = this.props;\n\n    const names = classNames(classes.button, active && classes.active);\n    return (\n      <button\n        className={names}\n        onMouseDown={this.onToggle}\n        aria-pressed={active}\n        onKeyDown={this.onKeyDown}\n        aria-label={label}\n        tabIndex={0}\n      >\n        {children}\n      </button>\n    );\n  }\n}\n\nexport const MarkButton = withStyles(styles)(RawMarkButton);\n"],"file":"toolbar-buttons.js"}
+{"version":3,"file":"toolbar-buttons.js","names":["_react","_interopRequireDefault","require","_debug","_styles","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledButton","styled","shouldForwardProp","prop","includes","_ref","theme","active","disabled","extraStyles","color","display","padding","background","border","cursor","opacity","outline","concat","palette","grey","log","debug","RawButton","exports","_React$Component","props","_this","_classCallCheck2","preventDefault","onClick","key","_inherits2","_createClass2","value","render","_this$props","children","ariaLabel","createElement","onMouseDown","onKeyDown","tabIndex","React","Component","PropTypes","func","isRequired","oneOfType","arrayOf","node","bool","object","Button","RawMarkButton","_React$Component2","_this2","onToggle","mark","_this$props2","label","string","MarkButton"],"sources":["../../../src/plugins/toolbar/toolbar-buttons.jsx"],"sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\n\nconst StyledButton = styled('button', {\n  shouldForwardProp: (prop) => !['active', 'disabled', 'extraStyles'].includes(prop),\n})(({ theme, active, disabled, extraStyles }) => ({\n  color: active ? 'black' : 'grey',\n  display: 'inline-flex',\n  padding: '2px',\n  background: 'none',\n  border: 'none',\n  cursor: disabled ? 'not-allowed' : 'pointer',\n  opacity: disabled ? 0.7 : 1,\n  '&:hover': {\n    color: disabled ? 'grey' : 'black',\n  },\n  '&:focus': {\n    outline: `2px solid ${theme.palette.grey[700]}`,\n  },\n  ...extraStyles,\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    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  onKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      log('[onKeyDown]');\n      e.preventDefault();\n      const { onClick } = this.props;\n      onClick(e);\n    }\n  };\n\n  render() {\n    const { active, children, disabled, extraStyles, ariaLabel } = this.props;\n\n    return (\n      <StyledButton\n        active={active}\n        disabled={disabled}\n        extraStyles={extraStyles}\n        onMouseDown={this.onClick}\n        onKeyDown={this.onKeyDown}\n        aria-label={ariaLabel}\n        aria-pressed={active}\n        tabIndex={0}\n      >\n        {children}\n      </StyledButton>\n    );\n  }\n}\n\nexport const Button = RawButton;\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    label: PropTypes.string.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).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  onKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.props.onToggle(this.props.mark);\n    }\n  };\n\n  render() {\n    const { children, active, label } = this.props;\n\n    return (\n      <StyledButton\n        active={active}\n        onMouseDown={this.onToggle}\n        aria-pressed={active}\n        onKeyDown={this.onKeyDown}\n        aria-label={label}\n        tabIndex={0}\n      >\n        {children}\n      </StyledButton>\n    );\n  }\n}\n\nexport const MarkButton = RawMarkButton;\n"],"mappings":"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","ignoreList":[]}