@multiplatform.one/forms 6.4.0 → 6.4.1
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/dist/cjs/fields/DatePicker/Calendar.cjs +1 -1
- package/dist/cjs/fields/DatePicker/Calendar.native.js +1 -1
- package/dist/cjs/fields/DatePicker/DateRangePicker.cjs +1 -1
- package/dist/cjs/fields/DatePicker/DateRangePicker.native.js +1 -1
- package/dist/cjs/fields/DatePicker/DatetimePicker.cjs +1 -1
- package/dist/cjs/fields/DatePicker/DatetimePicker.native.js +1 -1
- package/dist/cjs/fields/DatePicker/DatetimePicker.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/MultiDatePicker.cjs +1 -1
- package/dist/cjs/fields/DatePicker/MultiDatePicker.native.js +1 -1
- package/dist/cjs/fields/DatePicker/index.cjs +1 -1
- package/dist/cjs/fields/DatePicker/index.native.js +1 -1
- package/dist/cjs/fields/Progress/index.cjs +23 -1
- package/dist/cjs/fields/Progress/index.native.js +24 -1
- package/dist/cjs/fields/Progress/index.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/Calendar.mjs +1 -1
- package/dist/esm/fields/DatePicker/Calendar.native.js +1 -1
- package/dist/esm/fields/DatePicker/Calendar.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/DateRangePicker.mjs +1 -1
- package/dist/esm/fields/DatePicker/DateRangePicker.native.js +1 -1
- package/dist/esm/fields/DatePicker/DateRangePicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/DatetimePicker.mjs +1 -1
- package/dist/esm/fields/DatePicker/DatetimePicker.native.js +1 -1
- package/dist/esm/fields/DatePicker/MultiDatePicker.mjs +1 -1
- package/dist/esm/fields/DatePicker/MultiDatePicker.native.js +1 -1
- package/dist/esm/fields/DatePicker/index.mjs +1 -1
- package/dist/esm/fields/DatePicker/index.native.js +1 -1
- package/dist/esm/fields/Progress/index.mjs +24 -2
- package/dist/esm/fields/Progress/index.mjs.map +1 -1
- package/dist/esm/fields/Progress/index.native.js +25 -2
- package/dist/esm/fields/Progress/index.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/Calendar.mjs +1 -1
- package/dist/jsx/fields/DatePicker/Calendar.native.js +1 -1
- package/dist/jsx/fields/DatePicker/DateRangePicker.mjs +1 -1
- package/dist/jsx/fields/DatePicker/DateRangePicker.native.js +1 -1
- package/dist/jsx/fields/DatePicker/DatetimePicker.mjs +1 -1
- package/dist/jsx/fields/DatePicker/DatetimePicker.native.js +1 -1
- package/dist/jsx/fields/DatePicker/MultiDatePicker.mjs +1 -1
- package/dist/jsx/fields/DatePicker/MultiDatePicker.native.js +1 -1
- package/dist/jsx/fields/DatePicker/index.mjs +1 -1
- package/dist/jsx/fields/DatePicker/index.native.js +1 -1
- package/dist/jsx/fields/Progress/index.mjs +24 -2
- package/dist/jsx/fields/Progress/index.mjs.map +1 -1
- package/dist/jsx/fields/Progress/index.native.js +24 -1
- package/dist/jsx/fields/Progress/index.native.js.map +1 -1
- package/package.json +7 -7
- package/src/fields/DatePicker/index.tsx +68 -21
- package/src/fields/Progress/Progress.spec.tsx +118 -1
- package/src/fields/Progress/Progress.stories.tsx +22 -0
- package/src/fields/Progress/index.tsx +26 -22
- package/src/fields/RadioGroup/index.tsx +8 -3
- package/src/fields/Slider/index.tsx +24 -2
- package/types/fields/Progress/index.d.ts +10 -1
- package/types/fields/Progress/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/src/fields/Progress/scratch-debug.spec.tsx +0 -35
|
@@ -71,7 +71,7 @@ function DayGrid(param) {
|
|
|
71
71
|
borderWidth: knobProps.borderRadius.borderWidth || 1,
|
|
72
72
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
73
73
|
children: isSelected ? /* @__PURE__ */_jsx(Button.Text, {
|
|
74
|
-
transition: "
|
|
74
|
+
transition: "quick",
|
|
75
75
|
enterStyle: {
|
|
76
76
|
opacity: 0,
|
|
77
77
|
y: 20
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Intent } from "@multiplatform.one/theme";
|
|
2
|
+
import { Progress as TamaguiProgress, View, XStack, styled, useTheme } from "tamagui";
|
|
2
3
|
import { Field, FieldLayout } from "../../fieldLayout.mjs";
|
|
3
4
|
import { Skeleton } from "../../Skeleton/index.mjs";
|
|
4
5
|
import { formControlColors } from "../../shared/colorRamps.mjs";
|
|
@@ -19,6 +20,15 @@ const ProgressFrame = styled(TamaguiProgress, {
|
|
|
19
20
|
const ProgressIndicator = styled(TamaguiProgress.Indicator, {
|
|
20
21
|
backgroundColor: formControlColors.border
|
|
21
22
|
});
|
|
23
|
+
function HueFillIndicator() {
|
|
24
|
+
const theme = useTheme();
|
|
25
|
+
const fill = theme.color9?.val;
|
|
26
|
+
return /* @__PURE__ */jsx(ProgressIndicator, {
|
|
27
|
+
...(fill ? {
|
|
28
|
+
backgroundColor: fill
|
|
29
|
+
} : void 0)
|
|
30
|
+
});
|
|
31
|
+
}
|
|
22
32
|
function Progress({
|
|
23
33
|
name,
|
|
24
34
|
form: formProp,
|
|
@@ -35,6 +45,7 @@ function Progress({
|
|
|
35
45
|
max = 100,
|
|
36
46
|
onBlur,
|
|
37
47
|
progressProps,
|
|
48
|
+
intent,
|
|
38
49
|
skeleton,
|
|
39
50
|
compact
|
|
40
51
|
}) {
|
|
@@ -79,7 +90,18 @@ function Progress({
|
|
|
79
90
|
} : void 0),
|
|
80
91
|
"aria-required": required || void 0,
|
|
81
92
|
"aria-invalid": hasError || void 0,
|
|
82
|
-
children: /* @__PURE__ */jsx(
|
|
93
|
+
children: intent && intent !== "accent" ? /* @__PURE__ */jsx(Intent, {
|
|
94
|
+
name: intent,
|
|
95
|
+
children: /* @__PURE__ */jsx(HueFillIndicator, {})
|
|
96
|
+
}) :
|
|
97
|
+
// `accent` rides the base theme's `$accentBackground` — the exact
|
|
98
|
+
// fill the bespoke XP bar used (the "accent" sub-theme is the SOLID
|
|
99
|
+
// ramp, wrong for a fill; same reasoning as Gantt bars / Toast).
|
|
100
|
+
// undefined keeps the styled default (gray form ramp) untouched.
|
|
101
|
+
/* @__PURE__ */
|
|
102
|
+
jsx(ProgressIndicator, {
|
|
103
|
+
backgroundColor: intent === "accent" ? "$accentBackground" : void 0
|
|
104
|
+
})
|
|
83
105
|
});
|
|
84
106
|
return /* @__PURE__ */jsx(XStack, {
|
|
85
107
|
height: size || knobProps.sizeToken,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Progress","TamaguiProgress","View","XStack","styled","Field","FieldLayout","Skeleton","formControlColors","t","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","jsx","ProgressFrame","backgroundColor","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","value","defaultValue","max","onBlur","progressProps","skeleton","compact","resolvedForm","knobProps","elevation","resolvedValidators","children","variant","width","height","elevationWrapperProps","renderProgress","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","alignItems","field","resolvedError","state"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["Intent","Progress","TamaguiProgress","View","XStack","styled","useTheme","Field","FieldLayout","Skeleton","formControlColors","t","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","jsx","ProgressFrame","backgroundColor","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","HueFillIndicator","theme","fill","color9","val","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","value","defaultValue","max","onBlur","progressProps","intent","skeleton","compact","resolvedForm","knobProps","elevation","resolvedValidators","children","variant","width","height","elevationWrapperProps","renderProgress","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","alignItems","field","resolvedError","state"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Intent } from "@multiplatform.one/theme";
|
|
3
|
+
import { Progress as TamaguiProgress, View, XStack, styled, useTheme } from "tamagui";
|
|
3
4
|
import { Field, FieldLayout } from "../../fieldLayout.native.js";
|
|
4
5
|
import { Skeleton } from "../../Skeleton/index.native.js";
|
|
5
6
|
import { formControlColors } from "../../shared/colorRamps.native.js";
|
|
@@ -19,6 +20,16 @@ var ProgressFrame = styled(TamaguiProgress, {
|
|
|
19
20
|
var ProgressIndicator = styled(TamaguiProgress.Indicator, {
|
|
20
21
|
backgroundColor: formControlColors.border
|
|
21
22
|
});
|
|
23
|
+
function HueFillIndicator() {
|
|
24
|
+
var _theme_color9;
|
|
25
|
+
var theme = useTheme();
|
|
26
|
+
var fill = (_theme_color9 = theme.color9) === null || _theme_color9 === void 0 ? void 0 : _theme_color9.val;
|
|
27
|
+
return /* @__PURE__ */_jsx(ProgressIndicator, {
|
|
28
|
+
...(fill ? {
|
|
29
|
+
backgroundColor: fill
|
|
30
|
+
} : void 0)
|
|
31
|
+
});
|
|
32
|
+
}
|
|
22
33
|
function Progress(param) {
|
|
23
34
|
var {
|
|
24
35
|
name,
|
|
@@ -36,6 +47,7 @@ function Progress(param) {
|
|
|
36
47
|
max = 100,
|
|
37
48
|
onBlur,
|
|
38
49
|
progressProps,
|
|
50
|
+
intent,
|
|
39
51
|
skeleton,
|
|
40
52
|
compact
|
|
41
53
|
} = param;
|
|
@@ -81,7 +93,18 @@ function Progress(param) {
|
|
|
81
93
|
} : void 0),
|
|
82
94
|
"aria-required": required || void 0,
|
|
83
95
|
"aria-invalid": hasError || void 0,
|
|
84
|
-
children: /* @__PURE__ */_jsx(
|
|
96
|
+
children: intent && intent !== "accent" ? /* @__PURE__ */_jsx(Intent, {
|
|
97
|
+
name: intent,
|
|
98
|
+
children: /* @__PURE__ */_jsx(HueFillIndicator, {})
|
|
99
|
+
}) :
|
|
100
|
+
// `accent` rides the base theme's `$accentBackground` — the exact
|
|
101
|
+
// fill the bespoke XP bar used (the "accent" sub-theme is the SOLID
|
|
102
|
+
// ramp, wrong for a fill; same reasoning as Gantt bars / Toast).
|
|
103
|
+
// undefined keeps the styled default (gray form ramp) untouched.
|
|
104
|
+
/* @__PURE__ */
|
|
105
|
+
_jsx(ProgressIndicator, {
|
|
106
|
+
backgroundColor: intent === "accent" ? "$accentBackground" : void 0
|
|
107
|
+
})
|
|
85
108
|
});
|
|
86
109
|
return /* @__PURE__ */_jsx(XStack, {
|
|
87
110
|
height: size || knobProps.sizeToken,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","Progress","TamaguiProgress","View","XStack","styled","Field","FieldLayout","Skeleton","formControlColors","t","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","ProgressFrame","backgroundColor","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","param","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","value","defaultValue","max","onBlur","progressProps","skeleton","compact","resolvedForm","knobProps","elevation","resolvedValidators","children","variant","width","height","elevationWrapperProps","renderProgress","renderProgress2","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","alignItems","_ref","field","_field_state_value","resolvedError","state"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Intent","Progress","TamaguiProgress","View","XStack","styled","useTheme","Field","FieldLayout","Skeleton","formControlColors","t","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","ProgressFrame","backgroundColor","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","HueFillIndicator","_theme_color9","theme","fill","color9","val","param","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","value","defaultValue","max","onBlur","progressProps","intent","skeleton","compact","resolvedForm","knobProps","elevation","resolvedValidators","children","variant","width","height","elevationWrapperProps","renderProgress","renderProgress2","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","alignItems","_ref","field","_field_state_value","resolvedError","state"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -113,7 +113,7 @@ function CalendarDayGrid({
|
|
|
113
113
|
backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
|
|
114
114
|
zIndex: 1,
|
|
115
115
|
children: isSelected ? /* @__PURE__ */jsx(Button.Text, {
|
|
116
|
-
transition: "
|
|
116
|
+
transition: "quick",
|
|
117
117
|
enterStyle: {
|
|
118
118
|
opacity: 0,
|
|
119
119
|
y: 20
|
|
@@ -150,7 +150,7 @@ function CalendarDayGrid(param) {
|
|
|
150
150
|
backgroundColor: isSelected ? import_colorRamps.formInputColors.background.focus : "transparent",
|
|
151
151
|
zIndex: 1,
|
|
152
152
|
children: isSelected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
|
|
153
|
-
transition: "
|
|
153
|
+
transition: "quick",
|
|
154
154
|
enterStyle: {
|
|
155
155
|
opacity: 0,
|
|
156
156
|
y: 20
|
|
@@ -113,7 +113,7 @@ function RangeDayGrid({
|
|
|
113
113
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
114
114
|
zIndex: 1,
|
|
115
115
|
children: isSelected ? /* @__PURE__ */jsx(Button.Text, {
|
|
116
|
-
transition: "
|
|
116
|
+
transition: "quick",
|
|
117
117
|
enterStyle: {
|
|
118
118
|
opacity: 0,
|
|
119
119
|
y: 20
|
|
@@ -147,7 +147,7 @@ function RangeDayGrid(param) {
|
|
|
147
147
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
148
148
|
zIndex: 1,
|
|
149
149
|
children: isSelected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
|
|
150
|
-
transition: "
|
|
150
|
+
transition: "quick",
|
|
151
151
|
enterStyle: {
|
|
152
152
|
opacity: 0,
|
|
153
153
|
y: 20
|
|
@@ -96,7 +96,7 @@ function DayGrid({
|
|
|
96
96
|
borderWidth: knobProps.borderRadius.borderWidth || 1,
|
|
97
97
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
98
98
|
children: isSelected ? /* @__PURE__ */jsx(Button.Text, {
|
|
99
|
-
transition: "
|
|
99
|
+
transition: "quick",
|
|
100
100
|
enterStyle: {
|
|
101
101
|
opacity: 0,
|
|
102
102
|
y: 20
|
|
@@ -129,7 +129,7 @@ function DayGrid(param) {
|
|
|
129
129
|
borderWidth: knobProps.borderRadius.borderWidth || 1,
|
|
130
130
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
131
131
|
children: isSelected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
|
|
132
|
-
transition: "
|
|
132
|
+
transition: "quick",
|
|
133
133
|
enterStyle: {
|
|
134
134
|
opacity: 0,
|
|
135
135
|
y: 20
|
|
@@ -62,7 +62,7 @@ function MultiDayGrid({
|
|
|
62
62
|
borderWidth: knobProps.borderRadius.borderWidth || 1,
|
|
63
63
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
64
64
|
children: isSelected ? /* @__PURE__ */jsx(Button.Text, {
|
|
65
|
-
transition: "
|
|
65
|
+
transition: "quick",
|
|
66
66
|
enterStyle: {
|
|
67
67
|
opacity: 0,
|
|
68
68
|
y: 20
|
|
@@ -97,7 +97,7 @@ function MultiDayGrid(param) {
|
|
|
97
97
|
borderWidth: knobProps.borderRadius.borderWidth || 1,
|
|
98
98
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
99
99
|
children: isSelected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
|
|
100
|
-
transition: "
|
|
100
|
+
transition: "quick",
|
|
101
101
|
enterStyle: {
|
|
102
102
|
opacity: 0,
|
|
103
103
|
y: 20
|
|
@@ -67,7 +67,7 @@ function DayGrid({
|
|
|
67
67
|
borderWidth: knobProps.borderRadius.borderWidth || 1,
|
|
68
68
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
69
69
|
children: isSelected ? /* @__PURE__ */jsx(Button.Text, {
|
|
70
|
-
transition: "
|
|
70
|
+
transition: "quick",
|
|
71
71
|
enterStyle: {
|
|
72
72
|
opacity: 0,
|
|
73
73
|
y: 20
|
|
@@ -105,7 +105,7 @@ function DayGrid(param) {
|
|
|
105
105
|
borderWidth: knobProps.borderRadius.borderWidth || 1,
|
|
106
106
|
borderColor: isSelected ? "$backgroundStrong" : "transparent",
|
|
107
107
|
children: isSelected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
|
|
108
|
-
transition: "
|
|
108
|
+
transition: "quick",
|
|
109
109
|
enterStyle: {
|
|
110
110
|
opacity: 0,
|
|
111
111
|
y: 20
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Intent } from "@multiplatform.one/theme";
|
|
2
|
+
import { Progress as TamaguiProgress, View, XStack, styled, useTheme } from "tamagui";
|
|
2
3
|
import { Field, FieldLayout } from "../../fieldLayout.mjs";
|
|
3
4
|
import { Skeleton } from "../../Skeleton/index.mjs";
|
|
4
5
|
import { formControlColors } from "../../shared/colorRamps.mjs";
|
|
@@ -19,6 +20,15 @@ const ProgressFrame = styled(TamaguiProgress, {
|
|
|
19
20
|
const ProgressIndicator = styled(TamaguiProgress.Indicator, {
|
|
20
21
|
backgroundColor: formControlColors.border
|
|
21
22
|
});
|
|
23
|
+
function HueFillIndicator() {
|
|
24
|
+
const theme = useTheme();
|
|
25
|
+
const fill = theme.color9?.val;
|
|
26
|
+
return /* @__PURE__ */jsx(ProgressIndicator, {
|
|
27
|
+
...(fill ? {
|
|
28
|
+
backgroundColor: fill
|
|
29
|
+
} : void 0)
|
|
30
|
+
});
|
|
31
|
+
}
|
|
22
32
|
function Progress({
|
|
23
33
|
name,
|
|
24
34
|
form: formProp,
|
|
@@ -35,6 +45,7 @@ function Progress({
|
|
|
35
45
|
max = 100,
|
|
36
46
|
onBlur,
|
|
37
47
|
progressProps,
|
|
48
|
+
intent,
|
|
38
49
|
skeleton,
|
|
39
50
|
compact
|
|
40
51
|
}) {
|
|
@@ -79,7 +90,18 @@ function Progress({
|
|
|
79
90
|
} : void 0),
|
|
80
91
|
"aria-required": required || void 0,
|
|
81
92
|
"aria-invalid": hasError || void 0,
|
|
82
|
-
children: /* @__PURE__ */jsx(
|
|
93
|
+
children: intent && intent !== "accent" ? /* @__PURE__ */jsx(Intent, {
|
|
94
|
+
name: intent,
|
|
95
|
+
children: /* @__PURE__ */jsx(HueFillIndicator, {})
|
|
96
|
+
}) :
|
|
97
|
+
// `accent` rides the base theme's `$accentBackground` — the exact
|
|
98
|
+
// fill the bespoke XP bar used (the "accent" sub-theme is the SOLID
|
|
99
|
+
// ramp, wrong for a fill; same reasoning as Gantt bars / Toast).
|
|
100
|
+
// undefined keeps the styled default (gray form ramp) untouched.
|
|
101
|
+
/* @__PURE__ */
|
|
102
|
+
jsx(ProgressIndicator, {
|
|
103
|
+
backgroundColor: intent === "accent" ? "$accentBackground" : void 0
|
|
104
|
+
})
|
|
83
105
|
});
|
|
84
106
|
return /* @__PURE__ */jsx(XStack, {
|
|
85
107
|
height: size || knobProps.sizeToken,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Progress","TamaguiProgress","View","XStack","styled","Field","FieldLayout","Skeleton","formControlColors","t","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","jsx","ProgressFrame","backgroundColor","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","value","defaultValue","max","onBlur","progressProps","skeleton","compact","resolvedForm","knobProps","elevation","resolvedValidators","children","variant","width","height","elevationWrapperProps","renderProgress","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","alignItems","field","resolvedError","state"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["Intent","Progress","TamaguiProgress","View","XStack","styled","useTheme","Field","FieldLayout","Skeleton","formControlColors","t","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","jsx","ProgressFrame","backgroundColor","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","HueFillIndicator","theme","fill","color9","val","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","value","defaultValue","max","onBlur","progressProps","intent","skeleton","compact","resolvedForm","knobProps","elevation","resolvedValidators","children","variant","width","height","elevationWrapperProps","renderProgress","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","alignItems","field","resolvedError","state"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -28,6 +28,7 @@ __export(Progress_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(Progress_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_theme = require("@multiplatform.one/theme");
|
|
31
32
|
var import_tamagui = require("tamagui");
|
|
32
33
|
var import_fieldLayout = require("../../fieldLayout.native.js");
|
|
33
34
|
var import_Skeleton = require("../../Skeleton/index.native.js");
|
|
@@ -48,6 +49,16 @@ var ProgressFrame = (0, import_tamagui.styled)(import_tamagui.Progress, {
|
|
|
48
49
|
var ProgressIndicator = (0, import_tamagui.styled)(import_tamagui.Progress.Indicator, {
|
|
49
50
|
backgroundColor: import_colorRamps.formControlColors.border
|
|
50
51
|
});
|
|
52
|
+
function HueFillIndicator() {
|
|
53
|
+
var _theme_color9;
|
|
54
|
+
var theme = (0, import_tamagui.useTheme)();
|
|
55
|
+
var fill = (_theme_color9 = theme.color9) === null || _theme_color9 === void 0 ? void 0 : _theme_color9.val;
|
|
56
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressIndicator, {
|
|
57
|
+
...(fill ? {
|
|
58
|
+
backgroundColor: fill
|
|
59
|
+
} : void 0)
|
|
60
|
+
});
|
|
61
|
+
}
|
|
51
62
|
function Progress(param) {
|
|
52
63
|
var {
|
|
53
64
|
name,
|
|
@@ -65,6 +76,7 @@ function Progress(param) {
|
|
|
65
76
|
max = 100,
|
|
66
77
|
onBlur,
|
|
67
78
|
progressProps,
|
|
79
|
+
intent,
|
|
68
80
|
skeleton,
|
|
69
81
|
compact
|
|
70
82
|
} = param;
|
|
@@ -110,7 +122,18 @@ function Progress(param) {
|
|
|
110
122
|
} : void 0),
|
|
111
123
|
"aria-required": required || void 0,
|
|
112
124
|
"aria-invalid": hasError || void 0,
|
|
113
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
125
|
+
children: intent && intent !== "accent" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Intent, {
|
|
126
|
+
name: intent,
|
|
127
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(HueFillIndicator, {})
|
|
128
|
+
}) :
|
|
129
|
+
// `accent` rides the base theme's `$accentBackground` — the exact
|
|
130
|
+
// fill the bespoke XP bar used (the "accent" sub-theme is the SOLID
|
|
131
|
+
// ramp, wrong for a fill; same reasoning as Gantt bars / Toast).
|
|
132
|
+
// undefined keeps the styled default (gray form ramp) untouched.
|
|
133
|
+
/* @__PURE__ */
|
|
134
|
+
(0, import_jsx_runtime.jsx)(ProgressIndicator, {
|
|
135
|
+
backgroundColor: intent === "accent" ? "$accentBackground" : void 0
|
|
136
|
+
})
|
|
114
137
|
});
|
|
115
138
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
116
139
|
height: size || knobProps.sizeToken,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Progress_exports","Progress","module","exports","import_jsx_runtime","require","import_tamagui","import_fieldLayout","import_Skeleton","import_colorRamps","import_t","import_utils","ProgressFrame","styled","backgroundColor","formControlColors","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","param","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","defaultValue","max","onBlur","progressProps","skeleton","compact","resolvedForm","knobProps","elevation","useFormField","resolvedValidators","useResolvedValidators","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Progress_exports","Progress","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_fieldLayout","import_Skeleton","import_colorRamps","import_t","import_utils","ProgressFrame","styled","backgroundColor","formControlColors","background","borderWidth","variants","outlined","true","ProgressIndicator","Indicator","border","HueFillIndicator","_theme_color9","theme","useTheme","fill","color9","val","jsx","param","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","defaultValue","max","onBlur","progressProps","intent","skeleton","compact","resolvedForm","knobProps","elevation","useFormField","resolvedValidators","useResolvedValidators","FieldLayout","children","Skeleton","variant","width","height","elevationWrapperProps","getElevationWrapperProps","renderProgress","renderProgress2","progressValue","blurHandler","hasError","progressElement","sizeToken","borderRadius","t","Intent","XStack","alignItems","View","_ref","Field","field","_field_state_value","resolvedError","getFieldError","state","mergeFieldHandler"],"sources":["../../../../src/fields/Progress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@multiplatform.one/forms",
|
|
3
|
-
"version": "6.4.
|
|
3
|
+
"version": "6.4.1",
|
|
4
4
|
"description": "Cross-platform form components with URL state management",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"cross-platform",
|
|
@@ -69,9 +69,9 @@
|
|
|
69
69
|
"perfect-freehand": "^1.2.3",
|
|
70
70
|
"react-native-svg": "15.15.4",
|
|
71
71
|
"tamagui": "2.0.0-rc.41",
|
|
72
|
-
"@multiplatform.one/router": "6.4.
|
|
73
|
-
"@multiplatform.one/table-primitives": "6.4.
|
|
74
|
-
"@multiplatform.one/theme": "6.4.
|
|
72
|
+
"@multiplatform.one/router": "6.4.1",
|
|
73
|
+
"@multiplatform.one/table-primitives": "6.4.1",
|
|
74
|
+
"@multiplatform.one/theme": "6.4.1"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
77
77
|
"@tamagui/build": "2.0.0-rc.41",
|
|
@@ -92,9 +92,9 @@
|
|
|
92
92
|
"react-i18next": "^16.6.6",
|
|
93
93
|
"react-native-web": "^0.21.2",
|
|
94
94
|
"vitest": "^4.1.5",
|
|
95
|
-
"@multiplatform.one/
|
|
96
|
-
"@multiplatform.one/
|
|
97
|
-
"@multiplatform.one/
|
|
95
|
+
"@multiplatform.one/config": "6.4.1",
|
|
96
|
+
"@multiplatform.one/storybook": "6.4.1",
|
|
97
|
+
"@multiplatform.one/test-utils": "6.4.1"
|
|
98
98
|
},
|
|
99
99
|
"peerDependencies": {
|
|
100
100
|
"expo-maps": "*",
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import type { DeepKeys, DeepValue } from "@tanstack/form-core";
|
|
2
2
|
import { useAccentOnSurface, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
type ComponentProps,
|
|
5
|
+
type Dispatch,
|
|
6
|
+
type SetStateAction,
|
|
7
|
+
useCallback,
|
|
8
|
+
useEffect,
|
|
9
|
+
useRef,
|
|
10
|
+
useState,
|
|
11
|
+
} from "react";
|
|
4
12
|
import { coerceToDate } from "./utils";
|
|
5
13
|
import { AnimatePresence, type Popover, View, useProps } from "tamagui";
|
|
6
14
|
|
|
@@ -246,6 +254,40 @@ function CalendarBody({
|
|
|
246
254
|
);
|
|
247
255
|
}
|
|
248
256
|
|
|
257
|
+
// ---------------------------------------------------------------------------
|
|
258
|
+
// FieldValueSync — form-integrated display sync
|
|
259
|
+
// ---------------------------------------------------------------------------
|
|
260
|
+
|
|
261
|
+
/**
|
|
262
|
+
* Mirrors the TanStack field value into the picker's display state
|
|
263
|
+
* (`selectedDate`). Without it the form branch only ever showed the
|
|
264
|
+
* mount-time value, so a value applied AFTER first paint (create-mode
|
|
265
|
+
* engine seeding, form.setFieldValue, live server merge) never rendered.
|
|
266
|
+
* Display-only: never calls onChange/onValueChange (LC-14 — a programmatic
|
|
267
|
+
* value application is not a user edit). Rendered inside the Field render
|
|
268
|
+
* prop, which re-renders on field state changes (hooks cannot live in the
|
|
269
|
+
* render prop itself — same extraction as Stepper/PhoneInput renderers).
|
|
270
|
+
*/
|
|
271
|
+
function DatePickerFieldValueSync({
|
|
272
|
+
value,
|
|
273
|
+
onSync,
|
|
274
|
+
}: {
|
|
275
|
+
value: unknown;
|
|
276
|
+
onSync: Dispatch<SetStateAction<Date | null>>;
|
|
277
|
+
}) {
|
|
278
|
+
useEffect(() => {
|
|
279
|
+
const next = coerceToDate(value);
|
|
280
|
+
// Keep the previous Date identity when the instant is unchanged so the
|
|
281
|
+
// sync never churns downstream effects (close-on-select watches state).
|
|
282
|
+
onSync((prev) =>
|
|
283
|
+
prev === next || (prev !== null && next !== null && prev.getTime() === next.getTime())
|
|
284
|
+
? prev
|
|
285
|
+
: next,
|
|
286
|
+
);
|
|
287
|
+
}, [value, onSync]);
|
|
288
|
+
return null;
|
|
289
|
+
}
|
|
290
|
+
|
|
249
291
|
// ---------------------------------------------------------------------------
|
|
250
292
|
// DatePicker — main exported component
|
|
251
293
|
// ---------------------------------------------------------------------------
|
|
@@ -473,26 +515,31 @@ export function DatePicker<
|
|
|
473
515
|
const resolvedError = getFieldError(field, errorProp);
|
|
474
516
|
|
|
475
517
|
return (
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
518
|
+
<>
|
|
519
|
+
{/* Form branch displays from `selectedDate` — keep it synced to
|
|
520
|
+
the live field value (late seeds / programmatic updates). */}
|
|
521
|
+
<DatePickerFieldValueSync value={field.state.value} onSync={setSelectedDate} />
|
|
522
|
+
<FieldLayout
|
|
523
|
+
id={id}
|
|
524
|
+
label={label}
|
|
525
|
+
labelProps={labelProps}
|
|
526
|
+
error={resolvedError}
|
|
527
|
+
helperText={helperText}
|
|
528
|
+
required={required}
|
|
529
|
+
size={size}
|
|
530
|
+
knobProps={knobProps}
|
|
531
|
+
// LC-40: see standalone branch — FieldLayout carries dimWhole.
|
|
532
|
+
disabled={disabled}
|
|
533
|
+
>
|
|
534
|
+
<InputParts size={size || knobProps.sizeToken}>
|
|
535
|
+
{renderPopover(
|
|
536
|
+
!!resolvedError,
|
|
537
|
+
mergeFieldHandler(field, "handleBlur", onBlur),
|
|
538
|
+
mergeFieldHandler(field, "handleChange"),
|
|
539
|
+
)}
|
|
540
|
+
</InputParts>
|
|
541
|
+
</FieldLayout>
|
|
542
|
+
</>
|
|
496
543
|
);
|
|
497
544
|
}}
|
|
498
545
|
</Field>
|