@dashforge/tw 0.9.1-beta → 0.10.0-beta
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/CHANGELOG.md +31 -0
- package/dist/index.esm.js +1152 -336
- package/dist/src/components/DateRangePicker/DateRangePicker.d.ts +13 -0
- package/dist/src/components/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/dist/src/components/DateRangePicker/dateRangePicker.types.d.ts +85 -0
- package/dist/src/components/DateRangePicker/dateRangePicker.types.d.ts.map +1 -0
- package/dist/src/components/DateRangePicker/dateRangePicker.variants.d.ts +183 -0
- package/dist/src/components/DateRangePicker/dateRangePicker.variants.d.ts.map +1 -0
- package/dist/src/components/DateTimePicker/DateTimePicker.d.ts +7 -43
- package/dist/src/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/dist/src/components/DateTimePicker/dateTimePicker.types.d.ts +50 -55
- package/dist/src/components/DateTimePicker/dateTimePicker.types.d.ts.map +1 -1
- package/dist/src/components/DateTimePicker/dateTimePicker.variants.d.ts +36 -94
- package/dist/src/components/DateTimePicker/dateTimePicker.variants.d.ts.map +1 -1
- package/dist/src/components/TimePicker/TimePicker.d.ts +12 -0
- package/dist/src/components/TimePicker/TimePicker.d.ts.map +1 -0
- package/dist/src/components/TimePicker/timePicker.types.d.ts +80 -0
- package/dist/src/components/TimePicker/timePicker.types.d.ts.map +1 -0
- package/dist/src/components/TimePicker/timePicker.variants.d.ts +103 -0
- package/dist/src/components/TimePicker/timePicker.variants.d.ts.map +1 -0
- package/dist/src/index.d.ts +10 -4
- package/dist/src/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/DateRangePicker/DateRangePicker.test.tsx +92 -0
- package/src/components/DateRangePicker/DateRangePicker.tsx +510 -0
- package/src/components/DateRangePicker/dateRangePicker.types.ts +74 -0
- package/src/components/DateRangePicker/dateRangePicker.variants.ts +101 -0
- package/src/components/DateTimePicker/DateTimePicker.test.tsx +60 -186
- package/src/components/DateTimePicker/DateTimePicker.tsx +209 -181
- package/src/components/DateTimePicker/dateTimePicker.types.ts +50 -54
- package/src/components/DateTimePicker/dateTimePicker.variants.ts +22 -51
- package/src/components/TimePicker/TimePicker.test.tsx +65 -0
- package/src/components/TimePicker/TimePicker.tsx +274 -0
- package/src/components/TimePicker/timePicker.types.ts +69 -0
- package/src/components/TimePicker/timePicker.variants.ts +53 -0
- package/src/index.ts +28 -16
- package/src/components/DateTimePicker/DateTimePicker.perf.test.tsx +0 -153
|
@@ -1,40 +1,15 @@
|
|
|
1
|
-
import { type VariantProps } from 'tailwind-variants';
|
|
2
1
|
/**
|
|
3
|
-
*
|
|
2
|
+
* Slots for `<DateTimePicker>` — a bridge-integrated date+time field whose
|
|
3
|
+
* trigger is a `<button>` styled as an input, opening a popover that
|
|
4
|
+
* combines a `<Calendar>` with a time list.
|
|
4
5
|
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
* Native `<input type="date|time|datetime-local">` quirks handled here:
|
|
9
|
-
*
|
|
10
|
-
* - The browser-rendered placeholder mask (e.g., `mm/dd/yyyy`) is
|
|
11
|
-
* invisible on `bg-neutral-50` by default in some themes; we keep
|
|
12
|
-
* the same neutral palette and rely on the input's own contrast
|
|
13
|
-
* rules (no extra `::placeholder` styling — browsers don't honor it
|
|
14
|
-
* on these input types).
|
|
15
|
-
* - The native picker indicator (calendar / clock icon) is
|
|
16
|
-
* browser-supplied; we ensure it stays visible in dark mode via
|
|
17
|
-
* `color-scheme: light dark` on the input (set inline below).
|
|
6
|
+
* Theme identity: bare neutral / brand token-backed classes only — no
|
|
7
|
+
* `dark:` variants on the neutral palette (the preset CSS-var swap
|
|
8
|
+
* auto-inverts). See `_shared/themeIdentity.test.ts`.
|
|
18
9
|
*/
|
|
19
10
|
export declare const dateTimePickerVariants: import("tailwind-variants").TVReturnType<{
|
|
20
|
-
size: {
|
|
21
|
-
sm: {
|
|
22
|
-
inputWrapper: string;
|
|
23
|
-
input: string;
|
|
24
|
-
};
|
|
25
|
-
md: {
|
|
26
|
-
inputWrapper: string;
|
|
27
|
-
input: string;
|
|
28
|
-
};
|
|
29
|
-
lg: {
|
|
30
|
-
inputWrapper: string;
|
|
31
|
-
input: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
11
|
layout: {
|
|
35
|
-
stacked: {
|
|
36
|
-
root: string;
|
|
37
|
-
};
|
|
12
|
+
stacked: {};
|
|
38
13
|
inline: {
|
|
39
14
|
root: string;
|
|
40
15
|
label: string;
|
|
@@ -42,47 +17,31 @@ export declare const dateTimePickerVariants: import("tailwind-variants").TVRetur
|
|
|
42
17
|
};
|
|
43
18
|
error: {
|
|
44
19
|
true: {
|
|
45
|
-
|
|
20
|
+
trigger: string;
|
|
46
21
|
};
|
|
47
22
|
};
|
|
48
23
|
fullWidth: {
|
|
49
24
|
true: {
|
|
50
25
|
root: string;
|
|
51
|
-
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
disabled: {
|
|
55
|
-
true: {
|
|
56
|
-
inputWrapper: string;
|
|
26
|
+
trigger: string;
|
|
57
27
|
};
|
|
58
28
|
};
|
|
59
29
|
}, {
|
|
60
30
|
root: string;
|
|
61
31
|
label: string;
|
|
62
32
|
requiredMark: string;
|
|
63
|
-
|
|
64
|
-
|
|
33
|
+
trigger: string;
|
|
34
|
+
value: string;
|
|
35
|
+
placeholder: string;
|
|
36
|
+
icon: string;
|
|
37
|
+
panel: string;
|
|
38
|
+
list: string;
|
|
39
|
+
option: string;
|
|
65
40
|
helperText: string;
|
|
66
41
|
errorText: string;
|
|
67
42
|
}, undefined, {
|
|
68
|
-
size: {
|
|
69
|
-
sm: {
|
|
70
|
-
inputWrapper: string;
|
|
71
|
-
input: string;
|
|
72
|
-
};
|
|
73
|
-
md: {
|
|
74
|
-
inputWrapper: string;
|
|
75
|
-
input: string;
|
|
76
|
-
};
|
|
77
|
-
lg: {
|
|
78
|
-
inputWrapper: string;
|
|
79
|
-
input: string;
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
43
|
layout: {
|
|
83
|
-
stacked: {
|
|
84
|
-
root: string;
|
|
85
|
-
};
|
|
44
|
+
stacked: {};
|
|
86
45
|
inline: {
|
|
87
46
|
root: string;
|
|
88
47
|
label: string;
|
|
@@ -90,47 +49,31 @@ export declare const dateTimePickerVariants: import("tailwind-variants").TVRetur
|
|
|
90
49
|
};
|
|
91
50
|
error: {
|
|
92
51
|
true: {
|
|
93
|
-
|
|
52
|
+
trigger: string;
|
|
94
53
|
};
|
|
95
54
|
};
|
|
96
55
|
fullWidth: {
|
|
97
56
|
true: {
|
|
98
57
|
root: string;
|
|
99
|
-
|
|
100
|
-
};
|
|
101
|
-
};
|
|
102
|
-
disabled: {
|
|
103
|
-
true: {
|
|
104
|
-
inputWrapper: string;
|
|
58
|
+
trigger: string;
|
|
105
59
|
};
|
|
106
60
|
};
|
|
107
61
|
}, {
|
|
108
62
|
root: string;
|
|
109
63
|
label: string;
|
|
110
64
|
requiredMark: string;
|
|
111
|
-
|
|
112
|
-
|
|
65
|
+
trigger: string;
|
|
66
|
+
value: string;
|
|
67
|
+
placeholder: string;
|
|
68
|
+
icon: string;
|
|
69
|
+
panel: string;
|
|
70
|
+
list: string;
|
|
71
|
+
option: string;
|
|
113
72
|
helperText: string;
|
|
114
73
|
errorText: string;
|
|
115
74
|
}, import("tailwind-variants").TVReturnType<{
|
|
116
|
-
size: {
|
|
117
|
-
sm: {
|
|
118
|
-
inputWrapper: string;
|
|
119
|
-
input: string;
|
|
120
|
-
};
|
|
121
|
-
md: {
|
|
122
|
-
inputWrapper: string;
|
|
123
|
-
input: string;
|
|
124
|
-
};
|
|
125
|
-
lg: {
|
|
126
|
-
inputWrapper: string;
|
|
127
|
-
input: string;
|
|
128
|
-
};
|
|
129
|
-
};
|
|
130
75
|
layout: {
|
|
131
|
-
stacked: {
|
|
132
|
-
root: string;
|
|
133
|
-
};
|
|
76
|
+
stacked: {};
|
|
134
77
|
inline: {
|
|
135
78
|
root: string;
|
|
136
79
|
label: string;
|
|
@@ -138,28 +81,27 @@ export declare const dateTimePickerVariants: import("tailwind-variants").TVRetur
|
|
|
138
81
|
};
|
|
139
82
|
error: {
|
|
140
83
|
true: {
|
|
141
|
-
|
|
84
|
+
trigger: string;
|
|
142
85
|
};
|
|
143
86
|
};
|
|
144
87
|
fullWidth: {
|
|
145
88
|
true: {
|
|
146
89
|
root: string;
|
|
147
|
-
|
|
148
|
-
};
|
|
149
|
-
};
|
|
150
|
-
disabled: {
|
|
151
|
-
true: {
|
|
152
|
-
inputWrapper: string;
|
|
90
|
+
trigger: string;
|
|
153
91
|
};
|
|
154
92
|
};
|
|
155
93
|
}, {
|
|
156
94
|
root: string;
|
|
157
95
|
label: string;
|
|
158
96
|
requiredMark: string;
|
|
159
|
-
|
|
160
|
-
|
|
97
|
+
trigger: string;
|
|
98
|
+
value: string;
|
|
99
|
+
placeholder: string;
|
|
100
|
+
icon: string;
|
|
101
|
+
panel: string;
|
|
102
|
+
list: string;
|
|
103
|
+
option: string;
|
|
161
104
|
helperText: string;
|
|
162
105
|
errorText: string;
|
|
163
106
|
}, undefined, unknown, unknown, undefined>>;
|
|
164
|
-
export type DateTimePickerVariants = VariantProps<typeof dateTimePickerVariants>;
|
|
165
107
|
//# sourceMappingURL=dateTimePicker.variants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateTimePicker.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/dateTimePicker.variants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dateTimePicker.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/dateTimePicker.variants.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2CjC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { TimePickerProps } from './timePicker.types.js';
|
|
2
|
+
/**
|
|
3
|
+
* Dashforge TW `<TimePicker>` — a form-bound time-of-day field.
|
|
4
|
+
*
|
|
5
|
+
* A read-only trigger button paired with a time-list popover (Radix
|
|
6
|
+
* Popover). Integrates with the Dashforge form bridge + RBAC.
|
|
7
|
+
*
|
|
8
|
+
* Storage contract: a canonical 24-hour `"HH:mm"` string, or `null` —
|
|
9
|
+
* shared with the MUI `@dashforge/ui` `TimePicker`. `hour12` is display-only.
|
|
10
|
+
*/
|
|
11
|
+
export declare function TimePicker(props: TimePickerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
12
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAkB7D;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,kDAwOhD"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { Engine } from '@dashforge/ui-core';
|
|
3
|
+
import type { AccessRequirement } from '@dashforge/rbac';
|
|
4
|
+
/** Per-slot `className` overrides for `<TimePicker>`. */
|
|
5
|
+
export interface TimePickerSlotProps {
|
|
6
|
+
root?: {
|
|
7
|
+
className?: string;
|
|
8
|
+
};
|
|
9
|
+
label?: {
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
requiredMark?: {
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
trigger?: {
|
|
16
|
+
className?: string;
|
|
17
|
+
};
|
|
18
|
+
helperText?: {
|
|
19
|
+
className?: string;
|
|
20
|
+
};
|
|
21
|
+
errorText?: {
|
|
22
|
+
className?: string;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Props for the `<TimePicker>` form field (Tailwind skin).
|
|
27
|
+
*
|
|
28
|
+
* A read-only trigger paired with a `<Calendar>`-style time-list popover.
|
|
29
|
+
* The stored value is a canonical 24-hour `"HH:mm"` string, or `null`.
|
|
30
|
+
* 12-hour notation (`hour12`) is display-only. No date, no timezone.
|
|
31
|
+
*
|
|
32
|
+
* The prop surface mirrors the MUI `@dashforge/ui` `TimePicker`.
|
|
33
|
+
*/
|
|
34
|
+
export interface TimePickerProps {
|
|
35
|
+
/** Field name — the bridge registration key. Required. */
|
|
36
|
+
name: string;
|
|
37
|
+
/** Validation rules forwarded to the form bridge. */
|
|
38
|
+
rules?: unknown;
|
|
39
|
+
/** Field label. */
|
|
40
|
+
label?: ReactNode;
|
|
41
|
+
/** Helper text below the control (overrides a bridge error message). */
|
|
42
|
+
helperText?: ReactNode;
|
|
43
|
+
/** Explicit error state (overrides the bridge's auto error). */
|
|
44
|
+
error?: boolean;
|
|
45
|
+
/** Marks the field required (adds the label asterisk). */
|
|
46
|
+
required?: boolean;
|
|
47
|
+
/** Disables the field. */
|
|
48
|
+
disabled?: boolean;
|
|
49
|
+
/** Placeholder shown when no time is selected. */
|
|
50
|
+
placeholder?: string;
|
|
51
|
+
/** Label/control layout. */
|
|
52
|
+
layout?: 'stacked' | 'inline';
|
|
53
|
+
/** Reactive visibility predicate evaluated against the form engine. */
|
|
54
|
+
visibleWhen?: (engine: Engine) => boolean;
|
|
55
|
+
/** RBAC access requirement. */
|
|
56
|
+
access?: AccessRequirement;
|
|
57
|
+
/** Controlled value — `"HH:mm"` (24-hour) or `null`. */
|
|
58
|
+
value?: string | null;
|
|
59
|
+
/** Uncontrolled initial value. */
|
|
60
|
+
defaultValue?: string | null;
|
|
61
|
+
/** Fired with the new time (or `null` when cleared). */
|
|
62
|
+
onChange?: (value: string | null) => void;
|
|
63
|
+
/** Earliest selectable time, `"HH:mm"`. Default `"00:00"`. */
|
|
64
|
+
minTime?: string;
|
|
65
|
+
/** Latest selectable time, `"HH:mm"`. Default `"23:30"`. */
|
|
66
|
+
maxTime?: string;
|
|
67
|
+
/** Step between time-list options, in minutes. Default `30`. */
|
|
68
|
+
stepMinutes?: number;
|
|
69
|
+
/** Render the time list in 12-hour notation. Default `false`. */
|
|
70
|
+
hour12?: boolean;
|
|
71
|
+
/** Stretches the field to its container width. */
|
|
72
|
+
fullWidth?: boolean;
|
|
73
|
+
/** Root-level Tailwind class override. */
|
|
74
|
+
sx?: string;
|
|
75
|
+
/** Per-slot `className` overrides. */
|
|
76
|
+
slotProps?: TimePickerSlotProps;
|
|
77
|
+
/** Test id applied to the field root. */
|
|
78
|
+
testId?: string;
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=timePicker.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/timePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,yDAAyD;AACzD,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,KAAK,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,UAAU,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,SAAS,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1C,+BAA+B;IAC/B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Slots for `<TimePicker>` — a bridge-integrated time field whose trigger
|
|
3
|
+
* is a `<button>` styled as an input, opening a time-list popover.
|
|
4
|
+
*
|
|
5
|
+
* Theme identity: bare neutral / brand token-backed classes only — no
|
|
6
|
+
* `dark:` variants on the neutral palette (the preset CSS-var swap
|
|
7
|
+
* auto-inverts). See `_shared/themeIdentity.test.ts`.
|
|
8
|
+
*/
|
|
9
|
+
export declare const timePickerVariants: import("tailwind-variants").TVReturnType<{
|
|
10
|
+
layout: {
|
|
11
|
+
stacked: {};
|
|
12
|
+
inline: {
|
|
13
|
+
root: string;
|
|
14
|
+
label: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
error: {
|
|
18
|
+
true: {
|
|
19
|
+
trigger: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
fullWidth: {
|
|
23
|
+
true: {
|
|
24
|
+
root: string;
|
|
25
|
+
trigger: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
}, {
|
|
29
|
+
root: string;
|
|
30
|
+
label: string;
|
|
31
|
+
requiredMark: string;
|
|
32
|
+
trigger: string;
|
|
33
|
+
value: string;
|
|
34
|
+
placeholder: string;
|
|
35
|
+
icon: string;
|
|
36
|
+
list: string;
|
|
37
|
+
option: string;
|
|
38
|
+
helperText: string;
|
|
39
|
+
errorText: string;
|
|
40
|
+
}, undefined, {
|
|
41
|
+
layout: {
|
|
42
|
+
stacked: {};
|
|
43
|
+
inline: {
|
|
44
|
+
root: string;
|
|
45
|
+
label: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
error: {
|
|
49
|
+
true: {
|
|
50
|
+
trigger: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
fullWidth: {
|
|
54
|
+
true: {
|
|
55
|
+
root: string;
|
|
56
|
+
trigger: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
}, {
|
|
60
|
+
root: string;
|
|
61
|
+
label: string;
|
|
62
|
+
requiredMark: string;
|
|
63
|
+
trigger: string;
|
|
64
|
+
value: string;
|
|
65
|
+
placeholder: string;
|
|
66
|
+
icon: string;
|
|
67
|
+
list: string;
|
|
68
|
+
option: string;
|
|
69
|
+
helperText: string;
|
|
70
|
+
errorText: string;
|
|
71
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
72
|
+
layout: {
|
|
73
|
+
stacked: {};
|
|
74
|
+
inline: {
|
|
75
|
+
root: string;
|
|
76
|
+
label: string;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
error: {
|
|
80
|
+
true: {
|
|
81
|
+
trigger: string;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
fullWidth: {
|
|
85
|
+
true: {
|
|
86
|
+
root: string;
|
|
87
|
+
trigger: string;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
}, {
|
|
91
|
+
root: string;
|
|
92
|
+
label: string;
|
|
93
|
+
requiredMark: string;
|
|
94
|
+
trigger: string;
|
|
95
|
+
value: string;
|
|
96
|
+
placeholder: string;
|
|
97
|
+
icon: string;
|
|
98
|
+
list: string;
|
|
99
|
+
option: string;
|
|
100
|
+
helperText: string;
|
|
101
|
+
errorText: string;
|
|
102
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
103
|
+
//# sourceMappingURL=timePicker.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timePicker.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/timePicker.variants.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0C7B,CAAC"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -50,15 +50,21 @@ export { otpFieldVariants } from './components/OTPField/otpField.variants.js';
|
|
|
50
50
|
export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
|
51
51
|
export type { AutocompleteProps, AutocompleteOption, AutocompleteSlotProps, AutocompleteValue, } from './components/Autocomplete/autocomplete.types.js';
|
|
52
52
|
export { autocompleteVariants } from './components/Autocomplete/autocomplete.variants.js';
|
|
53
|
-
export { DateTimePicker, isoToInputValue, } from './components/DateTimePicker/DateTimePicker.js';
|
|
54
|
-
export type { DateTimePickerProps, DateTimePickerMode, DateTimePickerSlotProps, } from './components/DateTimePicker/dateTimePicker.types.js';
|
|
55
|
-
export { dateTimePickerVariants } from './components/DateTimePicker/dateTimePicker.variants.js';
|
|
56
53
|
export { Calendar } from './components/Calendar/Calendar.js';
|
|
57
54
|
export type { CalendarProps, CalendarSlotProps, } from './components/Calendar/calendar.types.js';
|
|
58
55
|
export { calendarVariants, calendarDayVariants, } from './components/Calendar/calendar.variants.js';
|
|
59
56
|
export { DatePicker } from './components/DatePicker/DatePicker.js';
|
|
60
57
|
export type { DatePickerProps, DatePickerSlotProps, } from './components/DatePicker/datePicker.types.js';
|
|
61
58
|
export { datePickerVariants } from './components/DatePicker/datePicker.variants.js';
|
|
59
|
+
export { TimePicker } from './components/TimePicker/TimePicker.js';
|
|
60
|
+
export type { TimePickerProps, TimePickerSlotProps, } from './components/TimePicker/timePicker.types.js';
|
|
61
|
+
export { timePickerVariants } from './components/TimePicker/timePicker.variants.js';
|
|
62
|
+
export { DateTimePicker } from './components/DateTimePicker/DateTimePicker.js';
|
|
63
|
+
export type { DateTimePickerProps, DateTimePickerSlotProps, } from './components/DateTimePicker/dateTimePicker.types.js';
|
|
64
|
+
export { dateTimePickerVariants } from './components/DateTimePicker/dateTimePicker.variants.js';
|
|
65
|
+
export { DateRangePicker } from './components/DateRangePicker/DateRangePicker.js';
|
|
66
|
+
export type { DateRangePickerProps, DateRangePickerSlotProps, } from './components/DateRangePicker/dateRangePicker.types.js';
|
|
67
|
+
export { dateRangePickerVariants, dateRangeDayVariants, } from './components/DateRangePicker/dateRangePicker.variants.js';
|
|
62
68
|
export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
|
|
63
69
|
export type { BreadcrumbsProps, BreadcrumbItem, BreadcrumbsSlotProps, BreadcrumbLinkComponent, } from './components/Breadcrumbs/breadcrumbs.types.js';
|
|
64
70
|
export { breadcrumbsVariants } from './components/Breadcrumbs/breadcrumbs.variants.js';
|
|
@@ -136,5 +142,5 @@ export type { VariantProps } from 'tailwind-variants';
|
|
|
136
142
|
/**
|
|
137
143
|
* Package version (synced with `package.json` at publish time).
|
|
138
144
|
*/
|
|
139
|
-
export declare const VERSION = "0.
|
|
145
|
+
export declare const VERSION = "0.9.1-beta";
|
|
140
146
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,YAAY,EACV,cAAc,EACd,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AAEjF,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,YAAY,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EACV,WAAW,EACX,eAAe,GAChB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAIxE,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAEpF,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,YAAY,EACV,aAAa,EACb,iBAAiB,GAClB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAI9E,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACtE,YAAY,EACV,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAEvF,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,GACb,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAI9E,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oDAAoD,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dashforge/tw",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0-beta",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.esm.js",
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
"clsx": "^2.1.0",
|
|
29
29
|
"tailwind-merge": "^3.0.0",
|
|
30
30
|
"tailwind-variants": "^3.1.1",
|
|
31
|
-
"@dashforge/calendar-core": "0.
|
|
32
|
-
"@dashforge/
|
|
31
|
+
"@dashforge/calendar-core": "0.2.0-beta",
|
|
32
|
+
"@dashforge/ui-core": "0.2.3-beta",
|
|
33
33
|
"@dashforge/rbac": "0.2.3-beta",
|
|
34
|
-
"@dashforge/
|
|
34
|
+
"@dashforge/forms": "0.2.3-beta"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
// @vitest-environment jsdom
|
|
2
|
+
import { describe, it, expect, vi, beforeAll } from 'vitest';
|
|
3
|
+
import { render, screen, fireEvent } from '@testing-library/react';
|
|
4
|
+
|
|
5
|
+
import { DateRangePicker } from './DateRangePicker.js';
|
|
6
|
+
|
|
7
|
+
beforeAll(() => {
|
|
8
|
+
// Radix Popover (Floating UI) needs ResizeObserver — jsdom lacks it.
|
|
9
|
+
if (!('ResizeObserver' in globalThis)) {
|
|
10
|
+
class ResizeObserverStub {
|
|
11
|
+
observe(): void {
|
|
12
|
+
/* no-op */
|
|
13
|
+
}
|
|
14
|
+
unobserve(): void {
|
|
15
|
+
/* no-op */
|
|
16
|
+
}
|
|
17
|
+
disconnect(): void {
|
|
18
|
+
/* no-op */
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
(globalThis as { ResizeObserver?: unknown }).ResizeObserver =
|
|
22
|
+
ResizeObserverStub;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
describe('DateRangePicker', () => {
|
|
27
|
+
it('renders a labelled trigger with the placeholder', () => {
|
|
28
|
+
render(
|
|
29
|
+
<DateRangePicker name="period" label="Period" placeholder="Pick a range" />,
|
|
30
|
+
);
|
|
31
|
+
expect(screen.queryByText('Period')).not.toBeNull();
|
|
32
|
+
expect(screen.getByRole('button').textContent).toContain('Pick a range');
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
it('shows a localized controlled range', () => {
|
|
36
|
+
render(
|
|
37
|
+
<DateRangePicker
|
|
38
|
+
name="p"
|
|
39
|
+
value={{ start: '2026-05-10', end: '2026-05-15' }}
|
|
40
|
+
/>,
|
|
41
|
+
);
|
|
42
|
+
expect(screen.getByRole('button').textContent).toContain(
|
|
43
|
+
'May 10, 2026 – May 15, 2026',
|
|
44
|
+
);
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
it('opens a dual-month popover from the trigger', () => {
|
|
48
|
+
render(
|
|
49
|
+
<DateRangePicker name="p" defaultValue={{ start: '2026-05-10', end: null }} />,
|
|
50
|
+
);
|
|
51
|
+
expect(screen.queryByRole('dialog')).toBeNull();
|
|
52
|
+
fireEvent.click(screen.getByRole('button', { name: /Select|May/ }));
|
|
53
|
+
expect(screen.queryByRole('dialog')).not.toBeNull();
|
|
54
|
+
expect(screen.getAllByRole('grid')).toHaveLength(2);
|
|
55
|
+
});
|
|
56
|
+
|
|
57
|
+
it('completes the range on the second click and closes the popover', () => {
|
|
58
|
+
const onChange = vi.fn();
|
|
59
|
+
render(
|
|
60
|
+
<DateRangePicker
|
|
61
|
+
name="p"
|
|
62
|
+
defaultValue={{ start: '2026-05-10', end: null }}
|
|
63
|
+
onChange={onChange}
|
|
64
|
+
/>,
|
|
65
|
+
);
|
|
66
|
+
fireEvent.click(screen.getByRole('button', { name: /May 10/ }));
|
|
67
|
+
fireEvent.click(screen.getByRole('button', { name: /May 18, 2026/ }));
|
|
68
|
+
expect(onChange).toHaveBeenCalledWith({ start: '2026-05-10', end: '2026-05-18' });
|
|
69
|
+
expect(screen.queryByRole('dialog')).toBeNull();
|
|
70
|
+
});
|
|
71
|
+
|
|
72
|
+
it('restarts the range on a fresh click and keeps the popover open', () => {
|
|
73
|
+
const onChange = vi.fn();
|
|
74
|
+
render(
|
|
75
|
+
<DateRangePicker
|
|
76
|
+
name="p"
|
|
77
|
+
defaultValue={{ start: '2026-05-20', end: '2026-05-25' }}
|
|
78
|
+
onChange={onChange}
|
|
79
|
+
/>,
|
|
80
|
+
);
|
|
81
|
+
fireEvent.click(screen.getByRole('button', { name: /May 20/ }));
|
|
82
|
+
fireEvent.click(screen.getByRole('button', { name: /May 12, 2026/ }));
|
|
83
|
+
expect(onChange).toHaveBeenCalledWith({ start: '2026-05-12', end: null });
|
|
84
|
+
expect(screen.queryByRole('dialog')).not.toBeNull();
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
it('does not open the popover when disabled', () => {
|
|
88
|
+
render(<DateRangePicker name="p" disabled />);
|
|
89
|
+
fireEvent.click(screen.getByRole('button'));
|
|
90
|
+
expect(screen.queryByRole('dialog')).toBeNull();
|
|
91
|
+
});
|
|
92
|
+
});
|