@proyecto-viviana/solid-stately 0.2.4 → 0.3.0
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/LICENSE +21 -0
- package/README.md +30 -283
- package/dist/autocomplete/createAutocompleteState.d.ts +3 -2
- package/dist/autocomplete/index.d.ts +1 -1
- package/dist/calendar/createCalendarState.d.ts +22 -7
- package/dist/calendar/createDateFieldState.d.ts +30 -7
- package/dist/calendar/createDatePickerState.d.ts +60 -0
- package/dist/calendar/createRangeCalendarState.d.ts +27 -8
- package/dist/calendar/createTimeFieldState.d.ts +34 -7
- package/dist/calendar/index.d.ts +7 -6
- package/dist/checkbox/createCheckboxGroupState.d.ts +12 -3
- package/dist/checkbox/index.d.ts +1 -1
- package/dist/collections/ListCollection.d.ts +1 -1
- package/dist/collections/createListState.d.ts +8 -8
- package/dist/collections/createMenuState.d.ts +7 -7
- package/dist/collections/createSelectionState.d.ts +5 -5
- package/dist/collections/index.d.ts +5 -5
- package/dist/collections/types.d.ts +23 -12
- package/dist/color/Color.d.ts +1 -1
- package/dist/color/createColorAreaState.d.ts +4 -2
- package/dist/color/createColorFieldState.d.ts +38 -12
- package/dist/color/createColorSliderState.d.ts +9 -2
- package/dist/color/createColorWheelState.d.ts +13 -2
- package/dist/color/getColorChannels.d.ts +20 -0
- package/dist/color/index.d.ts +6 -6
- package/dist/color/types.d.ts +4 -4
- package/dist/combobox/createComboBoxState.d.ts +27 -13
- package/dist/combobox/index.d.ts +1 -1
- package/dist/data/createAsyncList.d.ts +111 -0
- package/dist/data/createListData.d.ts +65 -0
- package/dist/data/createTreeData.d.ts +65 -0
- package/dist/data/index.d.ts +3 -0
- package/dist/datepicker/index.d.ts +8 -0
- package/dist/disclosure/createDisclosureState.d.ts +2 -2
- package/dist/disclosure/index.d.ts +1 -1
- package/dist/dnd/createDragState.d.ts +2 -2
- package/dist/dnd/createDraggableCollectionState.d.ts +2 -2
- package/dist/dnd/createDropState.d.ts +2 -2
- package/dist/dnd/createDroppableCollectionState.d.ts +3 -3
- package/dist/dnd/index.d.ts +5 -5
- package/dist/dnd/types.d.ts +16 -16
- package/dist/form/createFormValidationState.d.ts +3 -3
- package/dist/form/index.d.ts +1 -1
- package/dist/grid/createGridState.d.ts +2 -2
- package/dist/grid/index.d.ts +2 -2
- package/dist/grid/types.d.ts +17 -11
- package/dist/index.d.ts +31 -25
- package/dist/index.js +7990 -6264
- package/dist/index.js.map +1 -7
- package/dist/menu/index.d.ts +8 -0
- package/dist/numberfield/createNumberFieldState.d.ts +2 -2
- package/dist/numberfield/index.d.ts +1 -1
- package/dist/overlays/createOverlayTriggerState.d.ts +2 -2
- package/dist/overlays/index.d.ts +1 -1
- package/dist/radio/createRadioGroupState.d.ts +13 -4
- package/dist/radio/index.d.ts +1 -1
- package/dist/searchfield/createSearchFieldState.d.ts +2 -2
- package/dist/searchfield/index.d.ts +2 -2
- package/dist/select/createSelectState.d.ts +20 -3
- package/dist/select/index.d.ts +1 -1
- package/dist/selection/index.d.ts +11 -0
- package/dist/slider/createSliderState.d.ts +3 -3
- package/dist/slider/index.d.ts +2 -2
- package/dist/steplist/createStepListState.d.ts +48 -0
- package/dist/steplist/index.d.ts +1 -0
- package/dist/table/TableCollection.d.ts +3 -3
- package/dist/table/createTableColumnResizeState.d.ts +54 -0
- package/dist/table/createTableState.d.ts +2 -2
- package/dist/table/index.d.ts +5 -3
- package/dist/table/types.d.ts +10 -10
- package/dist/tabs/createTabListState.d.ts +5 -5
- package/dist/tabs/index.d.ts +1 -1
- package/dist/textfield/createTextFieldState.d.ts +2 -2
- package/dist/textfield/index.d.ts +1 -1
- package/dist/toast/createToastState.d.ts +15 -3
- package/dist/toast/index.d.ts +1 -1
- package/dist/toggle/createToggleGroupState.d.ts +45 -0
- package/dist/toggle/createToggleState.d.ts +2 -2
- package/dist/toggle/index.d.ts +2 -1
- package/dist/tooltip/createTooltipTriggerState.d.ts +2 -2
- package/dist/tooltip/index.d.ts +1 -1
- package/dist/tree/TreeCollection.d.ts +5 -4
- package/dist/tree/createTreeState.d.ts +2 -2
- package/dist/tree/index.d.ts +3 -3
- package/dist/tree/types.d.ts +19 -13
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/reactivity.d.ts +1 -1
- package/package.json +30 -30
- package/src/autocomplete/createAutocompleteState.d.ts +19 -17
- package/src/autocomplete/createAutocompleteState.ts +25 -32
- package/src/autocomplete/index.d.ts +6 -2
- package/src/autocomplete/index.ts +1 -1
- package/src/calendar/createCalendarState.d.ts +139 -117
- package/src/calendar/createCalendarState.ts +221 -74
- package/src/calendar/createDateFieldState.d.ts +130 -95
- package/src/calendar/createDateFieldState.ts +286 -151
- package/src/calendar/createDatePickerState.ts +347 -0
- package/src/calendar/createRangeCalendarState.d.ts +154 -129
- package/src/calendar/createRangeCalendarState.ts +293 -79
- package/src/calendar/createTimeFieldState.d.ts +81 -79
- package/src/calendar/createTimeFieldState.ts +187 -108
- package/src/calendar/index.d.ts +80 -7
- package/src/calendar/index.ts +21 -12
- package/src/checkbox/createCheckboxGroupState.d.ts +57 -55
- package/src/checkbox/createCheckboxGroupState.ts +57 -30
- package/src/checkbox/index.d.ts +6 -2
- package/src/checkbox/index.ts +1 -1
- package/src/collections/ListCollection.d.ts +25 -22
- package/src/collections/ListCollection.ts +152 -146
- package/src/collections/createListState.d.ts +73 -58
- package/src/collections/createListState.ts +267 -264
- package/src/collections/createMenuState.d.ts +36 -31
- package/src/collections/createMenuState.ts +112 -106
- package/src/collections/createSelectionState.d.ts +78 -65
- package/src/collections/createSelectionState.ts +340 -336
- package/src/collections/index.d.ts +38 -6
- package/src/collections/index.ts +41 -46
- package/src/collections/types.d.ts +101 -101
- package/src/collections/types.ts +181 -169
- package/src/color/Color.d.ts +20 -5
- package/src/color/Color.ts +1054 -951
- package/src/color/createColorAreaState.d.ts +67 -65
- package/src/color/createColorAreaState.ts +301 -293
- package/src/color/createColorFieldState.d.ts +46 -44
- package/src/color/createColorFieldState.ts +428 -292
- package/src/color/createColorSliderState.d.ts +58 -56
- package/src/color/createColorSliderState.ts +272 -241
- package/src/color/createColorWheelState.d.ts +42 -40
- package/src/color/createColorWheelState.ts +248 -211
- package/src/color/getColorChannels.ts +36 -0
- package/src/color/index.d.ts +36 -7
- package/src/color/index.ts +44 -47
- package/src/color/types.d.ts +68 -63
- package/src/color/types.ts +119 -127
- package/src/combobox/createComboBoxState.d.ts +107 -105
- package/src/combobox/createComboBoxState.ts +790 -703
- package/src/combobox/index.d.ts +10 -2
- package/src/combobox/index.ts +13 -13
- package/src/data/createAsyncList.ts +403 -0
- package/src/data/createListData.ts +298 -0
- package/src/data/createTreeData.ts +646 -0
- package/src/data/index.ts +25 -0
- package/src/datepicker/index.ts +32 -0
- package/src/disclosure/createDisclosureState.d.ts +47 -43
- package/src/disclosure/createDisclosureState.ts +9 -23
- package/src/disclosure/index.d.ts +10 -2
- package/src/disclosure/index.ts +1 -1
- package/src/dnd/createDragState.d.ts +51 -42
- package/src/dnd/createDragState.ts +151 -153
- package/src/dnd/createDraggableCollectionState.d.ts +52 -41
- package/src/dnd/createDraggableCollectionState.ts +158 -165
- package/src/dnd/createDropState.d.ts +64 -45
- package/src/dnd/createDropState.ts +202 -212
- package/src/dnd/createDroppableCollectionState.d.ts +88 -59
- package/src/dnd/createDroppableCollectionState.ts +354 -357
- package/src/dnd/index.d.ts +54 -6
- package/src/dnd/index.ts +63 -76
- package/src/dnd/types.d.ts +167 -156
- package/src/dnd/types.ts +316 -317
- package/src/form/createFormValidationState.d.ts +47 -45
- package/src/form/createFormValidationState.ts +356 -389
- package/src/form/index.d.ts +16 -2
- package/src/form/index.ts +15 -15
- package/src/grid/createGridState.d.ts +7 -4
- package/src/grid/createGridState.ts +44 -51
- package/src/grid/index.d.ts +3 -3
- package/src/grid/index.ts +2 -8
- package/src/grid/types.d.ts +136 -129
- package/src/grid/types.ts +24 -17
- package/src/index.d.ts +310 -26
- package/src/index.ts +87 -79
- package/src/menu/index.ts +17 -0
- package/src/numberfield/createNumberFieldState.d.ts +56 -54
- package/src/numberfield/createNumberFieldState.ts +422 -383
- package/src/numberfield/index.d.ts +6 -2
- package/src/numberfield/index.ts +5 -5
- package/src/overlays/createOverlayTriggerState.d.ts +22 -20
- package/src/overlays/createOverlayTriggerState.ts +66 -67
- package/src/overlays/index.d.ts +6 -2
- package/src/overlays/index.ts +5 -5
- package/src/radio/createRadioGroupState.d.ts +54 -52
- package/src/radio/createRadioGroupState.ts +66 -30
- package/src/radio/index.d.ts +7 -2
- package/src/radio/index.ts +1 -1
- package/src/searchfield/createSearchFieldState.d.ts +16 -14
- package/src/searchfield/createSearchFieldState.ts +56 -62
- package/src/searchfield/index.d.ts +3 -3
- package/src/searchfield/index.ts +2 -5
- package/src/select/createSelectState.d.ts +63 -61
- package/src/select/createSelectState.ts +290 -181
- package/src/select/index.d.ts +2 -2
- package/src/select/index.ts +1 -5
- package/src/selection/index.ts +27 -0
- package/src/slider/createSliderState.d.ts +60 -60
- package/src/slider/createSliderState.ts +233 -211
- package/src/slider/index.d.ts +3 -3
- package/src/slider/index.ts +2 -6
- package/src/ssr/index.d.ts +1 -1
- package/src/ssr/index.ts +2 -2
- package/src/steplist/createStepListState.ts +191 -0
- package/src/steplist/index.ts +5 -0
- package/src/table/TableCollection.d.ts +42 -40
- package/src/table/TableCollection.ts +61 -64
- package/src/table/createTableColumnResizeState.ts +242 -0
- package/src/table/createTableState.d.ts +7 -4
- package/src/table/createTableState.ts +10 -7
- package/src/table/index.d.ts +14 -4
- package/src/table/index.ts +10 -3
- package/src/table/types.d.ts +98 -92
- package/src/table/types.ts +17 -13
- package/src/tabs/createTabListState.d.ts +59 -57
- package/src/tabs/createTabListState.ts +58 -39
- package/src/tabs/index.d.ts +8 -2
- package/src/tabs/index.ts +1 -1
- package/src/textfield/createTextFieldState.d.ts +16 -14
- package/src/textfield/createTextFieldState.ts +7 -18
- package/src/textfield/index.d.ts +6 -2
- package/src/textfield/index.ts +1 -1
- package/src/toast/createToastState.d.ts +92 -81
- package/src/toast/createToastState.ts +56 -44
- package/src/toast/index.d.ts +12 -2
- package/src/toast/index.ts +1 -1
- package/src/toggle/createToggleGroupState.ts +117 -0
- package/src/toggle/createToggleState.d.ts +19 -19
- package/src/toggle/createToggleState.ts +2 -16
- package/src/toggle/index.d.ts +2 -2
- package/src/toggle/index.ts +6 -4
- package/src/tooltip/createTooltipTriggerState.d.ts +17 -17
- package/src/tooltip/createTooltipTriggerState.ts +184 -183
- package/src/tooltip/index.d.ts +7 -2
- package/src/tooltip/index.ts +6 -6
- package/src/tree/TreeCollection.d.ts +26 -23
- package/src/tree/TreeCollection.ts +215 -175
- package/src/tree/createTreeState.d.ts +7 -4
- package/src/tree/createTreeState.ts +390 -392
- package/src/tree/index.d.ts +10 -4
- package/src/tree/index.ts +13 -13
- package/src/tree/types.d.ts +131 -126
- package/src/tree/types.ts +183 -174
- package/src/utils/index.d.ts +2 -2
- package/src/utils/index.ts +1 -1
- package/src/utils/reactivity.d.ts +2 -2
- package/src/utils/reactivity.ts +3 -3
|
@@ -5,113 +5,113 @@
|
|
|
5
5
|
* ComboBox combines a text input with a dropdown list, allowing users to
|
|
6
6
|
* either type to filter options or select from a list.
|
|
7
7
|
*/
|
|
8
|
-
import { type Accessor } from
|
|
9
|
-
import { type MaybeAccessor } from
|
|
10
|
-
import type { Key, CollectionNode, Collection, FocusStrategy } from
|
|
11
|
-
export type MenuTriggerAction =
|
|
12
|
-
export type { FocusStrategy } from
|
|
8
|
+
import { type Accessor } from "solid-js";
|
|
9
|
+
import { type MaybeAccessor } from "../utils";
|
|
10
|
+
import type { Key, CollectionNode, Collection, FocusStrategy } from "../collections/types";
|
|
11
|
+
export type MenuTriggerAction = "focus" | "input" | "manual";
|
|
12
|
+
export type { FocusStrategy } from "../collections/types";
|
|
13
13
|
export type FilterFn = (textValue: string, inputValue: string) => boolean;
|
|
14
14
|
export interface ComboBoxStateProps<T = unknown> {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
15
|
+
/** The items to display in the combobox dropdown. */
|
|
16
|
+
items?: T[];
|
|
17
|
+
/** Default items when uncontrolled. */
|
|
18
|
+
defaultItems?: T[];
|
|
19
|
+
/** Function to get the key for an item. */
|
|
20
|
+
getKey?: (item: T) => Key;
|
|
21
|
+
/** Function to get the text value for an item. */
|
|
22
|
+
getTextValue?: (item: T) => string;
|
|
23
|
+
/** Function to check if an item is disabled. */
|
|
24
|
+
getDisabled?: (item: T) => boolean;
|
|
25
|
+
/** Keys of disabled items. */
|
|
26
|
+
disabledKeys?: Iterable<Key>;
|
|
27
|
+
/** The currently selected key (controlled). */
|
|
28
|
+
selectedKey?: Key | null;
|
|
29
|
+
/** The default selected key (uncontrolled). */
|
|
30
|
+
defaultSelectedKey?: Key | null;
|
|
31
|
+
/** Handler called when the selection changes. */
|
|
32
|
+
onSelectionChange?: (key: Key | null) => void;
|
|
33
|
+
/** The current input value (controlled). */
|
|
34
|
+
inputValue?: string;
|
|
35
|
+
/** The default input value (uncontrolled). */
|
|
36
|
+
defaultInputValue?: string;
|
|
37
|
+
/** Handler called when the input value changes. */
|
|
38
|
+
onInputChange?: (value: string) => void;
|
|
39
|
+
/** Whether the combobox is open (controlled). */
|
|
40
|
+
isOpen?: boolean;
|
|
41
|
+
/** Whether the combobox is open by default (uncontrolled). */
|
|
42
|
+
defaultOpen?: boolean;
|
|
43
|
+
/** Handler called when the open state changes. */
|
|
44
|
+
onOpenChange?: (isOpen: boolean, trigger?: MenuTriggerAction) => void;
|
|
45
|
+
/** Whether the combobox is disabled. */
|
|
46
|
+
isDisabled?: boolean;
|
|
47
|
+
/** Whether the combobox is read-only. */
|
|
48
|
+
isReadOnly?: boolean;
|
|
49
|
+
/** Whether the combobox is required. */
|
|
50
|
+
isRequired?: boolean;
|
|
51
|
+
/** The filter function to use when filtering items. */
|
|
52
|
+
defaultFilter?: FilterFn;
|
|
53
|
+
/** Whether to allow the menu to open when there are no items. */
|
|
54
|
+
allowsEmptyCollection?: boolean;
|
|
55
|
+
/** Whether to allow custom values that don't match any option. */
|
|
56
|
+
allowsCustomValue?: boolean;
|
|
57
|
+
/** What triggers the menu to open. */
|
|
58
|
+
menuTrigger?: MenuTriggerAction;
|
|
59
|
+
/** Whether to close the menu on blur. */
|
|
60
|
+
shouldCloseOnBlur?: boolean;
|
|
61
61
|
}
|
|
62
62
|
export interface ComboBoxState<T = unknown> {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
63
|
+
/** The collection of items (may be filtered). */
|
|
64
|
+
readonly collection: Accessor<Collection<T>>;
|
|
65
|
+
/** Whether the combobox dropdown is open. */
|
|
66
|
+
readonly isOpen: Accessor<boolean>;
|
|
67
|
+
/** Open the combobox dropdown. */
|
|
68
|
+
open(focusStrategy?: FocusStrategy | null, trigger?: MenuTriggerAction): void;
|
|
69
|
+
/** Close the combobox dropdown. */
|
|
70
|
+
close(): void;
|
|
71
|
+
/** Toggle the combobox dropdown. */
|
|
72
|
+
toggle(focusStrategy?: FocusStrategy | null, trigger?: MenuTriggerAction): void;
|
|
73
|
+
/** The currently selected key. */
|
|
74
|
+
readonly selectedKey: Accessor<Key | null>;
|
|
75
|
+
/** The default selected key. */
|
|
76
|
+
readonly defaultSelectedKey: Key | null;
|
|
77
|
+
/** The currently selected item. */
|
|
78
|
+
readonly selectedItem: Accessor<CollectionNode<T> | null>;
|
|
79
|
+
/** Set the selected key. */
|
|
80
|
+
setSelectedKey(key: Key | null): void;
|
|
81
|
+
/** The current input value. */
|
|
82
|
+
readonly inputValue: Accessor<string>;
|
|
83
|
+
/** The default input value. */
|
|
84
|
+
readonly defaultInputValue: string;
|
|
85
|
+
/** Set the input value. */
|
|
86
|
+
setInputValue(value: string): void;
|
|
87
|
+
/** The currently focused key in the list. */
|
|
88
|
+
readonly focusedKey: Accessor<Key | null>;
|
|
89
|
+
/** Set the focused key. */
|
|
90
|
+
setFocusedKey(key: Key | null): void;
|
|
91
|
+
/** Whether the combobox input has focus. */
|
|
92
|
+
readonly isFocused: Accessor<boolean>;
|
|
93
|
+
/** Set whether the combobox has focus. */
|
|
94
|
+
setFocused(isFocused: boolean): void;
|
|
95
|
+
/** The focus strategy to use when opening. */
|
|
96
|
+
readonly focusStrategy: Accessor<FocusStrategy | null>;
|
|
97
|
+
/** Commit the current selection (select focused item or custom value). */
|
|
98
|
+
commit(): void;
|
|
99
|
+
/** Revert input to the selected item's text and close menu. */
|
|
100
|
+
revert(): void;
|
|
101
|
+
/** Whether a specific key is disabled. */
|
|
102
|
+
isKeyDisabled(key: Key): boolean;
|
|
103
|
+
/** Select a key and close the menu (for ListState compatibility). */
|
|
104
|
+
select(key: Key): void;
|
|
105
|
+
/** The selection mode (always 'single' for combobox). */
|
|
106
|
+
readonly selectionMode: Accessor<"single">;
|
|
107
|
+
/** Check if a key is selected. */
|
|
108
|
+
isSelected(key: Key): boolean;
|
|
109
|
+
/** Whether the combobox is disabled. */
|
|
110
|
+
readonly isDisabled: boolean;
|
|
111
|
+
/** Whether the combobox is read-only. */
|
|
112
|
+
readonly isReadOnly: boolean;
|
|
113
|
+
/** Whether the combobox is required. */
|
|
114
|
+
readonly isRequired: boolean;
|
|
115
115
|
}
|
|
116
116
|
/**
|
|
117
117
|
* Default filter function that does case-insensitive "contains" matching.
|
|
@@ -121,5 +121,7 @@ export declare const defaultContainsFilter: FilterFn;
|
|
|
121
121
|
* Creates state for a combobox component.
|
|
122
122
|
* Combines list state with input value management and filtering.
|
|
123
123
|
*/
|
|
124
|
-
export declare function createComboBoxState<T = unknown>(
|
|
125
|
-
|
|
124
|
+
export declare function createComboBoxState<T = unknown>(
|
|
125
|
+
props: MaybeAccessor<ComboBoxStateProps<T>>,
|
|
126
|
+
): ComboBoxState<T>;
|
|
127
|
+
//# sourceMappingURL=createComboBoxState.d.ts.map
|