@ultraviolet/form 6.0.16 → 6.1.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/.vite/license.md +3 -0
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/asyncToGenerator.js +32 -0
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/defineProperty.js +15 -0
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js +28 -0
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js +18 -0
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutPropertiesLoose.js +15 -0
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/toPrimitive.js +17 -0
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/toPropertyKey.js +12 -0
- package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/typeof.js +14 -0
- package/dist/_virtual/_rolldown/runtime.js +9 -0
- package/dist/components/CheckboxField/index.d.ts +1 -1
- package/dist/components/CheckboxField/index.d.ts.map +1 -1
- package/dist/components/CheckboxField/index.js +57 -56
- package/dist/components/CheckboxGroupField/index.d.ts.map +1 -1
- package/dist/components/CheckboxGroupField/index.js +65 -95
- package/dist/components/DateInputField/index.d.ts.map +1 -1
- package/dist/components/DateInputField/index.js +92 -91
- package/dist/components/FileInputField/index.js +68 -75
- package/dist/components/Form/defaultErrors.js +23 -20
- package/dist/components/Form/index.d.ts.map +1 -1
- package/dist/components/Form/index.js +39 -37
- package/dist/components/KeyValueField/index.d.ts.map +1 -1
- package/dist/components/KeyValueField/index.js +94 -106
- package/dist/components/NumberInputField/index.d.ts +1 -1
- package/dist/components/NumberInputField/index.d.ts.map +1 -1
- package/dist/components/NumberInputField/index.js +66 -66
- package/dist/components/RadioField/index.d.ts +1 -1
- package/dist/components/RadioField/index.d.ts.map +1 -1
- package/dist/components/RadioField/index.js +65 -66
- package/dist/components/RadioGroupField/index.d.ts.map +1 -1
- package/dist/components/RadioGroupField/index.js +49 -55
- package/dist/components/SelectInputField/index.d.ts +1 -1
- package/dist/components/SelectInputField/index.d.ts.map +1 -1
- package/dist/components/SelectInputField/index.js +56 -58
- package/dist/components/SelectableCardField/index.d.ts +1 -1
- package/dist/components/SelectableCardField/index.d.ts.map +1 -1
- package/dist/components/SelectableCardField/index.js +63 -74
- package/dist/components/SelectableCardGroupField/SelectableCardGroupField.d.ts.map +1 -1
- package/dist/components/SelectableCardGroupField/SelectableCardGroupField.js +56 -67
- package/dist/components/SelectableCardOptionGroupField/index.js +60 -62
- package/dist/components/SliderField/index.d.ts +1 -1
- package/dist/components/SliderField/index.d.ts.map +1 -1
- package/dist/components/SliderField/index.js +85 -87
- package/dist/components/Submit/index.d.ts.map +1 -1
- package/dist/components/Submit/index.js +23 -34
- package/dist/components/SubmitErrorAlert/index.d.ts +1 -1
- package/dist/components/SubmitErrorAlert/index.d.ts.map +1 -1
- package/dist/components/SubmitErrorAlert/index.js +15 -7
- package/dist/components/SwitchButtonField/index.d.ts +8 -8
- package/dist/components/SwitchButtonField/index.d.ts.map +1 -1
- package/dist/components/SwitchButtonField/index.js +45 -44
- package/dist/components/TagInputField/index.d.ts +1 -1
- package/dist/components/TagInputField/index.d.ts.map +1 -1
- package/dist/components/TagInputField/index.js +51 -55
- package/dist/components/TextAreaField/index.d.ts +1 -1
- package/dist/components/TextAreaField/index.d.ts.map +1 -1
- package/dist/components/TextAreaField/index.js +82 -89
- package/dist/components/TextInputField/index.d.ts +1 -1
- package/dist/components/TextInputField/index.d.ts.map +1 -1
- package/dist/components/TextInputField/index.js +70 -75
- package/dist/components/TimeInputField/index.d.ts +1 -1
- package/dist/components/TimeInputField/index.d.ts.map +1 -1
- package/dist/components/TimeInputField/index.js +53 -53
- package/dist/components/ToggleField/index.d.ts +1 -1
- package/dist/components/ToggleField/index.d.ts.map +1 -1
- package/dist/components/ToggleField/index.js +62 -72
- package/dist/components/ToggleGroupField/index.d.ts.map +1 -1
- package/dist/components/ToggleGroupField/index.js +51 -63
- package/dist/components/UnitInputField/index.d.ts.map +1 -1
- package/dist/components/UnitInputField/index.js +62 -59
- package/dist/components/VerificationCodeField/index.d.ts.map +1 -1
- package/dist/components/VerificationCodeField/index.js +45 -50
- package/dist/components/compositions/OfferListField/index.d.ts +54 -0
- package/dist/components/compositions/OfferListField/index.d.ts.map +1 -0
- package/dist/components/compositions/OfferListField/index.js +57 -0
- package/dist/components/compositions/OptionSelectorField/index.d.ts +1 -1
- package/dist/components/compositions/OptionSelectorField/index.d.ts.map +1 -1
- package/dist/components/compositions/OptionSelectorField/index.js +52 -53
- package/dist/components/compositions/PlansField/index.d.ts +8 -0
- package/dist/components/compositions/PlansField/index.d.ts.map +1 -0
- package/dist/components/compositions/PlansField/index.js +28 -0
- package/dist/components/compositions/index.d.ts +2 -0
- package/dist/components/compositions/index.d.ts.map +1 -1
- package/dist/components/compositions/index.js +4 -3
- package/dist/hooks/useOnFieldChange.d.ts.map +1 -1
- package/dist/hooks/useOnFieldChange.js +28 -17
- package/dist/index.js +6 -40
- package/dist/providers/ErrorContext/index.d.ts.map +1 -1
- package/dist/providers/ErrorContext/index.js +25 -31
- package/dist/utils/validateRegex.d.ts +1 -1
- package/dist/utils/validateRegex.d.ts.map +1 -1
- package/dist/utils/validateRegex.js +7 -6
- package/dist/validators/index.d.ts +2 -2
- package/dist/validators/index.d.ts.map +1 -1
- package/dist/validators/isInteger.d.ts +1 -1
- package/dist/validators/isInteger.d.ts.map +1 -1
- package/dist/validators/isInteger.js +9 -10
- package/dist/validators/maxDate.d.ts +1 -1
- package/dist/validators/maxDate.d.ts.map +1 -1
- package/dist/validators/maxDate.js +6 -3
- package/dist/validators/minDate.d.ts +1 -1
- package/dist/validators/minDate.d.ts.map +1 -1
- package/dist/validators/minDate.js +6 -3
- package/package.json +8 -8
- package/LICENSE +0 -189
|
@@ -1,92 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
'use client';
|
|
2
|
+
import { __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
+
import { useErrors } from "../../providers/ErrorContext/index.js";
|
|
4
|
+
import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
|
|
5
|
+
import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
|
|
6
|
+
import { validateRegex } from "../../utils/validateRegex.js";
|
|
3
7
|
import { TextArea } from "@ultraviolet/ui";
|
|
4
8
|
import { useController } from "react-hook-form";
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
},
|
|
79
|
-
onChange: (event) => {
|
|
80
|
-
field.onChange(event);
|
|
81
|
-
onChange?.(event);
|
|
82
|
-
},
|
|
83
|
-
onKeyDown: onKeyDownHandler,
|
|
84
|
-
required,
|
|
85
|
-
value: field.value,
|
|
86
|
-
...label ? { label } : { "aria-label": ariaLabel }
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
};
|
|
90
|
-
export {
|
|
91
|
-
TextAreaField
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
|
|
11
|
+
//#region src/components/TextAreaField/index.tsx
|
|
12
|
+
const _excluded = [
|
|
13
|
+
"control",
|
|
14
|
+
"label",
|
|
15
|
+
"onChange",
|
|
16
|
+
"minLength",
|
|
17
|
+
"maxLength",
|
|
18
|
+
"name",
|
|
19
|
+
"onBlur",
|
|
20
|
+
"onKeyDown",
|
|
21
|
+
"required",
|
|
22
|
+
"regex",
|
|
23
|
+
"submitOnEnter",
|
|
24
|
+
"validate",
|
|
25
|
+
"aria-label"
|
|
26
|
+
];
|
|
27
|
+
/**
|
|
28
|
+
* This component offers a form field based on Ultraviolet UI TextArea component
|
|
29
|
+
*/
|
|
30
|
+
const TextAreaField = (_ref) => {
|
|
31
|
+
var _ref2;
|
|
32
|
+
let { control, label, onChange, minLength, maxLength, name, onBlur, onKeyDown, required, regex: regexes, submitOnEnter, validate, "aria-label": ariaLabel } = _ref;
|
|
33
|
+
let props = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
+
const { getError } = useErrors();
|
|
35
|
+
const { field, fieldState: { error } } = useController({
|
|
36
|
+
control,
|
|
37
|
+
name,
|
|
38
|
+
rules: {
|
|
39
|
+
maxLength,
|
|
40
|
+
minLength,
|
|
41
|
+
required,
|
|
42
|
+
validate: _objectSpread2(_objectSpread2({}, regexes ? { pattern: (value) => validateRegex(value, regexes) } : {}), validate)
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
const onKeyDownHandler = (event) => {
|
|
46
|
+
if (submitOnEnter && event.key === "Enter" && !event.shiftKey) {
|
|
47
|
+
event.preventDefault();
|
|
48
|
+
event.stopPropagation();
|
|
49
|
+
const { form } = event.currentTarget;
|
|
50
|
+
if (form) {
|
|
51
|
+
const submitEvent = new Event("submit", {
|
|
52
|
+
bubbles: true,
|
|
53
|
+
cancelable: true
|
|
54
|
+
});
|
|
55
|
+
form.dispatchEvent(submitEvent);
|
|
56
|
+
}
|
|
57
|
+
} else onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
|
|
58
|
+
};
|
|
59
|
+
return /* @__PURE__ */ jsx(TextArea, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
60
|
+
error: getError({
|
|
61
|
+
label: (_ref2 = label !== null && label !== void 0 ? label : ariaLabel) !== null && _ref2 !== void 0 ? _ref2 : name,
|
|
62
|
+
maxLength,
|
|
63
|
+
minLength,
|
|
64
|
+
regex: regexes,
|
|
65
|
+
value: field.value
|
|
66
|
+
}, error),
|
|
67
|
+
maxLength,
|
|
68
|
+
minLength,
|
|
69
|
+
name,
|
|
70
|
+
onBlur: (event) => {
|
|
71
|
+
onBlur === null || onBlur === void 0 || onBlur(event);
|
|
72
|
+
field.onBlur();
|
|
73
|
+
},
|
|
74
|
+
onChange: (event) => {
|
|
75
|
+
field.onChange(event);
|
|
76
|
+
onChange === null || onChange === void 0 || onChange(event);
|
|
77
|
+
},
|
|
78
|
+
onKeyDown: onKeyDownHandler,
|
|
79
|
+
required,
|
|
80
|
+
value: field.value
|
|
81
|
+
}, label ? { label } : { "aria-label": ariaLabel }));
|
|
92
82
|
};
|
|
83
|
+
|
|
84
|
+
//#endregion
|
|
85
|
+
export { TextAreaField };
|
|
@@ -8,6 +8,6 @@ type TextInputFieldProps<TFieldValues extends FieldValues, TFieldName extends Fi
|
|
|
8
8
|
/**
|
|
9
9
|
* This component offers a form field based on Ultraviolet UI TextInput component
|
|
10
10
|
*/
|
|
11
|
-
export declare const TextInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ regex: regexes, onChange, label, required, name, onBlur, minLength, maxLength,
|
|
11
|
+
export declare const TextInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ regex: regexes, onChange, label, required, name, onBlur, minLength, maxLength, 'aria-label': ariaLabel, shouldUnregister, validate, control, ...props }: TextInputFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
13
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGjD,KAAK,mBAAmB,CACtB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CACF,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CACxC,GAAG;IACF,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,CAAA;CAC9B,CAAA;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGjD,KAAK,mBAAmB,CACtB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CACF,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CACxC,GAAG;IACF,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,CAAA;CAC9B,CAAA;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,YAAY,sBACZ,UAAU,gTAwEX,CAAA"}
|
|
@@ -1,78 +1,73 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
'use client';
|
|
2
|
+
import { __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
+
import { useErrors } from "../../providers/ErrorContext/index.js";
|
|
4
|
+
import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
|
|
5
|
+
import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
|
|
6
|
+
import { validateRegex } from "../../utils/validateRegex.js";
|
|
3
7
|
import { TextInput } from "@ultraviolet/ui";
|
|
4
8
|
import { useController } from "react-hook-form";
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
field.onChange(event);
|
|
67
|
-
onChange?.(
|
|
68
|
-
event.target.value
|
|
69
|
-
);
|
|
70
|
-
},
|
|
71
|
-
required,
|
|
72
|
-
value: field.value ?? ""
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
};
|
|
76
|
-
export {
|
|
77
|
-
TextInputField
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
|
|
11
|
+
//#region src/components/TextInputField/index.tsx
|
|
12
|
+
const _excluded = [
|
|
13
|
+
"regex",
|
|
14
|
+
"onChange",
|
|
15
|
+
"label",
|
|
16
|
+
"required",
|
|
17
|
+
"name",
|
|
18
|
+
"onBlur",
|
|
19
|
+
"minLength",
|
|
20
|
+
"maxLength",
|
|
21
|
+
"aria-label",
|
|
22
|
+
"shouldUnregister",
|
|
23
|
+
"validate",
|
|
24
|
+
"control"
|
|
25
|
+
];
|
|
26
|
+
/**
|
|
27
|
+
* This component offers a form field based on Ultraviolet UI TextInput component
|
|
28
|
+
*/
|
|
29
|
+
const TextInputField = (_ref) => {
|
|
30
|
+
var _ref2;
|
|
31
|
+
var _field$value;
|
|
32
|
+
let { regex: regexes, onChange, label, required = false, name, onBlur, minLength, maxLength, "aria-label": ariaLabel, shouldUnregister, validate, control } = _ref;
|
|
33
|
+
let props = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
+
const { getError } = useErrors();
|
|
35
|
+
const { field, fieldState: { error } } = useController({
|
|
36
|
+
control,
|
|
37
|
+
name,
|
|
38
|
+
rules: {
|
|
39
|
+
maxLength,
|
|
40
|
+
minLength,
|
|
41
|
+
required,
|
|
42
|
+
validate: _objectSpread2(_objectSpread2({}, regexes ? { pattern: (value) => validateRegex(value, regexes) } : {}), validate)
|
|
43
|
+
},
|
|
44
|
+
shouldUnregister
|
|
45
|
+
});
|
|
46
|
+
return /* @__PURE__ */ jsx(TextInput, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
47
|
+
"aria-label": ariaLabel,
|
|
48
|
+
error: getError({
|
|
49
|
+
label: (_ref2 = label !== null && label !== void 0 ? label : ariaLabel) !== null && _ref2 !== void 0 ? _ref2 : name,
|
|
50
|
+
maxLength,
|
|
51
|
+
minLength,
|
|
52
|
+
regex: regexes,
|
|
53
|
+
value: field.value
|
|
54
|
+
}, error),
|
|
55
|
+
label,
|
|
56
|
+
maxLength,
|
|
57
|
+
minLength,
|
|
58
|
+
name,
|
|
59
|
+
onBlur: (event) => {
|
|
60
|
+
onBlur === null || onBlur === void 0 || onBlur(event);
|
|
61
|
+
field.onBlur();
|
|
62
|
+
},
|
|
63
|
+
onChange: (event) => {
|
|
64
|
+
field.onChange(event);
|
|
65
|
+
onChange === null || onChange === void 0 || onChange(event.target.value);
|
|
66
|
+
},
|
|
67
|
+
required,
|
|
68
|
+
value: (_field$value = field.value) !== null && _field$value !== void 0 ? _field$value : ""
|
|
69
|
+
}));
|
|
78
70
|
};
|
|
71
|
+
|
|
72
|
+
//#endregion
|
|
73
|
+
export { TextInputField };
|
|
@@ -7,6 +7,6 @@ type TimeInputFieldProps<TFieldValues extends FieldValues, TFieldName extends Fi
|
|
|
7
7
|
* This component offers a form field based on Ultraviolet UI TimeInput component
|
|
8
8
|
* @experimental This component is experimental and may be subject to breaking changes in the future.
|
|
9
9
|
*/
|
|
10
|
-
export declare const TimeInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ onChange, label, required, name, onBlur,
|
|
10
|
+
export declare const TimeInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ onChange, label, required, name, onBlur, 'aria-label': ariaLabel, shouldUnregister, control, ...props }: TimeInputFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,mBAAmB,CACtB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CACF,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CACxC,CAAA;AAEH;;;GAGG;AACH,eAAO,MAAM,cAAc,GACzB,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,mBAAmB,CACtB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CACF,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CACxC,CAAA;AAEH;;;GAGG;AACH,eAAO,MAAM,cAAc,GACzB,YAAY,sBACZ,UAAU,gQAiDX,CAAA"}
|
|
@@ -1,56 +1,56 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
'use client';
|
|
2
|
+
import { __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
+
import { useErrors } from "../../providers/ErrorContext/index.js";
|
|
4
|
+
import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
|
|
5
|
+
import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
|
|
3
6
|
import { TimeInput } from "@ultraviolet/ui";
|
|
4
7
|
import { useController } from "react-hook-form";
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
value: field.value
|
|
51
|
-
}
|
|
52
|
-
);
|
|
53
|
-
};
|
|
54
|
-
export {
|
|
55
|
-
TimeInputField
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
|
|
10
|
+
//#region src/components/TimeInputField/index.tsx
|
|
11
|
+
const _excluded = [
|
|
12
|
+
"onChange",
|
|
13
|
+
"label",
|
|
14
|
+
"required",
|
|
15
|
+
"name",
|
|
16
|
+
"onBlur",
|
|
17
|
+
"aria-label",
|
|
18
|
+
"shouldUnregister",
|
|
19
|
+
"control"
|
|
20
|
+
];
|
|
21
|
+
/**
|
|
22
|
+
* This component offers a form field based on Ultraviolet UI TimeInput component
|
|
23
|
+
* @experimental This component is experimental and may be subject to breaking changes in the future.
|
|
24
|
+
*/
|
|
25
|
+
const TimeInputField = (_ref) => {
|
|
26
|
+
var _ref2;
|
|
27
|
+
let { onChange, label, required = false, name, onBlur, "aria-label": ariaLabel, shouldUnregister, control } = _ref;
|
|
28
|
+
let props = _objectWithoutProperties(_ref, _excluded);
|
|
29
|
+
const { getError } = useErrors();
|
|
30
|
+
const { field, fieldState: { error } } = useController({
|
|
31
|
+
control,
|
|
32
|
+
name,
|
|
33
|
+
rules: { required },
|
|
34
|
+
shouldUnregister
|
|
35
|
+
});
|
|
36
|
+
return /* @__PURE__ */ jsx(TimeInput, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
37
|
+
error: getError({
|
|
38
|
+
label: (_ref2 = label !== null && label !== void 0 ? label : ariaLabel) !== null && _ref2 !== void 0 ? _ref2 : name,
|
|
39
|
+
value: field.value
|
|
40
|
+
}, error),
|
|
41
|
+
label,
|
|
42
|
+
onBlur: (event) => {
|
|
43
|
+
onBlur === null || onBlur === void 0 || onBlur(event);
|
|
44
|
+
field.onBlur();
|
|
45
|
+
},
|
|
46
|
+
onChange: (value) => {
|
|
47
|
+
field.onChange(value);
|
|
48
|
+
onChange === null || onChange === void 0 || onChange(value);
|
|
49
|
+
},
|
|
50
|
+
required,
|
|
51
|
+
value: field.value
|
|
52
|
+
}));
|
|
56
53
|
};
|
|
54
|
+
|
|
55
|
+
//#endregion
|
|
56
|
+
export { TimeInputField };
|
|
@@ -6,6 +6,6 @@ type ToggleFieldProps<TFieldValues extends FieldValues, TFieldName extends Field
|
|
|
6
6
|
parse?: (value: boolean) => PathValue<TFieldValues, TFieldName>;
|
|
7
7
|
format?: (value: PathValue<TFieldValues, TFieldName>) => boolean;
|
|
8
8
|
};
|
|
9
|
-
export declare const ToggleField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, control, onChange, onBlur, onFocus, required, parse, format, shouldUnregister, validate,
|
|
9
|
+
export declare const ToggleField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, control, onChange, onBlur, onFocus, required, parse, format, shouldUnregister, validate, 'aria-label': ariaLabel, ...props }: ToggleFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAQ,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,gBAAgB,CACnB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,OAAO,CAAC,GACzD,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC1D,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,UAAU,CAAC,KAAK,OAAO,CAAA;CACjE,CAAA;AAEH,eAAO,MAAM,WAAW,GACtB,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAQ,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,gBAAgB,CACnB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,OAAO,CAAC,GACzD,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC1D,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,UAAU,CAAC,KAAK,OAAO,CAAA;CACjE,CAAA;AAEH,eAAO,MAAM,WAAW,GACtB,YAAY,sBACZ,UAAU,+RAqEX,CAAA"}
|
|
@@ -1,75 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
'use client';
|
|
2
|
+
import { __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
+
import { useErrors } from "../../providers/ErrorContext/index.js";
|
|
4
|
+
import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
|
|
5
|
+
import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
|
|
3
6
|
import { Toggle } from "@ultraviolet/ui";
|
|
4
7
|
import { useController } from "react-hook-form";
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
field.onChange(event);
|
|
60
|
-
}
|
|
61
|
-
onChange?.(
|
|
62
|
-
event.target.checked
|
|
63
|
-
);
|
|
64
|
-
},
|
|
65
|
-
onFocus: (event) => {
|
|
66
|
-
onFocus?.(event);
|
|
67
|
-
},
|
|
68
|
-
ref: field.ref,
|
|
69
|
-
required
|
|
70
|
-
}
|
|
71
|
-
);
|
|
72
|
-
};
|
|
73
|
-
export {
|
|
74
|
-
ToggleField
|
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
|
9
|
+
|
|
10
|
+
//#region src/components/ToggleField/index.tsx
|
|
11
|
+
const _excluded = [
|
|
12
|
+
"label",
|
|
13
|
+
"name",
|
|
14
|
+
"control",
|
|
15
|
+
"onChange",
|
|
16
|
+
"onBlur",
|
|
17
|
+
"onFocus",
|
|
18
|
+
"required",
|
|
19
|
+
"parse",
|
|
20
|
+
"format",
|
|
21
|
+
"shouldUnregister",
|
|
22
|
+
"validate",
|
|
23
|
+
"aria-label"
|
|
24
|
+
];
|
|
25
|
+
const ToggleField = (_ref) => {
|
|
26
|
+
let { label, name, control, onChange, onBlur, onFocus, required, parse, format, shouldUnregister = false, validate, "aria-label": ariaLabel } = _ref;
|
|
27
|
+
let props = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
+
const { field, fieldState: { error } } = useController({
|
|
29
|
+
control,
|
|
30
|
+
name,
|
|
31
|
+
rules: {
|
|
32
|
+
required,
|
|
33
|
+
validate
|
|
34
|
+
},
|
|
35
|
+
shouldUnregister
|
|
36
|
+
});
|
|
37
|
+
const { getError } = useErrors();
|
|
38
|
+
const transformedValue = () => {
|
|
39
|
+
if (format) return format(field.value);
|
|
40
|
+
return field.value;
|
|
41
|
+
};
|
|
42
|
+
return /* @__PURE__ */ jsx(Toggle, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
43
|
+
checked: transformedValue(),
|
|
44
|
+
error: getError({ label: typeof label === "string" ? label : ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name }, error),
|
|
45
|
+
label,
|
|
46
|
+
name: field.name,
|
|
47
|
+
onBlur: (event) => {
|
|
48
|
+
field.onBlur();
|
|
49
|
+
onBlur === null || onBlur === void 0 || onBlur(event);
|
|
50
|
+
},
|
|
51
|
+
onChange: (event) => {
|
|
52
|
+
if (parse) field.onChange(parse(event.target.checked));
|
|
53
|
+
else field.onChange(event);
|
|
54
|
+
onChange === null || onChange === void 0 || onChange(event.target.checked);
|
|
55
|
+
},
|
|
56
|
+
onFocus: (event) => {
|
|
57
|
+
onFocus === null || onFocus === void 0 || onFocus(event);
|
|
58
|
+
},
|
|
59
|
+
ref: field.ref,
|
|
60
|
+
required
|
|
61
|
+
}));
|
|
75
62
|
};
|
|
63
|
+
|
|
64
|
+
//#endregion
|
|
65
|
+
export { ToggleField };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroupField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,qBAAqB,CACxB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAA;AAEhE,QAAA,MAAM,yBAAyB,GAC7B,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroupField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,qBAAqB,CACxB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,IACxC,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,GAC1C,IAAI,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAA;AAEhE,QAAA,MAAM,yBAAyB,GAC7B,YAAY,sBACZ,UAAU,gQAqDX,CAAA;AAED,KAAK,mBAAmB,GAAG,OAAO,yBAAyB,GAAG;IAC5D,MAAM,EAAE,OAAO,WAAW,CAAC,MAAM,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,mBAK9B,CAAA"}
|