@enonic/ui 0.22.2 → 0.23.1

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.2",
+  "version": "0.23.1",
   "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",
@@ -68,44 +72,40 @@
     }
   },
   "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"
   },
@@ -122,31 +122,31 @@
     ]
   },
   "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"
   },
   "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",
@@ -166,14 +166,14 @@
     "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",
+    "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",
-    "release": "pnpm publish --access public --no-git-checks",
-    "release:dry": "pnpm publish --dry-run --access public --no-git-checks",
+    "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"