@enonic/ui 0.18.1 → 0.20.0

package/dist/types/hooks/use-sync-value.d.ts

@@ -0,0 +1,7 @@
+import { Signalish } from 'preact';
+/**
+ * Syncs a value related to a setter function with a value from arguments
+ * @param value - The value to sync with
+ * @param setValue - The setter function to update the value to be synced
+ */
+export declare const useSyncValue: <T>(value: Signalish<T> | undefined | null, setValue: (value: T) => void) => void;

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

@@ -7,3 +7,5 @@ export * from './menu-provider';
 export * from './menubar-menu-provider';
 export * from './menubar-provider';
 export * from './search-field-provider';
+export * from './toggle-group-provider';
+export * from './tree-list-provider';

package/dist/types/providers/toggle-group-provider.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement, ReactNode } from 'react';
+export type ToggleGroupContextValue = {
+    selectionMode: 'single' | 'multiple';
+    value: string | string[];
+    onValueChange: (value: string) => void;
+    disabled?: boolean;
+    registerItem: (id: string, disabled?: boolean) => void;
+    unregisterItem: (id: string) => void;
+    getItems: () => string[];
+    isItemDisabled: (id: string) => boolean;
+    orientation?: 'horizontal' | 'vertical';
+    active?: string;
+    setActive?: (id: string | undefined) => void;
+};
+export type ToggleGroupProviderProps = {
+    value: ToggleGroupContextValue;
+    children?: ReactNode;
+};
+export declare const ToggleGroupProvider: ({ value, children }: ToggleGroupProviderProps) => ReactElement;
+export declare const useToggleGroup: () => ToggleGroupContextValue;

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

@@ -0,0 +1,21 @@
+import { TreeNode } from '../components/tree-list/tree-list';
+import { ReactElement, ReactNode } from 'react';
+export type TreeListContextValue<T extends TreeNode = TreeNode> = {
+    baseId: string;
+    items: readonly T[];
+    loadMore: (parent?: string) => void;
+    isItemSelectable: (item: T) => boolean;
+    active?: string;
+    selection?: ReadonlySet<string>;
+    expanded?: ReadonlySet<string>;
+    toggleSelection?: (id: string) => void;
+    toggleExpanded: (id: string) => void;
+    selectionMode: 'single' | 'multiple';
+    isFocused: boolean;
+};
+export type TreeListProviderProps<T extends TreeNode = TreeNode> = {
+    value: TreeListContextValue<T>;
+    children?: ReactNode;
+};
+export declare const TreeListProvider: <T extends TreeNode = TreeNode>({ value, children, }: TreeListProviderProps<T>) => ReactElement;
+export declare const useTreeList: <T extends TreeNode = TreeNode>() => TreeListContextValue<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enonic/ui",
-  "version": "0.18.1",
+  "version": "0.20.0",
   "description": "Enonic UI Component Library",
   "author": "Enonic",
   "license": "MIT",