@pie-lib/math-toolbar 3.0.3-next.38 → 3.0.3-next.83

package/package.json

@@ -1,45 +1,39 @@
 {
   "name": "@pie-lib/math-toolbar",
-  "version": "3.0.3-next.38",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "3.0.3-next.83+92c2acb72",
   "description": "Math toolbar for editing math equations",
+  "keywords": [
+    "math",
+    "toolbar",
+    "equations",
+    "expressions"
+  ],
+  "main": "lib/index.js",
+  "module": "src/index.jsx",
+  "author": "",
+  "license": "ISC",
+  "repository": "pie-framework/pie-lib",
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/style": "^0.8.0",
+    "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/math-input": "8.1.1-next.3",
-    "@pie-lib/render-ui": "6.1.1-next.38",
+    "@pie-lib/math-input": "^8.1.0",
+    "@pie-lib/render-ui": "^6.1.0",
     "debug": "^4.1.1",
-    "prop-types": "^15.7.2",
-    "@pie-element/shared-lodash": "0.1.1-next.1"
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+    "lodash-es": "^4.17.23",
+    "prop-types": "^15.7.2"
   },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "build": "bun x vite build && bun x tsc --emitDeclarationOnly",
-    "dev": "bun x vite",
-    "test": "bun x vitest run"
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "vite": "^8.0.1",
-    "typescript": "^5.9.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
+    "@pie-lib/test-utils": "^2.0.2"
   },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  }
+  "scripts": {},
+  "gitHead": "92c2acb72564003dfda36a652f46cf0257cd1093"
 }

package/src/__tests__/editor-and-pad.test.js

@@ -0,0 +1,74 @@
+import { EditorAndPad } from '../editor-and-pad';
+import { render } from '@testing-library/react';
+import React from 'react';
+
+describe('EditorAndPad', () => {
+  const defaultProps = {
+    classes: {},
+    classNames: {},
+    onBlur: jest.fn(),
+  };
+
+  beforeEach(() => {
+    jest.useFakeTimers();
+  });
+
+  afterEach(() => {
+    jest.useRealTimers();
+  });
+
+  it('renders with default props', () => {
+    const { container } = render(<EditorAndPad {...defaultProps} />);
+    expect(container.firstChild).toBeInTheDocument();
+  });
+
+  describe('autoFocus', () => {
+    it('focuses input immediately via setTimeout when autoFocus is true', () => {
+      const mockFocus = jest.fn();
+      const component = new EditorAndPad({ ...defaultProps, autoFocus: true });
+      component.input = { focus: mockFocus };
+
+      component.componentDidMount();
+
+      expect(mockFocus).not.toHaveBeenCalled();
+
+      jest.runAllTimers();
+
+      expect(mockFocus).toHaveBeenCalledTimes(1);
+    });
+
+    it('does not focus input when autoFocus is false', () => {
+      const mockFocus = jest.fn();
+      const component = new EditorAndPad({ ...defaultProps, autoFocus: false });
+      component.input = { focus: mockFocus };
+
+      component.componentDidMount();
+      jest.runAllTimers();
+
+      expect(mockFocus).not.toHaveBeenCalled();
+    });
+
+    it('does not focus when input ref is not set', () => {
+      const component = new EditorAndPad({ ...defaultProps, autoFocus: true });
+      component.input = null;
+
+      expect(() => {
+        component.componentDidMount();
+        jest.runAllTimers();
+      }).not.toThrow();
+    });
+
+    it('uses setTimeout with 0ms delay to defer focus', () => {
+      const setTimeoutSpy = jest.spyOn(global, 'setTimeout');
+      const mockFocus = jest.fn();
+      const component = new EditorAndPad({ ...defaultProps, autoFocus: true });
+      component.input = { focus: mockFocus };
+
+      component.componentDidMount();
+
+      expect(setTimeoutSpy).toHaveBeenCalledWith(expect.any(Function), 0);
+
+      setTimeoutSpy.mockRestore();
+    });
+  });
+});

package/src/__tests__/index.test.js

@@ -0,0 +1,21 @@
+import { RawPureToolbar } from '../index';
+import { render } from '@testing-library/react';
+import React from 'react';
+
+describe('RawPureToolbar', () => {
+  const defaultProps = {
+    classes: {},
+    controlledKeypad: true,
+    showKeypad: true,
+  };
+
+  it('renders with DONE button if hideDoneButton is not defined', () => {
+    const { container } = render(<RawPureToolbar {...defaultProps} />);
+    expect(container.firstChild).toBeInTheDocument();
+  });
+
+  it('renders without DONE button if hideDoneButton value is true', () => {
+    const { container } = render(<RawPureToolbar {...defaultProps} hideDoneButton={true} />);
+    expect(container.firstChild).toBeInTheDocument();
+  });
+});

package/src/__tests__/math-preview.test.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import MathPreview from '../math-preview';
+
+describe('MathPreview', () => {
+  const defaultProps = {
+    latex: 'sqrt(5)',
+    classes: {},
+    isSelected: false,
+    onFocus: jest.fn(),
+    onBlur: jest.fn(),
+  };
+
+  it('renders with default props', () => {
+    const { container } = render(<MathPreview {...defaultProps} />);
+    expect(container.firstChild).toBeInTheDocument();
+  });
+});

package/src/done-button.jsx

@@ -0,0 +1,36 @@
+import React from 'react';
+
+import IconButton from '@mui/material/IconButton';
+import Check from '@mui/icons-material/Check';
+import { styled } from '@mui/material/styles';
+import PropTypes from 'prop-types';
+
+const StyledIconButton = styled(IconButton)(({ theme, hideBackground }) => ({
+  verticalAlign: 'top',
+  width: '28px',
+  height: '28px',
+  color: '#00bb00',
+  ...(hideBackground && {
+    backgroundColor: theme.palette.common.white,
+    '&:hover': {
+      backgroundColor: theme.palette.grey[200],
+    },
+  }),
+  '& .MuiIconButton-label': {
+    position: 'absolute',
+    top: '2px',
+  },
+}));
+
+export const RawDoneButton = ({ onClick, hideBackground }) => (
+  <StyledIconButton aria-label="Done" onClick={onClick} hideBackground={hideBackground} size="large">
+    <Check />
+  </StyledIconButton>
+);
+
+RawDoneButton.propTypes = {
+  onClick: PropTypes.func,
+  hideBackground: PropTypes.bool,
+};
+
+export const DoneButton = RawDoneButton;