@pie-lib/mask-markup 3.0.13 → 3.1.0-beta

package/lib/components/__tests__/dropdown.test.js

@@ -0,0 +1,202 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _utils = require("../../__tests__/utils");
+var _dropdown = _interopRequireDefault(require("../dropdown"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+describe('Dropdown', function () {
+  var onChange = jest.fn();
+  var defaultProps = {
+    onChange: onChange,
+    id: '1',
+    correct: false,
+    disabled: false,
+    value: 'Jumped',
+    choices: [(0, _utils.choice)('Jumped'), (0, _utils.choice)('Laughed'), (0, _utils.choice)('Smiled')]
+  };
+  beforeEach(function () {
+    onChange.mockClear();
+  });
+  describe('rendering', function () {
+    it('renders dropdown with default props', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_dropdown["default"], defaultProps));
+      var button = _react2.screen.getByRole('combobox');
+      expect(button).toBeInTheDocument();
+      // Button displays the selected value
+      expect(button).toHaveTextContent('Jumped');
+    });
+    it('renders with all choices as options when opened', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var user, button, options;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_dropdown["default"], defaultProps));
+            button = _react2.screen.getByRole('combobox');
+            _context.next = 1;
+            return user.click(button);
+          case 1:
+            // Options should now be visible - find them by role
+            options = _react2.screen.getAllByRole('option');
+            expect(options).toHaveLength(3);
+            // Verify the text content of options using specific elements
+            expect(options[0]).toHaveTextContent('Jumped');
+            expect(options[1]).toHaveTextContent('Laughed');
+            expect(options[2]).toHaveTextContent('Smiled');
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    it('focuses the selected option when the menu opens', /*#__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.createElement(_dropdown["default"], defaultProps));
+            button = _react2.screen.getByRole('combobox');
+            _context2.next = 1;
+            return user.click(button);
+          case 1:
+            _context2.next = 2;
+            return (0, _react2.waitFor)(function () {
+              expect(document.getElementById('dropdown-option-1-0')).toHaveFocus();
+            });
+          case 2:
+            expect(button).toHaveAttribute('aria-activedescendant', 'dropdown-option-1-0');
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    })));
+    it('focuses a non-first selected option when the menu opens', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var user, button;
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_dropdown["default"], (0, _extends2["default"])({}, defaultProps, {
+              value: "Laughed"
+            })));
+            button = _react2.screen.getByRole('combobox');
+            _context3.next = 1;
+            return user.click(button);
+          case 1:
+            _context3.next = 2;
+            return (0, _react2.waitFor)(function () {
+              expect(document.getElementById('dropdown-option-1-1')).toHaveFocus();
+            });
+          case 2:
+            expect(button).toHaveAttribute('aria-activedescendant', 'dropdown-option-1-1');
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    })));
+    it('does not highlight an option when no value is selected', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+      var user, button;
+      return _regenerator["default"].wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_dropdown["default"], (0, _extends2["default"])({}, defaultProps, {
+              value: undefined
+            })));
+            button = _react2.screen.getByRole('combobox');
+            _context4.next = 1;
+            return user.click(button);
+          case 1:
+            expect(button).not.toHaveAttribute('aria-activedescendant');
+          case 2:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    })));
+    it('renders as disabled when disabled prop is true', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_dropdown["default"], (0, _extends2["default"])({}, defaultProps, {
+        disabled: true
+      })));
+      var button = _react2.screen.getByRole('combobox');
+      expect(button).toBeDisabled();
+    });
+    it('shows correct state when correct is true', function () {
+      var _render = (0, _react2.render)(/*#__PURE__*/React.createElement(_dropdown["default"], (0, _extends2["default"])({}, defaultProps, {
+          correct: true
+        }))),
+        container = _render.container;
+      var button = _react2.screen.getByRole('combobox');
+      expect(button).toBeInTheDocument();
+    });
+  });
+  describe('user interactions', function () {
+    it('calls onChange when user selects a different option', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+      var user, button, options, laughedOption;
+      return _regenerator["default"].wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_dropdown["default"], defaultProps));
+
+            // Click button to open menu
+            button = _react2.screen.getByRole('combobox');
+            _context5.next = 1;
+            return user.click(button);
+          case 1:
+            // Find the option by getting all options and selecting the one with "Laughed" text
+            options = _react2.screen.getAllByRole('option');
+            laughedOption = options.find(function (opt) {
+              return opt.textContent.includes('Laughed');
+            });
+            _context5.next = 2;
+            return user.click(laughedOption);
+          case 2:
+            expect(onChange).toHaveBeenCalledWith('1', 'Laughed');
+          case 3:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    })));
+    it('calls onChange with correct value', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+      var user, button, options, smiledOption;
+      return _regenerator["default"].wrap(function (_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_dropdown["default"], defaultProps));
+
+            // Click button to open menu
+            button = _react2.screen.getByRole('combobox');
+            _context6.next = 1;
+            return user.click(button);
+          case 1:
+            // Find the option by getting all options and selecting the one with "Smiled" text
+            options = _react2.screen.getAllByRole('option');
+            smiledOption = options.find(function (opt) {
+              return opt.textContent.includes('Smiled');
+            });
+            _context6.next = 2;
+            return user.click(smiledOption);
+          case 2:
+            expect(onChange).toHaveBeenCalledWith('1', 'Smiled');
+          case 3:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    })));
+  });
+});
+//# sourceMappingURL=dropdown.test.js.map

package/lib/components/__tests__/dropdown.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.test.js","names":["React","_interopRequireWildcard","require","_react2","_userEvent","_interopRequireDefault","_utils","_dropdown","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","describe","onChange","jest","fn","defaultProps","id","correct","disabled","value","choices","choice","beforeEach","mockClear","it","render","createElement","button","screen","getByRole","expect","toBeInTheDocument","toHaveTextContent","_asyncToGenerator2","_regenerator","mark","_callee","user","options","wrap","_context","prev","next","userEvent","setup","click","getAllByRole","toHaveLength","stop","_callee2","_context2","waitFor","document","getElementById","toHaveFocus","toHaveAttribute","_callee3","_context3","_extends2","_callee4","_context4","undefined","not","toBeDisabled","_render","container","_callee5","laughedOption","_context5","find","opt","textContent","includes","toHaveBeenCalledWith","_callee6","smiledOption","_context6"],"sources":["../../../src/components/__tests__/dropdown.test.js"],"sourcesContent":["import * as React from 'react';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { choice } from '../../__tests__/utils';\nimport Dropdown from '../dropdown';\n\ndescribe('Dropdown', () => {\n  const onChange = jest.fn();\n  const defaultProps = {\n    onChange,\n    id: '1',\n    correct: false,\n    disabled: false,\n    value: 'Jumped',\n    choices: [choice('Jumped'), choice('Laughed'), choice('Smiled')],\n  };\n\n  beforeEach(() => {\n    onChange.mockClear();\n  });\n\n  describe('rendering', () => {\n    it('renders dropdown with default props', () => {\n      render(<Dropdown {...defaultProps} />);\n      const button = screen.getByRole('combobox');\n      expect(button).toBeInTheDocument();\n      // Button displays the selected value\n      expect(button).toHaveTextContent('Jumped');\n    });\n\n    it('renders with all choices as options when opened', async () => {\n      const user = userEvent.setup();\n      render(<Dropdown {...defaultProps} />);\n\n      const button = screen.getByRole('combobox');\n      await user.click(button);\n\n      // Options should now be visible - find them by role\n      const options = screen.getAllByRole('option');\n      expect(options).toHaveLength(3);\n      // Verify the text content of options using specific elements\n      expect(options[0]).toHaveTextContent('Jumped');\n      expect(options[1]).toHaveTextContent('Laughed');\n      expect(options[2]).toHaveTextContent('Smiled');\n    });\n\n    it('focuses the selected option when the menu opens', async () => {\n      const user = userEvent.setup();\n      render(<Dropdown {...defaultProps} />);\n\n      const button = screen.getByRole('combobox');\n      await user.click(button);\n\n      await waitFor(() => {\n        expect(document.getElementById('dropdown-option-1-0')).toHaveFocus();\n      });\n      expect(button).toHaveAttribute('aria-activedescendant', 'dropdown-option-1-0');\n    });\n\n    it('focuses a non-first selected option when the menu opens', async () => {\n      const user = userEvent.setup();\n      render(<Dropdown {...defaultProps} value=\"Laughed\" />);\n\n      const button = screen.getByRole('combobox');\n      await user.click(button);\n\n      await waitFor(() => {\n        expect(document.getElementById('dropdown-option-1-1')).toHaveFocus();\n      });\n      expect(button).toHaveAttribute('aria-activedescendant', 'dropdown-option-1-1');\n    });\n\n    it('does not highlight an option when no value is selected', async () => {\n      const user = userEvent.setup();\n      render(<Dropdown {...defaultProps} value={undefined} />);\n\n      const button = screen.getByRole('combobox');\n      await user.click(button);\n\n      expect(button).not.toHaveAttribute('aria-activedescendant');\n    });\n\n    it('renders as disabled when disabled prop is true', () => {\n      render(<Dropdown {...defaultProps} disabled={true} />);\n      const button = screen.getByRole('combobox');\n      expect(button).toBeDisabled();\n    });\n\n    it('shows correct state when correct is true', () => {\n      const { container } = render(<Dropdown {...defaultProps} correct={true} />);\n      const button = screen.getByRole('combobox');\n      expect(button).toBeInTheDocument();\n    });\n  });\n\n  describe('user interactions', () => {\n    it('calls onChange when user selects a different option', async () => {\n      const user = userEvent.setup();\n      render(<Dropdown {...defaultProps} />);\n\n      // Click button to open menu\n      const button = screen.getByRole('combobox');\n      await user.click(button);\n\n      // Find the option by getting all options and selecting the one with \"Laughed\" text\n      const options = screen.getAllByRole('option');\n      const laughedOption = options.find((opt) => opt.textContent.includes('Laughed'));\n      await user.click(laughedOption);\n\n      expect(onChange).toHaveBeenCalledWith('1', 'Laughed');\n    });\n\n    it('calls onChange with correct value', async () => {\n      const user = userEvent.setup();\n      render(<Dropdown {...defaultProps} />);\n\n      // Click button to open menu\n      const button = screen.getByRole('combobox');\n      await user.click(button);\n\n      // Find the option by getting all options and selecting the one with \"Smiled\" text\n      const options = screen.getAllByRole('option');\n      const smiledOption = options.find((opt) => opt.textContent.includes('Smiled'));\n      await user.click(smiledOption);\n\n      expect(onChange).toHaveBeenCalledWith('1', 'Smiled');\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/components/__tests__/input.test.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+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 = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _input = _interopRequireDefault(require("../input"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// Mock CorrectInput to simplify testing
+jest.mock('../correct-input', function () {
+  return function CorrectInput(_ref) {
+    var value = _ref.value,
+      onChange = _ref.onChange,
+      disabled = _ref.disabled,
+      correct = _ref.correct,
+      variant = _ref.variant;
+    return /*#__PURE__*/React.createElement("input", {
+      "data-testid": "correct-input",
+      value: value || '',
+      onChange: onChange,
+      disabled: disabled,
+      "data-correct": correct,
+      "data-variant": variant
+    });
+  };
+});
+describe('Input', function () {
+  var onChange = jest.fn();
+  var defaultProps = {
+    disabled: false,
+    correct: false,
+    value: 'Cow',
+    id: '1',
+    onChange: onChange
+  };
+  beforeEach(function () {
+    onChange.mockClear();
+  });
+  describe('rendering', function () {
+    it('renders with default props', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_input["default"], defaultProps));
+      var input = _react2.screen.getByTestId('correct-input');
+      expect(input).toBeInTheDocument();
+      expect(input).toHaveValue('Cow');
+      expect(input).not.toBeDisabled();
+      expect(input).toHaveAttribute('data-correct', 'false');
+    });
+    it('renders as disabled when disabled prop is true', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_input["default"], (0, _extends2["default"])({}, defaultProps, {
+        disabled: true
+      })));
+      var input = _react2.screen.getByTestId('correct-input');
+      expect(input).toBeDisabled();
+    });
+    it('renders with correct state', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_input["default"], (0, _extends2["default"])({}, defaultProps, {
+        correct: true
+      })));
+      var input = _react2.screen.getByTestId('correct-input');
+      expect(input).toHaveAttribute('data-correct', 'true');
+    });
+    it('shows correct answer when showCorrectAnswer is true', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_input["default"], (0, _extends2["default"])({}, defaultProps, {
+        showCorrectAnswer: true
+      })));
+      var input = _react2.screen.getByTestId('correct-input');
+      expect(input).toHaveAttribute('data-correct', 'true');
+    });
+  });
+  describe('user interactions', function () {
+    it('calls onChange with id and value when user types', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var user, input;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_input["default"], (0, _extends2["default"])({}, defaultProps, {
+              value: ""
+            })));
+            input = _react2.screen.getByTestId('correct-input');
+            _context.next = 1;
+            return user.type(input, '20');
+          case 1:
+            // userEvent.type types character by character, so onChange is called for each character
+            expect(onChange).toHaveBeenCalled();
+            expect(onChange).toHaveBeenCalledTimes(2);
+            // Check the last call has both characters
+            expect(onChange).toHaveBeenLastCalledWith('1', '0');
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    it('calls onChange with updated value', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var user, input;
+      return _regenerator["default"].wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_input["default"], defaultProps));
+            input = _react2.screen.getByTestId('correct-input');
+            _context2.next = 1;
+            return user.clear(input);
+          case 1:
+            _context2.next = 2;
+            return user.type(input, 'New Value');
+          case 2:
+            // userEvent.type types character by character
+            // After clear, we start with empty string, and each character is typed
+            // The last call should have the full accumulated value up to the last character
+            expect(onChange).toHaveBeenCalled();
+            // With clear + "New Value", onChange is called for clearing ("") and each typed character
+            // The value accumulated in the input element after typing will be "CowNew Value"
+            // because the component starts with value="Cow" and we clear then type
+            expect(onChange.mock.calls.length).toBeGreaterThan(0);
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    })));
+  });
+});
+//# sourceMappingURL=input.test.js.map

package/lib/components/__tests__/input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.test.js","names":["React","_interopRequireWildcard","require","_react2","_userEvent","_interopRequireDefault","_input","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","jest","mock","CorrectInput","_ref","value","onChange","disabled","correct","variant","createElement","describe","fn","defaultProps","id","beforeEach","mockClear","it","render","input","screen","getByTestId","expect","toBeInTheDocument","toHaveValue","not","toBeDisabled","toHaveAttribute","_extends2","showCorrectAnswer","_asyncToGenerator2","_regenerator","mark","_callee","user","wrap","_context","prev","next","userEvent","setup","type","toHaveBeenCalled","toHaveBeenCalledTimes","toHaveBeenLastCalledWith","stop","_callee2","_context2","clear","calls","length","toBeGreaterThan"],"sources":["../../../src/components/__tests__/input.test.js"],"sourcesContent":["import * as React from 'react';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport Input from '../input';\n\n// Mock CorrectInput to simplify testing\njest.mock('../correct-input', () => {\n  return function CorrectInput({ value, onChange, disabled, correct, variant }) {\n    return (\n      <input\n        data-testid=\"correct-input\"\n        value={value || ''}\n        onChange={onChange}\n        disabled={disabled}\n        data-correct={correct}\n        data-variant={variant}\n      />\n    );\n  };\n});\n\ndescribe('Input', () => {\n  const onChange = jest.fn();\n  const defaultProps = {\n    disabled: false,\n    correct: false,\n    value: 'Cow',\n    id: '1',\n    onChange,\n  };\n\n  beforeEach(() => {\n    onChange.mockClear();\n  });\n\n  describe('rendering', () => {\n    it('renders with default props', () => {\n      render(<Input {...defaultProps} />);\n      const input = screen.getByTestId('correct-input');\n\n      expect(input).toBeInTheDocument();\n      expect(input).toHaveValue('Cow');\n      expect(input).not.toBeDisabled();\n      expect(input).toHaveAttribute('data-correct', 'false');\n    });\n\n    it('renders as disabled when disabled prop is true', () => {\n      render(<Input {...defaultProps} disabled={true} />);\n      const input = screen.getByTestId('correct-input');\n\n      expect(input).toBeDisabled();\n    });\n\n    it('renders with correct state', () => {\n      render(<Input {...defaultProps} correct={true} />);\n      const input = screen.getByTestId('correct-input');\n\n      expect(input).toHaveAttribute('data-correct', 'true');\n    });\n\n    it('shows correct answer when showCorrectAnswer is true', () => {\n      render(<Input {...defaultProps} showCorrectAnswer={true} />);\n      const input = screen.getByTestId('correct-input');\n\n      expect(input).toHaveAttribute('data-correct', 'true');\n    });\n  });\n\n  describe('user interactions', () => {\n    it('calls onChange with id and value when user types', async () => {\n      const user = userEvent.setup();\n      render(<Input {...defaultProps} value=\"\" />);\n\n      const input = screen.getByTestId('correct-input');\n      await user.type(input, '20');\n\n      // userEvent.type types character by character, so onChange is called for each character\n      expect(onChange).toHaveBeenCalled();\n      expect(onChange).toHaveBeenCalledTimes(2);\n      // Check the last call has both characters\n      expect(onChange).toHaveBeenLastCalledWith('1', '0');\n    });\n\n    it('calls onChange with updated value', async () => {\n      const user = userEvent.setup();\n      render(<Input {...defaultProps} />);\n\n      const input = screen.getByTestId('correct-input');\n      await user.clear(input);\n      await user.type(input, 'New Value');\n\n      // userEvent.type types character by character\n      // After clear, we start with empty string, and each character is typed\n      // The last call should have the full accumulated value up to the last character\n      expect(onChange).toHaveBeenCalled();\n      // With clear + \"New Value\", onChange is called for clearing (\"\") and each typed character\n      // The value accumulated in the input element after typing will be \"CowNew Value\"\n      // because the component starts with value=\"Cow\" and we clear then type\n      expect(onChange.mock.calls.length).toBeGreaterThan(0);\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "3.0.13",
+  "version": "3.1.0-beta",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -13,10 +13,10 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^4.0.6",
-    "@pie-lib/editable-html-tip-tap": "^2.1.11",
-    "@pie-lib/math-rendering": "^5.1.0",
-    "@pie-lib/render-ui": "^6.1.3",
+    "@pie-lib/drag": "^4.0.2",
+    "@pie-lib/editable-html-tip-tap": "^2.2.0-beta",
+    "@pie-lib/math-rendering": "^5.0.2",
+    "@pie-lib/render-ui": "^6.1.0",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
@@ -28,5 +28,5 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "gitHead": "674bec751a99ddb5a3525f08ff48fdc52c68cb02"
+  "gitHead": "433bcb776c2975739e7417f133d31cd996164116"
 }

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.