@react5/ui 1.0.27 → 1.0.28

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 React5
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 React5
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,2 +1,2 @@
-# ui
-A template of a React UI library with a test app. It uses a monorepo structure.
+# ui
+A template of a React UI library with a test app. It uses a monorepo structure.

package/package.json

@@ -1,38 +1,38 @@
-{
-  "name": "@react5/ui",
-  "version": "1.0.27",
-  "description": "A React UI library.",
-  "homepage": "https://github.com/react5com/ui#readme",
-  "bugs": {
-    "url": "https://github.com/react5com/ui/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/react5com/ui.git"
-  },
-  "workspaces": [
-    "packages/lib",
-    "packages/app",
-    "packages/ui-test"
-  ],
-  "license": "MIT",
-  "author": "React5.com",
-  "main": "packages/lib/dist/index.js",
-  "type": "module",
-  "module": "packages/lib/dist/esm/index.esm.js",
-  "types": "packages/lib/dist/types/index.d.ts",
-  "style": "packages/lib/dist/index.css",
-  "scripts": {
-    "build": "npm run build --workspaces",
-    "test": "npm run test --workspaces",
-    "dev": "npm-run-all --parallel dev:*",
-    "dev:lib": "npm --workspace @react5/lib run dev",
-    "dev:app": "npm --workspace @react5/app run dev",
-    "uitest": "npm --workspace ui-test run uitest",
-    "storybook": "npm --workspace @react5/lib run storybook",
-    "plop": "npm --workspace @react5/lib run plop"
-  },
-  "devDependencies": {
-    "npm-run-all": "^4.1.5"
-  }
-}
+{
+  "name": "@react5/ui",
+  "version": "1.0.28",
+  "description": "A React UI library.",
+  "homepage": "https://github.com/react5com/ui#readme",
+  "bugs": {
+    "url": "https://github.com/react5com/ui/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/react5com/ui.git"
+  },
+  "workspaces": [
+    "packages/lib",
+    "packages/app",
+    "packages/ui-test"
+  ],
+  "license": "MIT",
+  "author": "React5.com",
+  "main": "packages/lib/dist/index.js",
+  "type": "module",
+  "module": "packages/lib/dist/esm/index.esm.js",
+  "types": "packages/lib/dist/types/index.d.ts",
+  "style": "packages/lib/dist/index.css",
+  "scripts": {
+    "build": "npm run build --workspaces",
+    "test": "npm run test --workspaces",
+    "dev": "npm-run-all --parallel dev:*",
+    "dev:lib": "npm --workspace @react5/lib run dev",
+    "dev:app": "npm --workspace @react5/app run dev",
+    "uitest": "npm --workspace ui-test run uitest",
+    "storybook": "npm --workspace @react5/lib run storybook",
+    "plop": "npm --workspace @react5/lib run plop"
+  },
+  "devDependencies": {
+    "npm-run-all": "^4.1.5"
+  }
+}

package/packages/app/README.md

@@ -1,50 +1,50 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default tseslint.config({
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
-- Optionally add `...tseslint.configs.stylisticTypeChecked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
-
-```js
-// eslint.config.js
-import react from 'eslint-plugin-react'
-
-export default tseslint.config({
-  // Set the react version
-  settings: { react: { version: '18.3' } },
-  plugins: {
-    // Add the react plugin
-    react,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended rules
-    ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
-  },
-})
-```
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/packages/app/eslint.config.js

@@ -1,28 +1,28 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-
-export default tseslint.config(
-  { ignores: ['dist'] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
-    },
-  },
-)
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)

package/packages/app/index.html

@@ -1,13 +1,13 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/packages/app/jest.config.js

@@ -1,13 +1,13 @@
-/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
-export default {
-  preset: 'ts-jest',
-  passWithNoTests: true,
-  testEnvironment: 'jsdom',
-  moduleNameMapper:{
-    "\\.(css|less|scss|sass)$": "identity-obj-proxy"
-  },
-  testPathIgnorePatterns: [
-    "/build/",
-    "/dist/"
-  ],
+/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
+export default {
+  preset: 'ts-jest',
+  passWithNoTests: true,
+  testEnvironment: 'jsdom',
+  moduleNameMapper:{
+    "\\.(css|less|scss|sass)$": "identity-obj-proxy"
+  },
+  testPathIgnorePatterns: [
+    "/build/",
+    "/dist/"
+  ],
 };

package/packages/app/package.json

@@ -1,36 +1,36 @@
-{
-  "name": "@react5/app",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "author": "React5.com",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "test": "jest"
-  },
-  "dependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "@react5/lib": "*",
-    "i18next": "^25.2.1",
-    "react-i18next": "^15.5.3"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.29.0",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.5.2",
-    "eslint": "^9.29.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.2.0",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.34.1",
-    "vite": "^6.3.5",
-    "jest": "^30.0.2",
-    "ts-jest": "^29.4.0"
-  }
-}
+{
+  "name": "@react5/app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "author": "React5.com",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "jest"
+  },
+  "dependencies": {
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "@react5/lib": "*",
+    "i18next": "^25.7.4",
+    "react-i18next": "^16.5.3"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "globals": "^17.0.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.53.0",
+    "vite": "^7.3.1",
+    "jest": "^30.2.0",
+    "ts-jest": "^29.4.6"
+  }
+}

package/packages/app/src/App.css

@@ -1,6 +1,6 @@
-body {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
 }

package/packages/app/src/App.tsx

@@ -1,35 +1,35 @@
-import './App.css'
-import { Button, CheckBox, Form, TextField, useForm } from '@react5/lib'
-import '@react5/lib/dist/index.css'
-import { useTranslation } from 'react-i18next'
-import { translationNs } from './i18n/ns'
-import { useEffect } from 'react'
-
-function App() {
-  const { t } = useTranslation(translationNs)
-  const { register, registerForm, values, reset } = useForm({fieldone: "test", checkfield: false});
-  useEffect(() => {
-    console.log("effect")
-    setTimeout(() => {
-      reset({fieldone: "test2", checkfield: true})
-    }, 1000);
-  }, []);
-  const handleTestButton = () => {
-    console.log(values);
-  }
-  const handleSubmit = (data?: unknown) => {
-    console.log("submit", data);
-  }
-  return (
-    <>
-      <h1>{t('app.title')}</h1>
-      <Form {...registerForm(handleSubmit)}>
-        <TextField label="One" {...register("fieldone")} />
-        <CheckBox label="Two" {...register("checkfield")} />
-        <Button onClick={handleTestButton}>test</Button>
-        <Button type='submit'>Submit</Button>
-      </Form>
-    </>
-  )
-}
-export default App
+import './App.css'
+import { Button, CheckBox, Form, TextField, useForm } from '@react5/lib'
+import '@react5/lib/dist/index.css'
+import { useTranslation } from 'react-i18next'
+import { translationNs } from './i18n/ns'
+import { useEffect } from 'react'
+
+function App() {
+  const { t } = useTranslation(translationNs)
+  const { register, registerForm, values, reset } = useForm({fieldone: "test", checkfield: false});
+  useEffect(() => {
+    console.log("effect")
+    setTimeout(() => {
+      reset({fieldone: "test2", checkfield: true})
+    }, 1000);
+  }, []);
+  const handleTestButton = () => {
+    console.log(values);
+  }
+  const handleSubmit = (data?: unknown) => {
+    console.log("submit", data);
+  }
+  return (
+    <>
+      <h1>{t('app.title')}</h1>
+      <Form {...registerForm(handleSubmit)}>
+        <TextField label="One" {...register("fieldone")} />
+        <CheckBox label="Two" {...register("checkfield")} />
+        <Button onClick={handleTestButton}>test</Button>
+        <Button type='submit'>Submit</Button>
+      </Form>
+    </>
+  )
+}
+export default App

package/packages/app/src/i18n/config.ts

@@ -1,22 +1,22 @@
-import i18next from 'i18next';
-import en from './en/translation.json';
-import fr from './fr/translation.json';
-import { initReactI18next  } from 'react-i18next';
-import { translationNs } from './ns';
-
-i18next
-  .use(initReactI18next)
-  .init({
-    fallbackLng: 'en',
-    debug: true,
-    resources: {
-      en: {
-        [translationNs]: en
-      },
-      fr: {
-        [translationNs]: fr
-      },
-    },
-  });
-
+import i18next from 'i18next';
+import en from './en/translation.json';
+import fr from './fr/translation.json';
+import { initReactI18next  } from 'react-i18next';
+import { translationNs } from './ns';
+
+i18next
+  .use(initReactI18next)
+  .init({
+    fallbackLng: 'en',
+    debug: true,
+    resources: {
+      en: {
+        [translationNs]: en
+      },
+      fr: {
+        [translationNs]: fr
+      },
+    },
+  });
+
 export default i18next;

package/packages/app/src/i18n/en/translation.json

@@ -1,5 +1,5 @@
-{
-  "app": {
-    "title": "Test application"
-  }
+{
+  "app": {
+    "title": "Test application"
+  }
 }

package/packages/app/src/i18n/fr/translation.json

@@ -1,5 +1,5 @@
-{
-  "app": {
-    "title": "Application de test"
-  }
+{
+  "app": {
+    "title": "Application de test"
+  }
 }

package/packages/app/src/i18n/index.ts

@@ -1,3 +1,3 @@
-import i18n from './config';
-
-export const i18next = i18n;
+import i18n from './config';
+
+export const i18next = i18n;

package/packages/app/src/main.tsx

@@ -1,16 +1,16 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './styles/1-reset.scss'
-import './styles/2-colors.scss'
-import './index.css'
-import { i18next } from './i18n';
-import { addTranslations } from '@react5/lib'
-addTranslations(i18next);
-
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './styles/1-reset.scss'
+import './styles/2-colors.scss'
+import './index.css'
+import { i18next } from './i18n';
+import { addTranslations } from '@react5/lib'
+addTranslations(i18next);
+
+import App from './App.tsx'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)