@enonic/ui 0.22.1 → 0.23.0

package/dist/types/hooks/use-controlled-state.d.ts

@@ -1,3 +1,4 @@
+import { SetStateAction } from 'react';
 /**
  * Manages state that can be either controlled or uncontrolled.
  * Follows the React pattern for controlled/uncontrolled state management.
@@ -8,7 +9,9 @@
  * @param defaultValue - The default value for uncontrolled mode (e.g., `defaultValue`, `defaultOpen`)
  * @param onChange - Callback invoked when the value changes
  *
- * @returns A tuple containing the current value and a setter function
+ * @returns A tuple containing the current value and a setter function.
+ * The setter accepts either a direct value or an updater function `(prev) => next`,
+ * matching React's `useState` API. The setter reference is stable across renders.
  *
  * **Controlled vs Uncontrolled Detection:**
  * - `undefined` = uncontrolled mode (prop not provided)
@@ -20,6 +23,10 @@
  * - `active="item-1"` → controlled with active item
  * - `active` not provided → uncontrolled mode
  *
+ * **Note on function values:**
+ * If `T` is a function type, you must wrap the value in an updater function
+ * to avoid it being interpreted as an updater: `setValue(() => myFunction)`.
+ *
  * @example
  * ```tsx
  * // Uncontrolled usage
@@ -34,13 +41,21 @@
  *   return <div>{value ? 'Open' : 'Closed'}</div>;
  * }
  *
- * // Controlled with null support (for "no value" state)
- * function Component({ active, onActiveChange }: { active?: string | null }) {
- *   const [value, setValue] = useControlledState(active, undefined, onActiveChange);
- *   // active={null} → controlled, value = null
- *   // active="item" → controlled, value = "item"
- *   // active not provided → uncontrolled, value from defaultActive
+ * // Using updater function (safe for batched updates)
+ * function Counter() {
+ *   const [count, setCount] = useControlledState(undefined, 0);
+ *   const incrementTwice = () => {
+ *     setCount(prev => prev + 1);
+ *     setCount(prev => prev + 1); // Correctly results in +2
+ *   };
+ *   return <button onClick={incrementTwice}>{count}</button>;
+ * }
+ *
+ * // Toggle pattern
+ * function Toggle() {
+ *   const [pressed, setPressed] = useControlledState(undefined, false);
+ *   return <button onClick={() => setPressed(prev => !prev)}>{pressed ? 'On' : 'Off'}</button>;
  * }
  * ```
  */
-export declare function useControlledState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (value: T) => void];
+export declare function useControlledState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (action: SetStateAction<T>) => void];

package/dist/types/providers/tree-list-provider.d.ts

@@ -1,5 +1,5 @@
-import { TreeNode } from '../components/tree-list/tree-list';
 import { ReactElement, ReactNode } from 'react';
+import { TreeNode } from '../components/tree-list/tree-list';
 export type TreeListContextValue<T extends TreeNode = TreeNode> = {
     baseId: string;
     items: readonly T[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enonic/ui",
-  "version": "0.22.1",
+  "version": "0.23.0",
   "description": "Enonic UI Component Library",
   "author": "Enonic",
   "license": "MIT",
@@ -12,6 +12,10 @@
   "bugs": {
     "url": "https://github.com/enonic/npm-enonic-ui/issues"
   },
+  "publishConfig": {
+    "access": "public",
+    "provenance": false
+  },
   "keywords": [
     "enonic",
     "ui",
@@ -43,6 +47,35 @@
     "./base.css": "./dist/styles/base.css",
     "./utilities.css": "./dist/styles/utilities.css"
   },
+  "scripts": {
+    "build": "pnpm clean && pnpm build:ui",
+    "build:ui": "pnpm --color /^build:ui:.*$/",
+    "build:ui:lib": "vite build --config vite.config.ts",
+    "build:ui:css": "vite build --config vite.config.css.ts",
+    "build:storybook": "storybook build",
+    "build:all": "pnpm build && pnpm build:storybook",
+    "dev": "storybook dev -p 6006",
+    "clean": "rm -rf dist coverage reports storybook-static",
+    "check": "pnpm typecheck && pnpm lint && pnpm format:check",
+    "typecheck": "pnpm typecheck:app && pnpm typecheck:node",
+    "typecheck:app": "tsc --noEmit --project tsconfig.app.json",
+    "typecheck:node": "tsc --noEmit --project tsconfig.node.json",
+    "lint": "biome check . && eslint --cache '**/*.{ts,tsx}' --max-warnings 0 --concurrency auto",
+    "lint:fix": "biome check --write --unsafe . && eslint --cache 'src/**/*.{ts,tsx}' --fix --concurrency auto",
+    "lint:ci": "biome check . && eslint --no-cache 'src/**/*.{ts,tsx}' --max-warnings 0 --concurrency auto",
+    "format": "biome format --write .",
+    "format:check": "biome format .",
+    "test": "exit 0",
+    "test:ci": "exit 0",
+    "prepack": "echo 'Packaging...'",
+    "prepublishOnly": "pnpm check && pnpm build && pnpm size",
+    "release": "npm publish --access public",
+    "release:dry": "pnpm publish --dry-run --no-git-checks",
+    "analyze": "pnpm build && open dist/stats.html",
+    "size": "size-limit",
+    "preview": "pnpm dlx serve . -p 4000",
+    "prepare": "husky"
+  },
   "dependencies": {
     "class-variance-authority": "~0.7.1",
     "clsx": "~2.1.1",
@@ -68,47 +101,50 @@
     }
   },
   "devDependencies": {
+    "@biomejs/biome": "~2.3.8",
     "@chromatic-com/storybook": "~4.1.3",
     "@eslint/js": "~9.39.1",
     "@preact/preset-vite": "~2.10.2",
-    "@size-limit/file": "~11.2.0",
-    "@size-limit/preset-small-lib": "~11.2.0",
-    "@storybook/addon-a11y": "~10.0.8",
-    "@storybook/addon-docs": "~10.0.8",
-    "@storybook/addon-links": "~10.0.8",
-    "@storybook/addon-themes": "~10.0.8",
-    "@storybook/preact-vite": "~10.0.8",
+    "@size-limit/file": "~12.0.0",
+    "@size-limit/preset-small-lib": "~12.0.0",
+    "@storybook/addon-a11y": "~10.1.2",
+    "@storybook/addon-docs": "~10.1.2",
+    "@storybook/addon-links": "~10.1.2",
+    "@storybook/addon-themes": "~10.1.2",
+    "@storybook/preact-vite": "~10.1.2",
     "@tailwindcss/vite": "~4.1.17",
-    "@trivago/prettier-plugin-sort-imports": "~6.0.0",
     "@types/node": "~24.10.1",
-    "@types/react": "~19.2.6",
+    "@types/react": "~19.2.7",
     "@types/react-dom": "~19.2.3",
-    "@typescript-eslint/eslint-plugin": "~8.47.0",
-    "@typescript-eslint/parser": "~8.47.0",
+    "@typescript-eslint/eslint-plugin": "~8.48.0",
+    "@typescript-eslint/parser": "~8.48.0",
     "eslint": "~9.39.1",
-    "eslint-import-resolver-typescript": "~4.4.4",
-    "eslint-plugin-import": "~2.32.0",
     "eslint-plugin-jsx-a11y": "~6.10.2",
     "eslint-plugin-react": "~7.37.5",
-    "eslint-plugin-react-hooks": "~7.0.1",
     "husky": "~9.1.7",
     "lint-staged": "~16.2.7",
-    "lucide-preact": "~0.554.0",
-    "lucide-react": "~0.554.0",
+    "lucide-preact": "~0.555.0",
+    "lucide-react": "~0.555.0",
     "postcss": "~8.5.6",
-    "prettier": "~3.6.2",
     "rollup-plugin-visualizer": "~6.0.5",
-    "size-limit": "~11.2.0",
-    "storybook": "~10.0.8",
+    "size-limit": "~12.0.0",
+    "storybook": "~10.1.2",
     "tailwindcss": "~4.1.17",
     "terser": "~5.44.1",
     "tw-animate-css": "~1.4.0",
     "typescript": "~5.9.3",
-    "typescript-eslint": "~8.47.0",
-    "vite": "~7.2.2",
+    "typescript-eslint": "~8.48.0",
+    "vite": "~7.2.6",
     "vite-plugin-dts": "~4.5.4",
     "vite-plugin-environment": "~1.1.3"
   },
+  "pnpm": {
+    "ignoredBuiltDependencies": [
+      "@tailwindcss/oxide",
+      "esbuild",
+      "unrs-resolver"
+    ]
+  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -122,60 +158,36 @@
     ]
   },
   "engines": {
-    "node": ">=22.19.5",
-    "pnpm": ">=10.17.0",
-    "npm": ">=10.9.3"
+    "node": ">=24.11.1",
+    "pnpm": ">=10.24.0",
+    "npm": ">=11.6.2"
   },
+  "packageManager": "pnpm@10.24.0",
   "lint-staged": {
-    "src/**/*.{js,jsx,ts,tsx}": [
-      "eslint --fix --max-warnings 0",
-      "prettier --write"
+    "*.{ts,tsx}": [
+      "biome check --write --unsafe --no-errors-on-unmatched",
+      "eslint --cache --fix --no-warn-ignored --concurrency auto"
     ],
-    "**/*.{json,md,yml,yaml} !pnpm-lock.yaml": [
-      "prettier --write"
+    "*.{json,css}": [
+      "biome check --write --unsafe --no-errors-on-unmatched"
     ]
   },
   "size-limit": [
     {
       "path": "dist/enonic-ui.es.js",
-      "limit": "30 KB"
+      "limit": "35 KB"
     },
     {
       "path": "dist/enonic-ui.cjs",
-      "limit": "30 KB"
+      "limit": "35 KB"
     },
     {
       "path": "dist/styles/style.css",
-      "limit": "10 KB"
+      "limit": "12 KB"
     },
     {
       "path": "dist/styles/preset.css",
       "limit": "2 KB"
     }
-  ],
-  "scripts": {
-    "build": "pnpm clean && pnpm build:ui",
-    "build:ui": "pnpm --color /^build:ui:.*$/",
-    "build:ui:lib": "vite build --config vite.config.ts",
-    "build:ui:css": "vite build --config vite.config.css.ts",
-    "build:storybook": "storybook build",
-    "build:all": "pnpm build && pnpm build:storybook",
-    "dev": "storybook dev -p 6006",
-    "clean": "rm -rf dist coverage reports storybook-static",
-    "check": "pnpm typecheck && pnpm lint && pnpm format:check",
-    "typecheck": "pnpm typecheck:app && pnpm typecheck:node",
-    "typecheck:app": "tsc --noEmit --project tsconfig.app.json",
-    "typecheck:node": "tsc --noEmit --project tsconfig.node.json",
-    "lint": "eslint --no-cache '**/*.{js,jsx,ts,tsx}' --max-warnings 0",
-    "lint:fix": "eslint --cache '**/*.{js,jsx,ts,tsx}' --fix",
-    "format": "prettier --write '**/*.{js,jsx,ts,tsx,json,md,yml,yaml}' !pnpm-lock.yaml --log-level warn",
-    "format:check": "prettier --check '**/*.{js,jsx,ts,tsx,json,md,yml,yaml}' !pnpm-lock.yaml --log-level warn",
-    "test": "exit 0",
-    "test:ci": "exit 0",
-    "release": "pnpm publish --access public --no-git-checks",
-    "release:dry": "pnpm publish --dry-run --access public --no-git-checks",
-    "analyze": "pnpm build && open dist/stats.html",
-    "size": "size-limit",
-    "preview": "pnpm dlx serve . -p 4000"
-  }
-}
+  ]
+}