@lumx/core 4.17.1-alpha.2 → 4.17.1-alpha.3

package/js/components/Uploader/Stories.d.ts

@@ -1,116 +0,0 @@
-import type { SetupStoriesOptions } from '@lumx/core/stories/types';
-export declare function setup({ component: Uploader, components: { GridColumn }, decorators: { withCombinations, withWrapper }, }: SetupStoriesOptions<{
-    decorators: 'withCombinations' | 'withWrapper';
-    components: {
-        GridColumn: any;
-    };
-}>): {
-    meta: {
-        component: any;
-        render: (args: any) => import("react").JSX.Element;
-        argTypes: {
-            onClick: {
-                action: boolean;
-            };
-            icon: {
-                control: {
-                    type: string;
-                };
-                options: {
-                    undefined: undefined;
-                    mdiAbTesting: string;
-                    mdiAbjadArabic: string;
-                    mdiAccount: string;
-                    mdiAccountBox: string;
-                    mdiAlert: string;
-                    mdiAlertCircle: string;
-                    mdiArrowDown: string;
-                    mdiArrowUp: string;
-                    mdiAtom: string;
-                    mdiBee: string;
-                    mdiBell: string;
-                    mdiBullhornOutline: string;
-                    mdiCheck: string;
-                    mdiCheckCircle: string;
-                    mdiChevronDown: string;
-                    mdiChevronLeft: string;
-                    mdiChevronRight: string;
-                    mdiChevronUp: string;
-                    mdiClose: string;
-                    mdiCloseCircle: string;
-                    mdiDelete: string;
-                    mdiDotsHorizontal: string;
-                    mdiDragVertical: string;
-                    mdiEarth: string;
-                    mdiEmail: string;
-                    mdiEye: string;
-                    mdiFileEdit: string;
-                    mdiFlag: string;
-                    mdiFolder: string;
-                    mdiFolderGoogleDrive: string;
-                    mdiFoodApple: string;
-                    mdiGoogleCirclesExtended: string;
-                    mdiHeart: string;
-                    mdiHome: string;
-                    mdiImageBroken: string;
-                    mdiInformation: string;
-                    mdiLink: string;
-                    mdiMagnifyMinusOutline: string;
-                    mdiMagnifyPlusOutline: string;
-                    mdiMenuDown: string;
-                    mdiMessageTextOutline: string;
-                    mdiMinus: string;
-                    mdiOpenInNew: string;
-                    mdiPauseCircleOutline: string;
-                    mdiPencil: string;
-                    mdiPlay: string;
-                    mdiPlayCircleOutline: string;
-                    mdiPlus: string;
-                    mdiRadioboxBlank: string;
-                    mdiRadioboxMarked: string;
-                    mdiReply: string;
-                    mdiSend: string;
-                    mdiStar: string;
-                    mdiTextBox: string;
-                    mdiTextBoxPlus: string;
-                    mdiTram: string;
-                    mdiTranslate: string;
-                    mdiViewList: string;
-                };
-            };
-            aspectRatio: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: ("vertical" | "horizontal" | "original" | "panoramic" | "wide" | "square" | "free")[];
-                mapping: Record<string, "vertical" | "horizontal" | "original" | "panoramic" | "wide" | "square" | "free"> | undefined;
-            };
-        };
-        args: Partial<import(".").UploaderProps>;
-    };
-    WithLabel: {
-        args: {
-            label: string;
-        };
-    };
-    WithLabelAndIcon: {
-        args: {
-            label: string;
-            icon: string;
-        };
-    };
-    Variants: {
-        args: {
-            label: string;
-            icon: string;
-        };
-        decorators: ((story: any, context: any) => any)[];
-    };
-    RatioAndSize: {
-        args: {
-            label: string;
-            icon: string;
-        };
-        decorators: ((story: any, context: any) => any)[];
-    };
-};

package/js/components/Uploader/Tests.d.ts

@@ -1,14 +0,0 @@
-import { SetupOptions } from '../../../testing';
-/**
- * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
- */
-export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
-    props: any;
-    uploader: HTMLElement;
-    label: HTMLElement | null;
-    icon: HTMLElement | null;
-    input: HTMLElement | null;
-    wrapper: Partial<import("../../../testing").SetupResult>;
-};
-declare const _default: (renderOptions: SetupOptions<any>) => void;
-export default _default;

package/js/components/Uploader/index.d.ts

@@ -1,79 +0,0 @@
-import { AspectRatio, Size } from '../../constants';
-import type { HasClassName, HasDisabled, LumxClassName, HasTheme, ValueOf, HasAriaDisabled, CommonRef } from '../../types';
-/**
- * Uploader variants.
- */
-export declare const UploaderVariant: {
-    readonly square: "square";
-    readonly rounded: "rounded";
-    readonly circle: "circle";
-};
-export type UploaderVariant = ValueOf<typeof UploaderVariant>;
-/**
- * Uploader sizes.
- */
-export type UploaderSize = Extract<Size, 'xl' | 'xxl'>;
-/**
- * Native input file props (framework-agnostic subset).
- */
-type FileInputProps = Record<string, any>;
-/**
- * Defines the props of the component.
- */
-export interface UploaderProps extends HasClassName, HasDisabled, HasTheme, HasAriaDisabled {
-    /** Image aspect ratio. */
-    aspectRatio?: AspectRatio;
-    /** Icon (SVG path). */
-    icon?: string;
-    /** Label text. */
-    label?: string;
-    /** Size variant. */
-    size?: UploaderSize;
-    /** Variant. */
-    variant?: UploaderVariant;
-    /** On click callback. */
-    handleClick?: (event: any) => void;
-    /** Handle file selection with a native input file. */
-    fileInputProps?: FileInputProps;
-    /** Forwarded ref to the root element. */
-    ref?: CommonRef;
-    /** Whether the component is disabled (computed from `isDisabled` and `aria-disabled`). */
-    isAnyDisabled?: boolean;
-    /** Id of the hidden file input (used to link the label `for` attribute). */
-    inputId: string;
-    /** Whether a file is currently being dragged over the input. */
-    isDragHovering?: boolean;
-    /** Callback fired when the file input value changes. */
-    handleChange?: (event: any) => void;
-    /** Root element tag or component (e.g. `'button'` or `'label'`). */
-    Component: 'button' | 'label';
-}
-export type UploaderPropsToOverride = 'isAnyDisabled' | 'inputId' | 'isDragHovering' | 'fileInputProps' | 'Component';
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "Uploader";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-export declare const block: {
-    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-}, element: {
-    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-};
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<UploaderProps>;
-/**
- * Uploader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-export declare const Uploader: (props: UploaderProps) => import("react").JSX.Element;
-export {};

package/js/components/UserBlock/Stories.d.ts

@@ -1,153 +0,0 @@
-import type { SetupStoriesOptions } from '@lumx/core/stories/types';
-/**
- * Setup UserBlock stories for a specific framework (React or Vue).
- * Framework-specific components are injected via `components`.
- */
-export declare function setup({ component: UserBlock, components: { Text, Icon, IconButton, Badge, Link }, decorators: { withCombinations }, render, }: SetupStoriesOptions<{
-    decorators: 'withCombinations';
-    components: {
-        Text: any;
-        Icon: any;
-        IconButton: any;
-        Badge: any;
-        Link: any;
-    };
-}>): {
-    meta: {
-        component: any;
-        render: any;
-        argTypes: {
-            size: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: ("s" | "xs" | "m" | "l")[];
-                mapping: Record<string, "s" | "xs" | "m" | "l"> | undefined;
-            };
-            orientation: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: ("vertical" | "horizontal")[];
-                mapping: Record<string, "vertical" | "horizontal"> | undefined;
-            };
-        };
-        args: Partial<import(".").UserBlockProps>;
-    };
-    AvatarOnly: {
-        args: {
-            avatarProps: {
-                image: string;
-            };
-        };
-    };
-    AvatarAndName: {
-        args: {
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-    };
-    AvatarAndCustomName: {
-        args: {
-            avatarProps: {
-                image: string;
-            };
-        };
-        render: (args: any) => import("react").JSX.Element;
-    };
-    AvatarAndNameAndSecondaryFields: {
-        args: {
-            fields: string[];
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-    };
-    WithAfter: {
-        args: {
-            fields: string[];
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-        render: (args: any) => import("react").JSX.Element;
-    };
-    WithAdditionalFields: {
-        args: {
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-        render: (args: any) => import("react").JSX.Element;
-        parameters: {
-            wrapperProps: {
-                style: {
-                    width: string;
-                };
-            };
-        };
-    };
-    SizesAndOrientations: {
-        args: {
-            fields: string[];
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-        decorators: ((story: any, context: any) => any)[];
-    };
-    WithConstrainedSize: {
-        args: {
-            fields: string[];
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-        parameters: {
-            wrapperProps: {
-                style: {
-                    width: string;
-                    resize: string;
-                };
-            };
-        };
-    };
-    AsButton: {
-        args: {
-            fields: string[];
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-    };
-    AsLink: {
-        args: {
-            linkProps: {
-                href: string;
-            };
-            fields: string[];
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-    };
-    WithBadge: {
-        args: {
-            fields: string[];
-            name: string;
-            avatarProps: {
-                image: string;
-            };
-        };
-        render: (args: any) => import("react").JSX.Element;
-    };
-};

package/js/components/UserBlock/Tests.d.ts

@@ -1,13 +0,0 @@
-import { SetupOptions } from '../../../testing';
-/**
- * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
- */
-export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
-    props: any;
-    userBlock: HTMLElement;
-    fields: HTMLElement | null;
-    div: HTMLElement;
-    wrapper: Partial<import("../../../testing").SetupResult>;
-};
-declare const _default: (renderOptions: SetupOptions<any>) => void;
-export default _default;

package/js/components/UserBlock/index.d.ts

@@ -1,145 +0,0 @@
-import type { HasClassName, LumxClassName, HasTheme, GenericProps, JSXElement, CommonRef } from '../../types';
-import { Orientation, Size } from '../../constants';
-/**
- * User block sizes.
- */
-export type UserBlockSize = Extract<Size, 'xs' | 's' | 'm' | 'l'>;
-/**
- * Props for the UserBlock component.
- *
- * UserBlock displays user information with an avatar, name, and optional fields.
- * Supports both horizontal and vertical orientations with customizable actions.
- */
-export interface UserBlockProps extends HasClassName, HasTheme {
-    /**
-     * Props to pass to the Avatar component.
-     * Configure the user's avatar appearance and behavior.
-     */
-    avatarProps?: GenericProps;
-    /**
-     * Additional fields to display below the user's name.
-     * Typically used for role, department, or other user metadata.
-     */
-    fields?: string[];
-    /**
-     * Props to pass to the Link component wrapping the avatar and/or name.
-     * Used to make the user block clickable with navigation.
-     */
-    linkProps?: GenericProps;
-    /**
-     * Custom component to use for the link element.
-     * Use this to inject a framework-specific router Link component (e.g., react-router Link).
-     * @default 'a'
-     */
-    linkAs?: 'a' | any;
-    /**
-     * Content for multiple actions displayed in the action toolbar.
-     * Only visible when orientation is vertical.
-     */
-    multipleActions?: JSXElement;
-    /**
-     * The user's display name.
-     * Can be a string or custom JSX element.
-     */
-    name?: JSXElement;
-    /**
-     * Props to pass to the name wrapper element.
-     * Used to customize the name block's appearance and behavior.
-     */
-    nameProps?: GenericProps;
-    /**
-     * Layout orientation of the user block.
-     * - horizontal: Avatar and info side by side (default)
-     * - vertical: Avatar and info stacked, forces size to 'l'
-     * @default Orientation.horizontal
-     */
-    orientation?: Orientation;
-    /**
-     * Content for a single action displayed in the action toolbar.
-     * Only visible when orientation is vertical.
-     */
-    simpleAction?: JSXElement;
-    /**
-     * Size variant of the component.
-     * Note: When orientation is vertical, size is automatically forced to 'l'.
-     * @default Size.m
-     */
-    size?: UserBlockSize;
-    /**
-     * Click event handler.
-     * Called when the user clicks on the clickable area (name/avatar).
-     */
-    handleClick?(): void;
-    /**
-     * Mouse enter event handler.
-     * Called when the mouse enters the component.
-     */
-    handleMouseEnter?(): void;
-    mouseEnterProp?: string;
-    /**
-     * Mouse leave event handler.
-     * Called when the mouse leaves the component.
-     */
-    handleMouseLeave?(): void;
-    mouseLeaveProp?: string;
-    /**
-     * Additional custom fields to display below the standard fields.
-     * Only visible when size is not 'xs' or 's'.
-     */
-    additionalFields?: JSXElement;
-    /**
-     * Content to display after the entire component.
-     * Position depends on orientation:
-     * - horizontal: displayed to the right
-     * - vertical: displayed at the bottom
-     */
-    after?: JSXElement;
-    /**
-     * Custom content to replace the default name block.
-     * When provided, replaces the default name rendering.
-     */
-    children?: JSXElement;
-    /**
-     * Ref to attach to the root element.
-     */
-    ref?: CommonRef;
-    /**
-     * Text component for rendering text content.
-     * Injected by the framework wrapper (React/Vue).
-     */
-    Text: (props: any) => any;
-    /**
-     * Avatar component for rendering the user avatar.
-     * Injected by the framework wrapper (React/Vue).
-     */
-    Avatar: (props: any) => any;
-}
-export type UserBlockPropsToOverride = 'Avatar' | 'Text' | 'linkProps' | 'avatarProps' | 'mouseLeaveProp' | 'mouseEnterProp';
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "UserBlock";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-export declare const block: {
-    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-}, element: {
-    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-};
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<UserBlockProps>;
-export declare const isUserBlockClickeable: ({ linkAs, linkProps, handleClick, }: Pick<UserBlockProps, "linkAs" | "linkProps" | "handleClick">) => boolean;
-/**
- * UserBlock component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-export declare const UserBlock: (props: UserBlockProps) => import("react").JSX.Element;