@pie-lib/editable-html 11.2.0-beta.4 → 11.2.0-beta.5

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

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _utils = require("../../../__tests__/utils");
+
+var _enzyme = require("enzyme");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _slate = require("slate");
+
+var _defaultToolbar = require("../default-toolbar");
+
+var _doneButton = require("../done-button");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
+
+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; }
+
+(0, _utils.mockMathInput)();
+jest.mock('@material-ui/core/IconButton', function () {
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: props.className,
+      style: props.style,
+      ariaLabel: props['aria-label']
+    });
+  };
+});
+
+var node = _slate.Inline.fromJSON({
+  type: 'i'
+});
+
+var value;
+var log = (0, _debug["default"])('@pie-lib:editable-html:test:toolbar');
+describe('default-toolbar', function () {
+  var w;
+  var onDone = jest.fn();
+  var onChange = jest.fn();
+
+  var wrapper = function wrapper(extras) {
+    var defaults = {
+      classes: {},
+      value: _slate.Value.fromJSON({}),
+      plugins: [],
+      className: 'className',
+      onDone: onDone,
+      onChange: onChange,
+      deletable: false,
+      showDone: true
+    };
+
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+
+    return (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, props));
+  };
+
+  describe('snapshot', function () {
+    it('renders', function () {
+      expect(w).toMatchSnapshot();
+    });
+    it('renders 1 plugins', function () {
+      w = wrapper({
+        plugins: [{
+          toolbar: {},
+          name: 'plugin-one'
+        }]
+      });
+      expect(w).toMatchSnapshot();
+      expect(w.find(_defaultToolbar.ToolbarButton)).toHaveLength(1);
+    });
+    it('renders 2 plugins', function () {
+      w = wrapper({
+        plugins: [{
+          toolbar: {},
+          name: 'plugin-one'
+        }, {
+          toolbar: {},
+          name: 'plugin-two'
+        }]
+      });
+      expect(w).toMatchSnapshot();
+      expect(w.find(_defaultToolbar.ToolbarButton)).toHaveLength(2);
+    });
+    it('renders 1 plugins, 1 is disabled', function () {
+      w = wrapper({
+        pluginProps: {
+          'plugin-one': {
+            disabled: true
+          }
+        },
+        plugins: [{
+          toolbar: {},
+          name: 'plugin-one'
+        }, {
+          toolbar: {},
+          name: 'plugin-two'
+        }]
+      });
+      expect(w).toMatchSnapshot();
+      expect(w.find(_defaultToolbar.ToolbarButton)).toHaveLength(1);
+    });
+    it('renders without done button', function () {
+      w = wrapper({
+        deletable: false
+      });
+      expect(w).toMatchSnapshot();
+      expect(w.find(_doneButton.DoneButton)).toHaveLength(1);
+    });
+    it('renders with done button', function () {
+      w = wrapper({
+        deletable: true
+      });
+      expect(w).toMatchSnapshot();
+      expect(w.find(_doneButton.DoneButton)).toHaveLength(0);
+    });
+  });
+  describe('logic', function () {});
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbHVnaW5zL3Rvb2xiYXIvX190ZXN0c19fL2RlZmF1bHQtdG9vbGJhci50ZXN0LmpzeCJdLCJuYW1lcyI6WyJqZXN0IiwibW9jayIsInByb3BzIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJub2RlIiwiSW5saW5lIiwiZnJvbUpTT04iLCJ0eXBlIiwidmFsdWUiLCJsb2ciLCJkZXNjcmliZSIsInciLCJvbkRvbmUiLCJmbiIsIm9uQ2hhbmdlIiwid3JhcHBlciIsImV4dHJhcyIsImRlZmF1bHRzIiwiY2xhc3NlcyIsIlZhbHVlIiwicGx1Z2lucyIsImRlbGV0YWJsZSIsInNob3dEb25lIiwiaXQiLCJleHBlY3QiLCJ0b01hdGNoU25hcHNob3QiLCJ0b29sYmFyIiwibmFtZSIsImZpbmQiLCJUb29sYmFyQnV0dG9uIiwidG9IYXZlTGVuZ3RoIiwicGx1Z2luUHJvcHMiLCJkaXNhYmxlZCIsIkRvbmVCdXR0b24iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUVBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7QUFFQTtBQUVBQSxJQUFJLENBQUNDLElBQUwsQ0FBVSw4QkFBVixFQUEwQyxZQUFNO0FBQzlDLFNBQU8sVUFBQ0MsS0FBRDtBQUFBLHdCQUFXO0FBQUssTUFBQSxTQUFTLEVBQUVBLEtBQUssQ0FBQ0MsU0FBdEI7QUFBaUMsTUFBQSxLQUFLLEVBQUVELEtBQUssQ0FBQ0UsS0FBOUM7QUFBcUQsTUFBQSxTQUFTLEVBQUVGLEtBQUssQ0FBQyxZQUFEO0FBQXJFLE1BQVg7QUFBQSxHQUFQO0FBQ0QsQ0FGRDs7QUFJQSxJQUFJRyxJQUFJLEdBQUdDLGNBQU9DLFFBQVAsQ0FBZ0I7QUFBRUMsRUFBQUEsSUFBSSxFQUFFO0FBQVIsQ0FBaEIsQ0FBWDs7QUFDQSxJQUFJQyxLQUFKO0FBQ0EsSUFBTUMsR0FBRyxHQUFHLHVCQUFNLHFDQUFOLENBQVo7QUFFQUMsUUFBUSxDQUFDLGlCQUFELEVBQW9CLFlB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QyxZQUE5QixDQUEyQyxDQUEzQztBQUNELEtBZEMsQ0FBRjtBQWVBUCxJQUFBQSxFQUFFLENBQUMsNkJBQUQsRUFBZ0MsWUFBTTtBQUN0Q1osTUFBQUEsQ0FBQyxHQUFHSSxPQUFPLENBQUM7QUFDVk0sUUFBQUEsU0FBUyxFQUFFO0FBREQsT0FBRCxDQUFYO0FBSUFHLE1BQUFBLE1BQU0sQ0FBQ2IsQ0FBRCxDQUFOLENBQVVjLGVBQVY7QUFDQUQsTUFBQUEsTUFBTSxDQUFDYixDQUFDLENBQUNpQixJQUFGLENBQU9LLHNCQUFQLENBQUQsQ0FBTixDQUEyQkgsWUFBM0IsQ0FBd0MsQ0FBeEM7QUFDRCxLQVBDLENBQUY7QUFRQVAsSUFBQUEsRUFBRSxDQUFDLDBCQUFELEVBQTZCLFlBQU07QUFDbkNaLE1BQUFBLENBQUMsR0FBR0ksT0FBTyxDQUFDO0FBQ1ZNLFFBQUFBLFNBQVMsRUFBRTtBQURELE9BQUQsQ0FBWDtBQUlBRyxNQUFBQSxNQUFNLENBQUNiLENBQUQsQ0FBTixDQUFVYyxlQUFWO0FBQ0FELE1BQUFBLE1BQU0sQ0FBQ2IsQ0FBQyxDQUFDaUIsSUFBRixDQUFPSyxzQkFBUCxDQUFELENBQU4sQ0FBMkJILFlBQTNCLENBQXdDLENBQXhDO0FBQ0QsS0FQQyxDQUFGO0FBUUQsR0FwRE8sQ0FBUjtBQXFEQXBCLEVBQUFBLFFBQVEsQ0FBQyxPQUFELEVBQVUsWUFBTSxDQUFFLENBQWxCLENBQVI7QUFDRCxDQXpFTyxDQUFSIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xhc3NPYmplY3QsIG1vY2tJY29uQnV0dG9uLCBtb2NrTWF0aElucHV0IH0gZnJvbSAnLi4vLi4vLi4vX190ZXN0c19fL3V0aWxzJztcbmltcG9ydCB7IHNoYWxsb3cgfSBmcm9tICdlbnp5bWUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRGF0YSwgVmFsdWUsIElubGluZSB9IGZyb20gJ3NsYXRlJztcbmltcG9ydCB7IERlZmF1bHRUb29sYmFyLCBUb29sYmFyQnV0dG9uIH0gZnJvbSAnLi4vZGVmYXVsdC10b29sYmFyJztcbmltcG9ydCB7IERvbmVCdXR0b24gfSBmcm9tICcuLi9kb25lLWJ1dHRvbic7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuaW1wb3J0IHJlbmRlcmVyIGZyb20gJ3JlYWN0LXRlc3QtcmVuZGVyZXInO1xuXG5tb2NrTWF0aElucHV0KCk7XG5cbmplc3QubW9jaygnQG1hdGVyaWFsLXVpL2NvcmUvSWNvbkJ1dHRvbicsICgpID0+IHtcbiAgcmV0dXJuIChwcm9wcykgPT4gPGRpdiBjbGFzc05hbWU9e3Byb3BzLmNsYXNzTmFtZX0gc3R5bGU9e3Byb3BzLnN0eWxlfSBhcmlhTGFiZWw9e3Byb3BzWydhcmlhLWxhYmVsJ119IC8+O1xufSk7XG5cbmxldCBub2RlID0gSW5saW5lLmZyb21KU09OKHsgdHlwZTogJ2knIH0pO1xubGV0IHZhbHVlO1xuY29uc3QgbG9nID0gZGVidWcoJ0BwaWUtbGliOmVkaXRhYmxlLWh0bWw6dGVzdDp0b29sYmFyJyk7XG5cbmRlc2NyaWJlKCdkZWZhdWx0LXRvb2xiYXInLCAoKSA9PiB7XG4gIGxldCB3O1xuICBsZXQgb25Eb25lID0gamVzdC5mbigpO1xuICBsZXQgb25DaGFuZ2UgPSBqZXN0LmZuKCk7XG4gIGNvbnN0IHdyYXBwZXIgPSAoZXh0cmFzKSA9PiB7XG4gICAgY29uc3QgZGVmYXVsdHMgPSB7XG4gICAgICBjbGFzc2VzOiB7fSxcbiAgICAgIHZhbHVlOiBWYWx1ZS5mcm9tSlNPTih7fSksXG4gICAgICBwbHVnaW5zOiBbXSxcbiAgICAgIGNsYXNzTmFtZTogJ2NsYXNzTmFtZScsXG4gICAgICBvbkRvbmUsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIGRlbGV0YWJsZTogZmFsc2UsXG4gICAgICBzaG93RG9uZTogdHJ1ZSxcbiAgICB9O1xuICAgIGNvbnN0IHByb3BzID0geyAuLi5kZWZhdWx0cywgLi4uZXh0cmFzIH07XG4gICAgcmV0dXJuIHNoYWxsb3coPERlZmF1bHRUb29sYmFyIHsuLi5wcm9wc30gLz4pO1xuICB9O1xuXG4gIGRlc2NyaWJlKCdzbmFwc2hvdCcsICgpID0+IHtcbiAgICBpdCgncmVuZGVycycsICgpID0+IHtcbiAgICAgIGV4cGVjdCh3KS50b01hdGNoU25hcHNob3QoKTtcbiAgICB9KTtcbiAgICBpdCgncmVuZGVycyAxIHBsdWdpbnMnLCAoKSA9PiB7XG4gICAgICB3ID0gd3JhcHBlcih7XG4gICAgICAgIHBsdWdpbnM6IFt7IHRvb2xiYXI6IHt9LCBuYW1lOiAncGx1Z2luLW9uZScgfV0sXG4gICAgICB9KTtcbiAgICAgIGV4cGVjdCh3KS50b01hdGNoU25hcHNob3QoKTtcbiAgICAgIGV4cGVjdCh3LmZpbmQoVG9vbGJhckJ1dHRvbikpLnRvSGF2ZUxlbmd0aCgxKTtcbiAgICB9KTtcbiAgICBpdCgncmVuZGVycyAyIHBsdWdpbnMnLCAoKSA9PiB7XG4gICAgICB3ID0gd3JhcHBlcih7XG4gICAgICAgIHBsdWdpbnM6IFtcbiAgICAgICAgICB7IHRvb2xiYXI6IHt9LCBuYW1lOiAncGx1Z2luLW9uZScgfSxcbiAgICAgICAgICB7IHRvb2xiYXI6IHt9LCBuYW1lOiAncGx1Z2luLXR3bycgfSxcbiAgICAgICAgXSxcbiAgICAgIH0pO1xuICAgICAgZXhwZWN0KHcpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgICAgZXhwZWN0KHcuZmluZChUb29sYmFyQnV0dG9uKSkudG9IYXZlTGVuZ3RoKDIpO1xuICAgIH0pO1xuICAgIGl0KCdyZW5kZXJzIDEgcGx1Z2lucywgMSBpcyBkaXNhYmxlZCcsICgpID0+IHtcbiAgICAgIHcgPSB3cmFwcGVyKHtcbiAgICAgICAgcGx1Z2luUHJvcHM6IHtcbiAgICAgICAgICAncGx1Z2luLW9uZSc6IHtcbiAgICAgICAgICAgIGRpc2FibGVkOiB0cnVlLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIHBsdWdpbnM6IFtcbiAgICAgICAgICB7IHRvb2xiYXI6IHt9LCBuYW1lOiAncGx1Z2luLW9uZScgfSxcbiAgICAgICAgICB7IHRvb2xiYXI6IHt9LCBuYW1lOiAncGx1Z2luLXR3bycgfSxcbiAgICAgICAgXSxcbiAgICAgIH0pO1xuICAgICAgZXhwZWN0KHcpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgICAgZXhwZWN0KHcuZmluZChUb29sYmFyQnV0dG9uKSkudG9IYXZlTGVuZ3RoKDEpO1xuICAgIH0pO1xuICAgIGl0KCdyZW5kZXJzIHdpdGhvdXQgZG9uZSBidXR0b24nLCAoKSA9PiB7XG4gICAgICB3ID0gd3JhcHBlcih7XG4gICAgICAgIGRlbGV0YWJsZTogZmFsc2UsXG4gICAgICB9KTtcblxuICAgICAgZXhwZWN0KHcpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgICAgZXhwZWN0KHcuZmluZChEb25lQnV0dG9uKSkudG9IYXZlTGVuZ3RoKDEpO1xuICAgIH0pO1xuICAgIGl0KCdyZW5kZXJzIHdpdGggZG9uZSBidXR0b24nLCAoKSA9PiB7XG4gICAgICB3ID0gd3JhcHBlcih7XG4gICAgICAgIGRlbGV0YWJsZTogdHJ1ZSxcbiAgICAgIH0pO1xuXG4gICAgICBleHBlY3QodykudG9NYXRjaFNuYXBzaG90KCk7XG4gICAgICBleHBlY3Qody5maW5kKERvbmVCdXR0b24pKS50b0hhdmVMZW5ndGgoMCk7XG4gICAgfSk7XG4gIH0pO1xuICBkZXNjcmliZSgnbG9naWMnLCAoKSA9PiB7fSk7XG59KTtcbiJdfQ==

package/lib/plugins/toolbar/__tests__/editor-and-toolbar.test.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _utils = require("../../../__tests__/utils");
+
+var _slate = require("slate");
+
+var _editorAndToolbar = require("../editor-and-toolbar");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
+
+jest.mock("../toolbar", function () {
+  return function () {
+    return /*#__PURE__*/_react["default"].createElement("div", null, "---- toolbar ------ ");
+  };
+});
+(0, _utils.mockIconButton)();
+var log = (0, _debug["default"])('@pie-lib:editable-html:test:editor-and-toolbar');
+describe('toolbar', function () {
+  var onDelete, classes;
+  beforeEach(function () {
+    onDelete = jest.fn();
+    classes = (0, _utils.classObject)('root', 'editorHolder', 'editorInFocus');
+  });
+  it('renders', function () {
+    var value = _slate.Value.fromJSON({});
+
+    Object.defineProperty(value, 'isFocused', {
+      get: jest.fn(function () {
+        return true;
+      })
+    });
+
+    var tree = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_editorAndToolbar.EditorAndToolbar, {
+      classes: classes,
+      value: value,
+      plugins: [],
+      onDone: jest.fn(),
+      onChange: jest.fn()
+    }, "children")).toJSON();
+
+    log('tree: ', JSON.stringify(tree, null, '  '));
+    expect(tree).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbHVnaW5zL3Rvb2xiYXIvX190ZXN0c19fL2VkaXRvci1hbmQtdG9vbGJhci50ZXN0LmpzeCJdLCJuYW1lcyI6WyJqZXN0IiwibW9jayIsImxvZyIsImRlc2NyaWJlIiwib25EZWxldGUiLCJjbGFzc2VzIiwiYmVmb3JlRWFjaCIsImZuIiwiaXQiLCJ2YWx1ZSIsIlZhbHVlIiwiZnJvbUpTT04iLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldCIsInRyZWUiLCJyZW5kZXJlciIsImNyZWF0ZSIsInRvSlNPTiIsIkpTT04iLCJzdHJpbmdpZnkiLCJleHBlY3QiLCJ0b01hdGNoU25hcHNob3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFBQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQUEsSUFBSSxDQUFDQyxJQUFMLGVBQXdCO0FBQUEsU0FBTTtBQUFBLHdCQUFNLG9FQUFOO0FBQUEsR0FBTjtBQUFBLENBQXhCO0FBRUE7QUFFQSxJQUFNQyxHQUFHLEdBQUcsdUJBQU0sZ0RBQU4sQ0FBWjtBQUVBQyxRQUFRLENBQUMsU0FBRCxFQUFZLFlBQU07QUFDeEIsTUFBSUMsUUFBSixFQUFjQyxPQUFkO0FBRUFDLEVBQUFBLFVBQVUsQ0FBQyxZQUFNO0FBQ2ZGLElBQUFBLFFBQVEsR0FBR0osSUFBSSxDQUFDTyxFQUFMLEVBQVg7QUFDQUYsSUFBQUEsT0FBTyxHQUFHLHdCQUFZLE1BQVosRUFBb0IsY0FBcEIsRUFBb0MsZUFBcEMsQ0FBVjtBQUNELEdBSFMsQ0FBVjtBQUtBRyxFQUFBQSxFQUFFLENBQUMsU0FBRCxFQUFZLFlBQU07QUFDbEIsUUFBTUMsS0FBSyxHQUFHQyxhQUFNQyxRQUFOLENBQWUsRUFBZixDQUFkOztBQUNBQyxJQUFBQSxNQUFNLENBQUNDLGNBQVAsQ0FBc0JKLEtBQXRCLEVBQTZCLFdBQTdCLEVBQTBDO0FBQUVLLE1BQUFBLEdBQUcsRUFBRWQsSUFBSSxDQUFDTyxFQUFMLENBQVE7QUFBQSxlQUFNLElBQU47QUFBQSxPQUFSO0FBQVAsS0FBMUM7O0FBRUEsUUFBTVEsSUFBSSxHQUFHQyw4QkFDVkMsTUFEVSxlQUVULGdDQUFDLGtDQUFEO0FBQWtCLE1BQUEsT0FBTyxFQUFFWixPQUEzQjtBQUFvQyxNQUFBLEtBQUssRUFBRUksS0FBM0M7QUFBa0QsTUFBQSxPQUFPLEVBQUUsRUFBM0Q7QUFBK0QsTUFBQSxNQUFNLEVBQUVULElBQUksQ0FBQ08sRUFBTCxFQUF2RTtBQUFrRixNQUFBLFFBQVEsRUFBRVAsSUFBSSxDQUFDTyxFQUFMO0FBQTVGLGtCQUZTLEVBTVZXLE1BTlUsRUFBYjs7QUFPQWhCLElBQUFBLEdBQUcsQ0FBQyxRQUFELEVBQVdpQixJQUFJLENBQUNDLFNBQUwsQ0FBZUwsSUFBZixFQUFxQixJQUFyQixFQUEyQixJQUEzQixDQUFYLENBQUg7QUFDQU0sSUFBQUEsTUFBTSxDQUFDTixJQUFELENBQU4sQ0FBYU8sZUFBYjtBQUNELEdBYkMsQ0FBRjtBQWNELENBdEJPLENBQVIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbGFzc09iamVjdCwgbW9ja0ljb25CdXR0b24gfSBmcm9tICcuLi8uLi8uLi9fX3Rlc3RzX18vdXRpbHMnO1xuXG5pbXBvcnQgeyBEYXRhLCBWYWx1ZSB9IGZyb20gJ3NsYXRlJztcbmltcG9ydCB7IEVkaXRvckFuZFRvb2xiYXIsIGdldENsb25lZENoaWxkcmVuIH0gZnJvbSAnLi4vZWRpdG9yLWFuZC10b29sYmFyJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuaW1wb3J0IHJlbmRlcmVyIGZyb20gJ3JlYWN0LXRlc3QtcmVuZGVyZXInO1xuXG5qZXN0Lm1vY2soJy4uL3Rvb2xiYXInLCAoKSA9PiAoKSA9PiA8ZGl2Pi0tLS0gdG9vbGJhciAtLS0tLS0gPC9kaXY+KTtcblxubW9ja0ljb25CdXR0b24oKTtcblxuY29uc3QgbG9nID0gZGVidWcoJ0BwaWUtbGliOmVkaXRhYmxlLWh0bWw6dGVzdDplZGl0b3ItYW5kLXRvb2xiYXInKTtcblxuZGVzY3JpYmUoJ3Rvb2xiYXInLCAoKSA9PiB7XG4gIGxldCBvbkRlbGV0ZSwgY2xhc3NlcztcblxuICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICBvbkRlbGV0ZSA9IGplc3QuZm4oKTtcbiAgICBjbGFzc2VzID0gY2xhc3NPYmplY3QoJ3Jvb3QnLCAnZWRpdG9ySG9sZGVyJywgJ2VkaXRvckluRm9jdXMnKTtcbiAgfSk7XG5cbiAgaXQoJ3JlbmRlcnMnLCAoKSA9PiB7XG4gICAgY29uc3QgdmFsdWUgPSBWYWx1ZS5mcm9tSlNPTih7fSk7XG4gICAgT2JqZWN0LmRlZmluZVByb3BlcnR5KHZhbHVlLCAnaXNGb2N1c2VkJywgeyBnZXQ6IGplc3QuZm4oKCkgPT4gdHJ1ZSkgfSk7XG5cbiAgICBjb25zdCB0cmVlID0gcmVuZGVyZXJcbiAgICAgIC5jcmVhdGUoXG4gICAgICAgIDxFZGl0b3JBbmRUb29sYmFyIGNsYXNzZXM9e2NsYXNzZXN9IHZhbHVlPXt2YWx1ZX0gcGx1Z2lucz17W119IG9uRG9uZT17amVzdC5mbigpfSBvbkNoYW5nZT17amVzdC5mbigpfT5cbiAgICAgICAgICBjaGlsZHJlblxuICAgICAgICA8L0VkaXRvckFuZFRvb2xiYXI+LFxuICAgICAgKVxuICAgICAgLnRvSlNPTigpO1xuICAgIGxvZygndHJlZTogJywgSlNPTi5zdHJpbmdpZnkodHJlZSwgbnVsbCwgJyAgJykpO1xuICAgIGV4cGVjdCh0cmVlKS50b01hdGNoU25hcHNob3QoKTtcbiAgfSk7XG59KTtcbiJdfQ==

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _utils = require("../../../__tests__/utils");
+
+var _slate = require("slate");
+
+var _toolbarButtons = require("../toolbar-buttons");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
+
+(0, _utils.mockIconButton)();
+var log = (0, _debug["default"])('@pie-lib:editable-html:test:editor-and-toolbar');
+describe('Button', function () {
+  it('renders', function () {
+    var classes = (0, _utils.classObject)('root');
+
+    var tree = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawButton, {
+      onClick: jest.fn(),
+      classes: classes
+    }, "children")).toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+});
+describe('MarkButton', function () {
+  var classes = (0, _utils.classObject)('button', 'root', 'active');
+  it('renders not active', function () {
+    var tree = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawMarkButton, {
+      mark: 'i',
+      onToggle: jest.fn(),
+      active: false,
+      classes: classes
+    }, "children")).toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+  it('renders active', function () {
+    var tree = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawMarkButton, {
+      mark: 'i',
+      onToggle: jest.fn(),
+      active: true,
+      classes: classes
+    }, "children")).toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbHVnaW5zL3Rvb2xiYXIvX190ZXN0c19fL3Rvb2xiYXItYnV0dG9ucy50ZXN0LmpzeCJdLCJuYW1lcyI6WyJsb2ciLCJkZXNjcmliZSIsIml0IiwiY2xhc3NlcyIsInRyZWUiLCJyZW5kZXJlciIsImNyZWF0ZSIsImplc3QiLCJmbiIsInRvSlNPTiIsImV4cGVjdCIsInRvTWF0Y2hTbmFwc2hvdCJdLCJtYXBwaW5ncyI6Ijs7OztBQUFBOztBQUVBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVBO0FBRUEsSUFBTUEsR0FBRyxHQUFHLHVCQUFNLGdEQUFOLENBQVo7QUFFQUMsUUFBUSxDQUFDLFFBQUQsRUFBVyxZQUFNO0FBQ3ZCQyxFQUFBQSxFQUFFLENBQUMsU0FBRCxFQUFZLFlBQU07QUFDbEIsUUFBTUMsT0FBTyxHQUFHLHdCQUFZLE1BQVosQ0FBaEI7O0FBQ0EsUUFBTUMsSUFBSSxHQUFHQyw4QkFDVkMsTUFEVSxlQUVULGdDQUFDLHlCQUFEO0FBQVcsTUFBQSxPQUFPLEVBQUVDLElBQUksQ0FBQ0MsRUFBTCxFQUFwQjtBQUErQixNQUFBLE9BQU8sRUFBRUw7QUFBeEMsa0JBRlMsRUFNVk0sTUFOVSxFQUFiOztBQU9BQyxJQUFBQSxNQUFNLENBQUNOLElBQUQsQ0FBTixDQUFhTyxlQUFiO0FBQ0QsR0FWQyxDQUFGO0FBV0QsQ0FaTyxDQUFSO0FBY0FWLFFBQVEsQ0FBQyxZQUFELEVBQWUsWUFBTTtBQUMzQixNQUFNRSxPQUFPLEdBQUcsd0JBQVksUUFBWixFQUFzQixNQUF0QixFQUE4QixRQUE5QixDQUFoQjtBQUVBRCxFQUFBQSxFQUFFLENBQUMsb0JBQUQsRUFBdUIsWUFBTTtBQUM3QixRQUFNRSxJQUFJLEdBQUdDLDhCQUNWQyxNQURVLGVBRVQsZ0NBQUMsNkJBQUQ7QUFBZSxNQUFBLElBQUksRUFBRSxHQUFyQjtBQUEwQixNQUFBLFFBQVEsRUFBRUMsSUFBSSxDQUFDQyxFQUFMLEVBQXBDO0FBQStDLE1BQUEsTUFBTSxFQUFFLEtBQXZEO0FBQThELE1BQUEsT0FBTyxFQUFFTDtBQUF2RSxrQkFGUyxFQU1WTSxNQU5VLEVBQWI7O0FBT0FDLElBQUFBLE1BQU0sQ0FBQ04sSUFBRCxDQUFOLENBQWFPLGVBQWI7QUFDRCxHQVRDLENBQUY7QUFXQVQsRUFBQUEsRUFBRSxDQUFDLGdCQUFELEVBQW1CLFlBQU07QUFDekIsUUFBTUUsSUFBSSxHQUFHQyw4QkFDVkMsTUFEVSxlQUVULGdDQUFDLDZCQUFEO0FBQWUsTUFBQSxJQUFJLEVBQUUsR0FBckI7QUFBMEIsTUFBQSxRQUFRLEVBQUVDLElBQUksQ0FBQ0MsRUFBTCxFQUFwQztBQUErQyxNQUFBLE1BQU0sRUFBRSxJQUF2RDtBQUE2RCxNQUFBLE9BQU8sRUFBRUw7QUFBdEUsa0JBRlMsRUFNVk0sTUFOVSxFQUFiOztBQU9BQyxJQUFBQSxNQUFNLENBQUNOLElBQUQsQ0FBTixDQUFhTyxlQUFiO0FBQ0QsR0FUQyxDQUFGO0FBVUQsQ0F4Qk8sQ0FBUiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsYXNzT2JqZWN0LCBtb2NrSWNvbkJ1dHRvbiB9IGZyb20gJy4uLy4uLy4uL19fdGVzdHNfXy91dGlscyc7XG5cbmltcG9ydCB7IERhdGEgfSBmcm9tICdzbGF0ZSc7XG5pbXBvcnQgeyBSYXdNYXJrQnV0dG9uLCBSYXdCdXR0b24gfSBmcm9tICcuLi90b29sYmFyLWJ1dHRvbnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWJ1ZyBmcm9tICdkZWJ1Zyc7XG5pbXBvcnQgcmVuZGVyZXIgZnJvbSAncmVhY3QtdGVzdC1yZW5kZXJlcic7XG5cbm1vY2tJY29uQnV0dG9uKCk7XG5cbmNvbnN0IGxvZyA9IGRlYnVnKCdAcGllLWxpYjplZGl0YWJsZS1odG1sOnRlc3Q6ZWRpdG9yLWFuZC10b29sYmFyJyk7XG5cbmRlc2NyaWJlKCdCdXR0b24nLCAoKSA9PiB7XG4gIGl0KCdyZW5kZXJzJywgKCkgPT4ge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc09iamVjdCgncm9vdCcpO1xuICAgIGNvbnN0IHRyZWUgPSByZW5kZXJlclxuICAgICAgLmNyZWF0ZShcbiAgICAgICAgPFJhd0J1dHRvbiBvbkNsaWNrPXtqZXN0LmZuKCl9IGNsYXNzZXM9e2NsYXNzZXN9PlxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgIDwvUmF3QnV0dG9uPixcbiAgICAgIClcbiAgICAgIC50b0pTT04oKTtcbiAgICBleHBlY3QodHJlZSkudG9NYXRjaFNuYXBzaG90KCk7XG4gIH0pO1xufSk7XG5cbmRlc2NyaWJlKCdNYXJrQnV0dG9uJywgKCkgPT4ge1xuICBjb25zdCBjbGFzc2VzID0gY2xhc3NPYmplY3QoJ2J1dHRvbicsICdyb290JywgJ2FjdGl2ZScpO1xuXG4gIGl0KCdyZW5kZXJzIG5vdCBhY3RpdmUnLCAoKSA9PiB7XG4gICAgY29uc3QgdHJlZSA9IHJlbmRlcmVyXG4gICAgICAuY3JlYXRlKFxuICAgICAgICA8UmF3TWFya0J1dHRvbiBtYXJrPXsnaSd9IG9uVG9nZ2xlPXtqZXN0LmZuKCl9IGFjdGl2ZT17ZmFsc2V9IGNsYXNzZXM9e2NsYXNzZXN9PlxuICAgICAgICAgIGNoaWxkcmVuXG4gICAgICAgIDwvUmF3TWFya0J1dHRvbj4sXG4gICAgICApXG4gICAgICAudG9KU09OKCk7XG4gICAgZXhwZWN0KHRyZWUpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICB9KTtcblxuICBpdCgncmVuZGVycyBhY3RpdmUnLCAoKSA9PiB7XG4gICAgY29uc3QgdHJlZSA9IHJlbmRlcmVyXG4gICAgICAuY3JlYXRlKFxuICAgICAgICA8UmF3TWFya0J1dHRvbiBtYXJrPXsnaSd9IG9uVG9nZ2xlPXtqZXN0LmZuKCl9IGFjdGl2ZT17dHJ1ZX0gY2xhc3Nlcz17Y2xhc3Nlc30+XG4gICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgPC9SYXdNYXJrQnV0dG9uPixcbiAgICAgIClcbiAgICAgIC50b0pTT04oKTtcbiAgICBleHBlY3QodHJlZSkudG9NYXRjaFNuYXBzaG90KCk7XG4gIH0pO1xufSk7XG4iXX0=

package/lib/plugins/toolbar/__tests__/toolbar.test.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _utils = require("../../../__tests__/utils");
+
+var _enzyme = require("enzyme");
+
+var _slate = require("slate");
+
+var _toolbar = require("../toolbar");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
+
+(0, _utils.mockMathInput)();
+jest.mock('@material-ui/core/IconButton', function () {
+  return function (props) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: props.className,
+      style: props.style,
+      ariaLabel: props['aria-label']
+    });
+  };
+});
+
+var node = _slate.Inline.fromJSON({
+  type: 'i'
+});
+
+var parentNode = _slate.Inline.fromJSON({
+  type: 'i'
+});
+
+var value;
+var log = (0, _debug["default"])('@pie-lib:editable-html:test:toolbar');
+describe('toolbar', function () {
+  var onDelete, classes, document, toolbarOpts;
+  beforeEach(function () {
+    onDelete = jest.fn();
+    toolbarOpts = {
+      position: 'bottom',
+      alwaysVisible: false
+    };
+    value = _slate.Value.fromJSON({});
+    document = {
+      getClosestInline: jest.fn().mockReturnValue(node),
+      getParent: jest.fn().mockReturnValue()
+    };
+    Object.defineProperties(value, {
+      isCollapsed: {
+        get: jest.fn(function () {
+          return true;
+        })
+      },
+      startKey: {
+        get: jest.fn(function () {
+          return '1';
+        })
+      },
+      document: {
+        get: jest.fn(function () {
+          return document;
+        })
+      }
+    });
+    classes = (0, _utils.classObject)('iconRoot', 'inline', 'toolbar', 'focused', 'shared', 'inline', 'pie-toolbar');
+  });
+  test('renders custom toolbar', function () {
+    var plugins = [{
+      deleteNode: function deleteNode() {
+        return true;
+      },
+      toolbar: {
+        supports: function supports() {
+          return true;
+        },
+        customToolbar: function customToolbar() {
+          return function () {
+            return /*#__PURE__*/_react["default"].createElement("div", null, " --------- custom toolbar ----------- ");
+          };
+        }
+      }
+    }];
+
+    var tree = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_toolbar.Toolbar, {
+      toolbarOpts: toolbarOpts,
+      plugins: plugins,
+      classes: classes,
+      value: value,
+      onDone: jest.fn(),
+      onChange: jest.fn()
+    })).toJSON();
+
+    log('tree: ', JSON.stringify(tree, null, '  '));
+    expect(tree).toMatchSnapshot();
+  });
+  describe('default', function () {
+    var plugins;
+    beforeEach(function () {
+      plugins = [];
+    });
+    test('renders default toolbar', function () {
+      var tree = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_toolbar.Toolbar, {
+        toolbarOpts: toolbarOpts,
+        plugins: plugins,
+        classes: classes,
+        value: value,
+        onDone: jest.fn(),
+        onChange: jest.fn()
+      })).toJSON();
+
+      expect(tree).toMatchSnapshot();
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbHVnaW5zL3Rvb2xiYXIvX190ZXN0c19fL3Rvb2xiYXIudGVzdC5qc3giXSwibmFtZXMiOlsiamVzdCIsIm1vY2siLCJwcm9wcyIsImNsYXNzTmFtZSIsInN0eWxlIiwibm9kZSIsIklubGluZSIsImZyb21KU09OIiwidHlwZSIsInBhcmVudE5vZGUiLCJ2YWx1ZSIsImxvZyIsImRlc2NyaWJlIiwib25EZWxldGUiLCJjbGFzc2VzIiwiZG9jdW1lbnQiLCJ0b29sYmFyT3B0cyIsImJlZm9yZUVhY2giLCJmbiIsInBvc2l0aW9uIiwiYWx3YXlzVmlzaWJsZSIsIlZhbHVlIiwiZ2V0Q2xvc2VzdElubGluZSIsIm1vY2tSZXR1cm5WYWx1ZSIsImdldFBhcmVudCIsIk9iamVjdCIsImRlZmluZVByb3BlcnRpZXMiLCJpc0NvbGxhcHNlZCIsImdldCIsInN0YXJ0S2V5IiwidGVzdCIsInBsdWdpbnMiLCJkZWxldGVOb2RlIiwidG9vbGJhciIsInN1cHBvcnRzIiwiY3VzdG9tVG9vbGJhciIsInRyZWUiLCJyZW5kZXJlciIsImNyZWF0ZSIsInRvSlNPTiIsIkpTT04iLCJzdHJpbmdpZnkiLCJleHBlY3QiLCJ0b01hdGNoU25hcHNob3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFBQTs7QUFDQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQTtBQUVBQSxJQUFJLENBQUNDLElBQUwsQ0FBVSw4QkFBVixFQUEwQyxZQUFNO0FBQzlDLFNBQU8sVUFBQ0MsS0FBRDtBQUFBLHdCQUFXO0FBQUssTUFBQSxTQUFTLEVBQUVBLEtBQUssQ0FBQ0MsU0FBdEI7QUFBaUMsTUFBQSxLQUFLLEVBQUVELEtBQUssQ0FBQ0UsS0FBOUM7QUFBcUQsTUFBQSxTQUFTLEVBQUVGLEtBQUssQ0FBQyxZQUFEO0FBQXJFLE1BQVg7QUFBQSxHQUFQO0FBQ0QsQ0FGRDs7QUFJQSxJQUFJRyxJQUFJLEdBQUdDLGNBQU9DLFFBQVAsQ0FBZ0I7QUFBRUMsRUFBQUEsSUFBSSxFQUFFO0FBQVIsQ0FBaEIsQ0FBWDs7QUFDQSxJQUFJQyxVQUFVLEdBQUdILGNBQU9DLFFBQVAsQ0FBZ0I7QUFDL0JDLEVBQUFBLElBQUksRUFBRTtBQUR5QixDQUFoQixDQUFqQjs7QUFHQSxJQUFJRSxLQUFKO0FBQ0EsSUFBTUMsR0FBRyxHQUFHLHVCQUFNLHFDQUFOLENBQVo7QUFFQUMsUUFBUSxDQUFDLFNBQUQsRUFBWSxZQUFNO0FBQ3hCLE1BQUlDLFFBQUosRUFBY0MsT0FBZCxFQUF1QkMsUUFBdkIsRUFBaUNDLFdBQWpDO0FBRUFDLEVBQUFBLFVBQVUsQ0FBQyxZQUFNO0FBQ2ZKLElBQUFBLFFBQVEsR0FBR2IsSUFBSSxDQUFDa0IsRUFBTCxFQUFYO0FBRUFGLElBQUFBLFdBQVcsR0FBRztBQUNaRyxNQUFBQSxRQUFRLEVBQUUsUUFERTtBQUVaQyxNQUFBQSxhQUFhLEVBQUU7QUFGSCxLQUFkO0FBS0FWLElBQUFBLEtBQUssR0FBR1csYUFBTWQsUUFBTixDQUFlLEVBQWYsQ0FBUjtBQUNBUSxJQUFBQSxRQUFRLEdBQUc7QUFDVE8sTUFBQUEsZ0JBQWdCLEVBQUV0QixJQUFJLENBQUNrQixFQUFMLEdBQVVLLGVBQVYsQ0FBMEJsQixJQUExQixDQURUO0FBRVRtQixNQUFBQSxTQUFTLEVBQUV4QixJQUFJLENBQUNrQixFQUFMLEdBQVVLLGVBQVY7QUFGRixLQUFYO0FBS0FFLElBQUFBLE1BQU0sQ0FBQ0MsZ0JBQVAsQ0FBd0JoQixLQUF4QixFQUErQjtBQUM3QmlCLE1BQUFBLFdBQVcsRUFBRTtBQUNYQyxRQUFBQSxHQUFHLEVBQUU1QixJQUFJLENBQUNrQixFQUFMLENBQVE7QUFBQSxpQkFBTSxJQUFOO0FBQUEsU0FBUjtBQURNLE9BRGdCO0FBSTdCVyxNQUFBQSxRQUFRLEVBQUU7QUFDUkQsUUFBQUEsR0FBRyxFQUFFNUIsSUFBSSxDQUFDa0IsRUFBTCxDQUFRO0FBQUEsaUJBQU0sR0FBTjtBQUFBLFNBQVI7QUFERyxPQUptQjtBQU83QkgsTUFBQUEsUUFBUSxFQUFFO0FBQ1JhLFFBQUFBLEdBQUcsRUFBRTVCLElBQUksQ0FBQ2tCLEVBQUwsQ0FBUTtBQUFBLGlCQUFNSCxRQUFOO0FBQUEsU0FBUjtBQURHO0FBUG1CLEtBQS9CO0FBWUFELElBQUFBLE9BQU8sR0FBRyx3QkFBWSxVQUFaLEVBQXdCLFFBQXhCLEVBQWtDLFNBQWxDLEVBQTZDLFNBQTdDLEVBQXdELFFBQXhELEVBQWtFLFFBQWxFLEVBQTRFLGFBQTVFLENBQVY7QUFDRCxHQTNCUyxDQUFWO0FBNkJBZ0IsRUFBQUEsSUFBSSxDQUFDLHdCQUFELEVBQTJCLFlBQU07QUFDbkMsUUFBTUMsT0FBTyxHQUFHLENBQ2Q7QUFDRUMsTUFBQUEsVUFBVSxFQUFFO0FBQUEsZUFBTSxJQUFOO0FBQUEsT0FEZDtBQUVFQyxNQUFBQSxPQUFPLEVBQUU7QUFDUEMsUUFBQUEsUUFBUSxFQUFFO0FBQUEsaUJBQU0sSUFBTjtBQUFBLFNBREg7QUFFUEMsUUFBQUEsYUFBYSxFQUFFO0FBQUEsaUJBQU07QUFBQSxnQ0FBTSxzRkFBTjtBQUFBLFdBQU47QUFBQTtBQUZSO0FBRlgsS0FEYyxDQUFoQjs7QUFVQSxRQUFNQyxJQUFJLEdBQUdDLDhCQUNWQyxNQURVLGVBRVQsZ0NBQUMsZ0JBQUQ7QUFDRSxNQUFBLFdBQVcsRUFBRXRCLFdBRGY7QUFFRSxNQUFBLE9BQU8sRUFBRWUsT0FGWDtBQUdFLE1BQUEsT0FBTyxFQUFFakIsT0FIWDtBQUlFLE1BQUEsS0FBSyxFQUFFSixLQUpUO0FBS0UsTUFBQSxNQUFNLEVBQUVWLElBQUksQ0FBQ2tCLEVBQUwsRUFMVjtBQU1FLE1BQUEsUUFBUSxFQUFFbEIsSUFBSSxDQUFDa0IsRUFBTDtBQU5aLE1BRlMsRUFXVnFCLE1BWFUsRUFBYjs7QUFhQTVCLElBQUFBLEdBQUcsQ0FBQyxRQUFELEVBQVc2QixJQUFJLENBQUNDLFNBQUwsQ0FBZUwsSUFBZixFQUFxQixJQUFyQixFQUEyQixJQUEzQixDQUFYLENBQUg7QUFDQU0sSUFBQUEsTUFBTSxDQUFDTixJQUFELENBQU4sQ0FBYU8sZUFBYjtBQUNELEdBMUJHLENBQUo7QUE0QkEvQixFQUFBQSxRQUFRLENBQUMsU0FBRCxFQUFZLFlBQU07QUFDeEIsUUFBSW1CLE9BQUo7QUFFQWQsSUFBQUEsVUFBVSxDQUFDLFlBQU07QUFDZmMsTUFBQUEsT0FBTyxHQUFHLEVBQVY7QUFDRCxLQUZTLENBQVY7QUFJQUQsSUFBQUEsSUFBSSxDQUFDLHlCQUFELEVBQTRCLFlBQU07QUFDcEMsVUFBTU0sSUFBSSxHQUFHQyw4QkFDVkMsTUFEVSxlQUVULGdDQUFDLGdCQUFEO0FBQ0UsUUFBQSxXQUFXLEVBQUV0QixXQURmO0FBRUUsUUFBQSxPQUFPLEVBQUVlLE9BRlg7QUFHRSxRQUFBLE9BQU8sRUFBRWpCLE9BSFg7QUFJRSxRQUFBLEtBQUssRUFBRUosS0FKVDtBQUtFLFFBQUEsTUFBTSxFQUFFVixJQUFJLENBQUNrQixFQUFMLEVBTFY7QUFNRSxRQUFBLFFBQVEsRUFBRWxCLElBQUksQ0FBQ2tCLEVBQUw7QUFOWixRQUZTLEVBV1ZxQixNQVhVLEVBQWI7O0FBWUFHLE1BQUFBLE1BQU0sQ0FBQ04sSUFBRCxDQUFOLENBQWFPLGVBQWI7QUFDRCxLQWRHLENBQUo7QUFlRCxHQXRCTyxDQUFSO0FBdUJELENBbkZPLENBQVIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbGFzc09iamVjdCwgbW9ja0ljb25CdXR0b24sIG1vY2tNYXRoSW5wdXQgfSBmcm9tICcuLi8uLi8uLi9fX3Rlc3RzX18vdXRpbHMnO1xuaW1wb3J0IHsgc2hhbGxvdyB9IGZyb20gJ2VuenltZSc7XG5cbmltcG9ydCB7IERhdGEsIFZhbHVlLCBJbmxpbmUgfSBmcm9tICdzbGF0ZSc7XG5pbXBvcnQgeyBUb29sYmFyLCBEZWZhdWx0VG9vbGJhciB9IGZyb20gJy4uL3Rvb2xiYXInO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWJ1ZyBmcm9tICdkZWJ1Zyc7XG5pbXBvcnQgcmVuZGVyZXIgZnJvbSAncmVhY3QtdGVzdC1yZW5kZXJlcic7XG5cbm1vY2tNYXRoSW5wdXQoKTtcblxuamVzdC5tb2NrKCdAbWF0ZXJpYWwtdWkvY29yZS9JY29uQnV0dG9uJywgKCkgPT4ge1xuICByZXR1cm4gKHByb3BzKSA9PiA8ZGl2IGNsYXNzTmFtZT17cHJvcHMuY2xhc3NOYW1lfSBzdHlsZT17cHJvcHMuc3R5bGV9IGFyaWFMYWJlbD17cHJvcHNbJ2FyaWEtbGFiZWwnXX0gLz47XG59KTtcblxubGV0IG5vZGUgPSBJbmxpbmUuZnJvbUpTT04oeyB0eXBlOiAnaScgfSk7XG5sZXQgcGFyZW50Tm9kZSA9IElubGluZS5mcm9tSlNPTih7XG4gIHR5cGU6ICdpJyxcbn0pO1xubGV0IHZhbHVlO1xuY29uc3QgbG9nID0gZGVidWcoJ0BwaWUtbGliOmVkaXRhYmxlLWh0bWw6dGVzdDp0b29sYmFyJyk7XG5cbmRlc2NyaWJlKCd0b29sYmFyJywgKCkgPT4ge1xuICBsZXQgb25EZWxldGUsIGNsYXNzZXMsIGRvY3VtZW50LCB0b29sYmFyT3B0cztcblxuICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICBvbkRlbGV0ZSA9IGplc3QuZm4oKTtcblxuICAgIHRvb2xiYXJPcHRzID0ge1xuICAgICAgcG9zaXRpb246ICdib3R0b20nLFxuICAgICAgYWx3YXlzVmlzaWJsZTogZmFsc2UsXG4gICAgfTtcblxuICAgIHZhbHVlID0gVmFsdWUuZnJvbUpTT04oe30pO1xuICAgIGRvY3VtZW50ID0ge1xuICAgICAgZ2V0Q2xvc2VzdElubGluZTogamVzdC5mbigpLm1vY2tSZXR1cm5WYWx1ZShub2RlKSxcbiAgICAgIGdldFBhcmVudDogamVzdC5mbigpLm1vY2tSZXR1cm5WYWx1ZSgpLFxuICAgIH07XG5cbiAgICBPYmplY3QuZGVmaW5lUHJvcGVydGllcyh2YWx1ZSwge1xuICAgICAgaXNDb2xsYXBzZWQ6IHtcbiAgICAgICAgZ2V0OiBqZXN0LmZuKCgpID0+IHRydWUpLFxuICAgICAgfSxcbiAgICAgIHN0YXJ0S2V5OiB7XG4gICAgICAgIGdldDogamVzdC5mbigoKSA9PiAnMScpLFxuICAgICAgfSxcbiAgICAgIGRvY3VtZW50OiB7XG4gICAgICAgIGdldDogamVzdC5mbigoKSA9PiBkb2N1bWVudCksXG4gICAgICB9LFxuICAgIH0pO1xuXG4gICAgY2xhc3NlcyA9IGNsYXNzT2JqZWN0KCdpY29uUm9vdCcsICdpbmxpbmUnLCAndG9vbGJhcicsICdmb2N1c2VkJywgJ3NoYXJlZCcsICdpbmxpbmUnLCAncGllLXRvb2xiYXInKTtcbiAgfSk7XG5cbiAgdGVzdCgncmVuZGVycyBjdXN0b20gdG9vbGJhcicsICgpID0+IHtcbiAgICBjb25zdCBwbHVnaW5zID0gW1xuICAgICAge1xuICAgICAgICBkZWxldGVOb2RlOiAoKSA9PiB0cnVlLFxuICAgICAgICB0b29sYmFyOiB7XG4gICAgICAgICAgc3VwcG9ydHM6ICgpID0+IHRydWUsXG4gICAgICAgICAgY3VzdG9tVG9vbGJhcjogKCkgPT4gKCkgPT4gPGRpdj4gLS0tLS0tLS0tIGN1c3RvbSB0b29sYmFyIC0tLS0tLS0tLS0tIDwvZGl2PixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgXTtcblxuICAgIGNvbnN0IHRyZWUgPSByZW5kZXJlclxuICAgICAgLmNyZWF0ZShcbiAgICAgICAgPFRvb2xiYXJcbiAgICAgICAgICB0b29sYmFyT3B0cz17dG9vbGJhck9wdHN9XG4gICAgICAgICAgcGx1Z2lucz17cGx1Z2luc31cbiAgICAgICAgICBjbGFzc2VzPXtjbGFzc2VzfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBvbkRvbmU9e2plc3QuZm4oKX1cbiAgICAgICAgICBvbkNoYW5nZT17amVzdC5mbigpfVxuICAgICAgICAvPixcbiAgICAgIClcbiAgICAgIC50b0pTT04oKTtcblxuICAgIGxvZygndHJlZTogJywgSlNPTi5zdHJpbmdpZnkodHJlZSwgbnVsbCwgJyAgJykpO1xuICAgIGV4cGVjdCh0cmVlKS50b01hdGNoU25hcHNob3QoKTtcbiAgfSk7XG5cbiAgZGVzY3JpYmUoJ2RlZmF1bHQnLCAoKSA9PiB7XG4gICAgbGV0IHBsdWdpbnM7XG5cbiAgICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICAgIHBsdWdpbnMgPSBbXTtcbiAgICB9KTtcblxuICAgIHRlc3QoJ3JlbmRlcnMgZGVmYXVsdCB0b29sYmFyJywgKCkgPT4ge1xuICAgICAgY29uc3QgdHJlZSA9IHJlbmRlcmVyXG4gICAgICAgIC5jcmVhdGUoXG4gICAgICAgICAgPFRvb2xiYXJcbiAgICAgICAgICAgIHRvb2xiYXJPcHRzPXt0b29sYmFyT3B0c31cbiAgICAgICAgICAgIHBsdWdpbnM9e3BsdWdpbnN9XG4gICAgICAgICAgICBjbGFzc2VzPXtjbGFzc2VzfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgb25Eb25lPXtqZXN0LmZuKCl9XG4gICAgICAgICAgICBvbkNoYW5nZT17amVzdC5mbigpfVxuICAgICAgICAgIC8+LFxuICAgICAgICApXG4gICAgICAgIC50b0pTT04oKTtcbiAgICAgIGV4cGVjdCh0cmVlKS50b01hdGNoU25hcHNob3QoKTtcbiAgICB9KTtcbiAgfSk7XG59KTtcbiJdfQ==

package/lib/shared/alert-dialog.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = require("@material-ui/core/styles");
+
+var AlertDialog = function AlertDialog(_ref) {
+  var text = _ref.text,
+      title = _ref.title,
+      onClose = _ref.onClose,
+      onConfirm = _ref.onConfirm,
+      open = _ref.open,
+      onCloseText = _ref.onCloseText,
+      onConfirmText = _ref.onConfirmText,
+      classes = _ref.classes;
+  return /*#__PURE__*/_react["default"].createElement(_core.Dialog, {
+    open: open,
+    onClose: onClose
+  }, title && /*#__PURE__*/_react["default"].createElement(_core.DialogTitle, {
+    className: classes.heading
+  }, title), text && /*#__PURE__*/_react["default"].createElement(_core.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_core.DialogContentText, {
+    className: classes.subheading
+  }, text)), /*#__PURE__*/_react["default"].createElement(_core.DialogActions, null, onClose && /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    onClick: onClose,
+    color: "primary"
+  }, onCloseText), onConfirm && /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    autoFocus: true,
+    onClick: onConfirm,
+    color: "primary"
+  }, onConfirmText)));
+};
+
+AlertDialog.defaultProps = {
+  onCloseText: 'CANCEL',
+  onConfirmText: 'OK'
+};
+AlertDialog.propTypes = {
+  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
+  title: _propTypes["default"].string,
+  onClose: _propTypes["default"].func,
+  onConfirm: _propTypes["default"].func,
+  open: _propTypes["default"].bool,
+  onConfirmText: _propTypes["default"].string,
+  onCloseText: _propTypes["default"].string,
+  classes: _propTypes["default"].object
+};
+
+var styles = function styles() {
+  return {
+    heading: {
+      '& h2': {
+        fontSize: 'max(1.25rem, 18px)'
+      }
+    },
+    subheading: {
+      fontSize: 'max(1rem, 14px)'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(AlertDialog);
+
+exports["default"] = _default;
+//# sourceMappingURL=alert-dialog.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html",
-  "version": "11.2.0-beta.4",
+  "version": "11.2.0-beta.5",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -10,12 +10,12 @@
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
     "@material-ui/styles": "^3.0.0-alpha.10",
-    "@pie-lib/drag": "beta",
-    "@pie-lib/icons": "beta",
-    "@pie-lib/math-input": "beta",
-    "@pie-lib/math-rendering": "beta",
-    "@pie-lib/math-toolbar": "beta",
-    "@pie-lib/render-ui": "beta",
+    "@pie-lib/drag": "latest",
+    "@pie-lib/icons": "latest",
+    "@pie-lib/math-input": "latest",
+    "@pie-lib/math-rendering": "latest",
+    "@pie-lib/math-toolbar": "latest",
+    "@pie-lib/render-ui": "latest",
     "change-case": "^3.0.2",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",

package/src/editor.jsx

@@ -10,7 +10,7 @@ import debug from 'debug';
 import { withStyles } from '@material-ui/core/styles';
 
 import { color } from '@pie-lib/render-ui';
-import { AlertDialog } from '@pie-lib/config-ui';
+import AlertDialog from '../../config-ui/src/alert-dialog';
 import { PreviewPrompt } from '@pie-lib/render-ui';
 
 import { getBase64, htmlToValue } from './serialization';