@lumx/vue 4.9.0-next.3 → 4.9.0-next.5

package/components/user-block/UserBlock.d.ts

@@ -0,0 +1,39 @@
+import { UserBlockProps as UIProps, UserBlockPropsToOverride, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, UserBlockSize } from '@lumx/core/js/components/UserBlock';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+import { AvatarProps } from '../avatar';
+export type { UserBlockSize };
+export type UserBlockProps = VueToJSXProps<UIProps, UserBlockPropsToOverride | 'handleClick' | 'handleMouseEnter' | 'handleMouseLeave' | 'simpleAction' | 'multipleActions' | 'additionalFields' | 'after'> & {
+    /** Props to pass to the avatar. */
+    avatarProps?: Omit<AvatarProps, 'alt'>;
+    /** Props to pass to the link wrapping the avatar thumbnail. */
+    linkProps?: Record<string, any>;
+};
+export declare const emitSchema: {
+    click: () => boolean;
+    mouseenter: () => boolean;
+    mouseleave: () => boolean;
+};
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+/**
+ * UserBlock component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const UserBlock: import('vue').DefineSetupFnComponent<UserBlockProps, {
+    click: () => boolean;
+    mouseenter: () => boolean;
+    mouseleave: () => boolean;
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "after" | "multipleActions" | "simpleAction" | "additionalFields" | UserBlockPropsToOverride> & {
+    class?: string;
+} & {
+    /** Props to pass to the avatar. */
+    avatarProps?: Omit<AvatarProps, "alt">;
+    /** Props to pass to the link wrapping the avatar thumbnail. */
+    linkProps?: Record<string, any>;
+} & {
+    onClick?: (() => any) | undefined;
+    onMouseenter?: (() => any) | undefined;
+    onMouseleave?: (() => any) | undefined;
+}, import('vue').PublicProps>;
+export default UserBlock;

package/components/user-block/UserBlock.stories.d.ts

@@ -0,0 +1,151 @@
+declare const _default: {
+    decorators: ((story: any, context: any) => {
+        setup(): {
+            as: string | object;
+            overriddenProps: any;
+        };
+        template: string;
+    })[];
+    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('@lumx/core/js/components/UserBlock').UserBlockProps>;
+    title: string;
+};
+export default _default;
+export declare const AvatarOnly: {
+    args: {
+        avatarProps: {
+            image: string;
+        };
+    };
+};
+export declare const AvatarAndName: {
+    args: {
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+};
+export declare const AvatarAndCustomName: {
+    args: {
+        avatarProps: {
+            image: string;
+        };
+    };
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const AvatarAndNameAndSecondaryFields: {
+    args: {
+        fields: string[];
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+};
+export declare const WithAfter: {
+    args: {
+        fields: string[];
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const WithAdditionalFields: {
+    args: {
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+    parameters: {
+        wrapperProps: {
+            style: {
+                width: string;
+            };
+        };
+    };
+};
+export declare const SizesAndOrientations: {
+    args: {
+        fields: string[];
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const WithConstrainedSize: {
+    args: {
+        fields: string[];
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+    parameters: {
+        wrapperProps: {
+            style: {
+                width: string;
+                resize: string;
+            };
+        };
+    };
+};
+export declare const AsButton: {
+    argTypes: {
+        onClick: {
+            action: boolean;
+        };
+    };
+    args: {
+        fields: string[];
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+};
+export declare const AsLink: {
+    args: {
+        linkProps: {
+            href: string;
+        };
+        fields: string[];
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+};
+export declare const WithBadge: {
+    args: {
+        fields: string[];
+        name: string;
+        avatarProps: {
+            image: string;
+        };
+    };
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};

package/components/user-block/index.d.ts

@@ -0,0 +1 @@
+export { default as UserBlock, type UserBlockProps, type UserBlockSize } from './UserBlock';

package/index.d.ts

@@ -32,3 +32,4 @@ export * from './components/text';
 export * from './components/thumbnail';
 export * from './components/toolbar';
 export * from './components/tooltip';
+export * from './components/user-block';