@enonic/ui 0.26.0 → 0.28.0

package/dist/types/icons/filled-circle-info.d.ts

@@ -0,0 +1,8 @@
+import { LucideIcon } from 'lucide-react';
+/**
+ * A filled circle with an info sign inside.
+ * Useful for representing info states.
+ */
+export declare const FilledCircleInfo: LucideIcon;
+/** @alias FilledCircleInfo */
+export declare const FilledCircleInfoIcon: LucideIcon;

package/dist/types/icons/filled-circle-x.d.ts

@@ -0,0 +1,8 @@
+import { LucideIcon } from 'lucide-react';
+/**
+ * A filled circle with an X sign inside.
+ * Useful for representing error states.
+ */
+export declare const FilledCircleX: LucideIcon;
+/** @alias FilledCircleX */
+export declare const FilledCircleXIcon: LucideIcon;

package/dist/types/icons/filled-square-check.d.ts

@@ -0,0 +1,8 @@
+import { LucideIcon } from 'lucide-react';
+/**
+ * A filled square with a checkmark inside.
+ * Useful for representing selected or checked states.
+ */
+export declare const FilledSquareCheck: LucideIcon;
+/** @alias FilledSquareCheck */
+export declare const FilledSquareCheckIcon: LucideIcon;

package/dist/types/icons/filled-square-minus.d.ts

@@ -0,0 +1,8 @@
+import { LucideIcon } from 'lucide-react';
+/**
+ * A filled square with a minus sign inside.
+ * Useful for representing indeterminate or partial selection states.
+ */
+export declare const FilledSquareMinus: LucideIcon;
+/** @alias FilledSquareMinus */
+export declare const FilledSquareMinusIcon: LucideIcon;

package/dist/types/icons/index.d.ts

@@ -0,0 +1,7 @@
+export { CircleDisc, CircleDiscIcon } from './circle-disc';
+export { FilledCircleAlert, FilledCircleAlertIcon } from './filled-circle-alert';
+export { FilledCircleCheck, FilledCircleCheckIcon } from './filled-circle-check';
+export { FilledCircleInfo, FilledCircleInfoIcon } from './filled-circle-info';
+export { FilledCircleX, FilledCircleXIcon } from './filled-circle-x';
+export { FilledSquareCheck, FilledSquareCheckIcon } from './filled-square-check';
+export { FilledSquareMinus, FilledSquareMinusIcon } from './filled-square-minus';

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components';
 export * from './hooks';
+export * from './icons';
 export * from './providers';
 export * from './types';
 export * from './utils';

package/dist/types/providers/index.d.ts

@@ -13,3 +13,4 @@ export * from './tab-provider';
 export * from './toast-provider';
 export * from './toggle-group-provider';
 export * from './tree-list-provider';
+export * from './virtualized-tree-list-provider';

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

@@ -1,23 +1,36 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { FlatTreeNode, TreeData } from '../components/tree-list/tree-list';
-export type TreeListContextValue<T extends TreeData = TreeData> = {
+export type SelectionMode = 'single' | 'multiple' | 'none';
+export type TreeListContextValue = {
     baseId: string;
-    items: readonly FlatTreeNode<T>[];
-    loadMore: (parent?: string) => Promise<void>;
-    isItemSelectable: (item: T) => boolean;
-    active?: string;
-    selection?: ReadonlySet<string>;
-    expanded?: ReadonlySet<string>;
-    toggleSelection: (id: string) => void;
-    toggleExpanded: (id: string) => void;
-    updateActive: (id: string | undefined) => void;
-    selectionMode: 'single' | 'multiple';
+    active: string | undefined;
+    setActive: (id: string | undefined) => void;
     isFocused: boolean;
-    scrollRootRef?: RefObject<HTMLDivElement>;
+    selection: ReadonlySet<string>;
+    toggleSelection: (id: string) => void;
+    selectOnly: (id: string) => void;
+    selectRange: (fromId: string, toId: string) => void;
+    clearSelection: () => void;
+    selectAll: () => void;
+    selectionMode: SelectionMode;
+    anchorId: string | undefined;
+    setAnchorId: (id: string | undefined) => void;
+    registerItem: (id: string, disabled?: boolean) => void;
+    unregisterItem: (id: string) => void;
+    getItems: () => string[];
+    isItemDisabled: (id: string) => boolean;
+    scrollContainerRef: RefObject<HTMLDivElement | null>;
+    getParentId?: (id: string) => string | undefined;
+    getFirstChildId?: (id: string) => string | undefined;
+    isExpanded?: (id: string) => boolean;
+    toggleExpanded?: (id: string) => void;
+    onActivate?: (id: string) => void;
+    actionModeRowId: string | undefined;
+    enterActionMode: () => void;
+    exitActionMode: () => void;
 };
-export type TreeListProviderProps<T extends TreeData = TreeData> = {
-    value: TreeListContextValue<T>;
+export type TreeListProviderProps = {
+    value: TreeListContextValue;
     children?: ReactNode;
 };
-export declare const TreeListProvider: <T extends TreeData = TreeData>({ value, children, }: TreeListProviderProps<T>) => ReactElement;
-export declare const useTreeList: <T extends TreeData = TreeData>() => TreeListContextValue<T>;
+export declare const TreeListProvider: ({ value, children }: TreeListProviderProps) => ReactElement;
+export declare const useTreeList: () => TreeListContextValue;

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

@@ -0,0 +1,26 @@
+import { ReactElement, ReactNode } from 'react';
+import { FlatNodeBase } from '../hooks/use-virtualized-keyboard-navigation';
+export type VirtualizedTreeListContextValue = {
+    baseId: string;
+    activeIndex: number | null;
+    activeId: string | null;
+    setActiveIndex: (index: number | null) => void;
+    selection: ReadonlySet<string>;
+    toggleSelection: (id: string, index: number) => void;
+    selectionMode: 'single' | 'multiple' | 'none';
+    isFocused: boolean;
+    items: readonly FlatNodeBase[];
+    getItemIndex: (id: string) => number;
+    scrollToIndex: (index: number) => void;
+    onExpand?: (id: string) => void;
+    onCollapse?: (id: string) => void;
+    onActivate?: (id: string) => void;
+    actionModeRowId: string | undefined;
+    exitActionMode: () => void;
+};
+export type VirtualizedTreeListProviderProps = {
+    value: VirtualizedTreeListContextValue;
+    children?: ReactNode;
+};
+export declare const VirtualizedTreeListProvider: ({ value, children }: VirtualizedTreeListProviderProps) => ReactElement;
+export declare const useVirtualizedTreeList: () => VirtualizedTreeListContextValue;

package/dist/types/types/index.d.ts

@@ -1 +1,9 @@
 export type * from './lucide';
+/**
+ * Controls how users can interact with a list/tree item.
+ *
+ * - `'full'`: Item can be navigated to and selected (default)
+ * - `'navigate-only'`: Item can receive focus but cannot be selected
+ * - `'none'`: Item is completely non-interactive (skipped in navigation, cannot be selected)
+ */
+export type ItemInteraction = 'full' | 'navigate-only' | 'none';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enonic/ui",
-  "version": "0.26.0",
+  "version": "0.28.0",
   "description": "Enonic UI Component Library",
   "author": "Enonic",
   "license": "MIT",
@@ -58,7 +58,8 @@
     "lucide-react": ">=0.500.0",
     "preact": ">=10.0.0",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-virtuoso": "^4.0.0"
   },
   "peerDependenciesMeta": {
     "preact": {
@@ -69,6 +70,9 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "react-virtuoso": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -97,6 +101,7 @@
     "lucide-preact": "~0.560.0",
     "lucide-react": "~0.560.0",
     "postcss": "~8.5.6",
+    "react-virtuoso": "~4.14.0",
     "rollup-plugin-visualizer": "~6.0.5",
     "size-limit": "~12.0.0",
     "storybook": "~10.1.6",
@@ -128,7 +133,7 @@
   },
   "lint-staged": {
     "*.{ts,tsx}": [
-      "biome check --write --unsafe --no-errors-on-unmatched",
+      "biome check --write --unsafe --formatter-enabled=true --no-errors-on-unmatched",
       "eslint --cache --fix --no-warn-ignored --concurrency auto"
     ],
     "*.{json,css}": [
@@ -138,11 +143,11 @@
   "size-limit": [
     {
       "path": "dist/enonic-ui.es.js",
-      "limit": "35 KB"
+      "limit": "40 KB"
     },
     {
       "path": "dist/enonic-ui.cjs",
-      "limit": "35 KB"
+      "limit": "40 KB"
     },
     {
       "path": "dist/styles/style.css",
@@ -167,9 +172,8 @@
     "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": "biome check . && eslint --cache 'src/**/*.{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",