@proyecto-viviana/solidaria-components 0.2.5 → 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 +39 -272
- package/dist/ActionBar.d.ts +79 -0
- package/dist/ActionBar.d.ts.map +1 -0
- package/dist/ActionGroup.d.ts +74 -0
- package/dist/ActionGroup.d.ts.map +1 -0
- package/dist/Alert.d.ts +70 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Autocomplete.d.ts +5 -5
- package/dist/Autocomplete.d.ts.map +1 -1
- package/dist/Breadcrumbs.d.ts +27 -8
- package/dist/Breadcrumbs.d.ts.map +1 -1
- package/dist/Button.d.ts +28 -5
- package/dist/Button.d.ts.map +1 -1
- package/dist/Calendar.d.ts +51 -7
- package/dist/Calendar.d.ts.map +1 -1
- package/dist/Checkbox.d.ts +33 -8
- package/dist/Checkbox.d.ts.map +1 -1
- package/dist/Collection.d.ts +130 -0
- package/dist/Collection.d.ts.map +1 -0
- package/dist/Color.d.ts +210 -9
- package/dist/Color.d.ts.map +1 -1
- package/dist/ColorEditor.d.ts +42 -0
- package/dist/ColorEditor.d.ts.map +1 -0
- package/dist/ComboBox.d.ts +146 -16
- package/dist/ComboBox.d.ts.map +1 -1
- package/dist/ContextualHelpTrigger.d.ts +40 -0
- package/dist/ContextualHelpTrigger.d.ts.map +1 -0
- package/dist/DateField.d.ts +35 -8
- package/dist/DateField.d.ts.map +1 -1
- package/dist/DatePicker.d.ts +101 -5
- package/dist/DatePicker.d.ts.map +1 -1
- package/dist/DateRangePickerContext.d.ts +30 -0
- package/dist/DateRangePickerContext.d.ts.map +1 -0
- package/dist/Dialog.d.ts +5 -5
- package/dist/Dialog.d.ts.map +1 -1
- package/dist/Disclosure.d.ts +25 -5
- package/dist/Disclosure.d.ts.map +1 -1
- package/dist/DragAndDrop.d.ts +80 -0
- package/dist/DragAndDrop.d.ts.map +1 -0
- package/dist/DragPreview.d.ts +14 -0
- package/dist/DragPreview.d.ts.map +1 -0
- package/dist/DropZone.d.ts +27 -0
- package/dist/DropZone.d.ts.map +1 -0
- package/dist/FieldError.d.ts +27 -0
- package/dist/FieldError.d.ts.map +1 -0
- package/dist/FileTrigger.d.ts +26 -0
- package/dist/FileTrigger.d.ts.map +1 -0
- package/dist/Focusable.d.ts +27 -0
- package/dist/Focusable.d.ts.map +1 -0
- package/dist/Form.d.ts +41 -0
- package/dist/Form.d.ts.map +1 -0
- package/dist/GridList.d.ts +69 -10
- package/dist/GridList.d.ts.map +1 -1
- package/dist/HiddenDateInput.d.ts +26 -0
- package/dist/HiddenDateInput.d.ts.map +1 -0
- package/dist/HiddenTimeInput.d.ts +25 -0
- package/dist/HiddenTimeInput.d.ts.map +1 -0
- package/dist/Icon.d.ts +57 -0
- package/dist/Icon.d.ts.map +1 -0
- package/dist/Keyboard.d.ts +13 -0
- package/dist/Keyboard.d.ts.map +1 -0
- package/dist/Landmark.d.ts +3 -3
- package/dist/Landmark.d.ts.map +1 -1
- package/dist/Link.d.ts +10 -4
- package/dist/Link.d.ts.map +1 -1
- package/dist/ListBox.d.ts +73 -11
- package/dist/ListBox.d.ts.map +1 -1
- package/dist/ListDropTargetDelegate.d.ts +38 -0
- package/dist/ListDropTargetDelegate.d.ts.map +1 -0
- package/dist/Menu.d.ts +79 -10
- package/dist/Menu.d.ts.map +1 -1
- package/dist/Meter.d.ts +4 -4
- package/dist/Meter.d.ts.map +1 -1
- package/dist/Modal.d.ts +6 -4
- package/dist/Modal.d.ts.map +1 -1
- package/dist/NumberField.d.ts +10 -12
- package/dist/NumberField.d.ts.map +1 -1
- package/dist/Popover.d.ts +32 -7
- package/dist/Popover.d.ts.map +1 -1
- package/dist/Pressable.d.ts +27 -0
- package/dist/Pressable.d.ts.map +1 -0
- package/dist/ProgressBar.d.ts +6 -4
- package/dist/ProgressBar.d.ts.map +1 -1
- package/dist/RadioGroup.d.ts +43 -9
- package/dist/RadioGroup.d.ts.map +1 -1
- package/dist/RangeCalendar.d.ts +39 -7
- package/dist/RangeCalendar.d.ts.map +1 -1
- package/dist/RouterProvider.d.ts +75 -0
- package/dist/RouterProvider.d.ts.map +1 -0
- package/dist/SearchField.d.ts +23 -21
- package/dist/SearchField.d.ts.map +1 -1
- package/dist/Select.d.ts +48 -7
- package/dist/Select.d.ts.map +1 -1
- package/dist/SelectionIndicator.d.ts +30 -0
- package/dist/SelectionIndicator.d.ts.map +1 -0
- package/dist/Separator.d.ts +9 -3
- package/dist/Separator.d.ts.map +1 -1
- package/dist/SharedElementTransition.d.ts +41 -0
- package/dist/SharedElementTransition.d.ts.map +1 -0
- package/dist/Slider.d.ts +15 -8
- package/dist/Slider.d.ts.map +1 -1
- package/dist/StepList.d.ts +90 -0
- package/dist/StepList.d.ts.map +1 -0
- package/dist/Switch.d.ts +11 -5
- package/dist/Switch.d.ts.map +1 -1
- package/dist/Table.d.ts +222 -19
- package/dist/Table.d.ts.map +1 -1
- package/dist/Tabs.d.ts +47 -10
- package/dist/Tabs.d.ts.map +1 -1
- package/dist/TagGroup.d.ts +22 -10
- package/dist/TagGroup.d.ts.map +1 -1
- package/dist/Text.d.ts +10 -0
- package/dist/Text.d.ts.map +1 -0
- package/dist/TextField.d.ts +19 -11
- package/dist/TextField.d.ts.map +1 -1
- package/dist/TimeField.d.ts +32 -7
- package/dist/TimeField.d.ts.map +1 -1
- package/dist/Toast.d.ts +29 -14
- package/dist/Toast.d.ts.map +1 -1
- package/dist/ToggleButton.d.ts +36 -0
- package/dist/ToggleButton.d.ts.map +1 -0
- package/dist/ToggleButtonGroup.d.ts +33 -0
- package/dist/ToggleButtonGroup.d.ts.map +1 -0
- package/dist/Toolbar.d.ts +7 -3
- package/dist/Toolbar.d.ts.map +1 -1
- package/dist/Tooltip.d.ts +58 -7
- package/dist/Tooltip.d.ts.map +1 -1
- package/dist/Tree.d.ts +102 -11
- package/dist/Tree.d.ts.map +1 -1
- package/dist/Virtualizer.d.ts +61 -0
- package/dist/Virtualizer.d.ts.map +1 -0
- package/dist/VirtualizerLayouts.d.ts +82 -0
- package/dist/VirtualizerLayouts.d.ts.map +1 -0
- package/dist/VisuallyHidden.d.ts +4 -2
- package/dist/VisuallyHidden.d.ts.map +1 -1
- package/dist/contexts.d.ts +6 -1
- package/dist/contexts.d.ts.map +1 -1
- package/dist/index.d.ts +73 -39
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +23342 -10644
- package/dist/index.js.map +1 -7
- package/dist/index.jsx +18110 -0
- package/dist/index.jsx.map +1 -0
- package/dist/useDragAndDrop.d.ts +93 -0
- package/dist/useDragAndDrop.d.ts.map +1 -0
- package/dist/utils.d.ts +8 -2
- package/dist/utils.d.ts.map +1 -1
- package/dist/virtualizer/Layout.d.ts +79 -0
- package/dist/virtualizer/Layout.d.ts.map +1 -0
- package/package.json +33 -32
- package/src/ActionBar.tsx +251 -0
- package/src/ActionGroup.tsx +277 -0
- package/src/Alert.tsx +152 -0
- package/src/Autocomplete.tsx +39 -44
- package/src/Breadcrumbs.tsx +227 -72
- package/src/Button.tsx +315 -74
- package/src/Calendar.tsx +347 -141
- package/src/Checkbox.tsx +414 -123
- package/src/Collection.tsx +350 -0
- package/src/Color.tsx +1325 -284
- package/src/ColorEditor.tsx +213 -0
- package/src/ComboBox.tsx +644 -245
- package/src/ContextualHelpTrigger.tsx +195 -0
- package/src/DateField.tsx +274 -106
- package/src/DatePicker.tsx +892 -111
- package/src/DateRangePickerContext.tsx +44 -0
- package/src/Dialog.tsx +173 -104
- package/src/Disclosure.tsx +158 -105
- package/src/DragAndDrop.tsx +340 -0
- package/src/DragPreview.tsx +47 -0
- package/src/DropZone.tsx +233 -0
- package/src/FieldError.tsx +89 -0
- package/src/FileTrigger.tsx +83 -0
- package/src/Focusable.tsx +103 -0
- package/src/Form.tsx +140 -0
- package/src/GridList.tsx +542 -128
- package/src/HiddenDateInput.tsx +153 -0
- package/src/HiddenTimeInput.tsx +133 -0
- package/src/Icon.tsx +133 -0
- package/src/Keyboard.tsx +26 -0
- package/src/Landmark.tsx +37 -63
- package/src/Link.tsx +132 -69
- package/src/ListBox.tsx +656 -106
- package/src/ListDropTargetDelegate.ts +283 -0
- package/src/Menu.tsx +1234 -132
- package/src/Meter.tsx +44 -58
- package/src/Modal.tsx +262 -166
- package/src/NumberField.tsx +267 -151
- package/src/Popover.tsx +452 -343
- package/src/Pressable.tsx +108 -0
- package/src/ProgressBar.tsx +54 -59
- package/src/RadioGroup.tsx +533 -121
- package/src/RangeCalendar.tsx +249 -150
- package/src/RouterProvider.tsx +223 -0
- package/src/SearchField.tsx +460 -133
- package/src/Select.tsx +804 -233
- package/src/SelectionIndicator.tsx +108 -0
- package/src/Separator.tsx +47 -49
- package/src/SharedElementTransition.tsx +264 -0
- package/src/Slider.tsx +148 -98
- package/src/StepList.tsx +272 -0
- package/src/Switch.tsx +93 -46
- package/src/Table.tsx +1551 -225
- package/src/Tabs.tsx +377 -123
- package/src/TagGroup.tsx +233 -135
- package/src/Text.tsx +18 -0
- package/src/TextField.tsx +413 -86
- package/src/TimeField.tsx +232 -222
- package/src/Toast.tsx +306 -160
- package/src/ToggleButton.tsx +169 -0
- package/src/ToggleButtonGroup.tsx +141 -0
- package/src/Toolbar.tsx +61 -70
- package/src/Tooltip.tsx +473 -116
- package/src/Tree.tsx +1514 -175
- package/src/Virtualizer.tsx +730 -0
- package/src/VirtualizerLayouts.ts +280 -0
- package/src/VisuallyHidden.tsx +32 -38
- package/src/contexts.ts +29 -36
- package/src/index.ts +972 -620
- package/src/useDragAndDrop.ts +367 -0
- package/src/utils.tsx +69 -50
- package/src/virtualizer/Layout.ts +192 -0
- package/dist/index.ssr.js +0 -9785
- package/dist/index.ssr.js.map +0 -7
package/dist/ComboBox.d.ts
CHANGED
|
@@ -4,10 +4,13 @@
|
|
|
4
4
|
* A pre-wired headless combobox that combines state + aria hooks.
|
|
5
5
|
* Port of react-aria-components/src/ComboBox.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX, type Accessor } from
|
|
8
|
-
import { type AriaComboBoxProps, type AriaOptionProps } from
|
|
9
|
-
import { defaultContainsFilter, type ComboBoxState, type Key, type FilterFn, type MenuTriggerAction } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX, type Accessor } from "solid-js";
|
|
8
|
+
import { type AriaComboBoxProps, type AriaOptionProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { defaultContainsFilter, type ComboBoxState, type Key, type FilterFn, type MenuTriggerAction } from "@proyecto-viviana/solid-stately";
|
|
10
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
11
|
+
type RefLike<T> = ((el: T) => void) | {
|
|
12
|
+
current?: T | null;
|
|
13
|
+
} | undefined;
|
|
11
14
|
export interface ComboBoxRenderProps {
|
|
12
15
|
/** Whether the combobox listbox is open. */
|
|
13
16
|
isOpen: boolean;
|
|
@@ -19,14 +22,20 @@ export interface ComboBoxRenderProps {
|
|
|
19
22
|
isDisabled: boolean;
|
|
20
23
|
/** Whether the combobox is required. */
|
|
21
24
|
isRequired: boolean;
|
|
25
|
+
/** Whether the combobox is invalid. */
|
|
26
|
+
isInvalid: boolean;
|
|
27
|
+
/** Whether the combobox is read only. */
|
|
28
|
+
isReadOnly: boolean;
|
|
22
29
|
/** Whether a value is selected. */
|
|
23
30
|
isSelected: boolean;
|
|
24
31
|
/** The current input value. */
|
|
25
32
|
inputValue: string;
|
|
26
33
|
}
|
|
27
|
-
export interface ComboBoxProps<T> extends Omit<AriaComboBoxProps,
|
|
34
|
+
export interface ComboBoxProps<T> extends Omit<AriaComboBoxProps, "children">, SlotProps {
|
|
28
35
|
/** The items to render in the combobox. */
|
|
29
|
-
items
|
|
36
|
+
items?: T[];
|
|
37
|
+
/** The default items to render in the combobox when uncontrolled. */
|
|
38
|
+
defaultItems?: T[];
|
|
30
39
|
/** Function to get the key from an item. */
|
|
31
40
|
getKey?: (item: T) => Key;
|
|
32
41
|
/** Function to get the text value from an item. */
|
|
@@ -35,12 +44,20 @@ export interface ComboBoxProps<T> extends Omit<AriaComboBoxProps, 'children'>, S
|
|
|
35
44
|
getDisabled?: (item: T) => boolean;
|
|
36
45
|
/** Keys of disabled items. */
|
|
37
46
|
disabledKeys?: Iterable<Key>;
|
|
38
|
-
/** The
|
|
47
|
+
/** The selection mode for the combobox. */
|
|
48
|
+
selectionMode?: "single" | "multiple";
|
|
49
|
+
/** The currently selected key (controlled, single mode). */
|
|
39
50
|
selectedKey?: Key | null;
|
|
40
|
-
/** The default selected key (uncontrolled). */
|
|
51
|
+
/** The default selected key (uncontrolled, single mode). */
|
|
41
52
|
defaultSelectedKey?: Key | null;
|
|
42
|
-
/**
|
|
53
|
+
/** The currently selected keys (controlled, multiple mode). */
|
|
54
|
+
selectedKeys?: Iterable<Key>;
|
|
55
|
+
/** The default selected keys (uncontrolled, multiple mode). */
|
|
56
|
+
defaultSelectedKeys?: Iterable<Key>;
|
|
57
|
+
/** Handler called when selection changes (single mode). */
|
|
43
58
|
onSelectionChange?: (key: Key | null) => void;
|
|
59
|
+
/** Handler called when selection changes (multiple mode). */
|
|
60
|
+
onSelectionChangeMultiple?: (keys: Set<Key>) => void;
|
|
44
61
|
/** The current input value (controlled). */
|
|
45
62
|
inputValue?: string;
|
|
46
63
|
/** The default input value (uncontrolled). */
|
|
@@ -60,15 +77,29 @@ export interface ComboBoxProps<T> extends Omit<AriaComboBoxProps, 'children'>, S
|
|
|
60
77
|
/** Whether to allow an empty collection (show listbox even with no matches). */
|
|
61
78
|
allowsEmptyCollection?: boolean;
|
|
62
79
|
/** The trigger mechanism for the combobox menu. */
|
|
63
|
-
menuTrigger?:
|
|
80
|
+
menuTrigger?: "focus" | "input" | "manual";
|
|
64
81
|
/** The name of the combobox, used when submitting an HTML form. */
|
|
65
82
|
name?: string;
|
|
83
|
+
/**
|
|
84
|
+
* Controls what value is submitted in forms.
|
|
85
|
+
* - 'key': submit the selected key via hidden input (default)
|
|
86
|
+
* - 'text': submit the text input value
|
|
87
|
+
*
|
|
88
|
+
* When allowsCustomValue is true, formValue is forced to 'text'.
|
|
89
|
+
*/
|
|
90
|
+
formValue?: "key" | "text";
|
|
66
91
|
/** The children of the component (compound components: ComboBoxInput, ComboBoxButton, ComboBoxListBox). */
|
|
67
|
-
children:
|
|
92
|
+
children: RenderChildren<ComboBoxRenderProps>;
|
|
68
93
|
/** The CSS className for the element. */
|
|
69
94
|
class?: ClassNameOrFunction<ComboBoxRenderProps>;
|
|
70
95
|
/** The inline style for the element. */
|
|
71
96
|
style?: StyleOrFunction<ComboBoxRenderProps>;
|
|
97
|
+
/** Ref for the root combobox element. */
|
|
98
|
+
ref?: RefLike<HTMLDivElement>;
|
|
99
|
+
/** Internal alias for libraries that wrap ComboBox and need a root ref. */
|
|
100
|
+
rootRef?: RefLike<HTMLDivElement>;
|
|
101
|
+
/** Slot definitions provided through ComboBoxContext. */
|
|
102
|
+
slots?: Record<string, Partial<ComboBoxProps<T>>>;
|
|
72
103
|
}
|
|
73
104
|
export interface ComboBoxInputRenderProps {
|
|
74
105
|
/** Whether the combobox is open. */
|
|
@@ -92,6 +123,30 @@ export interface ComboBoxInputProps extends SlotProps {
|
|
|
92
123
|
/** The inline style for the element. */
|
|
93
124
|
style?: StyleOrFunction<ComboBoxInputRenderProps>;
|
|
94
125
|
}
|
|
126
|
+
export interface ComboBoxLabelProps extends SlotProps {
|
|
127
|
+
/** The children of the label element. */
|
|
128
|
+
children?: JSX.Element;
|
|
129
|
+
/** The CSS className for the element. */
|
|
130
|
+
class?: string;
|
|
131
|
+
/** The inline style for the element. */
|
|
132
|
+
style?: JSX.CSSProperties;
|
|
133
|
+
}
|
|
134
|
+
export interface ComboBoxDescriptionProps extends SlotProps {
|
|
135
|
+
/** The children of the description element. */
|
|
136
|
+
children?: JSX.Element;
|
|
137
|
+
/** The CSS className for the element. */
|
|
138
|
+
class?: string;
|
|
139
|
+
/** The inline style for the element. */
|
|
140
|
+
style?: JSX.CSSProperties;
|
|
141
|
+
}
|
|
142
|
+
export interface ComboBoxErrorMessageProps extends SlotProps {
|
|
143
|
+
/** The children of the error message element. */
|
|
144
|
+
children?: JSX.Element;
|
|
145
|
+
/** The CSS className for the element. */
|
|
146
|
+
class?: string;
|
|
147
|
+
/** The inline style for the element. */
|
|
148
|
+
style?: JSX.CSSProperties;
|
|
149
|
+
}
|
|
95
150
|
export interface ComboBoxButtonRenderProps {
|
|
96
151
|
/** Whether the combobox is open. */
|
|
97
152
|
isOpen: boolean;
|
|
@@ -104,6 +159,19 @@ export interface ComboBoxButtonRenderProps {
|
|
|
104
159
|
/** Whether the button is disabled. */
|
|
105
160
|
isDisabled: boolean;
|
|
106
161
|
}
|
|
162
|
+
export interface ComboBoxValueRenderProps {
|
|
163
|
+
textValue: string;
|
|
164
|
+
isPlaceholder: boolean;
|
|
165
|
+
selectedItems: unknown[];
|
|
166
|
+
selectedText: string;
|
|
167
|
+
state: ComboBoxState<unknown>;
|
|
168
|
+
}
|
|
169
|
+
export interface ComboBoxValueProps extends SlotProps {
|
|
170
|
+
children?: RenderChildren<ComboBoxValueRenderProps>;
|
|
171
|
+
class?: ClassNameOrFunction<ComboBoxValueRenderProps>;
|
|
172
|
+
style?: StyleOrFunction<ComboBoxValueRenderProps>;
|
|
173
|
+
placeholder?: JSX.Element;
|
|
174
|
+
}
|
|
107
175
|
export interface ComboBoxButtonProps extends SlotProps {
|
|
108
176
|
/** The children of the button. */
|
|
109
177
|
children?: RenderChildren<ComboBoxButtonRenderProps>;
|
|
@@ -138,7 +206,7 @@ export interface ComboBoxOptionRenderProps {
|
|
|
138
206
|
/** Whether the option is disabled. */
|
|
139
207
|
isDisabled: boolean;
|
|
140
208
|
}
|
|
141
|
-
export interface ComboBoxOptionProps<T> extends Omit<AriaOptionProps,
|
|
209
|
+
export interface ComboBoxOptionProps<T> extends Omit<AriaOptionProps, "children" | "key">, SlotProps {
|
|
142
210
|
/** The unique key for the option. */
|
|
143
211
|
id: Key;
|
|
144
212
|
/** The item value. */
|
|
@@ -151,13 +219,17 @@ export interface ComboBoxOptionProps<T> extends Omit<AriaOptionProps, 'children'
|
|
|
151
219
|
style?: StyleOrFunction<ComboBoxOptionRenderProps>;
|
|
152
220
|
/** The text value of the option (for typeahead). */
|
|
153
221
|
textValue?: string;
|
|
222
|
+
/** Handler called when the option is activated. */
|
|
223
|
+
onAction?: () => void;
|
|
154
224
|
}
|
|
155
225
|
interface ComboBoxContextValue<T> {
|
|
156
226
|
state: ComboBoxState<T>;
|
|
157
|
-
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
158
|
-
buttonProps: JSX.HTMLAttributes<HTMLElement>;
|
|
159
|
-
listBoxProps: JSX.HTMLAttributes<HTMLElement>;
|
|
160
|
-
labelProps: JSX.HTMLAttributes<HTMLElement>;
|
|
227
|
+
inputProps: () => JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
228
|
+
buttonProps: () => JSX.HTMLAttributes<HTMLElement>;
|
|
229
|
+
listBoxProps: () => JSX.HTMLAttributes<HTMLElement>;
|
|
230
|
+
labelProps: () => JSX.HTMLAttributes<HTMLElement>;
|
|
231
|
+
descriptionProps: () => JSX.HTMLAttributes<HTMLElement>;
|
|
232
|
+
errorMessageProps: () => JSX.HTMLAttributes<HTMLElement>;
|
|
161
233
|
isOpen: Accessor<boolean>;
|
|
162
234
|
isFocused: Accessor<boolean>;
|
|
163
235
|
isFocusVisible: Accessor<boolean>;
|
|
@@ -166,9 +238,15 @@ interface ComboBoxContextValue<T> {
|
|
|
166
238
|
setInputRef: (el: HTMLInputElement | null) => void;
|
|
167
239
|
buttonRef: () => HTMLElement | null;
|
|
168
240
|
setButtonRef: (el: HTMLElement | null) => void;
|
|
241
|
+
triggerRef: () => HTMLElement | null;
|
|
242
|
+
setTriggerRef: (el: HTMLElement | null) => void;
|
|
243
|
+
listBoxRef: () => HTMLElement | null;
|
|
244
|
+
setListBoxRef: (el: HTMLElement | null) => void;
|
|
245
|
+
slots?: Record<string, Partial<ComboBoxProps<T>>>;
|
|
169
246
|
}
|
|
170
247
|
export declare const ComboBoxContext: import("solid-js").Context<ComboBoxContextValue<unknown> | null>;
|
|
171
248
|
export declare const ComboBoxStateContext: import("solid-js").Context<ComboBoxState<unknown> | null>;
|
|
249
|
+
export declare const ComboBoxValueContext: import("solid-js").Context<ComboBoxContextValue<unknown> | null>;
|
|
172
250
|
/**
|
|
173
251
|
* A combobox combines a text input with a listbox, allowing users to filter a list of options.
|
|
174
252
|
*/
|
|
@@ -178,11 +256,29 @@ export declare namespace ComboBox {
|
|
|
178
256
|
var Button: typeof ComboBoxButton;
|
|
179
257
|
var ListBox: typeof ComboBoxListBox;
|
|
180
258
|
var Option: typeof ComboBoxOption;
|
|
259
|
+
var Label: typeof ComboBoxLabel;
|
|
260
|
+
var Description: typeof ComboBoxDescription;
|
|
261
|
+
var ErrorMessage: typeof ComboBoxErrorMessage;
|
|
262
|
+
var TagGroup: typeof ComboBoxTagGroup;
|
|
263
|
+
var Tag: typeof ComboBoxTag;
|
|
181
264
|
}
|
|
265
|
+
/**
|
|
266
|
+
* Label element for a combobox.
|
|
267
|
+
*/
|
|
268
|
+
export declare function ComboBoxLabel(props: ComboBoxLabelProps): JSX.Element;
|
|
269
|
+
/**
|
|
270
|
+
* Description element for a combobox.
|
|
271
|
+
*/
|
|
272
|
+
export declare function ComboBoxDescription(props: ComboBoxDescriptionProps): JSX.Element;
|
|
273
|
+
/**
|
|
274
|
+
* Error message element for a combobox.
|
|
275
|
+
*/
|
|
276
|
+
export declare function ComboBoxErrorMessage(props: ComboBoxErrorMessageProps): JSX.Element;
|
|
182
277
|
/**
|
|
183
278
|
* The text input for a combobox.
|
|
184
279
|
*/
|
|
185
280
|
export declare function ComboBoxInput(props: ComboBoxInputProps): JSX.Element;
|
|
281
|
+
export declare function ComboBoxValue(props: ComboBoxValueProps): JSX.Element;
|
|
186
282
|
/**
|
|
187
283
|
* The trigger button for a combobox.
|
|
188
284
|
*/
|
|
@@ -195,5 +291,39 @@ export declare function ComboBoxListBox<T>(props: ComboBoxListBoxProps<T>): JSX.
|
|
|
195
291
|
* An option in a combobox listbox.
|
|
196
292
|
*/
|
|
197
293
|
export declare function ComboBoxOption<T>(props: ComboBoxOptionProps<T>): JSX.Element;
|
|
294
|
+
export interface ComboBoxTagGroupProps {
|
|
295
|
+
/** Render function for each selected item. */
|
|
296
|
+
children: (item: {
|
|
297
|
+
key: Key;
|
|
298
|
+
label: string;
|
|
299
|
+
}) => JSX.Element;
|
|
300
|
+
/** The CSS className for the container. */
|
|
301
|
+
class?: string;
|
|
302
|
+
/** The inline style for the container. */
|
|
303
|
+
style?: JSX.CSSProperties;
|
|
304
|
+
}
|
|
305
|
+
/**
|
|
306
|
+
* Renders selected items as tags in multi-select mode.
|
|
307
|
+
*/
|
|
308
|
+
export declare function ComboBoxTagGroup(props: ComboBoxTagGroupProps): JSX.Element;
|
|
309
|
+
export interface ComboBoxTagProps {
|
|
310
|
+
/** The item data. */
|
|
311
|
+
item: {
|
|
312
|
+
key: Key;
|
|
313
|
+
label: string;
|
|
314
|
+
};
|
|
315
|
+
/** Handler called when the tag remove button is clicked. */
|
|
316
|
+
onRemove?: () => void;
|
|
317
|
+
/** The children to render inside the tag. */
|
|
318
|
+
children?: JSX.Element;
|
|
319
|
+
/** The CSS className for the tag. */
|
|
320
|
+
class?: string;
|
|
321
|
+
/** The inline style for the tag. */
|
|
322
|
+
style?: JSX.CSSProperties;
|
|
323
|
+
}
|
|
324
|
+
/**
|
|
325
|
+
* A tag representing a selected item in a multi-select combobox.
|
|
326
|
+
*/
|
|
327
|
+
export declare function ComboBoxTag(props: ComboBoxTagProps): JSX.Element;
|
|
198
328
|
export { defaultContainsFilter };
|
|
199
329
|
//# sourceMappingURL=ComboBox.d.ts.map
|
package/dist/ComboBox.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../src/ComboBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ContextualHelpTrigger headless component
|
|
3
|
+
*
|
|
4
|
+
* A button trigger that opens contextual help in a popover or dialog.
|
|
5
|
+
* Uses existing overlay infrastructure.
|
|
6
|
+
*/
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
export interface ContextualHelpTriggerProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "class" | "children"> {
|
|
9
|
+
/** Whether the trigger is currently unavailable (shows different styling). */
|
|
10
|
+
isUnavailable?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Two children: [trigger element, help content].
|
|
13
|
+
* The trigger renders as a button, the content opens in a popover.
|
|
14
|
+
*/
|
|
15
|
+
children?: [JSX.Element, JSX.Element];
|
|
16
|
+
/** CSS class name. */
|
|
17
|
+
class?: string;
|
|
18
|
+
/** Whether the trigger is disabled. */
|
|
19
|
+
isDisabled?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export interface ContextualHelpTriggerRenderProps {
|
|
22
|
+
isOpen: boolean;
|
|
23
|
+
isUnavailable: boolean;
|
|
24
|
+
isDisabled: boolean;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* A trigger that opens contextual help content.
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* <ContextualHelpTrigger>
|
|
32
|
+
* {[
|
|
33
|
+
* <span>What is this?</span>,
|
|
34
|
+
* <div>Help content goes here...</div>
|
|
35
|
+
* ]}
|
|
36
|
+
* </ContextualHelpTrigger>
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
export declare function ContextualHelpTrigger(props: ContextualHelpTriggerProps): JSX.Element;
|
|
40
|
+
//# sourceMappingURL=ContextualHelpTrigger.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextualHelpTrigger.d.ts","sourceRoot":"","sources":["../src/ContextualHelpTrigger.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAOT,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CACtD,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,OAAO,GAAG,UAAU,CACrB;IACC,8EAA8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gCAAgC;IAC/C,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CA6IpF"}
|
package/dist/DateField.d.ts
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
* Pre-wired headless date field component with segment-based editing.
|
|
5
5
|
* Port of react-aria-components/src/DateField.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type AriaDateFieldProps } from
|
|
9
|
-
import { type DateFieldState, type DateFieldStateProps, type DateSegment as DateSegmentType, type CalendarDate, type DateValue } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type AriaDateFieldProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type DateFieldState, type DateFieldStateProps, type DateSegment as DateSegmentType, type CalendarDate, type DateValue } from "@proyecto-viviana/solid-stately";
|
|
10
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
11
11
|
export interface DateFieldRenderProps {
|
|
12
12
|
/** Whether the field is disabled. */
|
|
13
13
|
isDisabled: boolean;
|
|
@@ -18,7 +18,7 @@ export interface DateFieldRenderProps {
|
|
|
18
18
|
/** Whether the field is invalid. */
|
|
19
19
|
isInvalid: boolean;
|
|
20
20
|
}
|
|
21
|
-
export interface DateFieldProps<T extends DateValue = DateValue> extends Omit<AriaDateFieldProps,
|
|
21
|
+
export interface DateFieldProps<T extends DateValue = DateValue> extends Omit<AriaDateFieldProps, "id" | "isDisabled" | "isReadOnly" | "isRequired">, Omit<DateFieldStateProps<T>, "locale">, SlotProps {
|
|
22
22
|
/** The children of the component. */
|
|
23
23
|
children?: JSX.Element | ((segment: DateSegmentType) => JSX.Element);
|
|
24
24
|
/** The CSS className for the element. */
|
|
@@ -41,6 +41,8 @@ export interface DateInputProps extends SlotProps {
|
|
|
41
41
|
class?: ClassNameOrFunction<DateInputRenderProps>;
|
|
42
42
|
/** The inline style for the element. */
|
|
43
43
|
style?: StyleOrFunction<DateInputRenderProps>;
|
|
44
|
+
/** Handler called during the pointer down capture phase. */
|
|
45
|
+
onPointerDownCapture?: JSX.EventHandler<HTMLDivElement, PointerEvent>;
|
|
44
46
|
}
|
|
45
47
|
export interface DateSegmentRenderProps {
|
|
46
48
|
/** Whether the segment is focused. */
|
|
@@ -50,7 +52,7 @@ export interface DateSegmentRenderProps {
|
|
|
50
52
|
/** Whether the segment is a placeholder. */
|
|
51
53
|
isPlaceholder: boolean;
|
|
52
54
|
/** The segment type. */
|
|
53
|
-
type: DateSegmentType[
|
|
55
|
+
type: DateSegmentType["type"];
|
|
54
56
|
/** The text to display. */
|
|
55
57
|
text: string;
|
|
56
58
|
}
|
|
@@ -64,8 +66,18 @@ export interface DateSegmentProps extends SlotProps {
|
|
|
64
66
|
/** The inline style for the element. */
|
|
65
67
|
style?: StyleOrFunction<DateSegmentRenderProps>;
|
|
66
68
|
}
|
|
67
|
-
export
|
|
68
|
-
|
|
69
|
+
export interface DateFieldContextValue {
|
|
70
|
+
state: DateFieldState<DateValue>;
|
|
71
|
+
aria: {
|
|
72
|
+
labelProps: Record<string, unknown>;
|
|
73
|
+
inputProps: Record<string, unknown>;
|
|
74
|
+
descriptionProps: Record<string, unknown>;
|
|
75
|
+
errorMessageProps: Record<string, unknown>;
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
export declare const DateFieldContext: import("solid-js").Context<DateFieldContextValue | null>;
|
|
79
|
+
export declare const DateFieldStateContext: import("solid-js").Context<DateFieldState<DateValue> | null>;
|
|
80
|
+
export declare function useDateFieldContext(): DateFieldContextValue;
|
|
69
81
|
/**
|
|
70
82
|
* A date field allows users to enter and edit date values using a keyboard.
|
|
71
83
|
*
|
|
@@ -88,5 +100,20 @@ export declare function DateInput(props: DateInputProps): JSX.Element;
|
|
|
88
100
|
* A segment of a date field (year, month, day, etc.).
|
|
89
101
|
*/
|
|
90
102
|
export declare function DateSegment(props: DateSegmentProps): JSX.Element;
|
|
103
|
+
export interface DateFieldLabelProps {
|
|
104
|
+
children?: JSX.Element;
|
|
105
|
+
class?: string;
|
|
106
|
+
}
|
|
107
|
+
export declare function DateFieldLabel(props: DateFieldLabelProps): JSX.Element;
|
|
108
|
+
export interface DateFieldDescriptionProps {
|
|
109
|
+
children?: JSX.Element;
|
|
110
|
+
class?: string;
|
|
111
|
+
}
|
|
112
|
+
export declare function DateFieldDescription(props: DateFieldDescriptionProps): JSX.Element;
|
|
113
|
+
export interface DateFieldErrorMessageProps {
|
|
114
|
+
children?: JSX.Element;
|
|
115
|
+
class?: string;
|
|
116
|
+
}
|
|
117
|
+
export declare function DateFieldErrorMessage(props: DateFieldErrorMessageProps): JSX.Element;
|
|
91
118
|
export type { DateFieldState, DateSegmentType };
|
|
92
119
|
//# sourceMappingURL=DateField.d.ts.map
|
package/dist/DateField.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../src/DateField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../src/DateField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAUT,MAAM,UAAU,CAAC;AAClB,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,WAAW,IAAI,eAAe,EACnC,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAIf,MAAM,SAAS,CAAC;AAQjB,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC7D,SACE,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC,EAC3E,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACtC,SAAS;IACX,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IACrE,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAClD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC9C,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAC;IACrD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IAClD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAC9C,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;CACvE;AAED,MAAM,WAAW,sBAAsB;IACrC,sCAAsC;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,aAAa,EAAE,OAAO,CAAC;IACvB,wBAAwB;IACxB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,wBAAwB;IACxB,OAAO,EAAE,eAAe,CAAC;IACzB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAC;IAClD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;IACpD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,sBAAsB,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACpC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC1C,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC5C,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,0DAAoD,CAAC;AAClF,eAAO,MAAM,qBAAqB,8DAAwD,CAAC;AAiD3F,wBAAgB,mBAAmB,IAAI,qBAAqB,CAM3D;AAqBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC1D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GACvB,GAAG,CAAC,OAAO,CAeb;AA6HD;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA+C5D;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA8ChE;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAOtE;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAOlF;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,GAAG,CAAC,OAAO,CAOpF;AAED,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
|
package/dist/DatePicker.d.ts
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
* Pre-wired headless date picker component that combines a date field with a calendar popup.
|
|
5
5
|
* Port of react-aria-components/src/DatePicker.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { createDatePicker, type AriaDatePickerProps } from
|
|
9
|
-
import { type DateFieldState, type CalendarState, type DateFieldStateProps, type CalendarDate, type DateValue } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { createDatePicker, type AriaDatePickerProps, type AriaDateRangePickerProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type DateFieldState, type DatePickerState, type CalendarStateProps, type CalendarState, type RangeCalendarState, type DateFieldStateProps, type CalendarDate, type DateValue, type RangeCalendarStateProps } from "@proyecto-viviana/solid-stately";
|
|
10
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
11
11
|
export interface DatePickerRenderProps {
|
|
12
12
|
/** Whether the picker is disabled. */
|
|
13
13
|
isDisabled: boolean;
|
|
@@ -20,8 +20,12 @@ export interface DatePickerRenderProps {
|
|
|
20
20
|
/** Whether the calendar is open. */
|
|
21
21
|
isOpen: boolean;
|
|
22
22
|
}
|
|
23
|
+
export interface DateRangePickerRenderProps extends Omit<DatePickerRenderProps, "isInvalid"> {
|
|
24
|
+
isInvalid: boolean;
|
|
25
|
+
}
|
|
23
26
|
export interface DatePickerContextValue {
|
|
24
27
|
fieldState: DateFieldState<DateValue>;
|
|
28
|
+
datePickerState: DatePickerState<DateValue>;
|
|
25
29
|
calendarState: CalendarState<DateValue>;
|
|
26
30
|
overlayState: {
|
|
27
31
|
isOpen: boolean;
|
|
@@ -29,9 +33,11 @@ export interface DatePickerContextValue {
|
|
|
29
33
|
close: () => void;
|
|
30
34
|
toggle: () => void;
|
|
31
35
|
};
|
|
36
|
+
triggerRef: () => HTMLElement | null;
|
|
37
|
+
setTriggerRef: (element: HTMLElement | null) => void;
|
|
32
38
|
pickerAria: ReturnType<typeof createDatePicker>;
|
|
33
39
|
}
|
|
34
|
-
export
|
|
40
|
+
export type DatePickerProps<T extends DateValue = DateValue> = Omit<AriaDatePickerProps, "id" | "isDisabled" | "isReadOnly" | "isRequired" | "minValue" | "maxValue"> & Omit<DateFieldStateProps<T>, "locale"> & SlotProps & {
|
|
35
41
|
/** The children of the component. */
|
|
36
42
|
children?: JSX.Element;
|
|
37
43
|
/** The CSS className for the element. */
|
|
@@ -42,6 +48,53 @@ export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<A
|
|
|
42
48
|
locale?: string;
|
|
43
49
|
/** Whether the calendar should close when a date is selected. */
|
|
44
50
|
shouldCloseOnSelect?: boolean;
|
|
51
|
+
/** Whether the overlay is open by default (uncontrolled). */
|
|
52
|
+
defaultOpen?: boolean;
|
|
53
|
+
/** Whether the overlay is open (controlled). */
|
|
54
|
+
isOpen?: boolean;
|
|
55
|
+
/** Callback when the overlay open state changes. */
|
|
56
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
57
|
+
/** The name for the hidden date input used in HTML form submission. */
|
|
58
|
+
name?: string;
|
|
59
|
+
/** The associated form id for the hidden date input. */
|
|
60
|
+
form?: string;
|
|
61
|
+
/** The number of months to display in the calendar popover. */
|
|
62
|
+
visibleMonths?: number;
|
|
63
|
+
/** Controls whether calendar paging advances by one month or by the visible month range. */
|
|
64
|
+
pageBehavior?: CalendarStateProps<T>["pageBehavior"];
|
|
65
|
+
/** Determines how visible months align around the initial focused date. */
|
|
66
|
+
selectionAlignment?: CalendarStateProps<T>["selectionAlignment"];
|
|
67
|
+
/** A function that determines whether a date is disabled. */
|
|
68
|
+
isDateDisabled?: (date: DateValue) => boolean;
|
|
69
|
+
};
|
|
70
|
+
export interface DateRangePickerProps<T extends DateValue = DateValue> extends Omit<AriaDateRangePickerProps, "id" | "isDisabled" | "isReadOnly">, Omit<RangeCalendarStateProps<T>, "locale">, SlotProps {
|
|
71
|
+
children?: JSX.Element;
|
|
72
|
+
class?: ClassNameOrFunction<DateRangePickerRenderProps>;
|
|
73
|
+
style?: StyleOrFunction<DateRangePickerRenderProps>;
|
|
74
|
+
locale?: string;
|
|
75
|
+
shouldCloseOnSelect?: boolean;
|
|
76
|
+
/** Whether the overlay is open by default (uncontrolled). */
|
|
77
|
+
defaultOpen?: boolean;
|
|
78
|
+
/** Whether the overlay is open (controlled). */
|
|
79
|
+
isOpen?: boolean;
|
|
80
|
+
/** Callback when the overlay open state changes. */
|
|
81
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
82
|
+
/** The granularity of the date/time fields. */
|
|
83
|
+
granularity?: "day" | "hour" | "minute" | "second";
|
|
84
|
+
/** Whether to show the hour in 12 or 24 hour format. */
|
|
85
|
+
hourCycle?: 12 | 24;
|
|
86
|
+
/** Whether to hide the time zone in date/time fields. */
|
|
87
|
+
hideTimeZone?: boolean;
|
|
88
|
+
/** The placeholder date used to determine segment structure. */
|
|
89
|
+
placeholderValue?: DateValue;
|
|
90
|
+
/** The name for the start date input used in HTML form submission. */
|
|
91
|
+
startName?: string;
|
|
92
|
+
/** The name for the end date input used in HTML form submission. */
|
|
93
|
+
endName?: string;
|
|
94
|
+
/** The associated form id for the hidden start/end date inputs. */
|
|
95
|
+
form?: string;
|
|
96
|
+
/** Controls whether native or ARIA validation should be used. */
|
|
97
|
+
validationBehavior?: "native" | "aria";
|
|
45
98
|
}
|
|
46
99
|
export interface DatePickerButtonRenderProps {
|
|
47
100
|
/** Whether the button is disabled. */
|
|
@@ -59,7 +112,13 @@ export interface DatePickerButtonProps extends SlotProps {
|
|
|
59
112
|
/** Whether the button is disabled. */
|
|
60
113
|
isDisabled?: boolean;
|
|
61
114
|
}
|
|
115
|
+
export interface DateRangePickerButtonProps extends DatePickerButtonProps {
|
|
116
|
+
}
|
|
62
117
|
export declare const DatePickerContext: import("solid-js").Context<DatePickerContextValue | null>;
|
|
118
|
+
export declare const DatePickerStateContext: import("solid-js").Context<DateFieldState<DateValue> | null>;
|
|
119
|
+
export declare const DateRangePickerStateContext: import("solid-js").Context<RangeCalendarState<DateValue> | null>;
|
|
120
|
+
export { DateRangePickerContext, useDateRangePickerContext } from "./DateRangePickerContext";
|
|
121
|
+
export type { DateRangePickerContextValue, DateRangePickerFieldContextValue, } from "./DateRangePickerContext";
|
|
63
122
|
export declare function useDatePickerContext(): DatePickerContextValue;
|
|
64
123
|
/**
|
|
65
124
|
* A date picker combines a DateField and a Calendar popover.
|
|
@@ -87,10 +146,12 @@ export declare function useDatePickerContext(): DatePickerContextValue;
|
|
|
87
146
|
* ```
|
|
88
147
|
*/
|
|
89
148
|
export declare function DatePicker<T extends DateValue = CalendarDate>(props: DatePickerProps<T>): JSX.Element;
|
|
149
|
+
export declare function DateRangePicker<T extends DateValue = CalendarDate>(props: DateRangePickerProps<T>): JSX.Element;
|
|
90
150
|
/**
|
|
91
151
|
* A button that opens the date picker calendar.
|
|
92
152
|
*/
|
|
93
153
|
export declare function DatePickerButton(props: DatePickerButtonProps): JSX.Element;
|
|
154
|
+
export declare function DateRangePickerButton(props: DateRangePickerButtonProps): JSX.Element;
|
|
94
155
|
export interface DatePickerContentProps extends SlotProps {
|
|
95
156
|
/** The children of the component. */
|
|
96
157
|
children?: JSX.Element;
|
|
@@ -99,8 +160,43 @@ export interface DatePickerContentProps extends SlotProps {
|
|
|
99
160
|
/** The inline style for the element. */
|
|
100
161
|
style?: JSX.CSSProperties;
|
|
101
162
|
}
|
|
163
|
+
export interface DateRangePickerContentProps extends DatePickerContentProps {
|
|
164
|
+
}
|
|
165
|
+
export interface DatePickerLabelProps {
|
|
166
|
+
children?: JSX.Element;
|
|
167
|
+
class?: string;
|
|
168
|
+
}
|
|
169
|
+
export declare function DatePickerLabel(props: DatePickerLabelProps): JSX.Element;
|
|
170
|
+
export interface DatePickerDescriptionProps {
|
|
171
|
+
children?: JSX.Element;
|
|
172
|
+
class?: string;
|
|
173
|
+
}
|
|
174
|
+
export declare function DatePickerDescription(props: DatePickerDescriptionProps): JSX.Element;
|
|
175
|
+
export interface DatePickerErrorMessageProps {
|
|
176
|
+
children?: JSX.Element;
|
|
177
|
+
class?: string;
|
|
178
|
+
}
|
|
179
|
+
export declare function DatePickerErrorMessage(props: DatePickerErrorMessageProps): JSX.Element;
|
|
180
|
+
export interface DateRangePickerLabelProps {
|
|
181
|
+
children?: JSX.Element;
|
|
182
|
+
class?: string;
|
|
183
|
+
}
|
|
184
|
+
export declare function DateRangePickerLabel(props: DateRangePickerLabelProps): JSX.Element;
|
|
185
|
+
export interface DateRangePickerDescriptionProps {
|
|
186
|
+
children?: JSX.Element;
|
|
187
|
+
class?: string;
|
|
188
|
+
}
|
|
189
|
+
export declare function DateRangePickerDescription(props: DateRangePickerDescriptionProps): JSX.Element;
|
|
190
|
+
export interface DateRangePickerErrorMessageProps {
|
|
191
|
+
children?: JSX.Element;
|
|
192
|
+
class?: string;
|
|
193
|
+
}
|
|
194
|
+
export declare function DateRangePickerErrorMessage(props: DateRangePickerErrorMessageProps): JSX.Element;
|
|
102
195
|
/**
|
|
103
196
|
* The content area of the date picker (typically contains a Calendar).
|
|
104
197
|
*/
|
|
105
198
|
export declare function DatePickerContent(props: DatePickerContentProps): JSX.Element;
|
|
199
|
+
export declare function DateRangePickerContent(props: DateRangePickerContentProps): JSX.Element;
|
|
200
|
+
export { HiddenDateInput } from "./HiddenDateInput";
|
|
201
|
+
export type { HiddenDateInputProps } from "./HiddenDateInput";
|
|
106
202
|
//# sourceMappingURL=DatePicker.d.ts.map
|
package/dist/DatePicker.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":"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"}
|