@pixum/combobox 5.10.4-alpha.17 → 5.10.4-alpha.18
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/lib/ComboBox.d.ts +6 -32
- package/lib/ComboBox.js +77 -217
- package/lib/ComboBox.js.map +1 -1
- package/lib/ComboBox.module.css +1 -1
- package/lib/ComboBox.test.js +0 -1
- package/lib/ComboBox.test.js.map +1 -1
- package/lib/ComboboxOptions/Options.d.ts +11 -0
- package/lib/ComboboxOptions/Options.js +19 -0
- package/lib/ComboboxOptions/Options.js.map +1 -0
- package/lib/ComboboxOptions/OptionsGroup.d.ts +12 -0
- package/lib/ComboboxOptions/OptionsGroup.js +8 -0
- package/lib/ComboboxOptions/OptionsGroup.js.map +1 -0
- package/lib/ComboboxOptions/index.d.ts +4 -0
- package/lib/ComboboxOptions/index.js +19 -0
- package/lib/ComboboxOptions/index.js.map +1 -0
- package/lib/helper/calculateListMaxHeight.d.ts +1 -0
- package/lib/helper/calculateListMaxHeight.js +8 -0
- package/lib/helper/calculateListMaxHeight.js.map +1 -0
- package/lib/helper/scrollOptionToViewport.d.ts +1 -0
- package/lib/helper/scrollOptionToViewport.js +19 -0
- package/lib/helper/scrollOptionToViewport.js.map +1 -0
- package/lib/helper/useIsDesktopScreenWidth.d.ts +2 -0
- package/lib/helper/useIsDesktopScreenWidth.js +20 -0
- package/lib/helper/useIsDesktopScreenWidth.js.map +1 -0
- package/lib/hooks/index.d.ts +0 -2
- package/lib/hooks/index.js +0 -2
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useComboBox.js +0 -1
- package/lib/hooks/useComboBox.js.map +1 -1
- package/lib/hooks/useComboBoxFocus.js +0 -1
- package/lib/hooks/useComboBoxFocus.js.map +1 -1
- package/lib/hooks/useIsDesktopScreenWidth.d.ts +0 -5
- package/lib/hooks/useIsDesktopScreenWidth.js +24 -34
- package/lib/hooks/useIsDesktopScreenWidth.js.map +1 -1
- package/lib/index.d.ts +4 -4
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/lib/partials/ComboBoxOptions.d.ts +5 -16
- package/lib/partials/ComboBoxOptions.js +21 -25
- package/lib/partials/ComboBoxOptions.js.map +1 -1
- package/lib/partials/ComboBoxOptionsItems.d.ts +17 -32
- package/lib/partials/ComboBoxOptionsItems.js +14 -46
- package/lib/partials/ComboBoxOptionsItems.js.map +1 -1
- package/lib/partials/ComboBoxOptionsSlot.d.ts +16 -17
- package/lib/partials/ComboBoxOptionsSlot.js +11 -26
- package/lib/partials/ComboBoxOptionsSlot.js.map +1 -1
- package/lib/partials/index.d.ts +1 -2
- package/lib/partials/index.js +1 -2
- package/lib/partials/index.js.map +1 -1
- package/lib/types.d.ts +45 -183
- package/lib/utils/index.d.ts +2 -1
- package/lib/utils/index.js +2 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/options.d.ts +1 -38
- package/lib/utils/options.js +2 -62
- package/lib/utils/options.js.map +1 -1
- package/package.json +8 -8
package/lib/types.d.ts
CHANGED
|
@@ -1,216 +1,78 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { LeadingType, MenuItemProps } from '@pixum/menu-item';
|
|
2
|
+
import { ThemeType } from '@pixum/theme-provider';
|
|
3
|
+
import { InputModesType } from '@pixum/web-input';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* Everything a `MenuItem` understands is accepted and forwarded unchanged -
|
|
8
|
-
* the ComboBox only adds `key` and `disabled` on top. That keeps existing
|
|
9
|
-
* consumers working: they pass their MenuItem props as they always did, and
|
|
10
|
-
* props the ComboBox does not know about still reach the `MenuItem`.
|
|
11
|
-
*/
|
|
12
|
-
export interface ComboBoxOptionItemProps extends MenuItemProps {
|
|
13
|
-
/** Unique key for the option item */
|
|
14
|
-
key?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Disabled options are rendered, but skipped by mouse and keyboard.
|
|
17
|
-
*
|
|
18
|
-
* Newly added. Consumer types that already carry a `disabled` field of a
|
|
19
|
-
* different type (e.g. `disabled: 'true' | 'false'`) are no longer
|
|
20
|
-
* assignable - widen it to `boolean` on the consumer side.
|
|
21
|
-
*/
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
}
|
|
24
|
-
/** Options are accepted either as a flat list or grouped by a group headline. */
|
|
25
|
-
export type ComboBoxOptionsInput = ComboBoxOptionItemProps[] | Record<string, ComboBoxOptionItemProps[]>;
|
|
26
|
-
/**
|
|
27
|
-
* An option after normalisation. Flat and grouped options are reduced to this
|
|
28
|
-
* shape once, so keyboard navigation, rendering and ARIA ids all work on the
|
|
29
|
-
* very same list in the very same order.
|
|
30
|
-
*/
|
|
31
|
-
export interface ComboBoxOption {
|
|
32
|
-
/** The original option as handed in by the consumer. */
|
|
33
|
-
item: ComboBoxOptionItemProps;
|
|
34
|
-
/**
|
|
35
|
-
* Stable value of the option, reported by `onOptionItemClick` and compared
|
|
36
|
-
* against `value`. Resolved by `resolveOptionValue`: the option's `text` when
|
|
37
|
-
* it is a string, otherwise `key`, otherwise the render index.
|
|
38
|
-
*/
|
|
39
|
-
value: string;
|
|
40
|
-
/** Position in render order. Drives the DOM id and the keyboard navigation. */
|
|
41
|
-
index: number;
|
|
42
|
-
/** DOM id, referenced by `aria-activedescendant`. */
|
|
43
|
-
id: string;
|
|
44
|
-
/** Group headline the option belongs to, `undefined` for flat lists. */
|
|
45
|
-
group?: string;
|
|
46
|
-
/** Whether the option can be activated. */
|
|
47
|
-
disabled: boolean;
|
|
48
|
-
}
|
|
49
|
-
/** Options of one render group, produced by `groupOptions`. */
|
|
50
|
-
export interface ComboBoxOptionGroup {
|
|
51
|
-
/** Group headline, `undefined` for flat lists. */
|
|
52
|
-
group?: string;
|
|
53
|
-
/** Options of this group, still carrying their global render index. */
|
|
54
|
-
options: ComboBoxOption[];
|
|
55
|
-
}
|
|
56
|
-
/** ARIA props for the element that owns the `combobox` role. */
|
|
57
|
-
export interface ComboBoxAriaProps {
|
|
58
|
-
role: 'combobox';
|
|
59
|
-
'aria-expanded': boolean;
|
|
60
|
-
'aria-haspopup': 'listbox';
|
|
61
|
-
'aria-controls': string | undefined;
|
|
62
|
-
'aria-activedescendant': string | undefined;
|
|
63
|
-
'aria-autocomplete': 'list' | 'none';
|
|
64
|
-
}
|
|
65
|
-
/** ARIA props for the element that owns the `listbox` role. */
|
|
66
|
-
export interface ListboxAriaProps {
|
|
67
|
-
role: 'listbox';
|
|
68
|
-
id: string;
|
|
69
|
-
/** Only set for multi select; single select listboxes omit it. */
|
|
70
|
-
'aria-multiselectable'?: boolean;
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Public options contract, kept for backwards compatibility.
|
|
74
|
-
*
|
|
75
|
-
* In the previous version this interface was the base of `ComboBoxProps` and
|
|
76
|
-
* the prop type of
|
|
77
|
-
* the exported options component. It describes the options as the *consumer*
|
|
78
|
-
* hands them in - not the normalised list the internal panel renders. The
|
|
79
|
-
* internal shape now lives in `ComboBoxOptionsPanelProps`.
|
|
80
|
-
*
|
|
81
|
-
* @deprecated Use `ComboBoxProps` (or `Pick<ComboBoxProps, 'options'>`)
|
|
82
|
-
* directly. Kept so existing imports do not silently change meaning; will be
|
|
83
|
-
* removed in the next major.
|
|
5
|
+
* Props for the ComboBoxOptions component
|
|
84
6
|
*/
|
|
85
7
|
export interface ComboBoxOptionsProps {
|
|
86
|
-
/** Options to display,
|
|
87
|
-
options:
|
|
88
|
-
/**
|
|
89
|
-
* Currently selected option value.
|
|
90
|
-
*
|
|
91
|
-
* @deprecated Use `value`. When both are set, `value` wins.
|
|
92
|
-
*/
|
|
8
|
+
/** Options to display in the combobox, can be grouped or a flat array */
|
|
9
|
+
options: Record<string, ComboBoxOptionItemProps[]> | ComboBoxOptionItemProps[];
|
|
10
|
+
/** Currently selected option value */
|
|
93
11
|
selectedOption?: string;
|
|
94
|
-
/**
|
|
95
|
-
* Callback fired when an option is clicked.
|
|
96
|
-
*
|
|
97
|
-
* @deprecated Use `onOptionItemClick`. On `ComboBoxProps` this prop is
|
|
98
|
-
* narrowed to the trigger click handler `() => void`.
|
|
99
|
-
*/
|
|
12
|
+
/** Callback fired when an option is clicked */
|
|
100
13
|
onClick?: (value: string) => void;
|
|
101
|
-
/** Type of leading element to display (icon, avatar,
|
|
102
|
-
leadingType?: LeadingType;
|
|
103
|
-
/** Additional details rendered below the options. */
|
|
104
|
-
optionDetails?: React.ReactNode;
|
|
105
|
-
}
|
|
106
|
-
/**
|
|
107
|
-
* Props of the rendered options panel - the internal, normalised shape.
|
|
108
|
-
*
|
|
109
|
-
* This is what `ComboBoxOptions` consumes. It is exported so custom panels can
|
|
110
|
-
* be typed against it, but it is not part of the consumer-facing API and may
|
|
111
|
-
* change without a major bump.
|
|
112
|
-
*/
|
|
113
|
-
export interface ComboBoxOptionsPanelProps {
|
|
114
|
-
/** Normalised options in render order. */
|
|
115
|
-
options: ComboBoxOption[];
|
|
116
|
-
/** ARIA props of the listbox element. */
|
|
117
|
-
listboxAriaProps: ListboxAriaProps;
|
|
118
|
-
/** Values that are currently selected. */
|
|
119
|
-
selectedValues: string[];
|
|
120
|
-
/** DOM id of the active option (`aria-activedescendant`). */
|
|
121
|
-
activeOptionId?: string;
|
|
122
|
-
/** Type of the leading element, e.g. a checkbox for multi select. */
|
|
14
|
+
/** Type of leading element to display (icon, avatar, etc.) */
|
|
123
15
|
leadingType?: LeadingType;
|
|
124
|
-
/** Additional details
|
|
16
|
+
/** Additional details to display below the options */
|
|
125
17
|
optionDetails?: React.ReactNode;
|
|
126
|
-
/** Called with the value of the clicked option. */
|
|
127
|
-
onOptionClick: (value: string) => void;
|
|
128
18
|
}
|
|
129
19
|
/**
|
|
130
|
-
* Props
|
|
131
|
-
*
|
|
132
|
-
* Extends the deprecated `ComboBoxOptionsProps` so that consumers who built
|
|
133
|
-
* their own prop types on top of it keep compiling.
|
|
20
|
+
* Props for the ComboBox component
|
|
134
21
|
*/
|
|
135
22
|
export interface ComboBoxProps extends ComboBoxOptionsProps {
|
|
136
|
-
/** Additional CSS class name for the
|
|
23
|
+
/** Additional CSS class name for the component */
|
|
137
24
|
className?: string;
|
|
138
|
-
/** Name attribute for the input field
|
|
25
|
+
/** Name attribute for the input field */
|
|
139
26
|
name?: string;
|
|
140
|
-
/**
|
|
141
|
-
* ID attribute for the input field.
|
|
142
|
-
*
|
|
143
|
-
* @deprecated The trigger generates its own ids for the ARIA wiring; `id` is
|
|
144
|
-
* forwarded to the underlying input untouched and no longer used internally.
|
|
145
|
-
*/
|
|
146
|
-
id?: string;
|
|
147
|
-
/** Headline text displayed in the mobile bottom sheet. */
|
|
27
|
+
/** Headline text displayed in mobile bottom sheet */
|
|
148
28
|
headline?: string;
|
|
149
|
-
/** Helper text displayed below the input
|
|
29
|
+
/** Helper text displayed below the input */
|
|
150
30
|
helperText?: string;
|
|
151
|
-
/**
|
|
31
|
+
/** ID attribute for the input field */
|
|
32
|
+
id?: string;
|
|
33
|
+
/** Label text for the input field */
|
|
152
34
|
label?: string;
|
|
153
|
-
/**
|
|
154
|
-
options: ComboBoxOptionsInput;
|
|
155
|
-
/** Whether the popover / bottom sheet is currently open. */
|
|
35
|
+
/** Whether the dropdown/bottom sheet is currently open */
|
|
156
36
|
isOpen: boolean;
|
|
157
|
-
/** State setter
|
|
37
|
+
/** State setter function to control open/close state */
|
|
158
38
|
setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
159
|
-
/**
|
|
160
|
-
* Selected value: a string for single select, an array of strings when
|
|
161
|
-
* `multiple` is set.
|
|
162
|
-
*
|
|
163
|
-
* The array member is new in this version. Code that *reads* this prop back
|
|
164
|
-
* out of
|
|
165
|
-
* a props object has to narrow it (`Array.isArray(value)`).
|
|
166
|
-
*/
|
|
167
|
-
value?: string | string[];
|
|
168
|
-
/** Allows selecting several options; combine with a checkbox `leadingType`. */
|
|
169
|
-
multiple?: boolean;
|
|
170
|
-
/** Called with the value of the selected (in multi select: toggled) option. */
|
|
171
|
-
onOptionItemClick?: (value: string) => void;
|
|
172
|
-
/** Called when the search input value changes. */
|
|
39
|
+
/** Callback fired when the search input value changes */
|
|
173
40
|
onChange?: (value: string) => void;
|
|
174
|
-
/**
|
|
41
|
+
/** Callback fired when an option item is clicked */
|
|
42
|
+
onOptionItemClick?: (value: string) => void;
|
|
43
|
+
/** Callback fired when user clicks outside the component */
|
|
175
44
|
onOutsideClick?: () => void;
|
|
176
|
-
/**
|
|
45
|
+
/** Callback fired when the input field is clicked */
|
|
177
46
|
onClick?: () => void;
|
|
178
|
-
/**
|
|
47
|
+
/** Callback fired when the bottom sheet is closed */
|
|
179
48
|
onSheetClose?: () => void;
|
|
180
|
-
/** Placeholder text for the input field
|
|
49
|
+
/** Placeholder text for the input field */
|
|
181
50
|
placeholder?: string;
|
|
182
|
-
/** Search pattern for input validation
|
|
51
|
+
/** Search pattern/regex for input validation */
|
|
183
52
|
searchPattern?: string;
|
|
184
|
-
/**
|
|
53
|
+
/** Current value of the combobox */
|
|
54
|
+
value?: string;
|
|
55
|
+
/** Text to display when no results are found */
|
|
185
56
|
noResultsText?: string;
|
|
186
|
-
/** Input mode for mobile keyboards. */
|
|
57
|
+
/** Input mode for mobile keyboards (text, numeric, etc.) */
|
|
187
58
|
inputMode?: InputModesType;
|
|
188
|
-
/**
|
|
59
|
+
/** Whether to show the search input field */
|
|
189
60
|
withSearch?: boolean;
|
|
190
|
-
/**
|
|
191
|
-
openOnEnter?: boolean;
|
|
192
|
-
/** Whether the combobox is disabled. */
|
|
61
|
+
/** Whether the combobox is disabled */
|
|
193
62
|
disabled?: boolean;
|
|
194
|
-
/**
|
|
63
|
+
/** Show disabled style + horizontal shimmer animation while content is loading */
|
|
195
64
|
loading?: boolean;
|
|
196
|
-
/**
|
|
197
|
-
leadingType?: LeadingType;
|
|
198
|
-
/** Additional details rendered below the options. */
|
|
199
|
-
optionDetails?: React.ReactNode;
|
|
200
|
-
/** Theme configuration for the component. */
|
|
65
|
+
/** Theme configuration for the component */
|
|
201
66
|
theme?: ThemeType;
|
|
202
|
-
/** Custom slot that replaces the standard options
|
|
67
|
+
/** Custom slot that replaces the standard options/no-results block */
|
|
203
68
|
optionsSlot?: React.ReactNode;
|
|
204
|
-
/**
|
|
205
|
-
* Icon element displayed at the leading side of the trigger input.
|
|
206
|
-
*
|
|
207
|
-
* Deliberately `ReactNode`, not `ReactElement`: fragments, strings and
|
|
208
|
-
* conditional `false` have always been accepted here.
|
|
209
|
-
*/
|
|
69
|
+
/** Icon element displayed at the leading (left) side of the trigger input */
|
|
210
70
|
leadingIcon?: React.ReactNode;
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Props for individual ComboBox option items
|
|
74
|
+
*/
|
|
75
|
+
export interface ComboBoxOptionItemProps extends MenuItemProps {
|
|
76
|
+
/** Unique key for the option item */
|
|
77
|
+
key?: string;
|
|
216
78
|
}
|
package/lib/utils/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from './
|
|
1
|
+
export * from './calculateListMaxHeight';
|
|
2
|
+
export * from './scrollOptionToViewport';
|
package/lib/utils/index.js
CHANGED
package/lib/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}
|
package/lib/utils/options.d.ts
CHANGED
|
@@ -1,41 +1,4 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type { ComboBoxOption, ComboBoxOptionGroup, ComboBoxOptionItemProps, ComboBoxOptionsInput } from '../types';
|
|
3
|
-
/**
|
|
4
|
-
* Resolves the stable value of an option.
|
|
5
|
-
*
|
|
6
|
-
* `MenuItemProps` does not guarantee a plain string `text`, so the value is
|
|
7
|
-
* resolved in three steps: the visible label first - that is the value existing
|
|
8
|
-
* consumers pass in as `value` and get back from `onOptionItemClick` -, then
|
|
9
|
-
* the explicit `key`, and finally the render index as a last resort so that
|
|
10
|
-
* options without a label still get a unique value.
|
|
11
|
-
*
|
|
12
|
-
* @param item - The option as handed in by the consumer
|
|
13
|
-
* @param index - Position of the option in render order
|
|
14
|
-
* @returns The stable value of the option
|
|
15
|
-
*/
|
|
16
|
-
export declare function resolveOptionValue(item: ComboBoxOptionItemProps, index: number): string;
|
|
17
|
-
/**
|
|
18
|
-
* Returns the label of an option for the trigger field.
|
|
19
|
-
*
|
|
20
|
-
* Falls back to the resolved value when the option renders a custom node
|
|
21
|
-
* instead of a plain string.
|
|
22
|
-
*
|
|
23
|
-
* @param option - A normalised option
|
|
24
|
-
* @returns The label to display in the trigger field
|
|
25
|
-
*/
|
|
26
|
-
export declare function getOptionLabel(option: ComboBoxOption): string;
|
|
27
|
-
/**
|
|
28
|
-
* Strips the ComboBox specific props from an option so the rest can be spread
|
|
29
|
-
* onto the `MenuItem`.
|
|
30
|
-
*
|
|
31
|
-
* `key` is a reserved React prop and `disabled` is handled by the option
|
|
32
|
-
* wrapper (`aria-disabled` plus the click guard); everything else belongs to
|
|
33
|
-
* `MenuItem` and is forwarded untouched.
|
|
34
|
-
*
|
|
35
|
-
* @param item - The option as handed in by the consumer
|
|
36
|
-
* @returns The props meant for the `MenuItem`
|
|
37
|
-
*/
|
|
38
|
-
export declare function toMenuItemProps({ key, disabled, ...menuItemProps }: ComboBoxOptionItemProps): MenuItemProps;
|
|
1
|
+
import type { ComboBoxOption, ComboBoxOptionGroup, ComboBoxOptionsInput } from '../types';
|
|
39
2
|
/**
|
|
40
3
|
* Normalises flat and grouped options into one list in render order.
|
|
41
4
|
*
|
package/lib/utils/options.js
CHANGED
|
@@ -1,64 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* Resolves the stable value of an option.
|
|
14
|
-
*
|
|
15
|
-
* `MenuItemProps` does not guarantee a plain string `text`, so the value is
|
|
16
|
-
* resolved in three steps: the visible label first - that is the value existing
|
|
17
|
-
* consumers pass in as `value` and get back from `onOptionItemClick` -, then
|
|
18
|
-
* the explicit `key`, and finally the render index as a last resort so that
|
|
19
|
-
* options without a label still get a unique value.
|
|
20
|
-
*
|
|
21
|
-
* @param item - The option as handed in by the consumer
|
|
22
|
-
* @param index - Position of the option in render order
|
|
23
|
-
* @returns The stable value of the option
|
|
24
|
-
*/
|
|
25
|
-
export function resolveOptionValue(item, index) {
|
|
26
|
-
if (typeof item.text === 'string' && item.text)
|
|
27
|
-
return item.text;
|
|
28
|
-
if (item.key)
|
|
29
|
-
return item.key;
|
|
30
|
-
return `option-${index}`;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Returns the label of an option for the trigger field.
|
|
34
|
-
*
|
|
35
|
-
* Falls back to the resolved value when the option renders a custom node
|
|
36
|
-
* instead of a plain string.
|
|
37
|
-
*
|
|
38
|
-
* @param option - A normalised option
|
|
39
|
-
* @returns The label to display in the trigger field
|
|
40
|
-
*/
|
|
41
|
-
export function getOptionLabel(option) {
|
|
42
|
-
if (typeof option.item.text === 'string' && option.item.text) {
|
|
43
|
-
return option.item.text;
|
|
44
|
-
}
|
|
45
|
-
return option.value;
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Strips the ComboBox specific props from an option so the rest can be spread
|
|
49
|
-
* onto the `MenuItem`.
|
|
50
|
-
*
|
|
51
|
-
* `key` is a reserved React prop and `disabled` is handled by the option
|
|
52
|
-
* wrapper (`aria-disabled` plus the click guard); everything else belongs to
|
|
53
|
-
* `MenuItem` and is forwarded untouched.
|
|
54
|
-
*
|
|
55
|
-
* @param item - The option as handed in by the consumer
|
|
56
|
-
* @returns The props meant for the `MenuItem`
|
|
57
|
-
*/
|
|
58
|
-
export function toMenuItemProps(_a) {
|
|
59
|
-
var { key, disabled } = _a, menuItemProps = __rest(_a, ["key", "disabled"]);
|
|
60
|
-
return menuItemProps;
|
|
61
|
-
}
|
|
62
1
|
/**
|
|
63
2
|
* Normalises flat and grouped options into one list in render order.
|
|
64
3
|
*
|
|
@@ -77,11 +16,12 @@ export function normaliseOptions(options, listboxId) {
|
|
|
77
16
|
const normalised = [];
|
|
78
17
|
groups.forEach(([group, items]) => {
|
|
79
18
|
items.forEach(item => {
|
|
19
|
+
var _a;
|
|
80
20
|
const index = normalised.length;
|
|
81
21
|
normalised.push({
|
|
82
22
|
item,
|
|
83
23
|
group: group || undefined,
|
|
84
|
-
value:
|
|
24
|
+
value: (_a = item.value) !== null && _a !== void 0 ? _a : item.text,
|
|
85
25
|
index,
|
|
86
26
|
id: `${listboxId}-option-${index}`,
|
|
87
27
|
disabled: item.disabled === true,
|
package/lib/utils/options.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options.js","sourceRoot":"","sources":["../../src/utils/options.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"options.js","sourceRoot":"","sources":["../../src/utils/options.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,gBAAgB,CAC9B,OAA6B,EAC7B,SAAiB;IAEjB,MAAM,MAAM,GAA0C,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;QAC1E,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACjB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAE3B,MAAM,UAAU,GAAqB,EAAE,CAAA;IAEvC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE;QAChC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;;YACnB,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAA;YAE/B,UAAU,CAAC,IAAI,CAAC;gBACd,IAAI;gBACJ,KAAK,EAAE,KAAK,IAAI,SAAS;gBACzB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,IAAI;gBAC9B,KAAK;gBACL,EAAE,EAAE,GAAG,SAAS,WAAW,KAAK,EAAE;gBAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI;aACjC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,OAAO,UAAU,CAAA;AACnB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,OAAyB;IACpD,OAAO,OAAO,CAAC,MAAM,CAAwB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;QAC9D,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAEzC,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,EAAE,CAAC;YAC9C,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAE5B,OAAO,MAAM,CAAA;QACf,CAAC;QAED,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QAEvD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,KAAoC;IAC/D,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAA;IAEtC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;AAC7B,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAC9B,OAAyB,EACzB,KAAa,EACb,KAAa;IAEb,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAA;IAC1B,IAAI,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7B,IAAI,KAAK,GAAG,KAAK,CAAA;IAEjB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC;QAC5C,KAAK,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,MAAM,CAAA;QAEzC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAA;IAC5C,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pixum/combobox",
|
|
3
|
-
"version": "5.10.4-alpha.
|
|
3
|
+
"version": "5.10.4-alpha.18+d1e52db7f",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"module": "lib/index.js",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"peerDependencies": {
|
|
8
|
-
"@pixum/bottom-sheet": "
|
|
9
|
-
"@pixum/menu": "
|
|
10
|
-
"@pixum/menu-item": "
|
|
11
|
-
"@pixum/text": "3.7.0",
|
|
12
|
-
"@pixum/theme-provider": "
|
|
13
|
-
"@pixum/web-input": "2.
|
|
8
|
+
"@pixum/bottom-sheet": "3.0.18",
|
|
9
|
+
"@pixum/menu": "3.0.14",
|
|
10
|
+
"@pixum/menu-item": "2.0.14",
|
|
11
|
+
"@pixum/text": ">=3.7.0",
|
|
12
|
+
"@pixum/theme-provider": "4.2.20",
|
|
13
|
+
"@pixum/web-input": "2.1.0"
|
|
14
14
|
},
|
|
15
15
|
"files": [
|
|
16
16
|
"lib"
|
|
@@ -18,5 +18,5 @@
|
|
|
18
18
|
"sideEffects": [
|
|
19
19
|
"*.css"
|
|
20
20
|
],
|
|
21
|
-
"gitHead": "
|
|
21
|
+
"gitHead": "d1e52db7fc60033d1e40fedde10ee6e52216e657"
|
|
22
22
|
}
|