@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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KeyValueField/index.tsx"],"names":[],"mappings":"AAGA,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
+ {"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, PlusIcon } from "@ultraviolet/icons";
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,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"}
@@ -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,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"}
@@ -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.11",
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.6",
76
- "@ultraviolet/themes": "3.0.4",
77
- "@ultraviolet/ui": "3.7.0"
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",