@pie-element/ebsr 6.6.2 → 6.6.3-next.1008

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/toolbar/editor-and-toolbar.jsx"],"names":["log","EditorAndToolbar","IS_FIREFOX","editorRef","tmp","isUpdatingSelection","props","classes","children","value","plugins","onChange","onDone","focusedNode","autoWidth","readOnly","disableUnderline","pluginProps","toolbarOpts","onDataChange","toolbarRef","inFocus","isFocused","undefined","holderNames","editorHolder","editorInFocus","disabledUnderline","clonedChildren","React","cloneElement","ref","el","root","error","Component","PropTypes","oneOfType","arrayOf","node","isRequired","SlatePropTypes","array","func","bool","object","shape","position","oneOf","alwaysVisible","string","style","padding","border","borderRadius","cursor","wordBreak","overflow","maxHeight","overflowY","color","text","backgroundColor","background","left","right","bottom","height","content","transition","pointerEvents","transform","primary","display","backgroundSize","backgroundImage","backgroundRepeat","backgroundPosition"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Toolbar from './toolbar';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { primary } from '../../theme';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport SlatePropTypes from 'slate-prop-types';\nimport { IS_FIREFOX } from 'slate-dev-environment';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar:editor-and-toolbar');\n\nexport class EditorAndToolbar extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    value: SlatePropTypes.value.isRequired,\n    plugins: PropTypes.array.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onDone: PropTypes.func.isRequired,\n    onDataChange: PropTypes.func,\n    toolbarRef: PropTypes.func,\n    focusedNode: SlatePropTypes.node,\n    readOnly: PropTypes.bool,\n    disableUnderline: PropTypes.bool,\n    autoWidth: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    pluginProps: PropTypes.object,\n    toolbarOpts: PropTypes.shape({\n      position: PropTypes.oneOf(['bottom', 'top']),\n      alwaysVisible: PropTypes.bool,\n      error: PropTypes.string\n    })\n  };\n\n  /** This is an interim fix until this PR is merged in slate:\n   * https://github.com/ianstormtaylor/slate/pull/2236\n   */\n  componentDidMount() {\n    if (IS_FIREFOX) {\n      this.editorRef.tmp.isUpdatingSelection = true;\n    }\n  }\n\n  render() {\n    const {\n      classes,\n      children,\n      value,\n      plugins,\n      onChange,\n      onDone,\n      focusedNode,\n      autoWidth,\n      readOnly,\n      disableUnderline,\n      pluginProps,\n      toolbarOpts,\n      onDataChange,\n      toolbarRef\n    } = this.props;\n\n    const inFocus = value.isFocused || (focusedNode !== null && focusedNode !== undefined);\n    const holderNames = classNames(\n      classes.editorHolder,\n      inFocus && classes.editorInFocus,\n      readOnly && classes.readOnly,\n      disableUnderline && classes.disabledUnderline\n    );\n    let clonedChildren = children;\n\n    if (typeof children !== 'string') {\n      clonedChildren = React.cloneElement(children, {\n        ref: el => (this.editorRef = el)\n      });\n    }\n\n    log(\n      '[render] inFocus: ',\n      inFocus,\n      'value.isFocused:',\n      value.isFocused,\n      'focused node: ',\n      focusedNode\n    );\n\n    return (\n      <div className={classNames(classes.root, toolbarOpts && toolbarOpts.error && classes.error)}>\n        <div className={holderNames}>\n          <div className={classes.children}>{clonedChildren}</div>\n        </div>\n        <Toolbar\n          autoWidth={autoWidth}\n          plugins={plugins}\n          focusedNode={focusedNode}\n          value={value}\n          isFocused={inFocus}\n          onChange={onChange}\n          onDone={onDone}\n          onDataChange={onDataChange}\n          toolbarRef={toolbarRef}\n          pluginProps={pluginProps}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n}\n\nconst style = {\n  root: {\n    position: 'relative',\n    padding: '0px',\n    border: '1px solid #ccc',\n    borderRadius: '4px',\n    cursor: 'text',\n    '& [data-slate-editor=\"true\"]': {\n      wordBreak: 'break-word',\n      overflow: 'visible',\n      maxHeight: '500px',\n      // needed in order to be able to put the focus before a void element when it is the first one in the editor\n      padding: '5px'\n    }\n  },\n  children: {\n    padding: '10px 16px'\n  },\n  editorHolder: {\n    position: 'relative',\n    padding: '0px',\n    overflowY: 'scroll',\n    color: color.text(),\n    backgroundColor: color.background(),\n    '&::before': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n      pointerEvents: 'none',\n      backgroundColor: 'rgba(0, 0, 0, 0.42)'\n    },\n    '&::after': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transform: 'scaleX(0)',\n      transition:\n        'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 200ms linear',\n      backgroundColor: 'rgba(0, 0, 0, 0.42)'\n    },\n    '&:focus': {\n      '&::after': {\n        transform: 'scaleX(1)',\n        backgroundColor: primary,\n        height: '2px'\n      }\n    },\n    '&:hover': {\n      '&::after': {\n        transform: 'scaleX(1)',\n        backgroundColor: 'black',\n        height: '2px'\n      }\n    }\n  },\n  disabledUnderline: {\n    '&::before': {\n      display: 'none'\n    },\n    '&::after': {\n      display: 'none'\n    }\n  },\n\n  readOnly: {\n    '&::before': {\n      background: 'transparent',\n      backgroundSize: '5px 1px',\n      backgroundImage: 'linear-gradient(to right, rgba(0, 0, 0, 0.42) 33%, transparent 0%)',\n      backgroundRepeat: 'repeat-x',\n      backgroundPosition: 'left top'\n    },\n    '&::after': {\n      left: '0',\n      right: '0',\n      bottom: '0',\n      height: '1px',\n      content: '\"\"',\n      position: 'absolute',\n      transform: 'scaleX(0)',\n      transition: 'transform 200ms cubic-bezier(0.0, 0.0, 0.2, 1) 0ms, background-color 0ms linear',\n      backgroundColor: 'rgba(0, 0, 0, 0)'\n    },\n    '&:hover': {\n      '&::after': {\n        transform: 'scaleX(0)',\n        backgroundColor: 'black',\n        height: '2px'\n      }\n    }\n  },\n  editorInFocus: {\n    '&::after': {\n      transform: 'scaleX(1)',\n      backgroundColor: primary,\n      height: '2px'\n    },\n    '&:hover': {\n      '&::after': {\n        backgroundColor: primary\n      }\n    }\n  },\n  error: {\n    border: '2px solid red'\n  }\n};\n\nexport default withStyles(style)(EditorAndToolbar);\n"],"file":"editor-and-toolbar.js"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ToolbarPlugin;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _editorAndToolbar = _interopRequireDefault(require("./editor-and-toolbar"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * Adds a toolbar which is shown when the editor is focused.
+ * @param {*} opts
+ */
+function ToolbarPlugin(opts) {
+  return {
+    /* eslint-disable-next-line */
+    renderEditor: function renderEditor(props) {
+      return /*#__PURE__*/_react["default"].createElement(_editorAndToolbar["default"], _extends({}, props, {
+        mainEditorRef: opts.mainEditorRef,
+        disableUnderline: opts.disableUnderline,
+        onDone: opts.onDone
+      }));
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/toolbar/index.jsx"],"names":["ToolbarPlugin","opts","renderEditor","props","mainEditorRef","disableUnderline","onDone"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEA;AACA;AACA;AACA;AACe,SAASA,aAAT,CAAuBC,IAAvB,EAA6B;AAC1C,SAAO;AACL;AACAC,IAAAA,YAAY,EAAE,sBAAAC,KAAK;AAAA,0BACjB,gCAAC,4BAAD,eACMA,KADN;AAEE,QAAA,aAAa,EAAEF,IAAI,CAACG,aAFtB;AAGE,QAAA,gBAAgB,EAAEH,IAAI,CAACI,gBAHzB;AAIE,QAAA,MAAM,EAAEJ,IAAI,CAACK;AAJf,SADiB;AAAA;AAFd,GAAP;AAWD","sourcesContent":["import React from 'react';\n\nimport EditorAndToolbar from './editor-and-toolbar';\n\n/**\n * Adds a toolbar which is shown when the editor is focused.\n * @param {*} opts\n */\nexport default function ToolbarPlugin(opts) {\n  return {\n    /* eslint-disable-next-line */\n    renderEditor: props => (\n      <EditorAndToolbar\n        {...props}\n        mainEditorRef={opts.mainEditorRef}\n        disableUnderline={opts.disableUnderline}\n        onDone={opts.onDone}\n      />\n    )\n  };\n}\n"],"file":"index.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/toolbar/toolbar-buttons.jsx"],"names":["styles","button","color","display","padding","active","disabled","opacity","cursor","log","RawButton","props","e","preventDefault","onClick","classes","children","extraStyles","names","React","Component","PropTypes","func","isRequired","object","oneOfType","arrayOf","node","bool","Button","RawMarkButton","onToggle","mark","string","MarkButton"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,MADD;AAENC,MAAAA,OAAO,EAAE,aAFH;AAGNC,MAAAA,OAAO,EAAE,KAHH;AAIN,kBAAY;AACVF,QAAAA,KAAK,EAAE;AADG;AAJN,KADY;AASpBG,IAAAA,MAAM,EAAE;AACNH,MAAAA,KAAK,EAAE;AADD,KATY;AAYpBI,IAAAA,QAAQ,EAAE;AACRC,MAAAA,OAAO,EAAE,GADD;AAERC,MAAAA,MAAM,EAAE,aAFA;AAGR,kBAAY;AACVN,QAAAA,KAAK,EAAE;AADG;AAHJ;AAZU,GAAP;AAAA,CAAf;;AAqBA,IAAMO,GAAG,GAAG,uBAAM,uCAAN,CAAZ;;IAEaC,S;;;;;AAUX,qBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,8DAIT,UAAAC,CAAC,EAAI;AACbH,MAAAA,GAAG,CAAC,WAAD,CAAH;AACAG,MAAAA,CAAC,CAACC,cAAF;AACA,UAAQC,OAAR,GAAoB,MAAKH,KAAzB,CAAQG,OAAR;AACAA,MAAAA,OAAO,CAACF,CAAD,CAAP;AACD,KATkB;;AAAA;AAElB;;;;WASD,kBAAS;AAAA;;AACP,wBAA6D,KAAKD,KAAlE;AAAA,UAAQN,MAAR,eAAQA,MAAR;AAAA,UAAgBU,OAAhB,eAAgBA,OAAhB;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAAA,UAAmCV,QAAnC,eAAmCA,QAAnC;AAAA,UAA6CW,WAA7C,eAA6CA,WAA7C;AACA,UAAMC,KAAK,GAAG,4BAAWH,OAAO,CAACd,MAAnB,kDACXc,OAAO,CAACV,MADG,EACMA,MADN,gCAEXU,OAAO,CAACT,QAFG,EAEQA,QAFR,gBAAd;AAKA,0BACE;AAAK,QAAA,KAAK,EAAEW,WAAZ;AAAyB,QAAA,SAAS,EAAEC,KAApC;AAA2C,QAAA,WAAW,EAAE,KAAKJ;AAA7D,SACGE,QADH,CADF;AAKD;;;;EAjC4BG,kBAAMC,S;;;;gBAAxBV,S,eACQ;AACjBI,EAAAA,OAAO,EAAEO,sBAAUC,IAAV,CAAeC,UADP;AAEjBR,EAAAA,OAAO,EAAEM,sBAAUG,MAAV,CAAiBD,UAFT;AAGjBP,EAAAA,QAAQ,EAAEK,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEJ,UAHlE;AAIjBlB,EAAAA,MAAM,EAAEgB,sBAAUO,IAJD;AAKjBtB,EAAAA,QAAQ,EAAEe,sBAAUO,IALH;AAMjBX,EAAAA,WAAW,EAAEI,sBAAUG;AANN,C;;AAmCd,IAAMK,MAAM,GAAG,0BAAY7B,MAAM,EAAlB,EAAsBU,SAAtB,CAAf;;;IAEMoB,a;;;;;AASX,yBAAYnB,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,gCAAMA,KAAN;;AADiB,gEAIR,UAAAC,CAAC,EAAI;AACdA,MAAAA,CAAC,CAACC,cAAF;;AACA,aAAKF,KAAL,CAAWoB,QAAX,CAAoB,OAAKpB,KAAL,CAAWqB,IAA/B;AACD,KAPkB;;AAAA;AAElB;;;;WAOD,kBAAS;AACP,yBAAsC,KAAKrB,KAA3C;AAAA,UAAQI,OAAR,gBAAQA,OAAR;AAAA,UAAiBC,QAAjB,gBAAiBA,QAAjB;AAAA,UAA2BX,MAA3B,gBAA2BA,MAA3B;AACA,UAAMa,KAAK,GAAG,4BAAWH,OAAO,CAACd,MAAnB,EAA2BI,MAAM,IAAIU,OAAO,CAACV,MAA7C,CAAd;AACA,0BACE;AAAM,QAAA,SAAS,EAAEa,KAAjB;AAAwB,QAAA,WAAW,EAAE,KAAKa;AAA1C,SACGf,QADH,CADF;AAKD;;;;EA1BgCG,kBAAMC,S;;;;gBAA5BU,a,eACQ;AACjBC,EAAAA,QAAQ,EAAEV,sBAAUC,IAAV,CAAeC,UADR;AAEjBS,EAAAA,IAAI,EAAEX,sBAAUY,MAFC;AAGjBjB,EAAAA,QAAQ,EAAEK,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEJ,UAHlE;AAIjBR,EAAAA,OAAO,EAAEM,sBAAUG,MAAV,CAAiBD,UAJT;AAKjBlB,EAAAA,MAAM,EAAEgB,sBAAUO;AALD,C;;AA4Bd,IAAMM,UAAU,GAAG,0BAAYlC,MAAM,EAAlB,EAAsB8B,aAAtB,CAAnB","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport injectSheet from 'react-jss';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst styles = () => ({\n  button: {\n    color: 'grey',\n    display: 'inline-flex',\n    padding: '2px',\n    '& :hover': {\n      color: 'black'\n    }\n  },\n  active: {\n    color: 'black'\n  },\n  disabled: {\n    opacity: 0.7,\n    cursor: 'not-allowed',\n    '& :hover': {\n      color: 'grey'\n    }\n  }\n});\n\nconst log = debug('pie-elements:editable-html:raw-button');\n\nexport class RawButton extends React.Component {\n  static propTypes = {\n    onClick: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    active: PropTypes.bool,\n    disabled: PropTypes.bool,\n    extraStyles: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onClick = e => {\n    log('[onClick]');\n    e.preventDefault();\n    const { onClick } = this.props;\n    onClick(e);\n  };\n\n  render() {\n    const { active, classes, children, disabled, extraStyles } = this.props;\n    const names = classNames(classes.button, {\n      [classes.active]: active,\n      [classes.disabled]: disabled\n    });\n\n    return (\n      <div style={extraStyles} className={names} onMouseDown={this.onClick}>\n        {children}\n      </div>\n    );\n  }\n}\n\nexport const Button = injectSheet(styles())(RawButton);\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object.isRequired,\n    active: PropTypes.bool\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onToggle = e => {\n    e.preventDefault();\n    this.props.onToggle(this.props.mark);\n  };\n\n  render() {\n    const { classes, children, active } = this.props;\n    const names = classNames(classes.button, active && classes.active);\n    return (\n      <span className={names} onMouseDown={this.onToggle}>\n        {children}\n      </span>\n    );\n  }\n}\n\nexport const MarkButton = injectSheet(styles())(RawMarkButton);\n"],"file":"toolbar-buttons.js"}

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

@@ -0,0 +1,358 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Toolbar = void 0;
+
+var _doneButton = require("./done-button");
+
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _utils = require("../utils");
+
+var _styles = require("@material-ui/core/styles");
+
+var _defaultToolbar = _interopRequireDefault(require("./default-toolbar"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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) { _defineProperty(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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar');
+
+var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, onDataChange) {
+  if (!plugin) {
+    return;
+  }
+
+  if (!plugin.toolbar) {
+    return;
+  }
+
+  if (plugin.toolbar.CustomToolbarComp) {
+    /**
+     * Using a pre-defined Component should be preferred
+     * as the rendering of it (and it's children) can be optimized by React.
+     * If you keep re-defining the comp with an inline function
+     * then react will have to re-render.
+     */
+    return plugin.toolbar.CustomToolbarComp;
+  } else if (typeof plugin.toolbar.customToolbar === 'function') {
+    log('deprecated - use CustomToolbarComp');
+    return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);
+  }
+};
+
+var Toolbar = /*#__PURE__*/function (_React$Component) {
+  _inherits(Toolbar, _React$Component);
+
+  var _super = _createSuper(Toolbar);
+
+  function Toolbar(props) {
+    var _this;
+
+    _classCallCheck(this, Toolbar);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "hasMark", function (type) {
+      var value = _this.props.value;
+      return value.marks.some(function (mark) {
+        return mark.type == type;
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "hasBlock", function (type) {
+      var value = _this.props.value;
+      return value.blocks.some(function (node) {
+        return node.type == type;
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onToggle", function (plugin) {
+      var _this$props = _this.props,
+          value = _this$props.value,
+          onChange = _this$props.onChange;
+      if (!plugin.onToggle) return;
+      var change = plugin.onToggle(value.change());
+      onChange(change);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
+      log('[onClick]');
+      e.preventDefault();
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onButtonClick", function (fn) {
+      return function (e) {
+        e.preventDefault();
+        fn();
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onToolbarDone", function (change, finishEditing) {
+      log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);
+      var _this$props2 = _this.props,
+          onChange = _this$props2.onChange,
+          onDone = _this$props2.onDone;
+
+      if (change) {
+        onChange(change, function () {
+          if (finishEditing) {
+            onDone();
+          }
+        });
+      } else {
+        if (finishEditing) {
+          log('[onToolbarChange] call onDone');
+          onDone();
+        }
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onDeleteClick", (0, _debounce["default"])(function (e, plugin, node, value, onChange) {
+      return plugin.deleteNode(e, node, value, onChange);
+    }, 500));
+
+    _defineProperty(_assertThisInitialized(_this), "onDeleteMouseDown", function (e, plugin, node, value, onChange) {
+      e.persist();
+
+      _this.onDeleteClick(e, plugin, node, value, onChange);
+    });
+
+    _this.state = {
+      change: null
+    };
+    return _this;
+  }
+
+  _createClass(Toolbar, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this,
+          _classNames;
+
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          plugins = _this$props3.plugins,
+          pluginProps = _this$props3.pluginProps,
+          toolbarOpts = _this$props3.toolbarOpts,
+          value = _this$props3.value,
+          autoWidth = _this$props3.autoWidth,
+          onChange = _this$props3.onChange,
+          isFocused = _this$props3.isFocused,
+          onDone = _this$props3.onDone,
+          toolbarRef = _this$props3.toolbarRef;
+      var node = (0, _utils.findSingleNode)(value);
+      var parentNode = (0, _utils.findParentNode)(value, node);
+      log(' --------------> [render] node: ', node);
+      log('[render] node: ', node);
+      var plugin = plugins.find(function (p) {
+        if (!node) {
+          return;
+        }
+
+        if (p.toolbar) {
+          return p.toolbar.supports && p.toolbar.supports(node, value);
+        }
+      });
+      var parentPlugin = plugins.find(function (p) {
+        if (!parentNode) {
+          return;
+        }
+
+        if (p.toolbar) {
+          return p.toolbar.supports && p.toolbar.supports(parentNode, value);
+        }
+      });
+      log('[render] plugin: ', plugin);
+
+      var handleDone = function handleDone(change, done) {
+        var handler = onDone;
+
+        if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {
+          handler = _this2.onToolbarDone;
+        }
+
+        handler(change, done);
+
+        if (parentPlugin && parentPlugin.handleDone) {
+          parentPlugin.handleDone(value, node, plugin, onChange);
+        }
+      };
+
+      var handleDataChange = function handleDataChange(key, data) {
+        _this2.props.onDataChange(key, data);
+      };
+
+      var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, this.props.onDataChange);
+      var filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;
+      log('[render] CustomToolbar: ', CustomToolbar);
+      var parentExtraStyles = parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};
+      var pluginExtraStyles = plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};
+
+      var extraStyles = _objectSpread(_objectSpread({}, pluginExtraStyles), parentExtraStyles);
+
+      var deletable = node && plugin && plugin.deleteNode;
+      var customToolbarShowDone = node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible; // If there is a toolbarOpts we check if the showDone is not equal to false
+
+      var defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;
+      var hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;
+      var names = (0, _classnames["default"])(classes.toolbar, (_classNames = {}, _defineProperty(_classNames, classes.toolbarWithNoDone, !hasDoneButton), _defineProperty(_classNames, classes.toolbarTop, toolbarOpts.position === 'top'), _defineProperty(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), _defineProperty(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), _defineProperty(_classNames, classes.autoWidth, autoWidth), _defineProperty(_classNames, classes.fullWidth, !autoWidth), _classNames));
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: names,
+        style: extraStyles,
+        onClick: this.onClick,
+        ref: toolbarRef
+      }, CustomToolbar ? /*#__PURE__*/_react["default"].createElement(CustomToolbar, {
+        node: node,
+        value: value,
+        onToolbarDone: this.onToolbarDone,
+        onDataChange: handleDataChange,
+        pluginProps: pluginProps
+      }) : /*#__PURE__*/_react["default"].createElement(_defaultToolbar["default"], {
+        plugins: filteredPlugins,
+        pluginProps: pluginProps,
+        value: value,
+        onChange: onChange,
+        showDone: defaultToolbarShowDone,
+        onDone: handleDone,
+        deletable: deletable
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.shared
+      }, deletable && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        "aria-label": "Delete",
+        className: classes.iconRoot,
+        onMouseDown: function onMouseDown(e) {
+          return _this2.onDeleteMouseDown(e, plugin, node, value, onChange);
+        },
+        classes: {
+          root: classes.iconRoot
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)), customToolbarShowDone && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
+        onClick: handleDone
+      })));
+    }
+  }]);
+
+  return Toolbar;
+}(_react["default"].Component);
+
+exports.Toolbar = Toolbar;
+
+_defineProperty(Toolbar, "propTypes", {
+  zIndex: _propTypes["default"].number,
+  value: _slatePropTypes["default"].value.isRequired,
+  plugins: _propTypes["default"].array,
+  plugin: _propTypes["default"].object,
+  onImageClick: _propTypes["default"].func,
+  onDone: _propTypes["default"].func.isRequired,
+  toolbarRef: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  isFocused: _propTypes["default"].bool,
+  autoWidth: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  pluginProps: _propTypes["default"].object,
+  toolbarOpts: _propTypes["default"].shape({
+    position: _propTypes["default"].oneOf(['bottom', 'top']),
+    alignment: _propTypes["default"].oneOf(['left', 'right']),
+    alwaysVisible: _propTypes["default"].bool,
+    ref: _propTypes["default"].func,
+    showDone: _propTypes["default"].bool
+  }),
+  onDataChange: _propTypes["default"].func
+});
+
+var style = {
+  toolbar: {
+    position: 'absolute',
+    zIndex: 10,
+    cursor: 'pointer',
+    justifyContent: 'space-between',
+    background: 'var(--editable-html-toolbar-bg, #efefef)',
+    minWidth: '280px',
+    margin: '5px 0 0 0',
+    padding: '2px',
+    boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',
+    boxSizing: 'border-box',
+    display: 'none'
+  },
+  toolbarWithNoDone: {
+    minWidth: '265px'
+  },
+  toolbarTop: {
+    top: '-45px'
+  },
+  toolbarRight: {
+    right: 0
+  },
+  fullWidth: {
+    width: '100%'
+  },
+  autoWidth: {
+    width: 'auto'
+  },
+  focused: {
+    display: 'flex'
+  },
+  iconRoot: {
+    width: '28px',
+    height: '28px',
+    padding: '4px',
+    verticalAlign: 'top'
+  },
+  label: {
+    color: 'var(--editable-html-toolbar-check, #00bb00)'
+  },
+  shared: {
+    display: 'flex'
+  }
+};
+
+var _default = (0, _styles.withStyles)(style, {
+  index: 1000
+})(Toolbar);
+
+exports["default"] = _default;
+//# sourceMappingURL=toolbar.js.map