@ultraviolet/form 6.0.12 → 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.
Files changed (6) hide show
  1. package/dist/components/SelectableCardField/index.d.ts.map +1 -1
  2. package/dist/components/SelectableCardField/index.js +2 -2
  3. package/dist/components/ToggleField/index.d.ts +1 -1
  4. package/dist/components/ToggleField/index.d.ts.map +1 -1
  5. package/dist/components/ToggleField/index.js +9 -0
  6. package/package.json +3 -3
package/dist/components/SelectableCardField/index.d.ts.map CHANGED
@@ -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,4CA4DpD,CAAA"}
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"}
package/dist/components/SelectableCardField/index.js CHANGED
@@ -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(
package/dist/components/ToggleField/index.d.ts CHANGED
@@ -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
package/dist/components/ToggleField/index.d.ts.map CHANGED
@@ -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,4HAYC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,4CA+C5C,CAAA"}
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"}
package/dist/components/ToggleField/index.js CHANGED
@@ -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.12",
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.7",
75
+ "@ultraviolet/icons": "5.1.0",
76
76
  "@ultraviolet/themes": "3.0.5",
77
- "@ultraviolet/ui": "3.7.1"
77
+ "@ultraviolet/ui": "3.8.0"
78
78
  },
79
79
  "scripts": {
80
80
  "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",