@enonic/ui 1.4.0 → 1.5.0

package/dist/types/components/dialog/dialog-actions.d.ts

@@ -0,0 +1,18 @@
+export type DialogShortcutType = 'primary' | 'secondary';
+export type DialogActionRegistration = {
+    element: HTMLButtonElement | null;
+    pending: boolean;
+};
+export type DialogActionScope = {
+    parent: DialogActionScope | undefined;
+    actions: Record<DialogShortcutType, DialogActionRegistration[]>;
+    onEscape: (event: KeyboardEvent) => void;
+    containsShortcutEvent: (event: KeyboardEvent) => boolean;
+    getActionBoundaries: () => Element[];
+    focusContent: () => void;
+};
+export declare const DialogActionContext: import('preact').Context<DialogActionScope | undefined>;
+export declare const getDialogShortcutKeys: (shortcut: DialogShortcutType, targetDocument?: Document | undefined) => string;
+/** One bubbling listener per document, shared by all open dialog content scopes. */
+export declare const activateDialogScope: (document: Document, scope: DialogActionScope) => (() => void);
+export declare const registerDialogAction: (scope: DialogActionScope, shortcut: DialogShortcutType, action: DialogActionRegistration) => (() => void);

package/dist/types/components/dialog/dialog.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
 import { StepperDotsProps } from '../stepper';
+import { DialogShortcutType } from './dialog-actions';
 export type DialogRootProps = {
     open?: boolean;
     defaultOpen?: boolean;
@@ -44,6 +45,16 @@ declare const DialogHeader: import('preact').FunctionalComponent<import('preact/
 export type DialogCloseProps = {
     asChild?: boolean;
 } & ComponentPropsWithoutRef<'button'>;
+export type DialogShortcutProps = {
+    /** Register as primary (default) or secondary for this dialog. */
+    shortcut?: DialogShortcutType;
+    /** Compose with a child that forwards its ref to a native button. Defaults to false. */
+    asChild?: boolean;
+    /** Toggle shortcut registration without unmounting or disabling the button. Defaults to true. */
+    shortcutEnabled?: boolean;
+    /** Suppress shortcut activation while the action is pending. */
+    pending?: boolean;
+} & ComponentPropsWithoutRef<'button'>;
 export type DialogTitleProps = {
     id?: string;
     asChild?: boolean;
@@ -91,6 +102,8 @@ export type DialogStepIndicatorProps = {
     dots?: boolean;
     disabled?: boolean;
     pending?: boolean;
+    /** Register Previous as secondary and Next/the final action as primary. Defaults to false. */
+    keyboardShortcuts?: boolean;
     renderDot?: StepperDotsProps['renderDot'];
 };
 export declare const Dialog: {
@@ -120,6 +133,9 @@ export declare const Dialog: {
     Close: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<DialogCloseProps> & {
         ref?: import('preact').Ref<HTMLButtonElement> | undefined;
     }>;
+    Shortcut: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<DialogShortcutProps> & {
+        ref?: import('preact').Ref<HTMLButtonElement> | undefined;
+    }>;
     Title: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<DialogTitleProps> & {
         ref?: import('preact').Ref<HTMLHeadingElement> | undefined;
     }>;
@@ -148,7 +164,7 @@ export declare const Dialog: {
         displayName: string;
     };
     StepIndicator: {
-        ({ previousLabel, nextLabel, lastStepLabel, onLastStep, dots, disabled, pending, renderDot, }: DialogStepIndicatorProps): ReactElement;
+        ({ previousLabel, nextLabel, lastStepLabel, onLastStep, dots, disabled, pending, keyboardShortcuts, renderDot, }: DialogStepIndicatorProps): ReactElement;
         displayName: string;
     };
 };

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

@@ -1 +1,2 @@
-export { Dialog, type DialogBodyProps, type DialogCloseProps, type DialogContentProps, type DialogDefaultHeaderProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogOverlayProps, type DialogPortalProps, type DialogRootProps, type DialogStepContentProps, type DialogStepHeaderProps, type DialogStepIndicatorProps, type DialogTitleProps, type DialogTriggerProps, } from './dialog';
+export { Dialog, type DialogShortcutProps, type DialogBodyProps, type DialogCloseProps, type DialogContentProps, type DialogDefaultHeaderProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogOverlayProps, type DialogPortalProps, type DialogRootProps, type DialogStepContentProps, type DialogStepHeaderProps, type DialogStepIndicatorProps, type DialogTitleProps, type DialogTriggerProps, } from './dialog';
+export { type DialogShortcutType, getDialogShortcutKeys } from './dialog-actions';

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

@@ -10,6 +10,7 @@ export type ComboboxContextValue = {
     baseId: string;
     contentRef: RefObject<HTMLDivElement>;
     controlRef: RefObject<HTMLDivElement> | null;
+    inputRef: RefObject<HTMLInputElement>;
     applyRef: RefObject<HTMLButtonElement>;
     popupRef: RefObject<HTMLDivElement>;
     restoreFocusOnCloseRef: RefObject<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enonic/ui",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Enonic UI Component Library",
   "author": "Enonic",
   "license": "Apache-2.0",