@proyecto-viviana/solidaria-components 0.2.9 → 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/README.md +39 -272
- package/dist/ActionBar.d.ts +21 -13
- package/dist/ActionBar.d.ts.map +1 -1
- package/dist/ActionGroup.d.ts +8 -8
- package/dist/ActionGroup.d.ts.map +1 -1
- package/dist/Alert.d.ts +5 -5
- package/dist/Alert.d.ts.map +1 -1
- package/dist/Autocomplete.d.ts +5 -5
- package/dist/Autocomplete.d.ts.map +1 -1
- package/dist/Breadcrumbs.d.ts +18 -7
- package/dist/Breadcrumbs.d.ts.map +1 -1
- package/dist/Button.d.ts +24 -5
- package/dist/Button.d.ts.map +1 -1
- package/dist/Calendar.d.ts +38 -7
- package/dist/Calendar.d.ts.map +1 -1
- package/dist/Checkbox.d.ts +32 -7
- package/dist/Checkbox.d.ts.map +1 -1
- package/dist/Collection.d.ts +19 -14
- package/dist/Collection.d.ts.map +1 -1
- package/dist/Color.d.ts +103 -14
- package/dist/Color.d.ts.map +1 -1
- package/dist/ColorEditor.d.ts +6 -6
- package/dist/ColorEditor.d.ts.map +1 -1
- package/dist/ComboBox.d.ts +85 -19
- package/dist/ComboBox.d.ts.map +1 -1
- package/dist/ContextualHelpTrigger.d.ts +2 -2
- package/dist/ContextualHelpTrigger.d.ts.map +1 -1
- package/dist/DateField.d.ts +8 -6
- package/dist/DateField.d.ts.map +1 -1
- package/dist/DatePicker.d.ts +53 -22
- 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 +23 -5
- package/dist/Disclosure.d.ts.map +1 -1
- package/dist/DragAndDrop.d.ts +6 -6
- package/dist/DragAndDrop.d.ts.map +1 -1
- package/dist/DragPreview.d.ts +2 -2
- package/dist/DragPreview.d.ts.map +1 -1
- package/dist/DropZone.d.ts +4 -4
- package/dist/DropZone.d.ts.map +1 -1
- package/dist/FieldError.d.ts +9 -5
- package/dist/FieldError.d.ts.map +1 -1
- package/dist/FileTrigger.d.ts +3 -3
- package/dist/FileTrigger.d.ts.map +1 -1
- package/dist/Focusable.d.ts +2 -2
- package/dist/Focusable.d.ts.map +1 -1
- package/dist/Form.d.ts +18 -4
- package/dist/Form.d.ts.map +1 -1
- package/dist/GridList.d.ts +32 -12
- 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 +5 -5
- package/dist/Icon.d.ts.map +1 -1
- package/dist/Keyboard.d.ts +1 -1
- 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 +32 -12
- package/dist/ListBox.d.ts.map +1 -1
- package/dist/ListDropTargetDelegate.d.ts +6 -6
- package/dist/ListDropTargetDelegate.d.ts.map +1 -1
- package/dist/Menu.d.ts +65 -14
- package/dist/Menu.d.ts.map +1 -1
- package/dist/Meter.d.ts +3 -3
- package/dist/Meter.d.ts.map +1 -1
- package/dist/Modal.d.ts +5 -5
- package/dist/Modal.d.ts.map +1 -1
- package/dist/NumberField.d.ts +8 -12
- package/dist/NumberField.d.ts.map +1 -1
- package/dist/Popover.d.ts +28 -5
- package/dist/Popover.d.ts.map +1 -1
- package/dist/Pressable.d.ts +2 -2
- package/dist/Pressable.d.ts.map +1 -1
- package/dist/ProgressBar.d.ts +5 -3
- 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 +34 -7
- package/dist/RangeCalendar.d.ts.map +1 -1
- package/dist/RouterProvider.d.ts +2 -2
- package/dist/RouterProvider.d.ts.map +1 -1
- package/dist/SearchField.d.ts +23 -20
- package/dist/SearchField.d.ts.map +1 -1
- package/dist/Select.d.ts +41 -11
- package/dist/Select.d.ts.map +1 -1
- package/dist/SelectionIndicator.d.ts +3 -3
- package/dist/SelectionIndicator.d.ts.map +1 -1
- package/dist/Separator.d.ts +9 -3
- package/dist/Separator.d.ts.map +1 -1
- package/dist/SharedElementTransition.d.ts +6 -4
- package/dist/SharedElementTransition.d.ts.map +1 -1
- package/dist/Slider.d.ts +12 -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 +187 -23
- package/dist/Table.d.ts.map +1 -1
- package/dist/Tabs.d.ts +45 -9
- package/dist/Tabs.d.ts.map +1 -1
- package/dist/TagGroup.d.ts +12 -10
- package/dist/TagGroup.d.ts.map +1 -1
- package/dist/Text.d.ts +2 -2
- package/dist/TextField.d.ts +15 -11
- package/dist/TextField.d.ts.map +1 -1
- package/dist/TimeField.d.ts +6 -6
- 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 +11 -5
- package/dist/ToggleButton.d.ts.map +1 -1
- package/dist/ToggleButtonGroup.d.ts +7 -7
- package/dist/ToggleButtonGroup.d.ts.map +1 -1
- package/dist/Toolbar.d.ts +7 -3
- package/dist/Toolbar.d.ts.map +1 -1
- package/dist/Tooltip.d.ts +50 -8
- package/dist/Tooltip.d.ts.map +1 -1
- package/dist/Tree.d.ts +66 -17
- package/dist/Tree.d.ts.map +1 -1
- package/dist/Virtualizer.d.ts +12 -12
- package/dist/Virtualizer.d.ts.map +1 -1
- package/dist/VirtualizerLayouts.d.ts +2 -2
- package/dist/VirtualizerLayouts.d.ts.map +1 -1
- package/dist/VisuallyHidden.d.ts +1 -1
- package/dist/VisuallyHidden.d.ts.map +1 -1
- package/dist/contexts.d.ts +5 -1
- package/dist/contexts.d.ts.map +1 -1
- package/dist/index.d.ts +73 -71
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +23247 -18564
- package/dist/index.js.map +1 -1
- package/dist/index.jsx +18110 -0
- package/dist/index.jsx.map +1 -0
- package/dist/useDragAndDrop.d.ts +13 -13
- package/dist/useDragAndDrop.d.ts.map +1 -1
- package/dist/utils.d.ts +2 -2
- package/dist/utils.d.ts.map +1 -1
- package/dist/virtualizer/Layout.d.ts +1 -1
- package/dist/virtualizer/Layout.d.ts.map +1 -1
- package/package.json +31 -32
- package/src/ActionBar.tsx +75 -72
- package/src/ActionGroup.tsx +53 -61
- package/src/Alert.tsx +17 -42
- package/src/Autocomplete.tsx +39 -44
- package/src/Breadcrumbs.tsx +149 -80
- package/src/Button.tsx +267 -70
- package/src/Calendar.tsx +218 -138
- package/src/Checkbox.tsx +413 -121
- package/src/Collection.tsx +67 -58
- package/src/Color.tsx +803 -380
- package/src/ColorEditor.tsx +131 -149
- package/src/ComboBox.tsx +414 -249
- package/src/ContextualHelpTrigger.tsx +86 -74
- package/src/DateField.tsx +185 -91
- package/src/DatePicker.tsx +524 -213
- package/src/DateRangePickerContext.tsx +44 -0
- package/src/Dialog.tsx +156 -118
- package/src/Disclosure.tsx +127 -80
- package/src/DragAndDrop.tsx +60 -54
- package/src/DragPreview.tsx +13 -11
- package/src/DropZone.tsx +42 -22
- package/src/FieldError.tsx +45 -23
- package/src/FileTrigger.tsx +19 -19
- package/src/Focusable.tsx +21 -24
- package/src/Form.tsx +71 -16
- package/src/GridList.tsx +273 -197
- package/src/HiddenDateInput.tsx +153 -0
- package/src/HiddenTimeInput.tsx +133 -0
- package/src/Icon.tsx +22 -43
- package/src/Keyboard.tsx +3 -3
- package/src/Landmark.tsx +37 -63
- package/src/Link.tsx +125 -75
- package/src/ListBox.tsx +332 -233
- package/src/ListDropTargetDelegate.ts +81 -80
- package/src/Menu.tsx +1023 -274
- package/src/Meter.tsx +38 -56
- package/src/Modal.tsx +243 -175
- package/src/NumberField.tsx +139 -143
- package/src/Popover.tsx +386 -233
- package/src/Pressable.tsx +21 -21
- package/src/ProgressBar.tsx +48 -57
- package/src/RadioGroup.tsx +524 -122
- package/src/RangeCalendar.tsx +157 -90
- package/src/RouterProvider.tsx +30 -47
- package/src/SearchField.tsx +362 -143
- package/src/Select.tsx +656 -233
- package/src/SelectionIndicator.tsx +18 -15
- package/src/Separator.tsx +47 -49
- package/src/SharedElementTransition.tsx +103 -97
- package/src/Slider.tsx +138 -98
- package/src/StepList.tsx +272 -0
- package/src/Switch.tsx +93 -46
- package/src/Table.tsx +1308 -342
- package/src/Tabs.tsx +324 -103
- package/src/TagGroup.tsx +139 -126
- package/src/Text.tsx +3 -3
- package/src/TextField.tsx +389 -79
- package/src/TimeField.tsx +136 -76
- package/src/Toast.tsx +209 -157
- package/src/ToggleButton.tsx +47 -37
- package/src/ToggleButtonGroup.tsx +39 -34
- package/src/Toolbar.tsx +54 -69
- package/src/Tooltip.tsx +387 -119
- package/src/Tree.tsx +651 -368
- package/src/Virtualizer.tsx +208 -180
- package/src/VirtualizerLayouts.ts +45 -30
- package/src/VisuallyHidden.tsx +19 -19
- package/src/contexts.ts +29 -37
- package/src/index.ts +110 -195
- package/src/useDragAndDrop.ts +87 -71
- package/src/utils.tsx +40 -55
- package/src/virtualizer/Layout.ts +14 -22
- package/dist/index.ssr.js +0 -16996
- package/dist/index.ssr.js.map +0 -1
package/dist/Tabs.d.ts
CHANGED
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
* A pre-wired headless tabs component that combines state + aria hooks.
|
|
5
5
|
* Port of react-aria-components/src/Tabs.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type Accessor, type JSX } from
|
|
8
|
-
import { type AriaTabListProps, type AriaTabProps, type AriaTabPanelProps } from
|
|
9
|
-
import { type TabListState, type Key, type TabOrientation, type KeyboardActivation } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
11
|
-
export { SelectionIndicator, SelectionIndicatorContext, type SelectionIndicatorProps, type SelectionIndicatorRenderProps, } from
|
|
7
|
+
import { type Accessor, type JSX } from "solid-js";
|
|
8
|
+
import { type AriaTabListProps, type AriaTabProps, type AriaTabPanelProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type TabListState, type Key, type TabOrientation, type KeyboardActivation } from "@proyecto-viviana/solid-stately";
|
|
10
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
11
|
+
export { SelectionIndicator, SelectionIndicatorContext, type SelectionIndicatorProps, type SelectionIndicatorRenderProps, } from "./SelectionIndicator";
|
|
12
12
|
export interface TabsRenderProps {
|
|
13
13
|
/** The orientation of the tabs. */
|
|
14
14
|
orientation: TabOrientation;
|
|
@@ -44,6 +44,8 @@ export interface TabsProps<T> extends SlotProps {
|
|
|
44
44
|
class?: ClassNameOrFunction<TabsRenderProps>;
|
|
45
45
|
/** The inline style for the element. */
|
|
46
46
|
style?: StyleOrFunction<TabsRenderProps>;
|
|
47
|
+
/** Ref for the root tabs element. */
|
|
48
|
+
ref?: RefLike<HTMLDivElement>;
|
|
47
49
|
}
|
|
48
50
|
export interface TabListRenderProps {
|
|
49
51
|
/** The orientation of the tab list. */
|
|
@@ -55,9 +57,11 @@ export interface TabListRenderProps {
|
|
|
55
57
|
/** Whether the tab list has visible focus. */
|
|
56
58
|
isFocusVisible: boolean;
|
|
57
59
|
}
|
|
58
|
-
export interface TabListProps<T> extends Omit<AriaTabListProps,
|
|
59
|
-
/**
|
|
60
|
-
|
|
60
|
+
export interface TabListProps<T> extends Omit<AriaTabListProps, "children">, SlotProps {
|
|
61
|
+
/** Items to render in the tab list. */
|
|
62
|
+
items?: T[];
|
|
63
|
+
/** The children of the tab list - static tabs or a render function for each item. */
|
|
64
|
+
children?: JSX.Element | ((item: T) => JSX.Element);
|
|
61
65
|
/** The CSS className for the element. */
|
|
62
66
|
class?: ClassNameOrFunction<TabListRenderProps>;
|
|
63
67
|
/** The inline style for the element. */
|
|
@@ -77,7 +81,7 @@ export interface TabRenderProps {
|
|
|
77
81
|
/** Whether the tab is disabled. */
|
|
78
82
|
isDisabled: boolean;
|
|
79
83
|
}
|
|
80
|
-
export interface TabProps extends Omit<AriaTabProps,
|
|
84
|
+
export interface TabProps extends Omit<AriaTabProps, "key">, SlotProps {
|
|
81
85
|
/** The unique key for the tab. */
|
|
82
86
|
id: Key;
|
|
83
87
|
/** The children of the tab. */
|
|
@@ -94,6 +98,14 @@ export interface TabPanelRenderProps {
|
|
|
94
98
|
isFocused: boolean;
|
|
95
99
|
/** Whether the panel has visible focus ring. */
|
|
96
100
|
isFocusVisible: boolean;
|
|
101
|
+
/** Whether the panel is non-interactive while force mounted. */
|
|
102
|
+
isInert: boolean;
|
|
103
|
+
/** Whether the panel is currently entering. */
|
|
104
|
+
isEntering: boolean;
|
|
105
|
+
/** Whether the panel is currently exiting. */
|
|
106
|
+
isExiting: boolean;
|
|
107
|
+
/** State of the tab list. */
|
|
108
|
+
state: TabListState<unknown> | null;
|
|
97
109
|
}
|
|
98
110
|
export interface TabPanelProps extends AriaTabPanelProps, SlotProps {
|
|
99
111
|
/** The children of the tab panel. */
|
|
@@ -105,12 +117,31 @@ export interface TabPanelProps extends AriaTabPanelProps, SlotProps {
|
|
|
105
117
|
/** Whether to keep the panel mounted when not selected. */
|
|
106
118
|
shouldForceMount?: boolean;
|
|
107
119
|
}
|
|
120
|
+
export interface TabPanelsProps extends SlotProps {
|
|
121
|
+
/** The grouped tab panels. */
|
|
122
|
+
children?: JSX.Element;
|
|
123
|
+
/** The CSS className for the element. */
|
|
124
|
+
class?: string;
|
|
125
|
+
/** The inline style for the element. */
|
|
126
|
+
style?: JSX.CSSProperties;
|
|
127
|
+
}
|
|
108
128
|
interface TabsContextValue<T> {
|
|
109
129
|
state: TabListState<T>;
|
|
110
130
|
items: Accessor<T[]>;
|
|
131
|
+
setTabListItems(items: T[] | undefined): void;
|
|
132
|
+
registerTab(tab: RegisteredTab): void;
|
|
133
|
+
unregisterTab(id: Key): void;
|
|
111
134
|
}
|
|
135
|
+
type RefLike<T> = ((el: T) => void) | {
|
|
136
|
+
current?: T | null;
|
|
137
|
+
} | undefined;
|
|
112
138
|
export declare const TabsContext: import("solid-js").Context<TabsContextValue<unknown> | null>;
|
|
113
139
|
export declare const TabsStateContext: import("solid-js").Context<TabListState<unknown> | null>;
|
|
140
|
+
interface RegisteredTab {
|
|
141
|
+
id: Key;
|
|
142
|
+
textValue?: string;
|
|
143
|
+
isDisabled?: boolean;
|
|
144
|
+
}
|
|
114
145
|
/**
|
|
115
146
|
* Tabs provide a way to organize content into multiple sections, with only one section visible at a time.
|
|
116
147
|
*/
|
|
@@ -118,6 +149,7 @@ export declare function Tabs<T>(props: TabsProps<T>): JSX.Element;
|
|
|
118
149
|
export declare namespace Tabs {
|
|
119
150
|
var List: typeof TabList;
|
|
120
151
|
var Tab: typeof import("./Tabs").Tab;
|
|
152
|
+
var Panels: typeof TabPanels;
|
|
121
153
|
var Panel: typeof TabPanel;
|
|
122
154
|
var SelectionIndicator: typeof import("./SelectionIndicator").SelectionIndicator;
|
|
123
155
|
}
|
|
@@ -129,6 +161,10 @@ export declare function TabList<T>(props: TabListProps<T>): JSX.Element;
|
|
|
129
161
|
* A Tab represents an individual tab in a TabList.
|
|
130
162
|
*/
|
|
131
163
|
export declare function Tab(props: TabProps): JSX.Element;
|
|
164
|
+
/**
|
|
165
|
+
* Groups multiple TabPanel elements.
|
|
166
|
+
*/
|
|
167
|
+
export declare function TabPanels(props: TabPanelsProps): JSX.Element;
|
|
132
168
|
/**
|
|
133
169
|
* A TabPanel displays the content for a selected Tab.
|
|
134
170
|
*/
|
package/dist/Tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"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"}
|
package/dist/TagGroup.d.ts
CHANGED
|
@@ -7,17 +7,17 @@
|
|
|
7
7
|
* A tag group is a focusable list of labels, categories, keywords, filters, or other items,
|
|
8
8
|
* with support for keyboard navigation, selection, and removal.
|
|
9
9
|
*/
|
|
10
|
-
import { type JSX } from
|
|
11
|
-
import { type AriaTagGroupProps } from
|
|
12
|
-
import { type ListState, type Key, type SelectionMode, type SelectionBehavior } from
|
|
13
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
10
|
+
import { type JSX } from "solid-js";
|
|
11
|
+
import { type AriaTagGroupProps } from "@proyecto-viviana/solidaria";
|
|
12
|
+
import { type ListState, type Key, type SelectionMode, type SelectionBehavior } from "@proyecto-viviana/solid-stately";
|
|
13
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
14
14
|
export interface TagGroupRenderProps {
|
|
15
15
|
/** Whether the tag group is disabled. */
|
|
16
16
|
isDisabled: boolean;
|
|
17
17
|
/** Whether the tag list is empty. */
|
|
18
18
|
isEmpty: boolean;
|
|
19
19
|
}
|
|
20
|
-
export interface TagGroupProps extends Omit<AriaTagGroupProps,
|
|
20
|
+
export interface TagGroupProps extends Omit<AriaTagGroupProps, "id">, SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children"> {
|
|
21
21
|
/** The children of the component. */
|
|
22
22
|
children?: JSX.Element;
|
|
23
23
|
/** The CSS className for the element. */
|
|
@@ -31,7 +31,7 @@ export interface TagListRenderProps {
|
|
|
31
31
|
/** Whether the tag list is focused. */
|
|
32
32
|
isFocused: boolean;
|
|
33
33
|
}
|
|
34
|
-
export interface TagListProps<T> extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>,
|
|
34
|
+
export interface TagListProps<T> extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children" | "onSelectionChange"> {
|
|
35
35
|
/** The items to display in the tag list. */
|
|
36
36
|
items: T[];
|
|
37
37
|
/** Function to render each item. */
|
|
@@ -51,7 +51,7 @@ export interface TagListProps<T> extends SlotProps, Omit<JSX.HTMLAttributes<HTML
|
|
|
51
51
|
/** The default selected keys (uncontrolled). */
|
|
52
52
|
defaultSelectedKeys?: Iterable<Key>;
|
|
53
53
|
/** Handler called when selection changes. */
|
|
54
|
-
onSelectionChange?: (keys:
|
|
54
|
+
onSelectionChange?: (keys: "all" | Set<Key>) => void;
|
|
55
55
|
/** Keys that are disabled. */
|
|
56
56
|
disabledKeys?: Iterable<Key>;
|
|
57
57
|
/** Function to get a unique key from an item. */
|
|
@@ -59,11 +59,11 @@ export interface TagListProps<T> extends SlotProps, Omit<JSX.HTMLAttributes<HTML
|
|
|
59
59
|
/** Accessibility label. */
|
|
60
60
|
label?: string;
|
|
61
61
|
/** Custom aria-label. */
|
|
62
|
-
|
|
62
|
+
"aria-label"?: string;
|
|
63
63
|
/** Reference to external label element. */
|
|
64
|
-
|
|
64
|
+
"aria-labelledby"?: string;
|
|
65
65
|
/** Reference to description element. */
|
|
66
|
-
|
|
66
|
+
"aria-describedby"?: string;
|
|
67
67
|
/** Whether the tag list is disabled. */
|
|
68
68
|
isDisabled?: boolean;
|
|
69
69
|
/** Handler called when tags are removed. */
|
|
@@ -98,6 +98,8 @@ export interface TagProps extends SlotProps {
|
|
|
98
98
|
class?: ClassNameOrFunction<TagRenderProps>;
|
|
99
99
|
/** The inline style for the element. */
|
|
100
100
|
style?: StyleOrFunction<TagRenderProps>;
|
|
101
|
+
/** Handler called when the tag is activated. */
|
|
102
|
+
onAction?: (key: Key) => void;
|
|
101
103
|
}
|
|
102
104
|
interface TagGroupContextValue {
|
|
103
105
|
state: ListState;
|
package/dist/TagGroup.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../src/TagGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,KAAK,GAAG,EAQT,MAAM,UAAU,CAAC;AAClB,OAAO,
|
|
1
|
+
{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../src/TagGroup.tsx"],"names":[],"mappings":"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"}
|
package/dist/Text.d.ts
CHANGED
package/dist/TextField.d.ts
CHANGED
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* A pre-wired headless text field that combines state + aria hooks.
|
|
5
5
|
* Port of react-aria-components/src/TextField.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type AriaTextFieldProps } from
|
|
9
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type AriaTextFieldProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
10
10
|
export interface TextFieldRenderProps {
|
|
11
11
|
/** Whether the text field is disabled. */
|
|
12
12
|
isDisabled: boolean;
|
|
@@ -23,20 +23,24 @@ export interface TextFieldRenderProps {
|
|
|
23
23
|
/** Whether the text field is keyboard focused. */
|
|
24
24
|
isFocusVisible: boolean;
|
|
25
25
|
}
|
|
26
|
-
export interface TextFieldProps extends Omit<AriaTextFieldProps,
|
|
26
|
+
export interface TextFieldProps extends Omit<AriaTextFieldProps, "children">, SlotProps {
|
|
27
27
|
/** The children of the component. A function may be provided to receive render props. */
|
|
28
28
|
children?: RenderChildren<TextFieldRenderProps>;
|
|
29
29
|
/** The CSS className for the element. */
|
|
30
30
|
class?: ClassNameOrFunction<TextFieldRenderProps>;
|
|
31
31
|
/** The inline style for the element. */
|
|
32
32
|
style?: StyleOrFunction<TextFieldRenderProps>;
|
|
33
|
+
/** Custom renderer for the outer text field element. */
|
|
34
|
+
render?: (props: JSX.HTMLAttributes<HTMLDivElement>, renderProps: TextFieldRenderProps) => JSX.Element;
|
|
33
35
|
}
|
|
34
36
|
export interface TextFieldContextValue {
|
|
35
|
-
labelProps
|
|
36
|
-
inputProps
|
|
37
|
-
descriptionProps
|
|
38
|
-
errorMessageProps
|
|
39
|
-
isInvalid
|
|
37
|
+
labelProps?: JSX.LabelHTMLAttributes<HTMLLabelElement>;
|
|
38
|
+
inputProps?: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
39
|
+
descriptionProps?: JSX.HTMLAttributes<HTMLElement>;
|
|
40
|
+
errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;
|
|
41
|
+
isInvalid?: boolean;
|
|
42
|
+
slots?: Record<string, TextFieldProps>;
|
|
43
|
+
inputId?: string;
|
|
40
44
|
}
|
|
41
45
|
export declare const TextFieldContext: import("solid-js").Context<TextFieldContextValue | null>;
|
|
42
46
|
export declare const LabelContext: import("solid-js").Context<TextFieldContextValue | null>;
|
|
@@ -51,7 +55,7 @@ export interface LabelProps extends JSX.LabelHTMLAttributes<HTMLLabelElement> {
|
|
|
51
55
|
* This enables the proper htmlFor/id relationship between label and input.
|
|
52
56
|
*/
|
|
53
57
|
export declare function Label(props: LabelProps): JSX.Element;
|
|
54
|
-
export interface InputProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>,
|
|
58
|
+
export interface InputProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "children"> {
|
|
55
59
|
}
|
|
56
60
|
/**
|
|
57
61
|
* An input element that automatically wires up to the parent TextField context.
|
|
@@ -59,7 +63,7 @@ export interface InputProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElemen
|
|
|
59
63
|
* the TextField to the actual input element.
|
|
60
64
|
*/
|
|
61
65
|
export declare function Input(props: InputProps): JSX.Element;
|
|
62
|
-
export interface TextAreaProps extends Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>,
|
|
66
|
+
export interface TextAreaProps extends Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, "children"> {
|
|
63
67
|
}
|
|
64
68
|
/**
|
|
65
69
|
* A textarea element that automatically wires up to the parent TextField context.
|
package/dist/TextField.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"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"}
|
package/dist/TimeField.d.ts
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
* Pre-wired headless time field component with segment-based editing.
|
|
5
5
|
* Port of react-aria-components/src/TimeField.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type AriaTimeFieldProps } from
|
|
9
|
-
import { type TimeFieldState, type TimeFieldStateProps, type TimeSegment as TimeSegmentType, type TimeValue } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type AriaTimeFieldProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type TimeFieldState, type TimeFieldStateProps, type TimeSegment as TimeSegmentType, type TimeValue } from "@proyecto-viviana/solid-stately";
|
|
10
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
|
|
11
11
|
export interface TimeFieldRenderProps {
|
|
12
12
|
/** Whether the field is disabled. */
|
|
13
13
|
isDisabled: boolean;
|
|
@@ -18,7 +18,7 @@ export interface TimeFieldRenderProps {
|
|
|
18
18
|
/** Whether the field is invalid. */
|
|
19
19
|
isInvalid: boolean;
|
|
20
20
|
}
|
|
21
|
-
export interface TimeFieldProps<T extends TimeValue = TimeValue> extends Omit<AriaTimeFieldProps,
|
|
21
|
+
export interface TimeFieldProps<T extends TimeValue = TimeValue> extends Omit<AriaTimeFieldProps, "id" | "isDisabled" | "isReadOnly" | "isRequired">, Omit<TimeFieldStateProps<T>, "locale">, SlotProps {
|
|
22
22
|
/** The children of the component. */
|
|
23
23
|
children?: JSX.Element | ((segment: TimeSegmentType) => JSX.Element);
|
|
24
24
|
/** The CSS className for the element. */
|
|
@@ -50,7 +50,7 @@ export interface TimeSegmentRenderProps {
|
|
|
50
50
|
/** Whether the segment is a placeholder. */
|
|
51
51
|
isPlaceholder: boolean;
|
|
52
52
|
/** The segment type. */
|
|
53
|
-
type: TimeSegmentType[
|
|
53
|
+
type: TimeSegmentType["type"];
|
|
54
54
|
/** The text to display. */
|
|
55
55
|
text: string;
|
|
56
56
|
}
|
package/dist/TimeField.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../src/TimeField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EAQT,MAAM,UAAU,CAAC;AAClB,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../src/TimeField.tsx"],"names":[],"mappings":"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"}
|
package/dist/Toast.d.ts
CHANGED
|
@@ -4,16 +4,30 @@
|
|
|
4
4
|
* Toast notifications with auto-dismiss, pause on hover/focus, and accessibility.
|
|
5
5
|
* Port of react-aria-components Toast.
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type ToastState, type QueuedToast, type ToastQueueOptions, ToastQueue } from
|
|
9
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction } from
|
|
7
|
+
import { type JSX, type Accessor } from "solid-js";
|
|
8
|
+
import { type ToastState, type QueuedToast, type ToastQueueOptions, type ToastOptions, ToastQueue } from "@proyecto-viviana/solid-stately";
|
|
9
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction } from "./utils";
|
|
10
10
|
export interface ToastContent {
|
|
11
|
+
/** DOM id for the toast root when content is queued through Spectrum ToastQueue. */
|
|
12
|
+
id?: string;
|
|
13
|
+
/** Data attributes for the toast root when content is queued through Spectrum ToastQueue. */
|
|
14
|
+
[dataAttribute: `data-${string}`]: string | number | boolean | undefined;
|
|
15
|
+
/** Spectrum Toast message content. */
|
|
16
|
+
children?: string;
|
|
11
17
|
/** The title of the toast. */
|
|
12
18
|
title?: string;
|
|
13
19
|
/** The description/body of the toast. */
|
|
14
20
|
description?: string;
|
|
15
|
-
/**
|
|
16
|
-
|
|
21
|
+
/** Spectrum variant. */
|
|
22
|
+
variant?: "info" | "positive" | "negative" | "neutral";
|
|
23
|
+
/** Backward-compatible type/variant of the toast. */
|
|
24
|
+
type?: "info" | "success" | "warning" | "error" | "positive" | "negative" | "neutral";
|
|
25
|
+
/** Spectrum action button label. */
|
|
26
|
+
actionLabel?: string;
|
|
27
|
+
/** Handler called when the Spectrum action button is pressed. */
|
|
28
|
+
onAction?: () => void;
|
|
29
|
+
/** Whether the toast should close when the Spectrum action is performed. */
|
|
30
|
+
shouldCloseOnAction?: boolean;
|
|
17
31
|
/** Custom action button. */
|
|
18
32
|
action?: {
|
|
19
33
|
label: string;
|
|
@@ -26,13 +40,13 @@ export interface ToastRenderProps {
|
|
|
26
40
|
/** Whether the toast is currently animating out. */
|
|
27
41
|
isExiting: boolean;
|
|
28
42
|
/** The animation state (entering, exiting, queued). */
|
|
29
|
-
animation:
|
|
43
|
+
animation: "entering" | "exiting" | "queued" | undefined;
|
|
30
44
|
/** The toast data. */
|
|
31
45
|
toast: QueuedToast<ToastContent>;
|
|
32
46
|
}
|
|
33
47
|
export interface ToastRegionRenderProps {
|
|
34
48
|
/** The visible toasts. */
|
|
35
|
-
visibleToasts: QueuedToast<ToastContent>[]
|
|
49
|
+
visibleToasts: Accessor<QueuedToast<ToastContent>[]>;
|
|
36
50
|
}
|
|
37
51
|
export interface ToastRegionProps {
|
|
38
52
|
/** The children of the component - can be JSX or render function. */
|
|
@@ -44,13 +58,17 @@ export interface ToastRegionProps {
|
|
|
44
58
|
/** The toast state to display. If not provided, uses ToastContext. */
|
|
45
59
|
state?: ToastState<ToastContent>;
|
|
46
60
|
/** Accessible label for the region. */
|
|
47
|
-
|
|
61
|
+
"aria-label"?: string;
|
|
48
62
|
/** Whether to render in a portal. */
|
|
49
63
|
portal?: boolean;
|
|
50
64
|
/** Placement of the toast region. */
|
|
51
|
-
placement?:
|
|
65
|
+
placement?: "top" | "top start" | "top end" | "top-start" | "top-end" | "bottom" | "bottom start" | "bottom end" | "bottom-start" | "bottom-end";
|
|
52
66
|
}
|
|
53
67
|
export interface ToastProps {
|
|
68
|
+
/** DOM id for the toast root. */
|
|
69
|
+
id?: string;
|
|
70
|
+
/** Data attributes for the toast root. */
|
|
71
|
+
[dataAttribute: `data-${string}`]: string | number | boolean | undefined;
|
|
54
72
|
/** The toast data. */
|
|
55
73
|
toast: QueuedToast<ToastContent>;
|
|
56
74
|
/** The children of the component - can be JSX or render function. */
|
|
@@ -68,10 +86,7 @@ export declare const globalToastQueue: ToastQueue<ToastContent>;
|
|
|
68
86
|
* Add a toast to the global queue.
|
|
69
87
|
* Convenience function for adding toasts from anywhere in the app.
|
|
70
88
|
*/
|
|
71
|
-
export declare function addToast(content: ToastContent, options?:
|
|
72
|
-
timeout?: number;
|
|
73
|
-
priority?: number;
|
|
74
|
-
}): string;
|
|
89
|
+
export declare function addToast(content: ToastContent, options?: ToastOptions): string;
|
|
75
90
|
export interface ToastProviderProps {
|
|
76
91
|
/** The children of the provider. */
|
|
77
92
|
children: JSX.Element;
|
|
@@ -149,7 +164,7 @@ export interface ToastCloseButtonProps {
|
|
|
149
164
|
children?: JSX.Element;
|
|
150
165
|
class?: string;
|
|
151
166
|
style?: JSX.CSSProperties;
|
|
152
|
-
|
|
167
|
+
"aria-label"?: string;
|
|
153
168
|
}
|
|
154
169
|
/**
|
|
155
170
|
* ToastCloseButton is a button that closes the toast.
|
package/dist/Toast.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,QAAQ,EASd,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,UAAU,EAEX,MAAM,iCAAiC,CAAC;AAMzC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAIrB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,YAAY;IAC3B,oFAAoF;IACpF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6FAA6F;IAC7F,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACzE,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IACvD,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IACtF,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4BAA4B;IAC5B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;CACH;AAED,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,UAAU,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,SAAS,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzD,sBAAsB;IACtB,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,aAAa,EAAE,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,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;IAChD,sEAAsE;IACtE,KAAK,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACjC,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qCAAqC;IACrC,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,cAAc,GACd,YAAY,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACzE,sBAAsB;IACtB,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACjC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC5C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,YAAY,6DAAuD,CAAC;AAUjF,wBAAgB,eAAe,IAAI,UAAU,CAAC,YAAY,CAAC,CAM1D;AAED,uEAAuE;AACvE,eAAO,MAAM,gBAAgB,0BAG3B,CAAC;AAEH;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAE9E;AAMD,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAQpE;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA0IhE;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAyJpD;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAS9D;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAiB1E;AAED,MAAM,WAAW,qBAAqB;IACpC,0BAA0B;IAC1B,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAsB1E;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAoClE"}
|
package/dist/ToggleButton.d.ts
CHANGED
|
@@ -4,10 +4,13 @@
|
|
|
4
4
|
* A pre-wired headless toggle button that combines pressed + selected state.
|
|
5
5
|
* Port direction: react-aria-components/src/ToggleButton.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type AriaToggleButtonProps } from
|
|
9
|
-
import type { Key } from
|
|
10
|
-
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type AriaToggleButtonProps } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import type { Key } 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 ToggleButtonRenderProps {
|
|
12
15
|
isHovered: boolean;
|
|
13
16
|
isPressed: boolean;
|
|
@@ -16,7 +19,7 @@ export interface ToggleButtonRenderProps {
|
|
|
16
19
|
isDisabled: boolean;
|
|
17
20
|
isSelected: boolean;
|
|
18
21
|
}
|
|
19
|
-
export interface ToggleButtonProps extends Omit<AriaToggleButtonProps,
|
|
22
|
+
export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, "children">, SlotProps {
|
|
20
23
|
/** Key used when inside ToggleButtonGroup selection state. */
|
|
21
24
|
toggleKey?: Key;
|
|
22
25
|
/** Preferred group key prop, parity with RAC item id usage. */
|
|
@@ -24,7 +27,10 @@ export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children
|
|
|
24
27
|
children?: RenderChildren<ToggleButtonRenderProps>;
|
|
25
28
|
class?: ClassNameOrFunction<ToggleButtonRenderProps>;
|
|
26
29
|
style?: StyleOrFunction<ToggleButtonRenderProps>;
|
|
30
|
+
/** Ref for the underlying button element. */
|
|
31
|
+
ref?: RefLike<HTMLButtonElement>;
|
|
27
32
|
}
|
|
28
33
|
export declare const ToggleButtonContext: import("solid-js").Context<ToggleButtonProps | null>;
|
|
29
34
|
export declare function ToggleButton(props: ToggleButtonProps): JSX.Element;
|
|
35
|
+
export {};
|
|
30
36
|
//# sourceMappingURL=ToggleButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../src/ToggleButton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../src/ToggleButton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AACvF,OAAO,EAML,KAAK,qBAAqB,EAC3B,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAGjB,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,uBAAuB;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,EAAE,SAAS;IAC3F,8DAA8D;IAC9D,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,+DAA+D;IAC/D,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAC;IACjD,6CAA6C;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,sDAAgD,CAAC;AASjF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAoGlE"}
|
|
@@ -4,21 +4,21 @@
|
|
|
4
4
|
* Groups toggle buttons with single/multiple selection state.
|
|
5
5
|
* Parity target: react-aria-components/src/ToggleButtonGroup.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX } from
|
|
8
|
-
import { type Key, type ToggleGroupState } from
|
|
9
|
-
import { type ClassNameOrFunction, type StyleOrFunction, type RenderChildren, type SlotProps } from
|
|
7
|
+
import { type JSX } from "solid-js";
|
|
8
|
+
import { type Key, type ToggleGroupState } from "@proyecto-viviana/solid-stately";
|
|
9
|
+
import { type ClassNameOrFunction, type StyleOrFunction, type RenderChildren, type SlotProps } from "./utils";
|
|
10
10
|
export interface ToggleButtonGroupRenderProps {
|
|
11
|
-
orientation:
|
|
11
|
+
orientation: "horizontal" | "vertical";
|
|
12
12
|
isDisabled: boolean;
|
|
13
13
|
state: ToggleGroupState;
|
|
14
14
|
}
|
|
15
|
-
export interface ToggleButtonGroupProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>,
|
|
16
|
-
selectionMode?:
|
|
15
|
+
export interface ToggleButtonGroupProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "class" | "style" | "onSelectionChange">, SlotProps {
|
|
16
|
+
selectionMode?: "single" | "multiple";
|
|
17
17
|
disallowEmptySelection?: boolean;
|
|
18
18
|
selectedKeys?: Iterable<Key>;
|
|
19
19
|
defaultSelectedKeys?: Iterable<Key>;
|
|
20
20
|
onSelectionChange?: (keys: Set<Key>) => void;
|
|
21
|
-
orientation?:
|
|
21
|
+
orientation?: "horizontal" | "vertical";
|
|
22
22
|
isDisabled?: boolean;
|
|
23
23
|
children?: RenderChildren<ToggleButtonGroupRenderProps>;
|
|
24
24
|
class?: ClassNameOrFunction<ToggleButtonGroupRenderProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../src/ToggleButtonGroup.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../src/ToggleButtonGroup.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AAEvF,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,gBAAgB,EACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,sBACf,SACE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,mBAAmB,CAAC,EAC9F,SAAS;IACX,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,cAAc,CAAC,4BAA4B,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,wBAAwB,2DAAqD,CAAC;AAC3F,eAAO,MAAM,6BAA6B,qDAA+C,CAAC;AAC1F,eAAO,MAAM,uBAAuB,qDAAgC,CAAC;AACrE,MAAM,MAAM,kCAAkC,GAAG,gBAAgB,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAsF5E;AAED,wBAAgB,gCAAgC,IAAI,gBAAgB,GAAG,IAAI,CAE1E"}
|
package/dist/Toolbar.d.ts
CHANGED
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* Pre-wired headless toolbar component that combines aria hooks.
|
|
5
5
|
* Port of react-aria-components/src/Toolbar.tsx
|
|
6
6
|
*/
|
|
7
|
-
import { type JSX, type ParentProps } from
|
|
8
|
-
import { type AriaToolbarProps, type Orientation } from
|
|
9
|
-
import { type SlotProps } from
|
|
7
|
+
import { type JSX, type ParentProps } from "solid-js";
|
|
8
|
+
import { type AriaToolbarProps, type Orientation } from "@proyecto-viviana/solidaria";
|
|
9
|
+
import { type SlotProps } from "./utils";
|
|
10
10
|
export interface ToolbarRenderProps {
|
|
11
11
|
/** The orientation of the toolbar. */
|
|
12
12
|
orientation: Orientation;
|
|
@@ -18,6 +18,10 @@ export interface ToolbarProps extends AriaToolbarProps, ParentProps, SlotProps {
|
|
|
18
18
|
style?: JSX.CSSProperties | ((renderProps: ToolbarRenderProps) => JSX.CSSProperties);
|
|
19
19
|
/** Additional data-* attributes. */
|
|
20
20
|
[key: `data-${string}`]: string | undefined;
|
|
21
|
+
/** Ref for the toolbar element. */
|
|
22
|
+
ref?: ((el: HTMLDivElement) => void) | {
|
|
23
|
+
current?: HTMLDivElement | null;
|
|
24
|
+
};
|
|
21
25
|
}
|
|
22
26
|
export interface ToolbarContextValue {
|
|
23
27
|
slots?: {
|
package/dist/Toolbar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAKjB,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAKjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,WAAW,EAAE,SAAS;IAC5E,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,kBAAkB,KAAK,MAAM,CAAC,CAAC;IAC/D,4FAA4F;IAC5F,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,kBAAkB,KAAK,GAAG,CAAC,aAAa,CAAC,CAAC;IACrF,oCAAoC;IACpC,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,mCAAmC;IACnC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;KAAE,CAAC;CAC5E;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE;QACN,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACzC,CAAC;CACH;AAED,eAAO,MAAM,cAAc,wDAAkD,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAgFxD"}
|