@proyecto-viviana/solid-stately 0.2.7 → 0.4.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.
Files changed (254) hide show
  1. package/README.md +30 -283
  2. package/dist/autocomplete/createAutocompleteState.d.ts +2 -2
  3. package/dist/autocomplete/index.d.ts +1 -1
  4. package/dist/calendar/IncompleteDate.d.ts +61 -0
  5. package/dist/calendar/createCalendarState.d.ts +41 -16
  6. package/dist/calendar/createDateFieldState.d.ts +39 -9
  7. package/dist/calendar/createDatePickerState.d.ts +60 -0
  8. package/dist/calendar/createRangeCalendarState.d.ts +37 -10
  9. package/dist/calendar/createTimeFieldState.d.ts +34 -7
  10. package/dist/calendar/index.d.ts +7 -6
  11. package/dist/checkbox/createCheckboxGroupState.d.ts +6 -6
  12. package/dist/checkbox/index.d.ts +1 -1
  13. package/dist/collections/ListCollection.d.ts +1 -1
  14. package/dist/collections/createListState.d.ts +11 -8
  15. package/dist/collections/createMenuState.d.ts +7 -7
  16. package/dist/collections/createSelectionState.d.ts +22 -10
  17. package/dist/collections/getChildNodes.d.ts +11 -0
  18. package/dist/collections/index.d.ts +6 -5
  19. package/dist/collections/types.d.ts +12 -12
  20. package/dist/color/Color.d.ts +1 -1
  21. package/dist/color/createColorAreaState.d.ts +4 -2
  22. package/dist/color/createColorFieldState.d.ts +38 -12
  23. package/dist/color/createColorSliderState.d.ts +9 -2
  24. package/dist/color/createColorWheelState.d.ts +13 -2
  25. package/dist/color/getColorChannels.d.ts +1 -1
  26. package/dist/color/index.d.ts +6 -6
  27. package/dist/color/types.d.ts +4 -4
  28. package/dist/combobox/createComboBoxState.d.ts +34 -13
  29. package/dist/combobox/index.d.ts +1 -1
  30. package/dist/data/createAsyncList.d.ts +4 -4
  31. package/dist/data/createListData.d.ts +2 -2
  32. package/dist/data/createTreeData.d.ts +6 -2
  33. package/dist/data/index.d.ts +3 -3
  34. package/dist/datepicker/index.d.ts +2 -4
  35. package/dist/disclosure/createDisclosureState.d.ts +2 -2
  36. package/dist/disclosure/index.d.ts +1 -1
  37. package/dist/dnd/createDragState.d.ts +2 -2
  38. package/dist/dnd/createDraggableCollectionState.d.ts +2 -2
  39. package/dist/dnd/createDropState.d.ts +2 -2
  40. package/dist/dnd/createDroppableCollectionState.d.ts +3 -3
  41. package/dist/dnd/index.d.ts +5 -5
  42. package/dist/dnd/types.d.ts +19 -17
  43. package/dist/form/createFormValidationState.d.ts +3 -3
  44. package/dist/form/index.d.ts +1 -1
  45. package/dist/grid/createGridState.d.ts +2 -2
  46. package/dist/grid/index.d.ts +2 -2
  47. package/dist/grid/types.d.ts +27 -11
  48. package/dist/index.d.ts +31 -30
  49. package/dist/index.js +9077 -7246
  50. package/dist/index.js.map +1 -1
  51. package/dist/menu/index.d.ts +2 -2
  52. package/dist/numberfield/createNumberFieldState.d.ts +2 -2
  53. package/dist/numberfield/index.d.ts +1 -1
  54. package/dist/overlays/createOverlayTriggerState.d.ts +2 -2
  55. package/dist/overlays/index.d.ts +1 -1
  56. package/dist/radio/createRadioGroupState.d.ts +7 -7
  57. package/dist/radio/index.d.ts +1 -1
  58. package/dist/searchfield/createSearchFieldState.d.ts +2 -2
  59. package/dist/searchfield/index.d.ts +2 -2
  60. package/dist/select/createSelectState.d.ts +14 -8
  61. package/dist/select/index.d.ts +1 -1
  62. package/dist/selection/Selection.d.ts +16 -0
  63. package/dist/selection/SelectionManager.d.ts +110 -0
  64. package/dist/selection/createMultipleSelectionState.d.ts +59 -0
  65. package/dist/selection/index.d.ts +6 -5
  66. package/dist/slider/createSliderState.d.ts +3 -3
  67. package/dist/slider/index.d.ts +2 -2
  68. package/dist/steplist/createStepListState.d.ts +48 -0
  69. package/dist/steplist/index.d.ts +1 -0
  70. package/dist/table/TableCollection.d.ts +33 -3
  71. package/dist/table/createTableColumnResizeState.d.ts +54 -0
  72. package/dist/table/createTableState.d.ts +2 -2
  73. package/dist/table/createTreeGridState.d.ts +15 -0
  74. package/dist/table/index.d.ts +6 -3
  75. package/dist/table/types.d.ts +68 -10
  76. package/dist/tabs/createTabListState.d.ts +5 -5
  77. package/dist/tabs/index.d.ts +1 -1
  78. package/dist/textfield/createTextFieldState.d.ts +2 -2
  79. package/dist/textfield/index.d.ts +1 -1
  80. package/dist/toast/createToastState.d.ts +24 -2
  81. package/dist/toast/index.d.ts +1 -1
  82. package/dist/toggle/createToggleGroupState.d.ts +4 -4
  83. package/dist/toggle/createToggleState.d.ts +2 -2
  84. package/dist/toggle/index.d.ts +2 -2
  85. package/dist/tooltip/createTooltipTriggerState.d.ts +2 -2
  86. package/dist/tooltip/index.d.ts +1 -1
  87. package/dist/tree/TreeCollection.d.ts +2 -2
  88. package/dist/tree/createTreeState.d.ts +2 -2
  89. package/dist/tree/index.d.ts +3 -3
  90. package/dist/tree/types.d.ts +27 -13
  91. package/dist/utils/index.d.ts +1 -1
  92. package/dist/utils/reactivity.d.ts +1 -1
  93. package/package.json +29 -30
  94. package/src/autocomplete/createAutocompleteState.d.ts +19 -17
  95. package/src/autocomplete/createAutocompleteState.ts +24 -30
  96. package/src/autocomplete/index.d.ts +6 -2
  97. package/src/autocomplete/index.ts +1 -1
  98. package/src/calendar/IncompleteDate.ts +430 -0
  99. package/src/calendar/createCalendarState.d.ts +139 -117
  100. package/src/calendar/createCalendarState.ts +308 -94
  101. package/src/calendar/createDateFieldState.d.ts +130 -95
  102. package/src/calendar/createDateFieldState.ts +447 -334
  103. package/src/calendar/createDatePickerState.ts +347 -0
  104. package/src/calendar/createRangeCalendarState.d.ts +154 -129
  105. package/src/calendar/createRangeCalendarState.ts +411 -85
  106. package/src/calendar/createTimeFieldState.d.ts +81 -79
  107. package/src/calendar/createTimeFieldState.ts +187 -108
  108. package/src/calendar/index.d.ts +80 -7
  109. package/src/calendar/index.ts +23 -12
  110. package/src/checkbox/createCheckboxGroupState.d.ts +57 -55
  111. package/src/checkbox/createCheckboxGroupState.ts +20 -29
  112. package/src/checkbox/index.d.ts +6 -2
  113. package/src/checkbox/index.ts +1 -1
  114. package/src/collections/ListCollection.d.ts +25 -22
  115. package/src/collections/ListCollection.ts +6 -6
  116. package/src/collections/createListState.d.ts +73 -58
  117. package/src/collections/createListState.ts +67 -35
  118. package/src/collections/createMenuState.d.ts +36 -31
  119. package/src/collections/createMenuState.ts +21 -12
  120. package/src/collections/createSelectionState.d.ts +78 -65
  121. package/src/collections/createSelectionState.ts +66 -52
  122. package/src/collections/getChildNodes.ts +98 -0
  123. package/src/collections/index.d.ts +38 -6
  124. package/src/collections/index.ts +14 -10
  125. package/src/collections/types.d.ts +101 -101
  126. package/src/collections/types.ts +12 -12
  127. package/src/color/Color.d.ts +20 -5
  128. package/src/color/Color.ts +357 -254
  129. package/src/color/createColorAreaState.d.ts +67 -65
  130. package/src/color/createColorAreaState.ts +21 -13
  131. package/src/color/createColorFieldState.d.ts +46 -44
  132. package/src/color/createColorFieldState.ts +285 -149
  133. package/src/color/createColorSliderState.d.ts +58 -56
  134. package/src/color/createColorSliderState.ts +45 -14
  135. package/src/color/createColorWheelState.d.ts +42 -40
  136. package/src/color/createColorWheelState.ts +101 -64
  137. package/src/color/getColorChannels.ts +7 -5
  138. package/src/color/index.d.ts +36 -7
  139. package/src/color/index.ts +6 -9
  140. package/src/color/types.d.ts +68 -63
  141. package/src/color/types.ts +11 -19
  142. package/src/combobox/createComboBoxState.d.ts +107 -105
  143. package/src/combobox/createComboBoxState.ts +184 -89
  144. package/src/combobox/index.d.ts +10 -2
  145. package/src/combobox/index.ts +1 -1
  146. package/src/data/createAsyncList.ts +89 -63
  147. package/src/data/createListData.ts +67 -67
  148. package/src/data/createTreeData.ts +304 -91
  149. package/src/data/index.ts +3 -3
  150. package/src/datepicker/index.ts +6 -10
  151. package/src/disclosure/createDisclosureState.d.ts +47 -43
  152. package/src/disclosure/createDisclosureState.ts +7 -21
  153. package/src/disclosure/index.d.ts +10 -2
  154. package/src/disclosure/index.ts +1 -1
  155. package/src/dnd/createDragState.d.ts +51 -42
  156. package/src/dnd/createDragState.ts +12 -14
  157. package/src/dnd/createDraggableCollectionState.d.ts +52 -41
  158. package/src/dnd/createDraggableCollectionState.ts +14 -21
  159. package/src/dnd/createDropState.d.ts +64 -45
  160. package/src/dnd/createDropState.ts +22 -32
  161. package/src/dnd/createDroppableCollectionState.d.ts +88 -59
  162. package/src/dnd/createDroppableCollectionState.ts +40 -43
  163. package/src/dnd/index.d.ts +55 -6
  164. package/src/dnd/index.ts +6 -18
  165. package/src/dnd/types.d.ts +170 -157
  166. package/src/dnd/types.ts +24 -22
  167. package/src/form/createFormValidationState.d.ts +47 -45
  168. package/src/form/createFormValidationState.ts +30 -63
  169. package/src/form/index.d.ts +16 -2
  170. package/src/form/index.ts +1 -1
  171. package/src/grid/createGridState.d.ts +7 -4
  172. package/src/grid/createGridState.ts +78 -51
  173. package/src/grid/index.d.ts +3 -3
  174. package/src/grid/index.ts +2 -8
  175. package/src/grid/types.d.ts +136 -129
  176. package/src/grid/types.ts +34 -18
  177. package/src/index.d.ts +311 -26
  178. package/src/index.ts +59 -89
  179. package/src/menu/index.ts +2 -4
  180. package/src/numberfield/createNumberFieldState.d.ts +56 -54
  181. package/src/numberfield/createNumberFieldState.ts +26 -31
  182. package/src/numberfield/index.d.ts +6 -2
  183. package/src/numberfield/index.ts +1 -1
  184. package/src/overlays/createOverlayTriggerState.d.ts +22 -20
  185. package/src/overlays/createOverlayTriggerState.ts +3 -4
  186. package/src/overlays/index.d.ts +6 -2
  187. package/src/overlays/index.ts +1 -1
  188. package/src/radio/createRadioGroupState.d.ts +54 -52
  189. package/src/radio/createRadioGroupState.ts +27 -29
  190. package/src/radio/index.d.ts +7 -2
  191. package/src/radio/index.ts +1 -1
  192. package/src/searchfield/createSearchFieldState.d.ts +16 -14
  193. package/src/searchfield/createSearchFieldState.ts +5 -11
  194. package/src/searchfield/index.d.ts +3 -3
  195. package/src/searchfield/index.ts +2 -5
  196. package/src/select/createSelectState.d.ts +63 -61
  197. package/src/select/createSelectState.ts +42 -29
  198. package/src/select/index.d.ts +2 -2
  199. package/src/select/index.ts +1 -5
  200. package/src/selection/Selection.ts +28 -0
  201. package/src/selection/SelectionManager.ts +526 -0
  202. package/src/selection/createMultipleSelectionState.ts +247 -0
  203. package/src/selection/index.ts +12 -7
  204. package/src/slider/createSliderState.d.ts +60 -60
  205. package/src/slider/createSliderState.ts +55 -33
  206. package/src/slider/index.d.ts +3 -3
  207. package/src/slider/index.ts +2 -6
  208. package/src/ssr/index.d.ts +1 -1
  209. package/src/ssr/index.ts +2 -2
  210. package/src/steplist/createStepListState.ts +191 -0
  211. package/src/steplist/index.ts +5 -0
  212. package/src/table/TableCollection.d.ts +42 -40
  213. package/src/table/TableCollection.ts +266 -99
  214. package/src/table/createTableColumnResizeState.ts +242 -0
  215. package/src/table/createTableState.d.ts +7 -4
  216. package/src/table/createTableState.ts +30 -7
  217. package/src/table/createTreeGridState.ts +146 -0
  218. package/src/table/index.d.ts +14 -4
  219. package/src/table/index.ts +13 -3
  220. package/src/table/types.d.ts +98 -92
  221. package/src/table/types.ts +83 -13
  222. package/src/tabs/createTabListState.d.ts +59 -57
  223. package/src/tabs/createTabListState.ts +34 -39
  224. package/src/tabs/index.d.ts +8 -2
  225. package/src/tabs/index.ts +1 -1
  226. package/src/textfield/createTextFieldState.d.ts +16 -14
  227. package/src/textfield/createTextFieldState.ts +7 -18
  228. package/src/textfield/index.d.ts +6 -2
  229. package/src/textfield/index.ts +1 -1
  230. package/src/toast/createToastState.d.ts +92 -86
  231. package/src/toast/createToastState.ts +90 -52
  232. package/src/toast/index.d.ts +12 -2
  233. package/src/toast/index.ts +2 -1
  234. package/src/toggle/createToggleGroupState.ts +11 -21
  235. package/src/toggle/createToggleState.d.ts +19 -19
  236. package/src/toggle/createToggleState.ts +2 -16
  237. package/src/toggle/index.d.ts +2 -2
  238. package/src/toggle/index.ts +2 -6
  239. package/src/tooltip/createTooltipTriggerState.d.ts +17 -17
  240. package/src/tooltip/createTooltipTriggerState.ts +12 -11
  241. package/src/tooltip/index.d.ts +7 -2
  242. package/src/tooltip/index.ts +1 -1
  243. package/src/tree/TreeCollection.d.ts +26 -23
  244. package/src/tree/TreeCollection.ts +29 -22
  245. package/src/tree/createTreeState.d.ts +7 -4
  246. package/src/tree/createTreeState.ts +70 -41
  247. package/src/tree/index.d.ts +10 -4
  248. package/src/tree/index.ts +3 -3
  249. package/src/tree/types.d.ts +131 -126
  250. package/src/tree/types.ts +30 -13
  251. package/src/utils/index.d.ts +2 -2
  252. package/src/utils/index.ts +1 -1
  253. package/src/utils/reactivity.d.ts +2 -2
  254. package/src/utils/reactivity.ts +3 -3
@@ -4,92 +4,94 @@
4
4
  * Provides state management for time field components with segment-based editing.
5
5
  * Based on @react-stately/datepicker useTimeFieldState
6
6
  */
7
- import { type Accessor } from 'solid-js';
8
- import { type Time, type CalendarDateTime, type ZonedDateTime } from '@internationalized/date';
9
- import { type MaybeAccessor } from '../utils';
10
- import type { ValidationState } from './createCalendarState';
7
+ import { type Accessor } from "solid-js";
8
+ import { type Time, type CalendarDateTime, type ZonedDateTime } from "@internationalized/date";
9
+ import { type MaybeAccessor } from "../utils";
10
+ import type { ValidationState } from "./createCalendarState";
11
11
  export type TimeValue = Time | CalendarDateTime | ZonedDateTime;
12
- export type TimeSegmentType = 'hour' | 'minute' | 'second' | 'dayPeriod' | 'literal';
12
+ export type TimeSegmentType = "hour" | "minute" | "second" | "dayPeriod" | "literal";
13
13
  export interface TimeSegment {
14
- /** The type of segment. */
15
- type: TimeSegmentType;
16
- /** The text content of the segment. */
17
- text: string;
18
- /** The numeric value of the segment (if applicable). */
19
- value?: number;
20
- /** The minimum value for the segment. */
21
- minValue?: number;
22
- /** The maximum value for the segment. */
23
- maxValue?: number;
24
- /** Whether this segment is editable. */
25
- isEditable: boolean;
26
- /** Whether this segment is a placeholder. */
27
- isPlaceholder: boolean;
28
- /** A placeholder string for the segment. */
29
- placeholder: string;
14
+ /** The type of segment. */
15
+ type: TimeSegmentType;
16
+ /** The text content of the segment. */
17
+ text: string;
18
+ /** The numeric value of the segment (if applicable). */
19
+ value?: number;
20
+ /** The minimum value for the segment. */
21
+ minValue?: number;
22
+ /** The maximum value for the segment. */
23
+ maxValue?: number;
24
+ /** Whether this segment is editable. */
25
+ isEditable: boolean;
26
+ /** Whether this segment is a placeholder. */
27
+ isPlaceholder: boolean;
28
+ /** A placeholder string for the segment. */
29
+ placeholder: string;
30
30
  }
31
31
  export interface TimeFieldStateProps<T extends TimeValue = Time> {
32
- /** The current value (controlled). */
33
- value?: MaybeAccessor<T | null>;
34
- /** The default value (uncontrolled). */
35
- defaultValue?: T | null;
36
- /** Handler called when the value changes. */
37
- onChange?: (value: T | null) => void;
38
- /** The minimum allowed time. */
39
- minValue?: MaybeAccessor<TimeValue | undefined>;
40
- /** The maximum allowed time. */
41
- maxValue?: MaybeAccessor<TimeValue | undefined>;
42
- /** Whether the field is disabled. */
43
- isDisabled?: MaybeAccessor<boolean>;
44
- /** Whether the field is read-only. */
45
- isReadOnly?: MaybeAccessor<boolean>;
46
- /** Whether the field is required. */
47
- isRequired?: MaybeAccessor<boolean>;
48
- /** The locale to use for formatting. */
49
- locale?: string;
50
- /** The granularity (hour, minute, second). */
51
- granularity?: 'hour' | 'minute' | 'second';
52
- /** Whether to show 12 or 24 hour format. */
53
- hourCycle?: 12 | 24;
54
- /** Validation state. */
55
- validationState?: MaybeAccessor<ValidationState | undefined>;
56
- /** The placeholder value. */
57
- placeholderValue?: T;
32
+ /** The current value (controlled). */
33
+ value?: MaybeAccessor<T | null>;
34
+ /** The default value (uncontrolled). */
35
+ defaultValue?: T | null;
36
+ /** Handler called when the value changes. */
37
+ onChange?: (value: T | null) => void;
38
+ /** The minimum allowed time. */
39
+ minValue?: MaybeAccessor<TimeValue | undefined>;
40
+ /** The maximum allowed time. */
41
+ maxValue?: MaybeAccessor<TimeValue | undefined>;
42
+ /** Whether the field is disabled. */
43
+ isDisabled?: MaybeAccessor<boolean>;
44
+ /** Whether the field is read-only. */
45
+ isReadOnly?: MaybeAccessor<boolean>;
46
+ /** Whether the field is required. */
47
+ isRequired?: MaybeAccessor<boolean>;
48
+ /** The locale to use for formatting. */
49
+ locale?: string;
50
+ /** The granularity (hour, minute, second). */
51
+ granularity?: "hour" | "minute" | "second";
52
+ /** Whether to show 12 or 24 hour format. */
53
+ hourCycle?: 12 | 24;
54
+ /** Validation state. */
55
+ validationState?: MaybeAccessor<ValidationState | undefined>;
56
+ /** The placeholder value. */
57
+ placeholderValue?: T;
58
58
  }
59
59
  export interface TimeFieldState<T extends TimeValue = Time> {
60
- /** The current value. */
61
- value: Accessor<T | null>;
62
- /** Sets the value. */
63
- setValue: (value: T | null) => void;
64
- /** The segments that make up the time. */
65
- segments: Accessor<TimeSegment[]>;
66
- /** Sets a segment value. */
67
- setSegment: (type: TimeSegmentType, value: number) => void;
68
- /** Increments a segment. */
69
- incrementSegment: (type: TimeSegmentType) => void;
70
- /** Decrements a segment. */
71
- decrementSegment: (type: TimeSegmentType) => void;
72
- /** Clears a segment. */
73
- clearSegment: (type: TimeSegmentType) => void;
74
- /** Whether the field is disabled. */
75
- isDisabled: Accessor<boolean>;
76
- /** Whether the field is read-only. */
77
- isReadOnly: Accessor<boolean>;
78
- /** Whether the field is required. */
79
- isRequired: Accessor<boolean>;
80
- /** The validation state. */
81
- validationState: Accessor<ValidationState | undefined>;
82
- /** The granularity. */
83
- granularity: 'hour' | 'minute' | 'second';
84
- /** Whether the value is invalid. */
85
- isInvalid: Accessor<boolean>;
86
- /** The locale. */
87
- locale: string;
88
- /** The hour cycle. */
89
- hourCycle: 12 | 24;
60
+ /** The current value. */
61
+ value: Accessor<T | null>;
62
+ /** Sets the value. */
63
+ setValue: (value: T | null) => void;
64
+ /** The segments that make up the time. */
65
+ segments: Accessor<TimeSegment[]>;
66
+ /** Sets a segment value. */
67
+ setSegment: (type: TimeSegmentType, value: number) => void;
68
+ /** Increments a segment. */
69
+ incrementSegment: (type: TimeSegmentType) => void;
70
+ /** Decrements a segment. */
71
+ decrementSegment: (type: TimeSegmentType) => void;
72
+ /** Clears a segment. */
73
+ clearSegment: (type: TimeSegmentType) => void;
74
+ /** Whether the field is disabled. */
75
+ isDisabled: Accessor<boolean>;
76
+ /** Whether the field is read-only. */
77
+ isReadOnly: Accessor<boolean>;
78
+ /** Whether the field is required. */
79
+ isRequired: Accessor<boolean>;
80
+ /** The validation state. */
81
+ validationState: Accessor<ValidationState | undefined>;
82
+ /** The granularity. */
83
+ granularity: "hour" | "minute" | "second";
84
+ /** Whether the value is invalid. */
85
+ isInvalid: Accessor<boolean>;
86
+ /** The locale. */
87
+ locale: string;
88
+ /** The hour cycle. */
89
+ hourCycle: 12 | 24;
90
90
  }
91
91
  /**
92
92
  * Provides state management for a time field component.
93
93
  */
94
- export declare function createTimeFieldState<T extends TimeValue = Time>(props?: TimeFieldStateProps<T>): TimeFieldState<T>;
95
- //# sourceMappingURL=createTimeFieldState.d.ts.map
94
+ export declare function createTimeFieldState<T extends TimeValue = Time>(
95
+ props?: TimeFieldStateProps<T>,
96
+ ): TimeFieldState<T>;
97
+ //# sourceMappingURL=createTimeFieldState.d.ts.map