@enonic/ui 0.12.0 → 0.13.0

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

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode } from 'react';
+export type AvatarImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
+export type AvatarContextValue = {
+    imageLoadingStatus: AvatarImageLoadingStatus;
+    onImageLoadingStatusChange: (status: AvatarImageLoadingStatus) => void;
+};
+export type AvatarProviderProps = {
+    value: AvatarContextValue;
+    children?: ReactNode;
+};
+export declare const AvatarProvider: {
+    ({ value, children }: AvatarProviderProps): ReactElement;
+    displayName: string;
+};
+export declare const useAvatar: () => AvatarContextValue;

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

@@ -0,0 +1,23 @@
+import { ReactElement, ReactNode } from 'react';
+export type ComboboxContextValue = {
+    baseId: string;
+    open: boolean;
+    setOpen: (next: boolean) => void;
+    closeOnBlur: boolean;
+    inputValue: string;
+    setInputValue: (value: string) => void;
+    selection: readonly string[];
+    active?: string;
+    keyHandler: (e: React.KeyboardEvent<HTMLElement>) => void;
+    disabled?: boolean;
+    error?: boolean;
+};
+export type ComboboxProviderProps = {
+    value: ComboboxContextValue;
+    children?: ReactNode;
+};
+export declare const ComboboxProvider: {
+    ({ value, children }: ComboboxProviderProps): ReactElement;
+    displayName: string;
+};
+export declare const useCombobox: () => ComboboxContextValue;

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

@@ -7,4 +7,10 @@ export declare const IdProvider: {
     ({ children, prefix }: IdProviderProps): ReactElement;
     displayName: string;
 };
-export declare const usePrefixedId: (providedId?: string) => string;
+/**
+ * Prefix provided or generated id with a prefix from the context
+ * @param providedId - The id to prefix. Will use `useId()` if not provided.
+ * @param prefix - A custom prefix used in addition to the one from context.
+ * @returns The prefixed id
+ */
+export declare const usePrefixedId: (providedId?: string, prefix?: string) => string;

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

@@ -1,2 +1,6 @@
+export * from './avatar-provider';
+export * from './combobox-provider';
 export * from './dialog-provider';
 export * from './id-provider';
+export * from './listbox-provider';
+export * from './menu-provider';

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

@@ -0,0 +1,21 @@
+import { ReactElement, ReactNode } from 'react';
+export type ListboxContextValue = {
+    baseId: string;
+    active?: string;
+    selection: ReadonlySet<string>;
+    selectionMode: 'single' | 'multiple';
+    disabled?: boolean;
+    focusable?: boolean;
+    setActive: (id?: string) => void;
+    toggleValue: (value: string) => void;
+    keyHandler?: (e: React.KeyboardEvent<HTMLElement>) => void;
+};
+export type ListboxProviderProps = {
+    value: ListboxContextValue;
+    children?: ReactNode;
+};
+export declare const ListboxProvider: {
+    ({ value, children }: ListboxProviderProps): ReactElement;
+    displayName: string;
+};
+export declare const useListbox: () => ListboxContextValue;

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

@@ -0,0 +1,20 @@
+import { ReactElement, ReactNode, RefObject } from 'react';
+export type MenuContextValue = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    active: string | undefined;
+    setActive: (id: string | undefined) => void;
+    registerItem: (id: string, disabled?: boolean) => void;
+    unregisterItem: (id: string) => void;
+    getItems: () => string[];
+    isItemDisabled: (id: string) => boolean;
+    triggerId: string;
+    menuId: string;
+    triggerRef: RefObject<HTMLButtonElement> | null;
+};
+export type MenuProviderProps = {
+    value: MenuContextValue;
+    children?: ReactNode;
+};
+export declare const MenuProvider: ({ value, children }: MenuProviderProps) => ReactElement;
+export declare const useMenu: () => MenuContextValue;

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

@@ -1,2 +1,3 @@
 export * from './cn';
+export * from './ref';
 export * from './unwrap';

package/dist/types/utils/ref.d.ts

@@ -1,3 +1,3 @@
 import { ForwardedRef, Ref } from 'react';
 export declare function setRef<T>(ref: Ref<T> | undefined, value: T | null): void;
-export declare function useComposedRefs<T>(...refs: (Ref<T> | undefined)[]): ForwardedRef<T>;
+export declare function useComposedRefs<T>(...refs: (Ref<T> | undefined | null)[]): ForwardedRef<T>;

package/package.json

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