@enonic/ui 0.32.0 → 0.34.0

package/dist/types/components/virtualized-tree-list/virtualized-tree-list.d.ts

@@ -168,6 +168,24 @@ export type VirtualizedTreeListRootProps<TData = unknown> = {
      * an item by clicking it again when nothing is selected.
      */
     clearActiveOnReclick?: boolean;
+    /**
+     * When true, selection is preserved even when items are filtered.
+     * Use this when `items` represents a filtered view of a larger dataset.
+     *
+     * When false (default), selection is cleaned up when items change -
+     * selected IDs not present in `items` are removed from selection.
+     *
+     * @default false
+     */
+    preserveFilteredSelection?: boolean;
+    /**
+     * When true (default), pressing Escape clears the selection.
+     * Set to false when using inside a Combobox where Escape should
+     * only close the dropdown without clearing selection.
+     *
+     * @default true
+     */
+    clearSelectionOnEscape?: boolean;
     /** Accessible label for the tree */
     'aria-label'?: string;
     /** Render function that receives items and helper props */

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

@@ -7,6 +7,7 @@ export { type ItemMetadata, type UseItemRegistryReturn, useItemRegistry } from '
 export { type UseItemTextRegistryReturn, useItemTextRegistry } from './use-item-text-registry';
 export { type KeyboardNavigationConfig, type UseKeyboardNavigationReturn, useKeyboardNavigation, } from './use-keyboard-navigation';
 export { type PointerPosition, type UsePointerPositionConfig, usePointerPosition } from './use-pointer-position';
+export { type RadioNavigationConfig, type UseRadioNavigationReturn, useRadioNavigation } from './use-radio-navigation';
 export { type UseRovingTabIndexConfig, type UseRovingTabIndexReturn, useRovingTabIndex } from './use-roving-tabindex';
 export { type UseScrollActiveIntoViewConfig, useScrollActiveIntoView } from './use-scroll-active-into-view';
 export { useScrollLock } from './use-scroll-lock';

package/dist/types/hooks/use-radio-navigation.d.ts

@@ -0,0 +1,15 @@
+export type RadioNavigationConfig = {
+    baseId: string;
+    getItems: () => string[];
+    getItemId?: (baseId: string, itemId: string) => string;
+    value: string | undefined;
+    onValueChange: (value: string) => void;
+    isItemDisabled: (id: string) => boolean;
+    loop?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    registryVersion: number;
+};
+export type UseRadioNavigationReturn = {
+    handleKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+};
+export declare function useRadioNavigation(config: RadioNavigationConfig): UseRadioNavigationReturn;

package/dist/types/providers/date-picker-provider.d.ts

@@ -0,0 +1,32 @@
+import { ReactElement, ReactNode, RefObject } from 'react';
+export type DatePickerContextValue = {
+    baseId: string;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    triggerRef: RefObject<HTMLButtonElement>;
+    focusOnCloseRef?: RefObject<HTMLElement>;
+    name?: string;
+    form?: string;
+    value: Date | null;
+    setValue: (value: Date | null) => void;
+    month: Date;
+    setMonth: (month: Date) => void;
+    selectDate: (date: Date) => void;
+    locale?: Intl.LocalesArgument;
+    weekStartsOn: number;
+    minYear: number;
+    maxYear: number;
+    showOutsideDays: boolean;
+    showNavigation: boolean;
+    monthFormat: 'short' | 'long';
+    isDateDisabled: (date: Date) => boolean;
+};
+export type DatePickerProviderProps = {
+    value: DatePickerContextValue;
+    children?: ReactNode;
+};
+export declare const DatePickerProvider: {
+    ({ value, children }: DatePickerProviderProps): ReactElement;
+    displayName: string;
+};
+export declare const useDatePicker: () => DatePickerContextValue;

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

@@ -1,12 +1,14 @@
 export * from './avatar-provider';
 export * from './combobox-provider';
 export * from './context-menu-provider';
+export * from './date-picker-provider';
 export * from './dialog-provider';
 export * from './id-provider';
 export * from './listbox-provider';
 export * from './menu-provider';
 export * from './menubar-menu-provider';
 export * from './menubar-provider';
+export * from './radio-provider';
 export * from './search-field-provider';
 export * from './selector-provider';
 export * from './stepper-provider';

package/dist/types/providers/radio-provider.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement, ReactNode } from 'react';
+export type RadioGroupContextValue = {
+    baseId: string;
+    name: string;
+    value?: string;
+    onValueChange: (value: string) => void;
+    registerItem: (id: string, disabled?: boolean) => void;
+    unregisterItem: (id: string) => void;
+    getItems: () => string[];
+    isItemDisabled: (id: string) => boolean;
+    registryVersion: number;
+};
+export type RadioGroupProviderProps = {
+    value: RadioGroupContextValue;
+    children?: ReactNode;
+};
+export declare const RadioGroupProvider: {
+    ({ value, children }: RadioGroupProviderProps): ReactElement;
+    displayName: string;
+};
+export declare const useRadioGroup: () => RadioGroupContextValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enonic/ui",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "description": "Enonic UI Component Library",
   "author": "Enonic",
   "license": "MIT",
@@ -143,15 +143,15 @@
   "size-limit": [
     {
       "path": "dist/enonic-ui.es.js",
-      "limit": "40 KB"
+      "limit": "50 KB"
     },
     {
       "path": "dist/enonic-ui.cjs",
-      "limit": "40 KB"
+      "limit": "50 KB"
     },
     {
       "path": "dist/styles/style.css",
-      "limit": "12 KB"
+      "limit": "15 KB"
     },
     {
       "path": "dist/styles/preset.css",