@enonic/ui 0.24.0 → 0.25.1

package/dist/types/primitives/menu-primitive/menu-primitive.d.ts

@@ -0,0 +1,93 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type MenuContextOperations = {
+    active: string | undefined;
+    setActive: (id: string | undefined) => void;
+    setOpen: (open: boolean) => void;
+    registerItem: (id: string, disabled?: boolean) => void;
+    unregisterItem: (id: string) => void;
+    getItems: () => string[];
+    isItemDisabled: (id: string) => boolean;
+};
+export declare const menuItemVariants: (props?: ({
+    active?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Public API props for menu items (without context operations) */
+export type MenuItemOwnProps = {
+    id?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    onSelect?: (event: Event) => void;
+    className?: string;
+    children: ReactNode;
+} & ComponentPropsWithoutRef<'div'>;
+/** Internal primitive props (own props + context operations for dependency injection) */
+export type MenuPrimitiveItemProps = MenuItemOwnProps & MenuContextOperations;
+export declare const MenuPrimitiveItem: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<MenuPrimitiveItemProps> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+export type MenuPrimitiveLabelProps = {
+    className?: string;
+    children: ReactNode;
+} & ComponentPropsWithoutRef<'div'>;
+export declare const MenuPrimitiveLabel: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<MenuPrimitiveLabelProps> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+export type MenuPrimitiveSeparatorProps = {
+    className?: string;
+} & ComponentPropsWithoutRef<'div'>;
+export declare const MenuPrimitiveSeparator: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<MenuPrimitiveSeparatorProps> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+type RadioGroupContextValue = {
+    value: string | undefined;
+    setValue: (value: string) => void;
+    closeOnSelect: boolean;
+    setOpen: (open: boolean) => void;
+};
+export declare const useRadioGroup: () => RadioGroupContextValue;
+/** Public API props for radio groups (without setOpen) */
+export type MenuRadioGroupOwnProps = {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    closeOnSelect?: boolean;
+    className?: string;
+    children?: ReactNode;
+} & ComponentPropsWithoutRef<'div'>;
+/** Internal primitive props (own props + setOpen for dependency injection) */
+export type MenuPrimitiveRadioGroupProps = MenuRadioGroupOwnProps & {
+    setOpen: (open: boolean) => void;
+};
+export declare const MenuPrimitiveRadioGroup: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<MenuPrimitiveRadioGroupProps> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+export declare const menuRadioItemVariants: (props?: ({
+    active?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+    checked?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Public API props for radio items (without context operations) */
+export type MenuRadioItemOwnProps = {
+    id?: string;
+    value: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    onSelect?: (event: Event) => void;
+    className?: string;
+    children: ReactNode;
+} & ComponentPropsWithoutRef<'div'>;
+/** Internal primitive props (own props + context operations except setOpen, which comes from RadioGroup) */
+export type MenuPrimitiveRadioItemProps = MenuRadioItemOwnProps & Omit<MenuContextOperations, 'setOpen'>;
+export declare const MenuPrimitiveRadioItem: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<MenuPrimitiveRadioItemProps> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+export type MenuPrimitiveItemIndicatorProps = {
+    forceMount?: boolean;
+    className?: string;
+    children?: ReactNode;
+} & ComponentPropsWithoutRef<'span'>;
+export declare const MenuPrimitiveItemIndicator: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<MenuPrimitiveItemIndicatorProps> & {
+    ref?: import('preact').Ref<HTMLSpanElement> | undefined;
+}>;
+export {};

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

@@ -0,0 +1,36 @@
+import { ReactElement, ReactNode } from 'react';
+export type ContextMenuContextValue = {
+    baseId: string;
+    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;
+    position: {
+        x: number;
+        y: number;
+    } | null;
+    setPosition: (pos: {
+        x: number;
+        y: number;
+    } | null) => void;
+    /**
+     * Tracks whether the user has started keyboard navigation.
+     *
+     * Context menus are always opened via pointer (right-click), so focus-visible
+     * rings are hidden initially. Once the user presses a navigation key (Arrow keys,
+     * Home, End), this becomes `true` and focus rings appear. The state resets to
+     * `false` when the menu closes.
+     */
+    isUsingKeyboard: boolean;
+    setIsUsingKeyboard: (value: boolean) => void;
+};
+export type ContextMenuProviderProps = {
+    value: ContextMenuContextValue;
+    children?: ReactNode;
+};
+export declare const ContextMenuProvider: ({ value, children }: ContextMenuProviderProps) => ReactElement;
+export declare const useContextMenu: () => ContextMenuContextValue;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enonic/ui",
-  "version": "0.24.0",
+  "version": "0.25.1",
   "description": "Enonic UI Component Library",
   "author": "Enonic",
   "license": "MIT",
@@ -78,34 +78,34 @@
     "@preact/preset-vite": "~2.10.2",
     "@size-limit/file": "~12.0.0",
     "@size-limit/preset-small-lib": "~12.0.0",
-    "@storybook/addon-a11y": "~10.1.2",
-    "@storybook/addon-docs": "~10.1.2",
-    "@storybook/addon-links": "~10.1.2",
-    "@storybook/addon-themes": "~10.1.2",
-    "@storybook/preact-vite": "~10.1.2",
+    "@storybook/addon-a11y": "~10.1.6",
+    "@storybook/addon-docs": "~10.1.6",
+    "@storybook/addon-links": "~10.1.6",
+    "@storybook/addon-themes": "~10.1.6",
+    "@storybook/preact-vite": "~10.1.6",
     "@tailwindcss/vite": "~4.1.17",
-    "@types/node": "~24.10.1",
+    "@types/node": "~25.0.0",
     "@types/react": "~19.2.7",
     "@types/react-dom": "~19.2.3",
-    "@typescript-eslint/eslint-plugin": "~8.48.0",
-    "@typescript-eslint/parser": "~8.48.0",
+    "@typescript-eslint/eslint-plugin": "~8.49.0",
+    "@typescript-eslint/parser": "~8.49.0",
     "eslint": "~9.39.1",
     "eslint-plugin-jsx-a11y": "~6.10.2",
     "eslint-plugin-react": "~7.37.5",
     "husky": "~9.1.7",
     "lint-staged": "~16.2.7",
-    "lucide-preact": "~0.555.0",
-    "lucide-react": "~0.555.0",
+    "lucide-preact": "~0.560.0",
+    "lucide-react": "~0.560.0",
     "postcss": "~8.5.6",
     "rollup-plugin-visualizer": "~6.0.5",
     "size-limit": "~12.0.0",
-    "storybook": "~10.1.2",
+    "storybook": "~10.1.6",
     "tailwindcss": "~4.1.17",
     "terser": "~5.44.1",
     "tw-animate-css": "~1.4.0",
     "typescript": "~5.9.3",
-    "typescript-eslint": "~8.48.0",
-    "vite": "~7.2.6",
+    "typescript-eslint": "~8.49.0",
+    "vite": "~7.2.7",
     "vite-plugin-dts": "~4.5.4",
     "vite-plugin-environment": "~1.1.3"
   },
@@ -163,6 +163,7 @@
     "dev": "storybook dev -p 6006",
     "clean": "rm -rf dist coverage reports storybook-static",
     "check": "pnpm typecheck && pnpm lint && pnpm format:check",
+    "check:fix": "pnpm typecheck && pnpm lint:fix && pnpm format",
     "typecheck": "pnpm typecheck:app && pnpm typecheck:node",
     "typecheck:app": "tsc --noEmit --project tsconfig.app.json",
     "typecheck:node": "tsc --noEmit --project tsconfig.node.json",