@lumx/vue 4.25.1-alpha.3 → 4.25.1-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/combobox/Combobox.stories.d.ts +30 -0
- package/components/combobox/context/useComboboxEvent.d.ts +6 -5
- package/components/combobox/index.d.ts +18 -19
- package/components/combobox/useWrappedRenderOptionSlot.d.ts +1 -1
- package/components/listbox/ListboxList.d.ts +25 -0
- package/components/{combobox/ComboboxOption.d.ts → listbox/ListboxOption.d.ts} +5 -5
- package/components/listbox/ListboxOptionAction.d.ts +23 -0
- package/components/{combobox/ComboboxOptionMoreInfo.d.ts → listbox/ListboxOptionMoreInfo.d.ts} +5 -5
- package/components/{combobox/ComboboxSelectionIcon.d.ts → listbox/ListboxOptionSelectionIcon.d.ts} +3 -3
- package/components/listbox/ListboxOptionSkeleton.d.ts +14 -0
- package/components/listbox/ListboxProvider.d.ts +16 -0
- package/components/listbox/ListboxSection.d.ts +14 -0
- package/components/listbox/ListboxState.d.ts +14 -0
- package/components/listbox/context/ListboxContext.d.ts +25 -0
- package/components/{combobox/context/ComboboxOptionContext.d.ts → listbox/context/ListboxOptionContext.d.ts} +3 -3
- package/components/listbox/context/useListboxEvent.d.ts +13 -0
- package/components/listbox/index.d.ts +48 -0
- package/components/select-button/index.d.ts +1 -1
- package/components/select-text-field/index.d.ts +4 -4
- package/index.js +6686 -6535
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/components/combobox/ComboboxList.d.ts +0 -15
- package/components/combobox/ComboboxOptionAction.d.ts +0 -20
- package/components/combobox/ComboboxOptionSkeleton.d.ts +0 -14
- package/components/combobox/ComboboxSection.d.ts +0 -14
- package/components/combobox/ComboboxState.d.ts +0 -14
- package/components/combobox/context/ComboboxListContext.d.ts +0 -16
- /package/components/{combobox/ComboboxOption.test.d.ts → listbox/ListboxOption.test.d.ts} +0 -0
package/package.json
CHANGED
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"sideEffects": false,
|
|
33
|
-
"version": "4.25.1-alpha.
|
|
33
|
+
"version": "4.25.1-alpha.4",
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@floating-ui/vue": "^1.1.10",
|
|
36
|
-
"@lumx/core": "^4.25.1-alpha.
|
|
37
|
-
"@lumx/icons": "^4.25.1-alpha.
|
|
36
|
+
"@lumx/core": "^4.25.1-alpha.4",
|
|
37
|
+
"@lumx/icons": "^4.25.1-alpha.4",
|
|
38
38
|
"@vueuse/core": "^14.1.0"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ComboboxListProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxList';
|
|
2
|
-
import { VueToJSXProps } from '../../utils/VueToJSX';
|
|
3
|
-
export type ComboboxListProps = VueToJSXProps<UIProps, 'aria-label' | 'aria-busy' | 'aria-multiselectable' | 'id'>;
|
|
4
|
-
/**
|
|
5
|
-
* Combobox.List component - wraps List with listbox ARIA attributes.
|
|
6
|
-
* Registers itself as the combobox listbox on mount.
|
|
7
|
-
*
|
|
8
|
-
* @param props Component props.
|
|
9
|
-
* @return Vue element.
|
|
10
|
-
*/
|
|
11
|
-
declare const ComboboxList: import('vue').DefineSetupFnComponent<ComboboxListProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-label" | "id" | "aria-multiselectable" | "aria-busy"> & {
|
|
12
|
-
class?: import('../../utils/VueToJSX').ClassValue;
|
|
13
|
-
} & {}, import('vue').PublicProps>;
|
|
14
|
-
export { COMPONENT_NAME, CLASSNAME };
|
|
15
|
-
export default ComboboxList;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ComboboxOptionActionProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxOptionAction';
|
|
2
|
-
import { VueToJSXProps } from '../../utils/VueToJSX';
|
|
3
|
-
export type ComboboxOptionActionProps = Pick<VueToJSXProps<UIProps>, 'isDisabled' | 'class'> & {
|
|
4
|
-
/** On click callback. */
|
|
5
|
-
onClick?: (evt: MouseEvent) => void;
|
|
6
|
-
};
|
|
7
|
-
/**
|
|
8
|
-
* Combobox.OptionAction sub-component.
|
|
9
|
-
*
|
|
10
|
-
* Renders a secondary action button within a combobox option row (grid mode).
|
|
11
|
-
*
|
|
12
|
-
* @param props Component props.
|
|
13
|
-
* @return Vue element.
|
|
14
|
-
*/
|
|
15
|
-
declare const ComboboxOptionAction: import('vue').DefineSetupFnComponent<ComboboxOptionActionProps, {}, {}, Pick<VueToJSXProps<UIProps>, "class" | "isDisabled"> & {
|
|
16
|
-
/** On click callback. */
|
|
17
|
-
onClick?: (evt: MouseEvent) => void;
|
|
18
|
-
} & {}, import('vue').PublicProps>;
|
|
19
|
-
export { COMPONENT_NAME, CLASSNAME };
|
|
20
|
-
export default ComboboxOptionAction;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ComboboxOptionSkeletonProps as UIProps, ComboboxOptionSkeletonPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxOptionSkeleton';
|
|
2
|
-
import { VueToJSXProps } from '../../utils/VueToJSX';
|
|
3
|
-
export type ComboboxOptionSkeletonProps = VueToJSXProps<UIProps, ComboboxOptionSkeletonPropsToOverride>;
|
|
4
|
-
/**
|
|
5
|
-
* Combobox.OptionSkeleton component — renders skeleton placeholder(s) inside a combobox list.
|
|
6
|
-
*
|
|
7
|
-
* @param props Component props.
|
|
8
|
-
* @return Vue element.
|
|
9
|
-
*/
|
|
10
|
-
declare const ComboboxOptionSkeleton: import('vue').DefineSetupFnComponent<ComboboxOptionSkeletonProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | ComboboxOptionSkeletonPropsToOverride> & {
|
|
11
|
-
class?: import('../../utils/VueToJSX').ClassValue;
|
|
12
|
-
} & {}, import('vue').PublicProps>;
|
|
13
|
-
export { COMPONENT_NAME, CLASSNAME };
|
|
14
|
-
export default ComboboxOptionSkeleton;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ComboboxSectionProps as UIProps, ComboboxSectionPropsToOverride, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxSection';
|
|
2
|
-
import { VueToJSXProps } from '../../utils/VueToJSX';
|
|
3
|
-
export type ComboboxSectionProps = VueToJSXProps<UIProps, ComboboxSectionPropsToOverride | 'hidden' | 'aria-hidden'>;
|
|
4
|
-
/**
|
|
5
|
-
* Combobox.Section component - groups Combobox.Option items under a labelled section.
|
|
6
|
-
*
|
|
7
|
-
* @param props Component props.
|
|
8
|
-
* @return Vue element.
|
|
9
|
-
*/
|
|
10
|
-
declare const ComboboxSection: import('vue').DefineSetupFnComponent<ComboboxSectionProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-hidden" | "hidden"> & {
|
|
11
|
-
class?: import('../../utils/VueToJSX').ClassValue;
|
|
12
|
-
} & {}, import('vue').PublicProps>;
|
|
13
|
-
export { COMPONENT_NAME, CLASSNAME };
|
|
14
|
-
export default ComboboxSection;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ComboboxStateProps as UIProps, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxState';
|
|
2
|
-
import { VueToJSXProps } from '../../utils/VueToJSX';
|
|
3
|
-
export type ComboboxStateProps = VueToJSXProps<UIProps, 'state'>;
|
|
4
|
-
/**
|
|
5
|
-
* Combobox.State component - displays empty and error states for the combobox list.
|
|
6
|
-
*
|
|
7
|
-
* @param props Component props.
|
|
8
|
-
* @return Vue element.
|
|
9
|
-
*/
|
|
10
|
-
declare const ComboboxState: import('vue').DefineSetupFnComponent<ComboboxStateProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "state"> & {
|
|
11
|
-
class?: import('../../utils/VueToJSX').ClassValue;
|
|
12
|
-
} & {}, import('vue').PublicProps>;
|
|
13
|
-
export { COMPONENT_NAME, CLASSNAME };
|
|
14
|
-
export default ComboboxState;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/** Context value for the Combobox.List sub-tree. */
|
|
2
|
-
export interface ComboboxListContextValue {
|
|
3
|
-
/** The popup type. "grid" enables 2D keyboard navigation and action buttons on options. */
|
|
4
|
-
type: 'listbox' | 'grid';
|
|
5
|
-
/** The selection type of the list (from `aria-multiselectable`). */
|
|
6
|
-
selectionType?: 'single' | 'multiple';
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Provides the combobox list context.
|
|
10
|
-
*/
|
|
11
|
-
export declare function provideComboboxListContext(value: ComboboxListContextValue): void;
|
|
12
|
-
/**
|
|
13
|
-
* Hook to access the Combobox.List context (provides the `type`).
|
|
14
|
-
* @returns The list context value.
|
|
15
|
-
*/
|
|
16
|
-
export declare function useComboboxListContext(): ComboboxListContextValue;
|
|
File without changes
|