@pie-lib/editable-html 13.0.8 → 13.1.0-beta.1

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

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _slate = require("slate");
+var _defaultToolbar = require("../default-toolbar");
+// Mock the DoneButton component directly to avoid styled component issues
+jest.mock('../done-button', function () {
+  return {
+    DoneButton: function DoneButton(props) {
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        "aria-label": "Done",
+        onClick: props.onClick,
+        "data-testid": "done-button"
+      }, "Done");
+    },
+    RawDoneButton: function RawDoneButton(props) {
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        "aria-label": "Done",
+        onClick: props.onClick,
+        className: "RawDoneButton"
+      }, "Done");
+    }
+  };
+});
+describe('default-toolbar', function () {
+  var onDone;
+  var onChange;
+  var getFocusedValue;
+  var defaultProps;
+  beforeEach(function () {
+    onDone = jest.fn();
+    onChange = jest.fn();
+    getFocusedValue = jest.fn();
+    defaultProps = {
+      classes: {},
+      value: _slate.Value.fromJSON({}),
+      plugins: [],
+      className: 'className',
+      onDone: onDone,
+      onChange: onChange,
+      getFocusedValue: getFocusedValue,
+      deletable: false,
+      showDone: true
+    };
+  });
+  describe('rendering', function () {
+    it('renders toolbar', function () {
+      var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+          deletable: false
+        }))),
+        container = _render.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+    it('renders with 1 plugin', function () {
+      var _render2 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+          plugins: [{
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon1")
+            },
+            name: 'plugin-one'
+          }]
+        }))),
+        container = _render2.container;
+      expect(container.firstChild).toBeInTheDocument();
+      // Should render plugin toolbar button
+    });
+    it('renders with 2 plugins', function () {
+      var _render3 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+          plugins: [{
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon1")
+            },
+            name: 'plugin-one'
+          }, {
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon2")
+            },
+            name: 'plugin-two'
+          }]
+        }))),
+        container = _render3.container;
+      expect(container.firstChild).toBeInTheDocument();
+      // Should render both plugin toolbar buttons
+    });
+    it('renders only enabled plugins when one is disabled', function () {
+      var _render4 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+          pluginProps: {
+            'plugin-one': {
+              disabled: true
+            }
+          },
+          plugins: [{
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon1")
+            },
+            name: 'plugin-one'
+          }, {
+            toolbar: {
+              icon: /*#__PURE__*/_react["default"].createElement("span", null, "Icon2")
+            },
+            name: 'plugin-two'
+          }]
+        }))),
+        container = _render4.container;
+      expect(container.firstChild).toBeInTheDocument();
+      // Only plugin-two should be rendered (plugin-one is disabled)
+    });
+    it('renders done button when not deletable', function () {
+      (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+        deletable: false
+      })));
+      expect(_react2.screen.getByLabelText('Done')).toBeInTheDocument();
+    });
+    it('does not render done button when deletable', function () {
+      (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+        deletable: true
+      })));
+      expect(_react2.screen.queryByLabelText('Done')).not.toBeInTheDocument();
+    });
+    it('does not render done button when showDone is false', function () {
+      (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+        showDone: false,
+        deletable: false
+      })));
+      expect(_react2.screen.queryByLabelText('Done')).not.toBeInTheDocument();
+    });
+  });
+  describe('interactions', function () {
+    it('calls onDone when done button is clicked', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var doneButton;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_defaultToolbar.DefaultToolbar, (0, _extends2["default"])({}, defaultProps, {
+              deletable: false
+            })));
+            doneButton = _react2.screen.getByLabelText('Done');
+            _react2.fireEvent.click(doneButton);
+            expect(onDone).toHaveBeenCalled();
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+  });
+});
+//# sourceMappingURL=default-toolbar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-toolbar.test.js","names":["_react","_interopRequireDefault","require","_react2","_slate","_defaultToolbar","jest","mock","DoneButton","props","createElement","onClick","RawDoneButton","className","describe","onDone","onChange","getFocusedValue","defaultProps","beforeEach","fn","classes","value","Value","fromJSON","plugins","deletable","showDone","it","_render","render","DefaultToolbar","_extends2","container","expect","firstChild","toBeInTheDocument","_render2","toolbar","icon","name","_render3","_render4","pluginProps","disabled","screen","getByLabelText","queryByLabelText","not","_asyncToGenerator2","_regenerator","mark","_callee","doneButton","wrap","_context","prev","next","fireEvent","click","toHaveBeenCalled","stop"],"sources":["../../../../src/plugins/toolbar/__tests__/default-toolbar.test.jsx"],"sourcesContent":["import React from 'react';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { Value } from 'slate';\nimport { DefaultToolbar } from '../default-toolbar';\n\n// Mock the DoneButton component directly to avoid styled component issues\njest.mock('../done-button', () => ({\n  DoneButton: (props) => (\n    <button aria-label=\"Done\" onClick={props.onClick} data-testid=\"done-button\">\n      Done\n    </button>\n  ),\n  RawDoneButton: (props) => (\n    <button aria-label=\"Done\" onClick={props.onClick} className=\"RawDoneButton\">\n      Done\n    </button>\n  ),\n}));\n\ndescribe('default-toolbar', () => {\n  let onDone;\n  let onChange;\n  let getFocusedValue;\n  let defaultProps;\n\n  beforeEach(() => {\n    onDone = jest.fn();\n    onChange = jest.fn();\n    getFocusedValue = jest.fn();\n\n    defaultProps = {\n      classes: {},\n      value: Value.fromJSON({}),\n      plugins: [],\n      className: 'className',\n      onDone,\n      onChange,\n      getFocusedValue,\n      deletable: false,\n      showDone: true,\n    };\n  });\n\n  describe('rendering', () => {\n    it('renders toolbar', () => {\n      const { container } = render(<DefaultToolbar {...defaultProps} deletable={false} />);\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('renders with 1 plugin', () => {\n      const { container } = render(\n        <DefaultToolbar {...defaultProps} plugins={[{ toolbar: { icon: <span>Icon1</span> }, name: 'plugin-one' }]} />,\n      );\n\n      expect(container.firstChild).toBeInTheDocument();\n      // Should render plugin toolbar button\n    });\n\n    it('renders with 2 plugins', () => {\n      const { container } = render(\n        <DefaultToolbar\n          {...defaultProps}\n          plugins={[\n            { toolbar: { icon: <span>Icon1</span> }, name: 'plugin-one' },\n            { toolbar: { icon: <span>Icon2</span> }, name: 'plugin-two' },\n          ]}\n        />,\n      );\n\n      expect(container.firstChild).toBeInTheDocument();\n      // Should render both plugin toolbar buttons\n    });\n\n    it('renders only enabled plugins when one is disabled', () => {\n      const { container } = render(\n        <DefaultToolbar\n          {...defaultProps}\n          pluginProps={{\n            'plugin-one': {\n              disabled: true,\n            },\n          }}\n          plugins={[\n            { toolbar: { icon: <span>Icon1</span> }, name: 'plugin-one' },\n            { toolbar: { icon: <span>Icon2</span> }, name: 'plugin-two' },\n          ]}\n        />,\n      );\n\n      expect(container.firstChild).toBeInTheDocument();\n      // Only plugin-two should be rendered (plugin-one is disabled)\n    });\n\n    it('renders done button when not deletable', () => {\n      render(<DefaultToolbar {...defaultProps} deletable={false} />);\n\n      expect(screen.getByLabelText('Done')).toBeInTheDocument();\n    });\n\n    it('does not render done button when deletable', () => {\n      render(<DefaultToolbar {...defaultProps} deletable={true} />);\n\n      expect(screen.queryByLabelText('Done')).not.toBeInTheDocument();\n    });\n\n    it('does not render done button when showDone is false', () => {\n      render(<DefaultToolbar {...defaultProps} showDone={false} deletable={false} />);\n\n      expect(screen.queryByLabelText('Done')).not.toBeInTheDocument();\n    });\n  });\n\n  describe('interactions', () => {\n    it('calls onDone when done button is clicked', async () => {\n      render(<DefaultToolbar {...defaultProps} deletable={false} />);\n\n      const doneButton = screen.getByLabelText('Done');\n      fireEvent.click(doneButton);\n\n      expect(onDone).toHaveBeenCalled();\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"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 _react2 = require("@testing-library/react");
+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 EditorAndToolbar component', function () {
+    var value = _slate.Value.fromJSON({});
+    Object.defineProperty(value, 'isFocused', {
+      get: jest.fn(function () {
+        return true;
+      })
+    });
+    var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_editorAndToolbar.EditorAndToolbar, {
+        classes: classes,
+        value: value,
+        plugins: [],
+        onDone: jest.fn(),
+        onChange: jest.fn()
+      }, "children")),
+      container = _render.container;
+
+    // Verify component rendered
+    expect(container.firstChild).toBeInTheDocument();
+    // Verify toolbar is present
+    expect(_react2.screen.getByText('---- toolbar ------')).toBeInTheDocument();
+    // Verify children are rendered
+    expect(_react2.screen.getByText('children')).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=editor-and-toolbar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor-and-toolbar.test.js","names":["_utils","require","_slate","_editorAndToolbar","_react","_interopRequireDefault","_debug","_react2","jest","mock","createElement","mockIconButton","log","debug","describe","onDelete","classes","beforeEach","fn","classObject","it","value","Value","fromJSON","Object","defineProperty","get","_render","render","EditorAndToolbar","plugins","onDone","onChange","container","expect","firstChild","toBeInTheDocument","screen","getByText"],"sources":["../../../../src/plugins/toolbar/__tests__/editor-and-toolbar.test.jsx"],"sourcesContent":["import { classObject, mockIconButton } from '../../../__tests__/utils';\n\nimport { Value } from 'slate';\nimport { EditorAndToolbar } from '../editor-and-toolbar';\nimport React from 'react';\nimport debug from 'debug';\nimport { render, screen } from '@testing-library/react';\n\njest.mock('../toolbar', () => () => <div>---- toolbar ------ </div>);\n\nmockIconButton();\n\nconst log = debug('@pie-lib:editable-html:test:editor-and-toolbar');\n\ndescribe('toolbar', () => {\n  let onDelete, classes;\n\n  beforeEach(() => {\n    onDelete = jest.fn();\n    classes = classObject('root', 'editorHolder', 'editorInFocus');\n  });\n\n  it('renders EditorAndToolbar component', () => {\n    const value = Value.fromJSON({});\n    Object.defineProperty(value, 'isFocused', { get: jest.fn(() => true) });\n\n    const { container } = render(\n      <EditorAndToolbar classes={classes} value={value} plugins={[]} onDone={jest.fn()} onChange={jest.fn()}>\n        children\n      </EditorAndToolbar>,\n    );\n\n    // Verify component rendered\n    expect(container.firstChild).toBeInTheDocument();\n    // Verify toolbar is present\n    expect(screen.getByText('---- toolbar ------')).toBeInTheDocument();\n    // Verify children are rendered\n    expect(screen.getByText('children')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAEAO,IAAI,CAACC,IAAI,CAAC,YAAY,EAAE;EAAA,OAAM;IAAA,oBAAML,MAAA,YAAAM,aAAA,cAAK,sBAAyB,CAAC;EAAA;AAAA,EAAC;AAEpE,IAAAC,qBAAc,EAAC,CAAC;AAEhB,IAAMC,GAAG,GAAG,IAAAC,iBAAK,EAAC,gDAAgD,CAAC;AAEnEC,QAAQ,CAAC,SAAS,EAAE,YAAM;EACxB,IAAIC,QAAQ,EAAEC,OAAO;EAErBC,UAAU,CAAC,YAAM;IACfF,QAAQ,GAAGP,IAAI,CAACU,EAAE,CAAC,CAAC;IACpBF,OAAO,GAAG,IAAAG,kBAAW,EAAC,MAAM,EAAE,cAAc,EAAE,eAAe,CAAC;EAChE,CAAC,CAAC;EAEFC,EAAE,CAAC,oCAAoC,EAAE,YAAM;IAC7C,IAAMC,KAAK,GAAGC,YAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChCC,MAAM,CAACC,cAAc,CAACJ,KAAK,EAAE,WAAW,EAAE;MAAEK,GAAG,EAAElB,IAAI,CAACU,EAAE,CAAC;QAAA,OAAM,IAAI;MAAA;IAAE,CAAC,CAAC;IAEvE,IAAAS,OAAA,GAAsB,IAAAC,cAAM,eAC1BxB,MAAA,YAAAM,aAAA,CAACP,iBAAA,CAAA0B,gBAAgB;QAACb,OAAO,EAAEA,OAAQ;QAACK,KAAK,EAAEA,KAAM;QAACS,OAAO,EAAE,EAAG;QAACC,MAAM,EAAEvB,IAAI,CAACU,EAAE,CAAC,CAAE;QAACc,QAAQ,EAAExB,IAAI,CAACU,EAAE,CAAC;MAAE,GAAC,UAErF,CACpB,CAAC;MAJOe,SAAS,GAAAN,OAAA,CAATM,SAAS;;IAMjB;IACAC,MAAM,CAACD,SAAS,CAACE,UAAU,CAAC,CAACC,iBAAiB,CAAC,CAAC;IAChD;IACAF,MAAM,CAACG,cAAM,CAACC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAACF,iBAAiB,CAAC,CAAC;IACnE;IACAF,MAAM,CAACG,cAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAACF,iBAAiB,CAAC,CAAC;EAC1D,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _utils = require("../../../__tests__/utils");
+var _toolbarButtons = require("../toolbar-buttons");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+// Mock IconButton
+jest.mock('@mui/material/IconButton', function () {
+  return function IconButton(_ref) {
+    var children = _ref.children,
+      onClick = _ref.onClick,
+      className = _ref.className;
+    return /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: onClick,
+      className: className,
+      "data-testid": "icon-button"
+    }, children);
+  };
+});
+describe('Button', function () {
+  var onClick = jest.fn();
+  beforeEach(function () {
+    onClick.mockClear();
+  });
+  it('renders with children', function () {
+    var classes = (0, _utils.classObject)('root');
+    (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawButton, {
+      onClick: onClick,
+      classes: classes
+    }, "children"));
+    expect(_react2.screen.getByText('children')).toBeInTheDocument();
+  });
+  it('calls onClick when clicked', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var user, classes, button;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          user = _userEvent["default"].setup();
+          classes = (0, _utils.classObject)('root');
+          (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawButton, {
+            onClick: onClick,
+            classes: classes
+          }, "children"));
+          button = _react2.screen.getByText('children');
+          _context.next = 1;
+          return user.click(button);
+        case 1:
+          expect(onClick).toHaveBeenCalled();
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+});
+describe('MarkButton', function () {
+  var classes = (0, _utils.classObject)('button', 'root', 'active');
+  var onToggle = jest.fn();
+  beforeEach(function () {
+    onToggle.mockClear();
+  });
+  it('renders when not active', function () {
+    (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawMarkButton, {
+      mark: 'i',
+      onToggle: onToggle,
+      active: false,
+      classes: classes
+    }, "children"));
+    var button = _react2.screen.getByText('children');
+    expect(button).toBeInTheDocument();
+    expect(button).toHaveAttribute('aria-pressed', 'false');
+  });
+  it('renders when active', function () {
+    (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawMarkButton, {
+      mark: 'i',
+      onToggle: onToggle,
+      active: true,
+      classes: classes
+    }, "children"));
+    var button = _react2.screen.getByText('children');
+    expect(button).toBeInTheDocument();
+    expect(button).toHaveAttribute('aria-pressed', 'true');
+  });
+  it('calls onToggle when clicked', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    var user, button;
+    return _regenerator["default"].wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          user = _userEvent["default"].setup();
+          (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbarButtons.RawMarkButton, {
+            mark: 'i',
+            onToggle: onToggle,
+            active: false,
+            classes: classes
+          }, "children"));
+          button = _react2.screen.getByText('children');
+          _context2.next = 1;
+          return user.click(button);
+        case 1:
+          expect(onToggle).toHaveBeenCalled();
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })));
+});
+//# sourceMappingURL=toolbar-buttons.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-buttons.test.js","names":["_utils","require","_toolbarButtons","_react","_interopRequireDefault","_react2","_userEvent","jest","mock","IconButton","_ref","children","onClick","className","createElement","describe","fn","beforeEach","mockClear","it","classes","classObject","render","RawButton","expect","screen","getByText","toBeInTheDocument","_asyncToGenerator2","_regenerator","mark","_callee","user","button","wrap","_context","prev","next","userEvent","setup","click","toHaveBeenCalled","stop","onToggle","RawMarkButton","active","toHaveAttribute","_callee2","_context2"],"sources":["../../../../src/plugins/toolbar/__tests__/toolbar-buttons.test.jsx"],"sourcesContent":["import { classObject } from '../../../__tests__/utils';\nimport { RawButton, RawMarkButton } from '../toolbar-buttons';\nimport React from 'react';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\n// Mock IconButton\njest.mock('@mui/material/IconButton', () => {\n  return function IconButton({ children, onClick, className }) {\n    return (\n      <button onClick={onClick} className={className} data-testid=\"icon-button\">\n        {children}\n      </button>\n    );\n  };\n});\n\ndescribe('Button', () => {\n  const onClick = jest.fn();\n\n  beforeEach(() => {\n    onClick.mockClear();\n  });\n\n  it('renders with children', () => {\n    const classes = classObject('root');\n    render(\n      <RawButton onClick={onClick} classes={classes}>\n        children\n      </RawButton>,\n    );\n\n    expect(screen.getByText('children')).toBeInTheDocument();\n  });\n\n  it('calls onClick when clicked', async () => {\n    const user = userEvent.setup();\n    const classes = classObject('root');\n    render(\n      <RawButton onClick={onClick} classes={classes}>\n        children\n      </RawButton>,\n    );\n\n    const button = screen.getByText('children');\n    await user.click(button);\n\n    expect(onClick).toHaveBeenCalled();\n  });\n});\n\ndescribe('MarkButton', () => {\n  const classes = classObject('button', 'root', 'active');\n  const onToggle = jest.fn();\n\n  beforeEach(() => {\n    onToggle.mockClear();\n  });\n\n  it('renders when not active', () => {\n    render(\n      <RawMarkButton mark={'i'} onToggle={onToggle} active={false} classes={classes}>\n        children\n      </RawMarkButton>,\n    );\n\n    const button = screen.getByText('children');\n    expect(button).toBeInTheDocument();\n    expect(button).toHaveAttribute('aria-pressed', 'false');\n  });\n\n  it('renders when active', () => {\n    render(\n      <RawMarkButton mark={'i'} onToggle={onToggle} active={true} classes={classes}>\n        children\n      </RawMarkButton>,\n    );\n\n    const button = screen.getByText('children');\n    expect(button).toBeInTheDocument();\n    expect(button).toHaveAttribute('aria-pressed', 'true');\n  });\n\n  it('calls onToggle when clicked', async () => {\n    const user = userEvent.setup();\n    render(\n      <RawMarkButton mark={'i'} onToggle={onToggle} active={false} classes={classes}>\n        children\n      </RawMarkButton>,\n    );\n\n    const button = screen.getByText('children');\n    await user.click(button);\n\n    expect(onToggle).toHaveBeenCalled();\n  });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _utils = require("../../../__tests__/utils");
+var _slate = require("slate");
+var _toolbar = require("../toolbar");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _excluded = ["children", "onClick", "buttonRef"];
+(0, _utils.mockMathInput)();
+jest.mock('@mui/material/IconButton', function () {
+  return function (props) {
+    var children = props.children,
+      onClick = props.onClick,
+      buttonRef = props.buttonRef,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
+      onClick: onClick
+    }, rest), children);
+  };
+});
+var node = _slate.Inline.fromJSON({
+  type: 'i'
+});
+var parentNode = _slate.Inline.fromJSON({
+  type: 'i'
+});
+var value;
+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 content");
+          };
+        }
+      }
+    }];
+    var _render = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbar.Toolbar, {
+        toolbarOpts: toolbarOpts,
+        plugins: plugins,
+        classes: classes,
+        value: value,
+        onDone: jest.fn(),
+        onChange: jest.fn()
+      })),
+      container = _render.container;
+
+    // Verify the custom toolbar content is rendered
+    expect(container.firstChild).toBeInTheDocument();
+    expect(_react2.screen.getByText('custom toolbar content')).toBeInTheDocument();
+  });
+  describe('default', function () {
+    var plugins;
+    beforeEach(function () {
+      plugins = [];
+    });
+    test('renders default toolbar', function () {
+      var _render2 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_toolbar.Toolbar, {
+          toolbarOpts: toolbarOpts,
+          plugins: plugins,
+          classes: classes,
+          value: value,
+          onDone: jest.fn(),
+          onChange: jest.fn()
+        })),
+        container = _render2.container;
+
+      // Verify the toolbar is rendered
+      expect(container.firstChild).toBeInTheDocument();
+
+      // The default toolbar should render the DefaultToolbar component
+      // which includes a Done button
+      expect(_react2.screen.getByLabelText('Done')).toBeInTheDocument();
+    });
+  });
+});
+//# sourceMappingURL=toolbar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.test.js","names":["_utils","require","_slate","_toolbar","_react","_interopRequireDefault","_react2","_excluded","mockMathInput","jest","mock","props","children","onClick","buttonRef","rest","_objectWithoutProperties2","createElement","_extends2","node","Inline","fromJSON","type","parentNode","value","describe","onDelete","classes","document","toolbarOpts","beforeEach","fn","position","alwaysVisible","Value","getClosestInline","mockReturnValue","getParent","Object","defineProperties","isCollapsed","get","startKey","classObject","test","plugins","deleteNode","toolbar","supports","customToolbar","_render","render","Toolbar","onDone","onChange","container","expect","firstChild","toBeInTheDocument","screen","getByText","_render2","getByLabelText"],"sources":["../../../../src/plugins/toolbar/__tests__/toolbar.test.jsx"],"sourcesContent":["import { classObject, mockMathInput } from '../../../__tests__/utils';\nimport { Inline, Value } from 'slate';\nimport { Toolbar } from '../toolbar';\nimport React from 'react';\nimport { render, screen } from '@testing-library/react';\n\nmockMathInput();\n\njest.mock('@mui/material/IconButton', () => {\n  return (props) => {\n    const { children, onClick, buttonRef, ...rest } = props;\n    return (\n      <button onClick={onClick} {...rest}>\n        {children}\n      </button>\n    );\n  };\n});\n\nlet node = Inline.fromJSON({ type: 'i' });\nlet parentNode = Inline.fromJSON({\n  type: 'i',\n});\nlet value;\n\ndescribe('toolbar', () => {\n  let onDelete, classes, document, toolbarOpts;\n\n  beforeEach(() => {\n    onDelete = jest.fn();\n\n    toolbarOpts = {\n      position: 'bottom',\n      alwaysVisible: false,\n    };\n\n    value = Value.fromJSON({});\n    document = {\n      getClosestInline: jest.fn().mockReturnValue(node),\n      getParent: jest.fn().mockReturnValue(),\n    };\n\n    Object.defineProperties(value, {\n      isCollapsed: {\n        get: jest.fn(() => true),\n      },\n      startKey: {\n        get: jest.fn(() => '1'),\n      },\n      document: {\n        get: jest.fn(() => document),\n      },\n    });\n\n    classes = classObject('iconRoot', 'inline', 'toolbar', 'focused', 'shared', 'inline', 'pie-toolbar');\n  });\n\n  test('renders custom toolbar', () => {\n    const plugins = [\n      {\n        deleteNode: () => true,\n        toolbar: {\n          supports: () => true,\n          customToolbar: () => () => <div>custom toolbar content</div>,\n        },\n      },\n    ];\n\n    const { container } = render(\n      <Toolbar\n        toolbarOpts={toolbarOpts}\n        plugins={plugins}\n        classes={classes}\n        value={value}\n        onDone={jest.fn()}\n        onChange={jest.fn()}\n      />,\n    );\n\n    // Verify the custom toolbar content is rendered\n    expect(container.firstChild).toBeInTheDocument();\n    expect(screen.getByText('custom toolbar content')).toBeInTheDocument();\n  });\n\n  describe('default', () => {\n    let plugins;\n\n    beforeEach(() => {\n      plugins = [];\n    });\n\n    test('renders default toolbar', () => {\n      const { container } = render(\n        <Toolbar\n          toolbarOpts={toolbarOpts}\n          plugins={plugins}\n          classes={classes}\n          value={value}\n          onDone={jest.fn()}\n          onChange={jest.fn()}\n        />,\n      );\n\n      // Verify the toolbar is rendered\n      expect(container.firstChild).toBeInTheDocument();\n\n      // The default toolbar should render the DefaultToolbar component\n      // which includes a Done button\n      expect(screen.getByLabelText('Done')).toBeInTheDocument();\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/shared/alert-dialog.js

@@ -0,0 +1,68 @@
+"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 _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var StyledDialogTitle = (0, _styles.styled)(_material.DialogTitle)(function () {
+  return {
+    fontSize: 'max(1.25rem, 18px)'
+  };
+});
+var StyledDialogContentText = (0, _styles.styled)(_material.DialogContentText)(function () {
+  return {
+    fontSize: 'max(1rem, 14px)'
+  };
+});
+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,
+    disableAutoFocus = _ref.disableAutoFocus,
+    disableEnforceFocus = _ref.disableEnforceFocus,
+    disableRestoreFocus = _ref.disableRestoreFocus;
+  return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
+    open: open,
+    disableAutoFocus: disableAutoFocus,
+    disableEnforceFocus: disableEnforceFocus,
+    disableRestoreFocus: disableRestoreFocus,
+    onClose: onClose
+  }, title && /*#__PURE__*/_react["default"].createElement(StyledDialogTitle, null, title), text && /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(StyledDialogContentText, null, text)), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, onClose && /*#__PURE__*/_react["default"].createElement(_material.Button, {
+    onClick: onClose,
+    color: "primary"
+  }, onCloseText), onConfirm && /*#__PURE__*/_react["default"].createElement(_material.Button, {
+    autoFocus: true,
+    onClick: onConfirm,
+    color: "primary"
+  }, onConfirmText)));
+};
+AlertDialog.defaultProps = {
+  onCloseText: 'CANCEL',
+  onConfirmText: 'OK',
+  disableAutoFocus: false,
+  disableEnforceFocus: false,
+  disableRestoreFocus: false
+};
+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,
+  disableAutoFocus: _propTypes["default"].bool,
+  disableEnforceFocus: _propTypes["default"].bool,
+  disableRestoreFocus: _propTypes["default"].bool
+};
+var _default = exports["default"] = AlertDialog;
+//# sourceMappingURL=alert-dialog.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/editable-html",
-  "version": "13.0.8",
+  "version": "13.1.0-beta.1",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -15,11 +15,11 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^4.0.6",
-    "@pie-lib/math-input": "^8.1.1",
-    "@pie-lib/math-rendering": "^5.1.0",
-    "@pie-lib/math-toolbar": "^3.0.6",
-    "@pie-lib/render-ui": "^6.1.3",
+    "@pie-lib/drag": "^4.0.2",
+    "@pie-lib/math-input-mathlive": "^1.0.7",
+    "@pie-lib/math-rendering": "^5.0.2",
+    "@pie-lib/math-toolbar": "^3.1.0-beta.2",
+    "@pie-lib/render-ui": "^6.1.0",
     "change-case": "^3.0.2",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
@@ -51,6 +51,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "674bec751a99ddb5a3525f08ff48fdc52c68cb02",
+  "gitHead": "433bcb776c2975739e7417f133d31cd996164116",
   "scripts": {}
 }

package/src/__tests__/utils.js

@@ -28,7 +28,7 @@ export function mockIconButton() {
   });
 }
 export function mockMathInput() {
-  jest.mock('@pie-lib/math-input', () => ({
+  jest.mock('@pie-lib/math-input-mathlive', () => ({
     addBrackets: jest.fn((s) => s),
     removeBrackets: jest.fn((s) => s),
     ...mockComponents('Keypad', 'MathQuillInput', 'EditableMathInput', 'HorizontalKeypad'),

package/src/plugins/respArea/math-templated/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
-import { mq } from '@pie-lib/math-input';
+import { mq } from '@pie-lib/math-input-mathlive';
 
 const StyledSpanContainer = styled('span')(() => ({
   display: 'inline-flex',

package/LICENSE.md

@@ -1,5 +0,0 @@
-Copyright 2019 CoreSpring Inc
-
-Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.