@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/SearchField.d.ts
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
* A pre-wired headless search field that combines state + aria hooks.
|
|
5
5
|
* Port of react-aria-components/src/SearchField.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type AriaSearchFieldProps } from
|
|
9
|
-
import { type SearchFieldState } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type AriaSearchFieldProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type SearchFieldState } from "@proyecto-viviana/solid-stately";
|
|
10
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
11
11
|
export interface SearchFieldRenderProps {
|
|
12
12
|
/** Whether the search field is empty. */
|
|
13
13
|
isEmpty: boolean;
|
|
@@ -22,7 +22,7 @@ export interface SearchFieldRenderProps {
|
|
|
22
22
|
/** The current value. */
|
|
23
23
|
value: string;
|
|
24
24
|
}
|
|
25
|
-
export interface SearchFieldProps extends Omit<AriaSearchFieldProps,
|
|
25
|
+
export interface SearchFieldProps extends Omit<AriaSearchFieldProps, "label">, SlotProps {
|
|
26
26
|
/** The current value (controlled). */
|
|
27
27
|
value?: string;
|
|
28
28
|
/** The default value (uncontrolled). */
|
|
@@ -41,6 +41,8 @@ export interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'label'>, S
|
|
|
41
41
|
class?: ClassNameOrFunction<SearchFieldRenderProps>;
|
|
42
42
|
/** The inline style for the element. */
|
|
43
43
|
style?: StyleOrFunction<SearchFieldRenderProps>;
|
|
44
|
+
/** Ref for the outer search field element. */
|
|
45
|
+
ref?: (el: HTMLDivElement) => void;
|
|
44
46
|
}
|
|
45
47
|
export interface SearchFieldInputRenderProps {
|
|
46
48
|
/** Whether the input is focused. */
|
|
@@ -54,7 +56,7 @@ export interface SearchFieldInputRenderProps {
|
|
|
54
56
|
/** Whether the input is invalid. */
|
|
55
57
|
isInvalid: boolean;
|
|
56
58
|
}
|
|
57
|
-
export interface SearchFieldInputProps extends SlotProps {
|
|
59
|
+
export interface SearchFieldInputProps extends SlotProps, Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "class" | "style"> {
|
|
58
60
|
/** The CSS className for the element. */
|
|
59
61
|
class?: ClassNameOrFunction<SearchFieldInputRenderProps>;
|
|
60
62
|
/** The inline style for the element. */
|
|
@@ -68,7 +70,7 @@ export interface SearchFieldClearButtonRenderProps {
|
|
|
68
70
|
/** Whether the button is disabled. */
|
|
69
71
|
isDisabled: boolean;
|
|
70
72
|
}
|
|
71
|
-
export interface SearchFieldClearButtonProps extends SlotProps {
|
|
73
|
+
export interface SearchFieldClearButtonProps extends SlotProps, Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "class" | "style" | "children"> {
|
|
72
74
|
/** The children of the button. */
|
|
73
75
|
children?: RenderChildren<SearchFieldClearButtonRenderProps>;
|
|
74
76
|
/** The CSS className for the element. */
|
|
@@ -76,25 +78,25 @@ export interface SearchFieldClearButtonProps extends SlotProps {
|
|
|
76
78
|
/** The inline style for the element. */
|
|
77
79
|
style?: StyleOrFunction<SearchFieldClearButtonRenderProps>;
|
|
78
80
|
}
|
|
79
|
-
interface SearchFieldContextValue {
|
|
80
|
-
state
|
|
81
|
-
inputProps
|
|
82
|
-
clearButtonProps
|
|
83
|
-
|
|
81
|
+
interface SearchFieldContextValue extends Partial<SearchFieldProps> {
|
|
82
|
+
state?: SearchFieldState;
|
|
83
|
+
inputProps?: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
84
|
+
clearButtonProps?: {
|
|
85
|
+
"aria-label": string;
|
|
84
86
|
tabIndex: number;
|
|
85
87
|
disabled?: boolean;
|
|
86
88
|
onMouseDown: (e: MouseEvent) => void;
|
|
87
89
|
onClick: () => void;
|
|
88
90
|
};
|
|
89
|
-
labelProps
|
|
90
|
-
descriptionProps
|
|
91
|
-
errorMessageProps
|
|
92
|
-
isDisabled
|
|
93
|
-
isInvalid
|
|
94
|
-
isRequired
|
|
95
|
-
isReadOnly
|
|
96
|
-
|
|
97
|
-
|
|
91
|
+
labelProps?: JSX.HTMLAttributes<HTMLElement>;
|
|
92
|
+
descriptionProps?: JSX.HTMLAttributes<HTMLElement>;
|
|
93
|
+
errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;
|
|
94
|
+
isDisabled?: boolean;
|
|
95
|
+
isInvalid?: boolean;
|
|
96
|
+
isRequired?: boolean;
|
|
97
|
+
isReadOnly?: boolean;
|
|
98
|
+
setInputRef?: (el: HTMLInputElement) => void;
|
|
99
|
+
slots?: Record<string, SearchFieldProps>;
|
|
98
100
|
}
|
|
99
101
|
export declare const SearchFieldContext: import("solid-js").Context<SearchFieldContextValue | null>;
|
|
100
102
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../src/SearchField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../src/SearchField.tsx"],"names":[],"mappings":"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"}
|
package/dist/Select.d.ts
CHANGED
|
@@ -4,10 +4,13 @@
|
|
|
4
4
|
* A pre-wired headless select that combines state + aria hooks.
|
|
5
5
|
* Port of react-aria-components/src/Select.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX, type Accessor } from
|
|
8
|
-
import { type AriaSelectProps, type AriaOptionProps } from
|
|
9
|
-
import { type SelectState, type Key, type CollectionNode } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX, type Accessor } from "solid-js";
|
|
8
|
+
import { type AriaSelectProps, type AriaOptionProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type SelectState, type Key, type CollectionNode, type ValidationResult } 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 SelectRenderProps {
|
|
12
15
|
/** Whether the select is open. */
|
|
13
16
|
isOpen: boolean;
|
|
@@ -22,7 +25,7 @@ export interface SelectRenderProps {
|
|
|
22
25
|
/** Whether a value is selected. */
|
|
23
26
|
isSelected: boolean;
|
|
24
27
|
}
|
|
25
|
-
export interface SelectProps<T> extends Omit<AriaSelectProps,
|
|
28
|
+
export interface SelectProps<T> extends Omit<AriaSelectProps, "children">, SlotProps {
|
|
26
29
|
/** The items to render in the select. */
|
|
27
30
|
items: T[];
|
|
28
31
|
/** Function to get the key from an item. */
|
|
@@ -33,12 +36,20 @@ export interface SelectProps<T> extends Omit<AriaSelectProps, 'children'>, SlotP
|
|
|
33
36
|
getDisabled?: (item: T) => boolean;
|
|
34
37
|
/** Keys of disabled items. */
|
|
35
38
|
disabledKeys?: Iterable<Key>;
|
|
39
|
+
/** Selection mode. */
|
|
40
|
+
selectionMode?: "single" | "multiple";
|
|
36
41
|
/** The currently selected key (controlled). */
|
|
37
42
|
selectedKey?: Key | null;
|
|
38
43
|
/** The default selected key (uncontrolled). */
|
|
39
44
|
defaultSelectedKey?: Key | null;
|
|
45
|
+
/** Currently selected keys (controlled, for multiple selection). */
|
|
46
|
+
selectedKeys?: "all" | Iterable<Key>;
|
|
47
|
+
/** Default selected keys (uncontrolled, for multiple selection). */
|
|
48
|
+
defaultSelectedKeys?: "all" | Iterable<Key>;
|
|
40
49
|
/** Handler called when selection changes. */
|
|
41
50
|
onSelectionChange?: (key: Key | null) => void;
|
|
51
|
+
/** Handler called when selected keys change. */
|
|
52
|
+
onSelectionChangeKeys?: (keys: "all" | Set<Key>) => void;
|
|
42
53
|
/** Whether the select is open (controlled). */
|
|
43
54
|
isOpen?: boolean;
|
|
44
55
|
/** Whether the select is open by default (uncontrolled). */
|
|
@@ -50,15 +61,21 @@ export interface SelectProps<T> extends Omit<AriaSelectProps, 'children'>, SlotP
|
|
|
50
61
|
/** The name of the select, used when submitting an HTML form. */
|
|
51
62
|
name?: string;
|
|
52
63
|
/** The children of the component (compound components: SelectTrigger, SelectListBox). */
|
|
53
|
-
children:
|
|
64
|
+
children: RenderChildren<SelectRenderProps>;
|
|
54
65
|
/** The CSS className for the element. */
|
|
55
66
|
class?: ClassNameOrFunction<SelectRenderProps>;
|
|
56
67
|
/** The inline style for the element. */
|
|
57
68
|
style?: StyleOrFunction<SelectRenderProps>;
|
|
69
|
+
/** Custom renderer for the outer select element. */
|
|
70
|
+
render?: (props: JSX.HTMLAttributes<HTMLDivElement>, renderProps: SelectRenderProps) => JSX.Element;
|
|
71
|
+
/** Ref for the outer select element. */
|
|
72
|
+
ref?: RefLike<HTMLDivElement>;
|
|
58
73
|
}
|
|
59
74
|
export interface SelectValueRenderProps<T> {
|
|
60
75
|
/** The selected item. */
|
|
61
76
|
selectedItem: CollectionNode<T> | null;
|
|
77
|
+
/** The selected items. */
|
|
78
|
+
selectedItems: CollectionNode<T>[];
|
|
62
79
|
/** The text value of the selected item. */
|
|
63
80
|
selectedText: string | null;
|
|
64
81
|
/** Whether a value is selected. */
|
|
@@ -103,6 +120,20 @@ export interface SelectListBoxRenderProps {
|
|
|
103
120
|
export interface SelectListBoxProps<T> extends SlotProps {
|
|
104
121
|
/** The children of the listbox. A function may be provided to render each item. */
|
|
105
122
|
children?: (item: T) => JSX.Element;
|
|
123
|
+
/** Content to display when the listbox has no items. */
|
|
124
|
+
renderEmptyState?: () => JSX.Element;
|
|
125
|
+
/** Called when the load more sentinel becomes visible. */
|
|
126
|
+
onLoadMore?: () => void | Promise<void>;
|
|
127
|
+
/** Whether additional items are currently loading. */
|
|
128
|
+
isLoading?: boolean;
|
|
129
|
+
/** Content to display in the load more sentinel row. */
|
|
130
|
+
renderLoadMore?: () => JSX.Element | undefined;
|
|
131
|
+
/** CSS class for the load more sentinel row. */
|
|
132
|
+
loadMoreClass?: ClassNameOrFunction<{
|
|
133
|
+
isLoading: boolean;
|
|
134
|
+
}>;
|
|
135
|
+
/** Whether the listbox is rendered inside an overlay popover. */
|
|
136
|
+
isInPopover?: boolean;
|
|
106
137
|
/** The CSS className for the element. */
|
|
107
138
|
class?: ClassNameOrFunction<SelectListBoxRenderProps>;
|
|
108
139
|
/** The inline style for the element. */
|
|
@@ -122,7 +153,7 @@ export interface SelectOptionRenderProps {
|
|
|
122
153
|
/** Whether the option is disabled. */
|
|
123
154
|
isDisabled: boolean;
|
|
124
155
|
}
|
|
125
|
-
export interface SelectOptionProps<T> extends Omit<AriaOptionProps,
|
|
156
|
+
export interface SelectOptionProps<T> extends Omit<AriaOptionProps, "children" | "key">, SlotProps {
|
|
126
157
|
/** The unique key for the option. */
|
|
127
158
|
id: Key;
|
|
128
159
|
/** The item value. */
|
|
@@ -138,18 +169,28 @@ export interface SelectOptionProps<T> extends Omit<AriaOptionProps, 'children' |
|
|
|
138
169
|
}
|
|
139
170
|
interface SelectContextValue<T> {
|
|
140
171
|
state: SelectState<T>;
|
|
172
|
+
rootRef: Accessor<HTMLElement | null>;
|
|
173
|
+
triggerRef: Accessor<HTMLElement | null>;
|
|
174
|
+
setTriggerRef: (el: HTMLElement | null) => void;
|
|
141
175
|
triggerProps: JSX.HTMLAttributes<HTMLElement>;
|
|
142
176
|
valueProps: JSX.HTMLAttributes<HTMLElement>;
|
|
177
|
+
labelProps: JSX.HTMLAttributes<HTMLElement>;
|
|
143
178
|
menuProps: JSX.HTMLAttributes<HTMLElement>;
|
|
179
|
+
errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;
|
|
180
|
+
validation?: ValidationResult;
|
|
144
181
|
isOpen: Accessor<boolean>;
|
|
145
182
|
isFocused: Accessor<boolean>;
|
|
146
183
|
isFocusVisible: Accessor<boolean>;
|
|
184
|
+
isDisabled: Accessor<boolean>;
|
|
147
185
|
placeholder?: string;
|
|
148
186
|
items: T[];
|
|
149
187
|
renderItem?: (item: T) => JSX.Element;
|
|
188
|
+
slots?: Record<string, Partial<SelectProps<T>>>;
|
|
189
|
+
autoFocus?: boolean;
|
|
150
190
|
}
|
|
151
191
|
export declare const SelectContext: import("solid-js").Context<SelectContextValue<unknown> | null>;
|
|
152
192
|
export declare const SelectStateContext: import("solid-js").Context<SelectState<unknown> | null>;
|
|
193
|
+
export declare const SelectValueContext: import("solid-js").Context<SelectContextValue<unknown> | null>;
|
|
153
194
|
/**
|
|
154
195
|
* A select displays a collapsible list of options and allows a user to select one of them.
|
|
155
196
|
*/
|
package/dist/Select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Shared SelectionIndicator primitive for selected collection items.
|
|
3
|
+
*/
|
|
4
|
+
import { type JSX } from "solid-js";
|
|
5
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
6
|
+
export interface SelectionIndicatorContextValue {
|
|
7
|
+
isSelected: () => boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const SelectionIndicatorContext: import("solid-js").Context<SelectionIndicatorContextValue | null>;
|
|
10
|
+
export interface SelectionIndicatorRenderProps {
|
|
11
|
+
/** Whether the parent item is selected. */
|
|
12
|
+
isSelected: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface SelectionIndicatorProps extends SlotProps, Omit<JSX.HTMLAttributes<HTMLSpanElement>, "class" | "style" | "children"> {
|
|
15
|
+
/** Optional controlled selected state override. */
|
|
16
|
+
isSelected?: boolean;
|
|
17
|
+
/** Whether to keep mounted when not selected. */
|
|
18
|
+
shouldForceMount?: boolean;
|
|
19
|
+
/** The children content. */
|
|
20
|
+
children?: RenderChildren<SelectionIndicatorRenderProps>;
|
|
21
|
+
/** The CSS className for the element. */
|
|
22
|
+
class?: ClassNameOrFunction<SelectionIndicatorRenderProps>;
|
|
23
|
+
/** The inline style for the element. */
|
|
24
|
+
style?: StyleOrFunction<SelectionIndicatorRenderProps>;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* SelectionIndicator renders when its parent item is selected.
|
|
28
|
+
*/
|
|
29
|
+
export declare function SelectionIndicator(props: SelectionIndicatorProps): JSX.Element;
|
|
30
|
+
//# sourceMappingURL=SelectionIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectionIndicator.d.ts","sourceRoot":"","sources":["../src/SelectionIndicator.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA2D,MAAM,UAAU,CAAC;AAC7F,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAEf,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,8BAA8B;IAC7C,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,yBAAyB,mEAA6D,CAAC;AAEpG,MAAM,WAAW,6BAA6B;IAC5C,2CAA2C;IAC3C,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,uBACf,SAAQ,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IAC5F,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC,6BAA6B,CAAC,CAAC;IACzD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,6BAA6B,CAAC,CAAC;IAC3D,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,6BAA6B,CAAC,CAAC;CACxD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAiE9E"}
|
package/dist/Separator.d.ts
CHANGED
|
@@ -4,9 +4,12 @@
|
|
|
4
4
|
* Pre-wired headless separator component that combines aria hooks.
|
|
5
5
|
* Port of react-aria-components/src/Separator.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type AriaSeparatorProps, type Orientation } from
|
|
9
|
-
import { type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type AriaSeparatorProps, type Orientation } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type SlotProps } from "./utils";
|
|
10
|
+
type RefLike<T> = ((el: T) => void) | {
|
|
11
|
+
current?: T | null;
|
|
12
|
+
} | undefined;
|
|
10
13
|
export interface SeparatorRenderProps {
|
|
11
14
|
/** The orientation of the separator. */
|
|
12
15
|
orientation: Orientation;
|
|
@@ -16,6 +19,8 @@ export interface SeparatorProps extends AriaSeparatorProps, SlotProps {
|
|
|
16
19
|
class?: string | ((renderProps: SeparatorRenderProps) => string);
|
|
17
20
|
/** The inline style for the element. A function may be provided to receive render props. */
|
|
18
21
|
style?: JSX.CSSProperties | ((renderProps: SeparatorRenderProps) => JSX.CSSProperties);
|
|
22
|
+
/** Ref for the underlying separator element. */
|
|
23
|
+
ref?: RefLike<HTMLElement>;
|
|
19
24
|
}
|
|
20
25
|
export declare const SeparatorContext: import("solid-js").Context<SeparatorProps | null>;
|
|
21
26
|
/**
|
|
@@ -34,4 +39,5 @@ export declare const SeparatorContext: import("solid-js").Context<SeparatorProps
|
|
|
34
39
|
* ```
|
|
35
40
|
*/
|
|
36
41
|
export declare function Separator(props: SeparatorProps): JSX.Element;
|
|
42
|
+
export {};
|
|
37
43
|
//# sourceMappingURL=Separator.d.ts.map
|
package/dist/Separator.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAyC,MAAM,UAAU,CAAC;AAE3E,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,SAAS,CAAC;AAEzD,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,CAAC;AAWzE,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,SAAS;IACnE,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,oBAAoB,KAAK,MAAM,CAAC,CAAC;IACjE,4FAA4F;IAC5F,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,oBAAoB,KAAK,GAAG,CAAC,aAAa,CAAC,CAAC;IACvF,gDAAgD;IAChD,GAAG,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,mDAA6C,CAAC;AAE3E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAqE5D"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SharedElementTransition primitives for solidaria-components.
|
|
3
|
+
*
|
|
4
|
+
* Provides FLIP-based shared element animations when elements move between
|
|
5
|
+
* parents within a scope. Captures geometry snapshots on unmount and applies
|
|
6
|
+
* transition animations on mount.
|
|
7
|
+
*
|
|
8
|
+
* Parity target: react-aria-components/src/SharedElementTransition.tsx
|
|
9
|
+
*/
|
|
10
|
+
import { type JSX } from "solid-js";
|
|
11
|
+
import { type ClassNameOrFunction, type StyleOrFunction, type RenderChildren } from "./utils";
|
|
12
|
+
export declare function useHasSharedElementTransitionScope(): boolean;
|
|
13
|
+
export interface SharedElementTransitionProps {
|
|
14
|
+
children?: JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* A scope for SharedElements, which animate between parents.
|
|
18
|
+
*/
|
|
19
|
+
export declare function SharedElementTransition(props: SharedElementTransitionProps): JSX.Element;
|
|
20
|
+
export interface SharedElementRenderProps {
|
|
21
|
+
isEntering: boolean;
|
|
22
|
+
isExiting: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface SharedElementPropsBase extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "class" | "style" | "ref"> {
|
|
25
|
+
children?: RenderChildren<SharedElementRenderProps>;
|
|
26
|
+
class?: ClassNameOrFunction<SharedElementRenderProps>;
|
|
27
|
+
style?: StyleOrFunction<SharedElementRenderProps>;
|
|
28
|
+
}
|
|
29
|
+
export interface SharedElementProps extends SharedElementPropsBase {
|
|
30
|
+
name: string;
|
|
31
|
+
isVisible?: boolean;
|
|
32
|
+
ref?: ((el: HTMLDivElement) => void) | {
|
|
33
|
+
current?: HTMLDivElement;
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* An element that animates between its old and new position when moving
|
|
38
|
+
* between parents within a SharedElementTransition scope.
|
|
39
|
+
*/
|
|
40
|
+
export declare function SharedElement(props: SharedElementProps): JSX.Element | null;
|
|
41
|
+
//# sourceMappingURL=SharedElementTransition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SharedElementTransition.d.ts","sourceRoot":"","sources":["../src/SharedElementTransition.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,KAAK,GAAG,EAUT,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EAGpB,MAAM,SAAS,CAAC;AAoBjB,wBAAgB,kCAAkC,IAAI,OAAO,CAE5D;AAED,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,GAAG,CAAC,OAAO,CAQxF;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAClC,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CACvC;IACC,QAAQ,CAAC,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,cAAc,CAAA;KAAE,CAAC;CACrE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA0K3E"}
|
package/dist/Slider.d.ts
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
* A pre-wired headless slider that combines state + aria hooks.
|
|
5
5
|
* Port of react-aria-components/src/Slider.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type AriaSliderProps } from
|
|
9
|
-
import { type SliderState, type SliderOrientation } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type AriaSliderProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type SliderState, type SliderOrientation } from "@proyecto-viviana/solid-stately";
|
|
10
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
11
11
|
export interface SliderRenderProps {
|
|
12
12
|
/** Whether the slider is disabled. */
|
|
13
13
|
isDisabled: boolean;
|
|
@@ -22,7 +22,7 @@ export interface SliderRenderProps {
|
|
|
22
22
|
/** The orientation. */
|
|
23
23
|
orientation: SliderOrientation;
|
|
24
24
|
}
|
|
25
|
-
export interface SliderProps extends Omit<AriaSliderProps,
|
|
25
|
+
export interface SliderProps extends Omit<AriaSliderProps, "label">, SlotProps {
|
|
26
26
|
/** The current value (controlled). */
|
|
27
27
|
value?: number;
|
|
28
28
|
/** The default value (uncontrolled). */
|
|
@@ -51,6 +51,8 @@ export interface SliderProps extends Omit<AriaSliderProps, 'label'>, SlotProps {
|
|
|
51
51
|
class?: ClassNameOrFunction<SliderRenderProps>;
|
|
52
52
|
/** The inline style for the element. */
|
|
53
53
|
style?: StyleOrFunction<SliderRenderProps>;
|
|
54
|
+
/** Ref for the slider root element. */
|
|
55
|
+
ref?: (el: HTMLDivElement) => void;
|
|
54
56
|
}
|
|
55
57
|
export interface SliderTrackRenderProps {
|
|
56
58
|
/** Whether the slider is disabled. */
|
|
@@ -62,7 +64,7 @@ export interface SliderTrackRenderProps {
|
|
|
62
64
|
/** The orientation. */
|
|
63
65
|
orientation: SliderOrientation;
|
|
64
66
|
}
|
|
65
|
-
export interface SliderTrackProps extends SlotProps {
|
|
67
|
+
export interface SliderTrackProps extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children"> {
|
|
66
68
|
/** The children of the track. */
|
|
67
69
|
children?: RenderChildren<SliderTrackRenderProps>;
|
|
68
70
|
/** The CSS className for the element. */
|
|
@@ -86,7 +88,7 @@ export interface SliderThumbRenderProps {
|
|
|
86
88
|
/** The value as a percent (0-1). */
|
|
87
89
|
valuePercent: number;
|
|
88
90
|
}
|
|
89
|
-
export interface SliderThumbProps extends SlotProps {
|
|
91
|
+
export interface SliderThumbProps extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children"> {
|
|
90
92
|
/** The children of the thumb. */
|
|
91
93
|
children?: RenderChildren<SliderThumbRenderProps>;
|
|
92
94
|
/** The CSS className for the element. */
|
|
@@ -100,7 +102,7 @@ export interface SliderOutputRenderProps {
|
|
|
100
102
|
/** The formatted value string. */
|
|
101
103
|
formattedValue: string;
|
|
102
104
|
}
|
|
103
|
-
export interface SliderOutputProps extends SlotProps {
|
|
105
|
+
export interface SliderOutputProps extends SlotProps, Omit<JSX.HTMLAttributes<HTMLElement>, "class" | "style" | "children"> {
|
|
104
106
|
/** The children of the output. */
|
|
105
107
|
children?: RenderChildren<SliderOutputRenderProps>;
|
|
106
108
|
/** The CSS className for the element. */
|
|
@@ -116,8 +118,13 @@ interface SliderContextValue {
|
|
|
116
118
|
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
117
119
|
trackRef: HTMLElement | undefined;
|
|
118
120
|
setTrackRef: (el: HTMLElement) => void;
|
|
121
|
+
inputRef: HTMLInputElement | undefined;
|
|
122
|
+
setInputRef: (el: HTMLInputElement) => void;
|
|
119
123
|
}
|
|
120
124
|
export declare const SliderContext: import("solid-js").Context<SliderContextValue | null>;
|
|
125
|
+
export declare const SliderStateContext: import("solid-js").Context<SliderContextValue | null>;
|
|
126
|
+
export declare const SliderTrackContext: import("solid-js").Context<SliderContextValue | null>;
|
|
127
|
+
export declare const SliderOutputContext: import("solid-js").Context<SliderContextValue | null>;
|
|
121
128
|
/**
|
|
122
129
|
* A slider allows users to select a value from a range.
|
|
123
130
|
*/
|
package/dist/Slider.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* StepList component for solidaria-components
|
|
3
|
+
*
|
|
4
|
+
* A pre-wired headless step list component that combines state + aria hooks.
|
|
5
|
+
* Renders an ordered list of steps with completion tracking.
|
|
6
|
+
*/
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type StepListState, type Key } from "@proyecto-viviana/solid-stately";
|
|
9
|
+
import { type AriaStepListProps } from "@proyecto-viviana/solidaria";
|
|
10
|
+
import { type ClassNameOrFunction, type StyleOrFunction } from "./utils";
|
|
11
|
+
export interface StepListItemRenderProps {
|
|
12
|
+
/** Whether this step is currently selected. */
|
|
13
|
+
isSelected: boolean;
|
|
14
|
+
/** Whether this step is completed. */
|
|
15
|
+
isCompleted: boolean;
|
|
16
|
+
/** Whether this step is disabled. */
|
|
17
|
+
isDisabled: boolean;
|
|
18
|
+
/** Whether this step can be selected. */
|
|
19
|
+
isSelectable: boolean;
|
|
20
|
+
/** The 1-based step number. */
|
|
21
|
+
stepNumber: number;
|
|
22
|
+
/** Accessible text describing the step state. */
|
|
23
|
+
stepStateText: string;
|
|
24
|
+
}
|
|
25
|
+
export interface StepListRenderProps {
|
|
26
|
+
/** Whether the step list is disabled. */
|
|
27
|
+
isDisabled: boolean;
|
|
28
|
+
}
|
|
29
|
+
export interface StepListProps<T extends {
|
|
30
|
+
key: Key;
|
|
31
|
+
label: string;
|
|
32
|
+
}> extends AriaStepListProps {
|
|
33
|
+
/** The step items. */
|
|
34
|
+
items: T[];
|
|
35
|
+
/** The currently selected step key (controlled). */
|
|
36
|
+
selectedKey?: Key;
|
|
37
|
+
/** The default selected step key (uncontrolled). */
|
|
38
|
+
defaultSelectedKey?: Key;
|
|
39
|
+
/** Called when the selected step changes. */
|
|
40
|
+
onSelectionChange?: (key: Key) => void;
|
|
41
|
+
/** The last completed step key (controlled). */
|
|
42
|
+
lastCompletedStep?: Key;
|
|
43
|
+
/** The default last completed step key (uncontrolled). */
|
|
44
|
+
defaultLastCompletedStep?: Key;
|
|
45
|
+
/** Called when last completed step changes. */
|
|
46
|
+
onLastCompletedStepChange?: (key: Key | null) => void;
|
|
47
|
+
/** Whether all steps are disabled. */
|
|
48
|
+
isDisabled?: boolean;
|
|
49
|
+
/** Whether all steps are read-only. */
|
|
50
|
+
isReadOnly?: boolean;
|
|
51
|
+
/** Keys of individually disabled steps. */
|
|
52
|
+
disabledKeys?: Iterable<Key>;
|
|
53
|
+
/** Render function for each step item. */
|
|
54
|
+
children: (item: T, state: StepListItemRenderProps) => JSX.Element;
|
|
55
|
+
/** The CSS className for the element. */
|
|
56
|
+
class?: ClassNameOrFunction<StepListRenderProps>;
|
|
57
|
+
/** The inline style for the element. */
|
|
58
|
+
style?: StyleOrFunction<StepListRenderProps>;
|
|
59
|
+
}
|
|
60
|
+
export interface StepProps {
|
|
61
|
+
/** The step item. */
|
|
62
|
+
item: {
|
|
63
|
+
key: Key;
|
|
64
|
+
label: string;
|
|
65
|
+
};
|
|
66
|
+
/** The 1-based step number. */
|
|
67
|
+
stepNumber: number;
|
|
68
|
+
/** The children to render inside the step. */
|
|
69
|
+
children?: JSX.Element;
|
|
70
|
+
/** The CSS className for the element. */
|
|
71
|
+
class?: string;
|
|
72
|
+
/** The inline style for the element. */
|
|
73
|
+
style?: JSX.CSSProperties;
|
|
74
|
+
}
|
|
75
|
+
export declare const StepListStateContext: import("solid-js").Context<StepListState | null>;
|
|
76
|
+
export declare const StepListContext: import("solid-js").Context<{} | null>;
|
|
77
|
+
export declare function useStepListState(): StepListState;
|
|
78
|
+
/**
|
|
79
|
+
* StepList displays a sequence of steps with completion tracking and selection.
|
|
80
|
+
*/
|
|
81
|
+
export declare function StepList<T extends {
|
|
82
|
+
key: Key;
|
|
83
|
+
label: string;
|
|
84
|
+
}>(props: StepListProps<T>): JSX.Element;
|
|
85
|
+
/**
|
|
86
|
+
* Step represents an individual step within a StepList.
|
|
87
|
+
* Renders as an `<li>` wrapping an `<a>` with accessible step props.
|
|
88
|
+
*/
|
|
89
|
+
export declare function Step(props: StepProps): JSX.Element;
|
|
90
|
+
//# sourceMappingURL=StepList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepList.d.ts","sourceRoot":"","sources":["../src/StepList.tsx"],"names":[],"mappings":"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"}
|
package/dist/Switch.d.ts
CHANGED
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
*
|
|
7
7
|
* Named "ToggleSwitch" to avoid conflict with SolidJS's built-in Switch component.
|
|
8
8
|
*/
|
|
9
|
-
import { type JSX } from
|
|
10
|
-
import { type AriaSwitchProps } from
|
|
11
|
-
import { type ToggleState } from
|
|
12
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
9
|
+
import { type JSX } from "solid-js";
|
|
10
|
+
import { type AriaSwitchProps } from "@proyecto-viviana/solidaria";
|
|
11
|
+
import { type ToggleState } from "@proyecto-viviana/solid-stately";
|
|
12
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
13
13
|
export interface ToggleSwitchRenderProps {
|
|
14
14
|
/** Whether the switch is selected. */
|
|
15
15
|
isSelected: boolean;
|
|
@@ -25,16 +25,22 @@ export interface ToggleSwitchRenderProps {
|
|
|
25
25
|
isDisabled: boolean;
|
|
26
26
|
/** Whether the switch is read only. */
|
|
27
27
|
isReadOnly: boolean;
|
|
28
|
+
/** Whether the switch is invalid. */
|
|
29
|
+
isInvalid: boolean;
|
|
28
30
|
/** State of the switch. */
|
|
29
31
|
state: ToggleState;
|
|
30
32
|
}
|
|
31
|
-
export interface ToggleSwitchProps extends Omit<AriaSwitchProps,
|
|
33
|
+
export interface ToggleSwitchProps extends Omit<AriaSwitchProps, "children">, SlotProps {
|
|
32
34
|
/** The children of the component. A function may be provided to receive render props. */
|
|
33
35
|
children?: RenderChildren<ToggleSwitchRenderProps>;
|
|
34
36
|
/** The CSS className for the element. */
|
|
35
37
|
class?: ClassNameOrFunction<ToggleSwitchRenderProps>;
|
|
36
38
|
/** The inline style for the element. */
|
|
37
39
|
style?: StyleOrFunction<ToggleSwitchRenderProps>;
|
|
40
|
+
/** A description for the switch. */
|
|
41
|
+
description?: JSX.Element;
|
|
42
|
+
/** An error message for the switch. */
|
|
43
|
+
errorMessage?: JSX.Element;
|
|
38
44
|
}
|
|
39
45
|
export declare const ToggleSwitchContext: import("solid-js").Context<ToggleSwitchProps | null>;
|
|
40
46
|
/**
|
package/dist/Switch.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,GAAG,EAQT,MAAM,UAAU,CAAC;AAClB,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEtF,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,cAAc,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,SAAS;IACrF,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAC;IACnD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IACrD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAC;IACjD,oCAAoC;IACpC,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,sDAAgD,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAqKlE"}
|