@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.
Files changed (105) hide show
  1. package/dist/.vite/license.md +3 -0
  2. package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/asyncToGenerator.js +32 -0
  3. package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/defineProperty.js +15 -0
  4. package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js +28 -0
  5. package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js +18 -0
  6. package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutPropertiesLoose.js +15 -0
  7. package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/toPrimitive.js +17 -0
  8. package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/toPropertyKey.js +12 -0
  9. package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/typeof.js +14 -0
  10. package/dist/_virtual/_rolldown/runtime.js +9 -0
  11. package/dist/components/CheckboxField/index.d.ts +1 -1
  12. package/dist/components/CheckboxField/index.d.ts.map +1 -1
  13. package/dist/components/CheckboxField/index.js +57 -56
  14. package/dist/components/CheckboxGroupField/index.d.ts.map +1 -1
  15. package/dist/components/CheckboxGroupField/index.js +65 -95
  16. package/dist/components/DateInputField/index.d.ts.map +1 -1
  17. package/dist/components/DateInputField/index.js +92 -91
  18. package/dist/components/FileInputField/index.js +68 -75
  19. package/dist/components/Form/defaultErrors.js +23 -20
  20. package/dist/components/Form/index.d.ts.map +1 -1
  21. package/dist/components/Form/index.js +39 -37
  22. package/dist/components/KeyValueField/index.d.ts.map +1 -1
  23. package/dist/components/KeyValueField/index.js +94 -106
  24. package/dist/components/NumberInputField/index.d.ts +1 -1
  25. package/dist/components/NumberInputField/index.d.ts.map +1 -1
  26. package/dist/components/NumberInputField/index.js +66 -66
  27. package/dist/components/RadioField/index.d.ts +1 -1
  28. package/dist/components/RadioField/index.d.ts.map +1 -1
  29. package/dist/components/RadioField/index.js +65 -66
  30. package/dist/components/RadioGroupField/index.d.ts.map +1 -1
  31. package/dist/components/RadioGroupField/index.js +49 -55
  32. package/dist/components/SelectInputField/index.d.ts +1 -1
  33. package/dist/components/SelectInputField/index.d.ts.map +1 -1
  34. package/dist/components/SelectInputField/index.js +56 -58
  35. package/dist/components/SelectableCardField/index.d.ts +1 -1
  36. package/dist/components/SelectableCardField/index.d.ts.map +1 -1
  37. package/dist/components/SelectableCardField/index.js +63 -74
  38. package/dist/components/SelectableCardGroupField/SelectableCardGroupField.d.ts.map +1 -1
  39. package/dist/components/SelectableCardGroupField/SelectableCardGroupField.js +56 -67
  40. package/dist/components/SelectableCardOptionGroupField/index.js +60 -62
  41. package/dist/components/SliderField/index.d.ts +1 -1
  42. package/dist/components/SliderField/index.d.ts.map +1 -1
  43. package/dist/components/SliderField/index.js +85 -87
  44. package/dist/components/Submit/index.d.ts.map +1 -1
  45. package/dist/components/Submit/index.js +23 -34
  46. package/dist/components/SubmitErrorAlert/index.d.ts +1 -1
  47. package/dist/components/SubmitErrorAlert/index.d.ts.map +1 -1
  48. package/dist/components/SubmitErrorAlert/index.js +15 -7
  49. package/dist/components/SwitchButtonField/index.d.ts +8 -8
  50. package/dist/components/SwitchButtonField/index.d.ts.map +1 -1
  51. package/dist/components/SwitchButtonField/index.js +45 -44
  52. package/dist/components/TagInputField/index.d.ts +1 -1
  53. package/dist/components/TagInputField/index.d.ts.map +1 -1
  54. package/dist/components/TagInputField/index.js +51 -55
  55. package/dist/components/TextAreaField/index.d.ts +1 -1
  56. package/dist/components/TextAreaField/index.d.ts.map +1 -1
  57. package/dist/components/TextAreaField/index.js +82 -89
  58. package/dist/components/TextInputField/index.d.ts +1 -1
  59. package/dist/components/TextInputField/index.d.ts.map +1 -1
  60. package/dist/components/TextInputField/index.js +70 -75
  61. package/dist/components/TimeInputField/index.d.ts +1 -1
  62. package/dist/components/TimeInputField/index.d.ts.map +1 -1
  63. package/dist/components/TimeInputField/index.js +53 -53
  64. package/dist/components/ToggleField/index.d.ts +1 -1
  65. package/dist/components/ToggleField/index.d.ts.map +1 -1
  66. package/dist/components/ToggleField/index.js +62 -72
  67. package/dist/components/ToggleGroupField/index.d.ts.map +1 -1
  68. package/dist/components/ToggleGroupField/index.js +51 -63
  69. package/dist/components/UnitInputField/index.d.ts.map +1 -1
  70. package/dist/components/UnitInputField/index.js +62 -59
  71. package/dist/components/VerificationCodeField/index.d.ts.map +1 -1
  72. package/dist/components/VerificationCodeField/index.js +45 -50
  73. package/dist/components/compositions/OfferListField/index.d.ts +54 -0
  74. package/dist/components/compositions/OfferListField/index.d.ts.map +1 -0
  75. package/dist/components/compositions/OfferListField/index.js +57 -0
  76. package/dist/components/compositions/OptionSelectorField/index.d.ts +1 -1
  77. package/dist/components/compositions/OptionSelectorField/index.d.ts.map +1 -1
  78. package/dist/components/compositions/OptionSelectorField/index.js +52 -53
  79. package/dist/components/compositions/PlansField/index.d.ts +8 -0
  80. package/dist/components/compositions/PlansField/index.d.ts.map +1 -0
  81. package/dist/components/compositions/PlansField/index.js +28 -0
  82. package/dist/components/compositions/index.d.ts +2 -0
  83. package/dist/components/compositions/index.d.ts.map +1 -1
  84. package/dist/components/compositions/index.js +4 -3
  85. package/dist/hooks/useOnFieldChange.d.ts.map +1 -1
  86. package/dist/hooks/useOnFieldChange.js +28 -17
  87. package/dist/index.js +6 -40
  88. package/dist/providers/ErrorContext/index.d.ts.map +1 -1
  89. package/dist/providers/ErrorContext/index.js +25 -31
  90. package/dist/utils/validateRegex.d.ts +1 -1
  91. package/dist/utils/validateRegex.d.ts.map +1 -1
  92. package/dist/utils/validateRegex.js +7 -6
  93. package/dist/validators/index.d.ts +2 -2
  94. package/dist/validators/index.d.ts.map +1 -1
  95. package/dist/validators/isInteger.d.ts +1 -1
  96. package/dist/validators/isInteger.d.ts.map +1 -1
  97. package/dist/validators/isInteger.js +9 -10
  98. package/dist/validators/maxDate.d.ts +1 -1
  99. package/dist/validators/maxDate.d.ts.map +1 -1
  100. package/dist/validators/maxDate.js +6 -3
  101. package/dist/validators/minDate.d.ts +1 -1
  102. package/dist/validators/minDate.d.ts.map +1 -1
  103. package/dist/validators/minDate.js +6 -3
  104. package/package.json +8 -8
  105. package/LICENSE +0 -189
@@ -1,109 +1,97 @@
1
- "use client";
2
- import { jsxs, jsx } from "react/jsx-runtime";
1
+ 'use client';
2
+ import { __name } from "../../_virtual/_rolldown/runtime.js";
3
+ import { TextInputField } from "../TextInputField/index.js";
4
+ import { Button, Row, Stack } from "@ultraviolet/ui";
5
+ import { useFieldArray, useFormContext } from "react-hook-form";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
3
7
  import { DeleteIcon } from "@ultraviolet/icons/DeleteIcon";
4
8
  import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
5
- import { Stack, Row, Button } from "@ultraviolet/ui";
6
- import { useFieldArray, useFormContext } from "react-hook-form";
7
- import { TextInputField } from "../TextInputField/index.js";
8
- const KeyValueField = ({
9
- name,
10
- inputKey,
11
- inputValue,
12
- addButton,
13
- maxSize = 100,
14
- readOnly = false,
15
- control,
16
- onChange,
17
- onBlur
18
- }) => {
19
- const { fields, append, remove } = useFieldArray({
20
- control,
21
- name
22
- });
23
- const { getValues } = useFormContext();
24
- const handleFieldChange = () => {
25
- onChange?.(getValues(name));
26
- };
27
- const handleFieldBlur = () => {
28
- onBlur?.(getValues(name));
29
- };
30
- const canAdd = fields.length !== void 0 && fields.length < maxSize;
31
- const maxSizeReachedTooltip = addButton.maxSizeReachedTooltip ?? `Cannot add more than ${maxSize} elements`;
32
- return /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
33
- fields.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: 3, children: fields.map((field, index) => /* @__PURE__ */ jsxs(
34
- Row,
35
- {
36
- alignItems: "flex-end",
37
- gap: 2,
38
- templateColumns: "1fr 1fr auto",
39
- children: [
40
- /* @__PURE__ */ jsx(
41
- TextInputField,
42
- {
43
- label: inputKey.label,
44
- name: `${name}.${index}.key`,
45
- onBlur: handleFieldBlur,
46
- onChange: handleFieldChange,
47
- readOnly,
48
- regex: inputKey.regex,
49
- required: inputKey.required
50
- }
51
- ),
52
- /* @__PURE__ */ jsx(
53
- TextInputField,
54
- {
55
- autoComplete: "off",
56
- label: inputValue.label,
57
- name: `${name}.${index}.value`,
58
- onBlur: handleFieldBlur,
59
- onChange: handleFieldChange,
60
- placeholder: inputValue.placeholder,
61
- readOnly,
62
- regex: inputValue.regex,
63
- required: inputValue.required,
64
- type: inputValue.type
65
- }
66
- ),
67
- /* @__PURE__ */ jsx(
68
- Button,
69
- {
70
- "data-testid": `remove-button-${index}`,
71
- disabled: readOnly,
72
- onClick: () => {
73
- remove(index);
74
- handleFieldChange();
75
- },
76
- sentiment: "danger",
77
- size: "large",
78
- variant: "outlined",
79
- children: /* @__PURE__ */ jsx(DeleteIcon, {})
80
- }
81
- )
82
- ]
83
- },
84
- field.id
85
- )) }) : null,
86
- /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "flex-start", children: /* @__PURE__ */ jsxs(
87
- Button,
88
- {
89
- "data-testid": "add-button",
90
- disabled: !canAdd || readOnly,
91
- fullWidth: addButton.fullWidth,
92
- onClick: () => {
93
- append({ key: "", value: "" });
94
- handleFieldChange();
95
- },
96
- sentiment: "primary",
97
- tooltip: canAdd ? addButton.tooltip : maxSizeReachedTooltip,
98
- variant: "outlined",
99
- children: [
100
- /* @__PURE__ */ jsx(PlusIcon, {}),
101
- addButton.name
102
- ]
103
- }
104
- ) })
105
- ] });
106
- };
107
- export {
108
- KeyValueField
9
+
10
+ //#region src/components/KeyValueField/index.tsx
11
+ /**
12
+ * A React component that allows users to manage key-value pairs
13
+ */
14
+ const KeyValueField = ({ name, inputKey, inputValue, addButton, maxSize = 100, readOnly = false, control, onChange, onBlur }) => {
15
+ var _addButton$maxSizeRea;
16
+ const { fields, append, remove } = useFieldArray({
17
+ control,
18
+ name
19
+ });
20
+ const { getValues } = useFormContext();
21
+ const handleFieldChange = () => {
22
+ onChange === null || onChange === void 0 || onChange(getValues(name));
23
+ };
24
+ const handleFieldBlur = () => {
25
+ onBlur === null || onBlur === void 0 || onBlur(getValues(name));
26
+ };
27
+ const canAdd = fields.length !== void 0 && fields.length < maxSize;
28
+ const maxSizeReachedTooltip = (_addButton$maxSizeRea = addButton.maxSizeReachedTooltip) !== null && _addButton$maxSizeRea !== void 0 ? _addButton$maxSizeRea : `Cannot add more than ${maxSize} elements`;
29
+ return /* @__PURE__ */ jsxs(Stack, {
30
+ gap: 3,
31
+ children: [fields.length > 0 ? /* @__PURE__ */ jsx(Stack, {
32
+ gap: 3,
33
+ children: fields.map((field, index) => /* @__PURE__ */ jsxs(Row, {
34
+ alignItems: "flex-end",
35
+ gap: 2,
36
+ templateColumns: "1fr 1fr auto",
37
+ children: [
38
+ /* @__PURE__ */ jsx(TextInputField, {
39
+ label: inputKey.label,
40
+ name: `${name}.${index}.key`,
41
+ onBlur: handleFieldBlur,
42
+ onChange: handleFieldChange,
43
+ readOnly,
44
+ regex: inputKey.regex,
45
+ required: inputKey.required
46
+ }),
47
+ /* @__PURE__ */ jsx(TextInputField, {
48
+ autoComplete: "off",
49
+ label: inputValue.label,
50
+ name: `${name}.${index}.value`,
51
+ onBlur: handleFieldBlur,
52
+ onChange: handleFieldChange,
53
+ placeholder: inputValue.placeholder,
54
+ readOnly,
55
+ regex: inputValue.regex,
56
+ required: inputValue.required,
57
+ type: inputValue.type
58
+ }),
59
+ /* @__PURE__ */ jsx(Button, {
60
+ "data-testid": `remove-button-${index}`,
61
+ disabled: readOnly,
62
+ onClick: () => {
63
+ remove(index);
64
+ handleFieldChange();
65
+ },
66
+ sentiment: "danger",
67
+ size: "large",
68
+ variant: "outlined",
69
+ children: /* @__PURE__ */ jsx(DeleteIcon, {})
70
+ })
71
+ ]
72
+ }, field.id))
73
+ }) : null, /* @__PURE__ */ jsx(Stack, {
74
+ direction: "row",
75
+ justifyContent: "flex-start",
76
+ children: /* @__PURE__ */ jsxs(Button, {
77
+ "data-testid": "add-button",
78
+ disabled: !canAdd || readOnly,
79
+ fullWidth: addButton.fullWidth,
80
+ onClick: () => {
81
+ append({
82
+ key: "",
83
+ value: ""
84
+ });
85
+ handleFieldChange();
86
+ },
87
+ sentiment: "primary",
88
+ tooltip: canAdd ? addButton.tooltip : maxSizeReachedTooltip,
89
+ variant: "outlined",
90
+ children: [/* @__PURE__ */ jsx(PlusIcon, {}), addButton.name]
91
+ })
92
+ })]
93
+ });
109
94
  };
95
+
96
+ //#endregion
97
+ export { KeyValueField };
@@ -3,6 +3,6 @@ import type { ComponentProps } from 'react';
3
3
  import type { FieldPath, FieldValues } from 'react-hook-form';
4
4
  import type { BaseFieldProps } from '../../types';
5
5
  type NumberInputProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof NumberInput>, 'onChange'>;
6
- export declare const NumberInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, max, min, name, onChange, onBlur, step, label, "aria-label": ariaLabel, required, shouldUnregister, validate, ...props }: NumberInputProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const NumberInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, max, min, name, onChange, onBlur, step, label, 'aria-label': ariaLabel, required, shouldUnregister, validate, ...props }: NumberInputProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
7
7
  export {};
8
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGjD,KAAK,gBAAgB,CACnB,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,UAAU,CAAC,CAAA;AAEtD,eAAO,MAAM,gBAAgB,GAC3B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,qIAcC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,4CA8C5C,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGjD,KAAK,gBAAgB,CACnB,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,UAAU,CAAC,CAAA;AAEtD,eAAO,MAAM,gBAAgB,GAC3B,YAAY,sBACZ,UAAU,uRA6DX,CAAA"}
@@ -1,69 +1,69 @@
1
- "use client";
2
- import { jsx } from "react/jsx-runtime";
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 { isInteger } from "../../validators/isInteger.js";
3
7
  import { NumberInput } from "@ultraviolet/ui";
4
8
  import { useController } from "react-hook-form";
5
- import { isInteger } from "../../validators/isInteger.js";
6
- import { useErrors } from "../../providers/ErrorContext/index.js";
7
- const NumberInputField = ({
8
- control,
9
- max = Number.MAX_SAFE_INTEGER,
10
- min = 0,
11
- name,
12
- onChange,
13
- onBlur,
14
- step,
15
- label,
16
- "aria-label": ariaLabel,
17
- required,
18
- shouldUnregister = false,
19
- validate,
20
- ...props
21
- }) => {
22
- const { getError } = useErrors();
23
- const {
24
- field,
25
- fieldState: { error }
26
- } = useController({
27
- control,
28
- name,
29
- rules: {
30
- max,
31
- min,
32
- required,
33
- validate: {
34
- ...validate,
35
- isInteger: isInteger(step)
36
- }
37
- },
38
- shouldUnregister
39
- });
40
- return /* @__PURE__ */ jsx(
41
- NumberInput,
42
- {
43
- ...props,
44
- "aria-label": ariaLabel,
45
- error: getError(
46
- { isInteger: step, label: label ?? ariaLabel ?? name, max, min },
47
- error
48
- ),
49
- label,
50
- max,
51
- min,
52
- name: field.name,
53
- onBlur: (event) => {
54
- field.onBlur();
55
- onBlur?.(event);
56
- },
57
- onChange: (newValue) => {
58
- field.onChange(newValue);
59
- onChange?.(newValue);
60
- },
61
- required,
62
- step,
63
- value: field.value
64
- }
65
- );
66
- };
67
- export {
68
- NumberInputField
9
+ import { jsx } from "react/jsx-runtime";
10
+
11
+ //#region src/components/NumberInputField/index.tsx
12
+ const _excluded = [
13
+ "control",
14
+ "max",
15
+ "min",
16
+ "name",
17
+ "onChange",
18
+ "onBlur",
19
+ "step",
20
+ "label",
21
+ "aria-label",
22
+ "required",
23
+ "shouldUnregister",
24
+ "validate"
25
+ ];
26
+ const NumberInputField = (_ref) => {
27
+ var _ref2;
28
+ let { control, max = Number.MAX_SAFE_INTEGER, min = 0, name, onChange, onBlur, step, label, "aria-label": ariaLabel, required, shouldUnregister = false, validate } = _ref;
29
+ let props = _objectWithoutProperties(_ref, _excluded);
30
+ const { getError } = useErrors();
31
+ const { field, fieldState: { error } } = useController({
32
+ control,
33
+ name,
34
+ rules: {
35
+ max,
36
+ min,
37
+ required,
38
+ validate: _objectSpread2(_objectSpread2({}, validate), {}, { isInteger: isInteger(step) })
39
+ },
40
+ shouldUnregister
41
+ });
42
+ return /* @__PURE__ */ jsx(NumberInput, _objectSpread2(_objectSpread2({}, props), {}, {
43
+ "aria-label": ariaLabel,
44
+ error: getError({
45
+ isInteger: step,
46
+ label: (_ref2 = label !== null && label !== void 0 ? label : ariaLabel) !== null && _ref2 !== void 0 ? _ref2 : name,
47
+ max,
48
+ min
49
+ }, error),
50
+ label,
51
+ max,
52
+ min,
53
+ name: field.name,
54
+ onBlur: (event) => {
55
+ field.onBlur();
56
+ onBlur === null || onBlur === void 0 || onBlur(event);
57
+ },
58
+ onChange: (newValue) => {
59
+ field.onChange(newValue);
60
+ onChange === null || onChange === void 0 || onChange(newValue);
61
+ },
62
+ required,
63
+ step,
64
+ value: field.value
65
+ }));
69
66
  };
67
+
68
+ //#endregion
69
+ export { NumberInputField };
@@ -3,6 +3,6 @@ import type { ComponentProps } from 'react';
3
3
  import type { FieldPath, FieldValues } from 'react-hook-form';
4
4
  import type { BaseFieldProps } from '../../types';
5
5
  type RadioFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & Omit<ComponentProps<typeof Radio>, 'value' | 'onChange'>;
6
- export declare const RadioField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, disabled, name, onBlur, label, onChange, onFocus, required, value, shouldUnregister, validate, "aria-label": ariaLabel, ...props }: RadioFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const RadioField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, disabled, name, onBlur, label, onChange, onFocus, required, value, shouldUnregister, validate, 'aria-label': ariaLabel, ...props }: RadioFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
7
7
  export {};
8
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,eAAe,CAClB,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,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAA;AAE1D,eAAO,MAAM,UAAU,GACrB,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,+IAcC,eAAe,CAAC,YAAY,EAAE,UAAU,CAAC,4CAgD3C,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,eAAe,CAClB,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,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAA;AAE1D,eAAO,MAAM,UAAU,GACrB,YAAY,sBACZ,UAAU,gSA+DX,CAAA"}
@@ -1,69 +1,68 @@
1
- "use client";
2
- import { jsx } from "react/jsx-runtime";
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 { Radio } from "@ultraviolet/ui";
4
- import { useMemo } from "react";
5
7
  import { useController } from "react-hook-form";
6
- import { useErrors } from "../../providers/ErrorContext/index.js";
7
- const RadioField = ({
8
- control,
9
- disabled,
10
- name,
11
- onBlur,
12
- label = "",
13
- onChange,
14
- onFocus,
15
- required,
16
- value,
17
- shouldUnregister = false,
18
- validate,
19
- "aria-label": ariaLabel,
20
- ...props
21
- }) => {
22
- const { getError } = useErrors();
23
- const {
24
- field,
25
- fieldState: { error }
26
- } = useController({
27
- control,
28
- name,
29
- rules: {
30
- required,
31
- validate
32
- },
33
- shouldUnregister
34
- });
35
- const errorLabel = useMemo(() => {
36
- if (label && typeof label === "string") {
37
- return label;
38
- }
39
- if (ariaLabel) {
40
- return ariaLabel;
41
- }
42
- return name;
43
- }, [label, name, ariaLabel]);
44
- return /* @__PURE__ */ jsx(
45
- Radio,
46
- {
47
- ...props,
48
- checked: field.value === value,
49
- disabled,
50
- error: getError({ label: errorLabel }, error),
51
- name: field.name,
52
- onBlur: (event) => {
53
- field.onBlur();
54
- onBlur?.(event);
55
- },
56
- onChange: () => {
57
- field.onChange(value);
58
- onChange?.(value);
59
- },
60
- onFocus,
61
- required,
62
- value: value ?? "",
63
- ...label ? { label } : { "aria-label": ariaLabel }
64
- }
65
- );
66
- };
67
- export {
68
- RadioField
8
+ import { useMemo } from "react";
9
+ import { jsx } from "react/jsx-runtime";
10
+
11
+ //#region src/components/RadioField/index.tsx
12
+ const _excluded = [
13
+ "control",
14
+ "disabled",
15
+ "name",
16
+ "onBlur",
17
+ "label",
18
+ "onChange",
19
+ "onFocus",
20
+ "required",
21
+ "value",
22
+ "shouldUnregister",
23
+ "validate",
24
+ "aria-label"
25
+ ];
26
+ const RadioField = (_ref) => {
27
+ let { control, disabled, name, onBlur, label = "", onChange, onFocus, required, value, shouldUnregister = false, validate, "aria-label": ariaLabel } = _ref;
28
+ let props = _objectWithoutProperties(_ref, _excluded);
29
+ const { getError } = useErrors();
30
+ const { field, fieldState: { error } } = useController({
31
+ control,
32
+ name,
33
+ rules: {
34
+ required,
35
+ validate
36
+ },
37
+ shouldUnregister
38
+ });
39
+ const errorLabel = useMemo(() => {
40
+ if (label && typeof label === "string") return label;
41
+ if (ariaLabel) return ariaLabel;
42
+ return name;
43
+ }, [
44
+ label,
45
+ name,
46
+ ariaLabel
47
+ ]);
48
+ return /* @__PURE__ */ jsx(Radio, _objectSpread2(_objectSpread2({}, props), {}, {
49
+ checked: field.value === value,
50
+ disabled,
51
+ error: getError({ label: errorLabel }, error),
52
+ name: field.name,
53
+ onBlur: (event) => {
54
+ field.onBlur();
55
+ onBlur === null || onBlur === void 0 || onBlur(event);
56
+ },
57
+ onChange: () => {
58
+ field.onChange(value);
59
+ onChange === null || onChange === void 0 || onChange(value);
60
+ },
61
+ onFocus,
62
+ required,
63
+ value: value !== null && value !== void 0 ? value : ""
64
+ }, label ? { label } : { "aria-label": ariaLabel }));
69
65
  };
66
+
67
+ //#endregion
68
+ export { RadioField };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroupField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,oBAAoB,CACvB,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,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC,GACxE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;AAE5D,QAAA,MAAM,wBAAwB,GAC5B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,mHAWC,oBAAoB,CAAC,YAAY,EAAE,UAAU,CAAC,KAAG,GAAG,CAAC,OAiCvD,CAAA;AAED,KAAK,mBAAmB,GAAG,OAAO,wBAAwB,GAAG;IAC3D,KAAK,EAAE,OAAO,UAAU,CAAC,KAAK,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,mBAK7B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroupField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAmB,MAAM,iBAAiB,CAAA;AAG9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,oBAAoB,CACvB,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,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC,GACxE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;AAE5D,QAAA,MAAM,wBAAwB,GAC5B,YAAY,sBACZ,UAAU,6OA6CX,CAAA;AAED,KAAK,mBAAmB,GAAG,OAAO,wBAAwB,GAAG;IAC3D,KAAK,EAAE,OAAO,UAAU,CAAC,KAAK,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,mBAK7B,CAAA"}
@@ -1,58 +1,52 @@
1
- "use client";
2
- import { jsx } from "react/jsx-runtime";
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 { RadioGroup } from "@ultraviolet/ui";
4
7
  import { useController } from "react-hook-form";
5
- import { useErrors } from "../../providers/ErrorContext/index.js";
6
- const RadioGroupFieldComponent = ({
7
- control,
8
- name,
9
- onChange,
10
- required,
11
- children,
12
- error: customError,
13
- shouldUnregister = false,
14
- validate,
15
- legend = "",
16
- ...props
17
- }) => {
18
- const { getError } = useErrors();
19
- const {
20
- field,
21
- fieldState: { error }
22
- } = useController({
23
- control,
24
- name,
25
- rules: {
26
- required,
27
- validate
28
- },
29
- shouldUnregister
30
- });
31
- return /* @__PURE__ */ jsx(
32
- RadioGroup,
33
- {
34
- ...props,
35
- error: getError({ label: legend }, error) ?? customError,
36
- legend,
37
- name: field.name,
38
- onChange: (event) => {
39
- field.onChange(event);
40
- onChange?.(
41
- event.target.value
42
- );
43
- },
44
- required,
45
- value: field.value,
46
- children
47
- }
48
- );
49
- };
50
- const RadioGroupField = Object.assign(
51
- RadioGroupFieldComponent,
52
- {
53
- Radio: RadioGroup.Radio
54
- }
55
- );
56
- export {
57
- RadioGroupField
8
+ import { jsx } from "react/jsx-runtime";
9
+
10
+ //#region src/components/RadioGroupField/index.tsx
11
+ const _excluded = [
12
+ "control",
13
+ "name",
14
+ "onChange",
15
+ "required",
16
+ "children",
17
+ "error",
18
+ "shouldUnregister",
19
+ "validate",
20
+ "legend"
21
+ ];
22
+ const RadioGroupFieldComponent = (_ref) => {
23
+ var _getError;
24
+ let { control, name, onChange, required, children, error: customError, shouldUnregister = false, validate, legend = "" } = _ref;
25
+ let props = _objectWithoutProperties(_ref, _excluded);
26
+ const { getError } = useErrors();
27
+ const { field, fieldState: { error } } = useController({
28
+ control,
29
+ name,
30
+ rules: {
31
+ required,
32
+ validate
33
+ },
34
+ shouldUnregister
35
+ });
36
+ return /* @__PURE__ */ jsx(RadioGroup, _objectSpread2(_objectSpread2({}, props), {}, {
37
+ error: (_getError = getError({ label: legend }, error)) !== null && _getError !== void 0 ? _getError : customError,
38
+ legend,
39
+ name: field.name,
40
+ onChange: (event) => {
41
+ field.onChange(event);
42
+ onChange === null || onChange === void 0 || onChange(event.target.value);
43
+ },
44
+ required,
45
+ value: field.value,
46
+ children
47
+ }));
58
48
  };
49
+ const RadioGroupField = Object.assign(RadioGroupFieldComponent, { Radio: RadioGroup.Radio });
50
+
51
+ //#endregion
52
+ export { RadioGroupField };
@@ -3,6 +3,6 @@ import type { ComponentProps } from 'react';
3
3
  import type { FieldPath, FieldValues } from 'react-hook-form';
4
4
  import type { BaseFieldProps } from '../../types';
5
5
  type SelectInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof SelectInput>, 'value' | 'onChange'>;
6
- export declare const SelectInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, onBlur, required, name, "aria-label": ariaLabel, shouldUnregister, control, validate, onChange, multiselect, ...props }: SelectInputFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const SelectInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, onBlur, required, name, 'aria-label': ariaLabel, shouldUnregister, control, validate, onChange, multiselect, ...props }: SelectInputFieldProps<TFieldValues, TFieldName>) => import("react/jsx-runtime").JSX.Element;
7
7
  export {};
8
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAa,MAAM,iBAAiB,CAAA;AAGxE,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,eAAO,MAAM,gBAAgB,GAC3B,YAAY,SAAS,WAAW,EAChC,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,kIAYC,qBAAqB,CAAC,YAAY,EAAE,UAAU,CAAC,4CA2CjD,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAa,MAAM,iBAAiB,CAAA;AAGxE,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,eAAO,MAAM,gBAAgB,GAC3B,YAAY,sBACZ,UAAU,yRAwDX,CAAA"}