@ultraviolet/form 6.0.11 → 6.0.13
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/components/KeyValueField/index.d.ts.map +1 -1
- package/dist/components/KeyValueField/index.js +2 -1
- package/dist/components/SelectableCardField/index.d.ts.map +1 -1
- package/dist/components/SelectableCardField/index.js +2 -2
- 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 +9 -0
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KeyValueField/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KeyValueField/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAc,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE3E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5D,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAA;CACvD,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,aAAa,CAAC,CAAA;CACnE,GAAG,aAAa,CAAA;AAEjB,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,kBAAkB,CACrB,YAAY,SAAS,WAAW,EAChC,eAAe,SAAS,cAAc,CAAC,YAAY,CAAC,IAClD;IACF,IAAI,EAAE,eAAe,CAAA;IACrB,QAAQ,EAAE,aAAa,CAAA;IACvB,UAAU,EAAE,eAAe,CAAA;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC3C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,eAAe,SACb,cAAc,CAAC,YAAY,CAAC,GAAG,cAAc,CAAC,YAAY,CAAC,EAC7D,0FAUC,kBAAkB,CAAC,YAAY,EAAE,eAAe,CAAC,4CA2FnD,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
-
import { DeleteIcon
|
|
3
|
+
import { DeleteIcon } from "@ultraviolet/icons/DeleteIcon";
|
|
4
|
+
import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
|
|
4
5
|
import { Stack, Row, Button } from "@ultraviolet/ui";
|
|
5
6
|
import { useFieldArray, useFormContext } from "react-hook-form";
|
|
6
7
|
import { TextInputField } from "../TextInputField/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,wBAAwB,CAC3B,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,cAAc,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAA;AAE5E,eAAO,MAAM,mBAAmB,GAC9B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,sKAgBC,wBAAwB,CAAC,YAAY,EAAE,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,wBAAwB,CAC3B,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,cAAc,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAA;AAE5E,eAAO,MAAM,mBAAmB,GAC9B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,sKAgBC,wBAAwB,CAAC,YAAY,EAAE,UAAU,CAAC,4CA8DpD,CAAA"}
|
|
@@ -31,7 +31,7 @@ const SelectableCardField = ({
|
|
|
31
31
|
},
|
|
32
32
|
shouldUnregister
|
|
33
33
|
});
|
|
34
|
-
const isChecked = type === "checkbox" && Array.isArray(field.value) && value ? (field.value ?? []).includes(value) : field.value === value;
|
|
34
|
+
const isChecked = (type === "checkbox" || type === "toggle") && Array.isArray(field.value) && value ? (field.value ?? []).includes(value) : field.value === value;
|
|
35
35
|
return /* @__PURE__ */ jsx(
|
|
36
36
|
SelectableCard,
|
|
37
37
|
{
|
|
@@ -46,7 +46,7 @@ const SelectableCardField = ({
|
|
|
46
46
|
onBlur?.(event);
|
|
47
47
|
},
|
|
48
48
|
onChange: (event) => {
|
|
49
|
-
if (type === "checkbox") {
|
|
49
|
+
if (type === "checkbox" || type === "toggle") {
|
|
50
50
|
const fieldValue = field.value ?? [];
|
|
51
51
|
if (fieldValue?.includes(event.currentTarget.value)) {
|
|
52
52
|
field.onChange(
|
|
@@ -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, required, parse, format, shouldUnregister, validate, "aria-label": ariaLabel, ...props }: ToggleFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
|
|
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,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,
|
|
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,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,6IAcC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,4CAsD5C,CAAA"}
|
|
@@ -8,6 +8,8 @@ const ToggleField = ({
|
|
|
8
8
|
name,
|
|
9
9
|
control,
|
|
10
10
|
onChange,
|
|
11
|
+
onBlur,
|
|
12
|
+
onFocus,
|
|
11
13
|
required,
|
|
12
14
|
parse,
|
|
13
15
|
format,
|
|
@@ -46,6 +48,10 @@ const ToggleField = ({
|
|
|
46
48
|
),
|
|
47
49
|
label,
|
|
48
50
|
name: field.name,
|
|
51
|
+
onBlur: (event) => {
|
|
52
|
+
field.onBlur();
|
|
53
|
+
onBlur?.(event);
|
|
54
|
+
},
|
|
49
55
|
onChange: (event) => {
|
|
50
56
|
if (parse) {
|
|
51
57
|
field.onChange(parse(event.target.checked));
|
|
@@ -56,6 +62,9 @@ const ToggleField = ({
|
|
|
56
62
|
event.target.checked
|
|
57
63
|
);
|
|
58
64
|
},
|
|
65
|
+
onFocus: (event) => {
|
|
66
|
+
onFocus?.(event);
|
|
67
|
+
},
|
|
59
68
|
ref: field.ref,
|
|
60
69
|
required
|
|
61
70
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ultraviolet/form",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.13",
|
|
4
4
|
"description": "Ultraviolet Form",
|
|
5
5
|
"homepage": "https://github.com/scaleway/ultraviolet#readme",
|
|
6
6
|
"repository": {
|
|
@@ -72,9 +72,9 @@
|
|
|
72
72
|
"dependencies": {
|
|
73
73
|
"@babel/runtime": "7.28.6",
|
|
74
74
|
"react-hook-form": "7.55.0",
|
|
75
|
-
"@ultraviolet/icons": "5.0
|
|
76
|
-
"@ultraviolet/themes": "3.0.
|
|
77
|
-
"@ultraviolet/ui": "3.
|
|
75
|
+
"@ultraviolet/icons": "5.1.0",
|
|
76
|
+
"@ultraviolet/themes": "3.0.5",
|
|
77
|
+
"@ultraviolet/ui": "3.8.0"
|
|
78
78
|
},
|
|
79
79
|
"scripts": {
|
|
80
80
|
"build:profile": "npx vite-bundle-visualizer -c vite.config.ts",
|