@lumx/vue 4.11.0-next.6 → 4.11.0-next.7

package/components/chip/SelectionChipGroup.d.ts

@@ -0,0 +1,30 @@
+import { SelectionChipGroupProps as UIProps } from '@lumx/core/js/components/Chip/SelectionChipGroup';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+/**
+ * Props omit 'ref' (handled internally).
+ * inputRef is added here for Vue (ref to an associated input element for backspace focus handling).
+ */
+export type SelectionChipGroupProps = VueToJSXProps<UIProps<any>> & {
+    /** Ref to the associated input element (for focus restoration on backspace) */
+    inputRef?: HTMLInputElement | null;
+};
+export declare const emitSchema: {
+    change: (_newValue?: any[]) => boolean;
+};
+/**
+ * SelectionChipGroup component.
+ *
+ * @param  props Component props.
+ * @return Vue element.
+ */
+declare const SelectionChipGroup: import('vue').DefineSetupFnComponent<SelectionChipGroupProps, {
+    change: (_newValue?: any[]) => boolean;
+}, {}, Omit<UIProps<any>, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {
+    /** Ref to the associated input element (for focus restoration on backspace) */
+    inputRef?: HTMLInputElement | null;
+} & {
+    onChange?: ((_newValue?: any[] | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default SelectionChipGroup;

package/components/chip/SelectionChipGroup.stories.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    component: any;
+    args: {
+        value: {
+            id: string;
+            name: string;
+        }[];
+        getOptionId: string;
+        getOptionName: string;
+        label: string;
+        chipRemoveLabel: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const Disabled: {
+    args: {
+        isDisabled: boolean;
+    };
+};
+export declare const IndividuallyDisabled: {
+    args: {
+        getChipProps: (option: {
+            id: string;
+            name: string;
+        }) => {
+            isDisabled: boolean;
+        };
+    };
+};
+export declare const Empty: {
+    args: {
+        value: never[];
+    };
+};
+export declare const ConstrainedSpace: {
+    decorators: ((story: any, context: any) => any)[];
+    args: {
+        value: ({
+            id: string;
+            name: string;
+        } | {
+            name: string;
+        })[];
+    };
+};
+/** Selection chip group with custom chip render */
+export declare const CustomRender: {
+    render: () => {
+        components: {
+            StoryCustomRender: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        template: string;
+    };
+};
+/** Selection chip group inside a TextField chips slot with inputRef for keyboard navigation */
+export declare const InTextField: {
+    render: () => {
+        components: {
+            StoryInTextField: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        template: string;
+    };
+};

package/components/chip/Stories/CustomRender.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/chip/Stories/InTextField.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/chip/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Chip, type ChipProps } from './Chip';
 export { default as ChipGroup, type ChipGroupProps } from './ChipGroup';
+export { default as SelectionChipGroup, type SelectionChipGroupProps } from './SelectionChipGroup';