@dynamic-framework/ui-react 1.36.2 → 2.0.0-dev.1

package/jest/setup.js

@@ -1,6 +1,99 @@
+/* eslint-disable react/prop-types */
+const React = require('react');
+
 jest.mock('react-content-loader', () => jest.fn());
 
-jest.mock('react-responsive-pagination', () => jest.fn());
+jest.mock('react-responsive-pagination', () => {
+  function MockPagination(props) {
+    const {
+      current,
+      total,
+      onPageChange,
+      className = '',
+    } = props;
+
+    const handleClick = React.useCallback(
+      (page) => {
+        if (page !== current && page >= 1 && page <= total) {
+          onPageChange(page);
+        }
+      },
+      [current, total, onPageChange],
+    );
+
+    return React.createElement('div', {
+      className,
+      'data-testid': 'responsive-pagination',
+    }, [
+      React.createElement('button', {
+        type: 'button',
+        key: 'prev',
+        onClick: () => handleClick(current - 1),
+        disabled: current === 1,
+        'data-testid': 'pagination-previous',
+      }, 'Previous'),
+
+      ...(function getPageButtons() {
+        const pageButtons = [];
+        const windowSize = 2; // Show current ±2
+        const startPage = Math.max(1, current - windowSize);
+        const endPage = Math.min(total, current + windowSize);
+        // Always show first page
+        if (startPage > 1) {
+          pageButtons.push(React.createElement('button', {
+            key: 1,
+            type: 'button',
+            onClick: () => handleClick(1),
+            'data-testid': 'pagination-page-1',
+            'aria-current': current === 1 ? 'page' : undefined,
+            style: { fontWeight: current === 1 ? 'bold' : 'normal' },
+          }, 1));
+          if (startPage > 2) {
+            pageButtons.push(React.createElement('span', { key: 'start-ellipsis', style: { margin: '0 4px' } }, '...'));
+          }
+        }
+        // Window of page buttons
+        for (let page = startPage; page <= endPage; page += 1) {
+          if (!(page === 1 && startPage > 1)) {
+            pageButtons.push(React.createElement('button', {
+              key: page,
+              type: 'button',
+              onClick: () => handleClick(page),
+              'data-testid': `pagination-page-${page}`,
+              'aria-current': page === current ? 'page' : undefined,
+              style: { fontWeight: page === current ? 'bold' : 'normal' },
+            }, page));
+          }
+        }
+        // Always show last page
+        if (endPage < total) {
+          if (endPage < total - 1) {
+            pageButtons.push(React.createElement('span', { key: 'end-ellipsis', style: { margin: '0 4px' } }, '...'));
+          }
+          pageButtons.push(React.createElement('button', {
+            key: total,
+            type: 'button',
+            onClick: () => handleClick(total),
+            'data-testid': `pagination-page-${total}`,
+            'aria-current': total === current ? 'page' : undefined,
+            style: { fontWeight: total === current ? 'bold' : 'normal' },
+          }, total));
+        }
+        return pageButtons;
+      }()),
+
+      React.createElement('button', {
+        key: 'next',
+        type: 'button',
+        onClick: () => handleClick(current + 1),
+        disabled: current === total,
+        'data-testid': 'pagination-next',
+      }, 'Next'),
+    ]);
+  }
+
+  return MockPagination;
+});
 
 jest.mock('@react-input/mask', () => ({
   InputMask: jest.fn(),

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "1.36.2",
+  "version": "2.0.0-dev.1",
   "description": "React Dynamic Framework",
   "license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md",
   "repository": {
@@ -67,12 +67,13 @@
     "publish:cdn-version": "node scripts/publish-cdn.js",
     "publish:cdn-latest": "aws s3 sync ./dist/ s3://dynamicframework-cdn/assets/latest/ui-react --delete --acl public-read",
     "publish:cdn-rc": "aws s3 sync ./dist/ s3://dynamicframework-cdn/assets/rc/ui-react --delete --acl public-read",
+    "publish:cdn-dev": "aws s3 sync ./dist/ s3://dynamicframework-cdn/assets/dev/ui-react --delete --acl public-read",
     "lint-staged": "lint-staged",
-    "prepare": "husky install",
+    "prepare": "husky",
     "commitlint": "commitlint --edit"
   },
   "engines": {
-    "node": ">=20.13.1"
+    "node": ">=22.0.0"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -110,27 +111,21 @@
     "@mdx-js/react": "~2.3.0",
     "@popperjs/core": "~2.11.8",
     "@rollup/plugin-node-resolve": "^15.3.0",
-    "@storybook/addon-a11y": "~8.2.9",
-    "@storybook/addon-actions": "~8.2.9",
-    "@storybook/addon-essentials": "~8.2.9",
-    "@storybook/addon-interactions": "~8.2.9",
-    "@storybook/addon-links": "~8.2.9",
-    "@storybook/addon-viewport": "~8.2.9",
-    "@storybook/blocks": "~8.2.9",
-    "@storybook/react": "~8.2.9",
-    "@storybook/react-vite": "~8.2.9",
-    "@storybook/test": "~8.2.9",
-    "@storybook/theming": "~8.2.9",
-    "@testing-library/jest-dom": "~6.1.4",
-    "@testing-library/react": "~14.0.0",
+    "@storybook/addon-a11y": "~9.0.17",
+    "@storybook/addon-docs": "~9.0.17",
+    "@storybook/addon-links": "~9.0.17",
+    "@storybook/react-vite": "~9.0.17",
+    "@testing-library/jest-dom": "~6.6.3",
+    "@testing-library/react": "~16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/google-libphonenumber": "^7.4.30",
+    "@types/google-libphonenumber": "~7.4.30",
     "@types/jest": "~29.5.12",
     "@types/node": "~18.15.3",
-    "@types/react": "~18.2.31",
-    "@types/react-dom": "~18.2.14",
+    "@types/react": "~19.1.8",
+    "@types/react-dom": "~19.1.6",
     "@typescript-eslint/eslint-plugin": "~6.9.0",
     "@typescript-eslint/parser": "~6.9.0",
+    "@vitejs/plugin-react": "~4.7.0",
     "autoprefixer": "~10.4.16",
     "axe-playwright": "~1.2.3",
     "babel-jest": "^29.7.0",
@@ -144,37 +139,39 @@
     "eslint-plugin-jsx-a11y": "~6.7.1",
     "eslint-plugin-react": "~7.33.2",
     "eslint-plugin-react-hooks": "~4.6.0",
-    "formik": "^2.4.6",
+    "formik": "~2.4.6",
     "glob": "~10.3.10",
-    "husky": "~8.0.3",
+    "husky": "~9.1.7",
     "jest": "~29.7.0",
     "jest-axe": "~8.0.0",
     "jest-cli": "~29.7.0",
     "jest-environment-jsdom": "~29.7.0",
     "lint-staged": "^15.2.10",
     "postcss-cli": "~10.1.0",
-    "react": "~18.3.1",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "react-hot-toast": "~2.5.2",
     "react-i18next": "~13.3.1",
-    "recharts": "~2.12.7",
-    "rimraf": "~5.0.5",
+    "recharts": "~3.1.0",
+    "remark-gfm": "~4.0.1",
+    "rimraf": "~6.0.1",
     "rollup": "^4.27.4",
     "sass": "~1.69.4",
-    "storybook": "~8.2.9",
+    "storybook": "~9.0.17",
     "stylelint": "^16.16.0",
     "stylelint-config-twbs-bootstrap": "^16.0.0",
     "ts-jest": "~29.2.3",
     "tslib": "~2.6.2",
     "typescript": "~5.2.2",
+    "vite": "~6.3.5",
     "yup": "^1.6.1"
   },
   "peerDependencies": {
-    "react": "~18.3.1",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "react-hot-toast": "~2.5.2",
     "react-i18next": "~13.3.1",
-    "recharts": "~2.12.7"
+    "recharts": "~3.1.0"
   },
   "peerDependenciesMeta": {
     "recharts": {