@umami/react-zen 0.183.0 → 0.184.0
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/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +5 -2
- package/dist/index.mjs +5 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -172,7 +172,7 @@ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
|
|
|
172
172
|
rules?: RegisterOptions<FieldValues, string>;
|
|
173
173
|
children: (props: any) => ReactNode;
|
|
174
174
|
}
|
|
175
|
-
declare function FormFieldArray({ name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
|
|
175
|
+
declare function FormFieldArray({ id, name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
|
|
176
176
|
|
|
177
177
|
interface ButtonProps extends ButtonProps$1 {
|
|
178
178
|
variant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'zero';
|
package/dist/index.d.ts
CHANGED
|
@@ -172,7 +172,7 @@ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
|
|
|
172
172
|
rules?: RegisterOptions<FieldValues, string>;
|
|
173
173
|
children: (props: any) => ReactNode;
|
|
174
174
|
}
|
|
175
|
-
declare function FormFieldArray({ name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
|
|
175
|
+
declare function FormFieldArray({ id, name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
|
|
176
176
|
|
|
177
177
|
interface ButtonProps extends ButtonProps$1 {
|
|
178
178
|
variant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'zero';
|
package/dist/index.js
CHANGED
|
@@ -28589,6 +28589,7 @@ function FormField({
|
|
|
28589
28589
|
var import_classnames8 = __toESM(require_classnames());
|
|
28590
28590
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
28591
28591
|
function FormFieldArray({
|
|
28592
|
+
id,
|
|
28592
28593
|
name,
|
|
28593
28594
|
description,
|
|
28594
28595
|
label,
|
|
@@ -28597,16 +28598,18 @@ function FormFieldArray({
|
|
|
28597
28598
|
children,
|
|
28598
28599
|
...props
|
|
28599
28600
|
}) {
|
|
28601
|
+
const fieldId = useFieldId(id);
|
|
28600
28602
|
const context = useFormContext();
|
|
28601
|
-
const { formState, control } = context;
|
|
28603
|
+
const { formState, control, register } = context;
|
|
28602
28604
|
const fieldProps = useFieldArray({
|
|
28603
28605
|
control,
|
|
28604
28606
|
name
|
|
28605
28607
|
});
|
|
28608
|
+
register(name, rules);
|
|
28606
28609
|
const errors = formState?.errors || {};
|
|
28607
28610
|
const errorMessage = errors[name]?.message;
|
|
28608
28611
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ...props, className: (0, import_classnames8.default)(FormField_default.input, className), children: [
|
|
28609
|
-
label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Label2, { children: label }),
|
|
28612
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Label2, { htmlFor: fieldId, children: label }),
|
|
28610
28613
|
description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: FormField_default.description, children: description }),
|
|
28611
28614
|
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: FormField_default.error, children: errorMessage }),
|
|
28612
28615
|
children({ ...context, ...fieldProps })
|
package/dist/index.mjs
CHANGED
|
@@ -28470,6 +28470,7 @@ function FormField({
|
|
|
28470
28470
|
var import_classnames8 = __toESM(require_classnames());
|
|
28471
28471
|
import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
28472
28472
|
function FormFieldArray({
|
|
28473
|
+
id,
|
|
28473
28474
|
name,
|
|
28474
28475
|
description,
|
|
28475
28476
|
label,
|
|
@@ -28478,16 +28479,18 @@ function FormFieldArray({
|
|
|
28478
28479
|
children,
|
|
28479
28480
|
...props
|
|
28480
28481
|
}) {
|
|
28482
|
+
const fieldId = useFieldId(id);
|
|
28481
28483
|
const context = useFormContext();
|
|
28482
|
-
const { formState, control } = context;
|
|
28484
|
+
const { formState, control, register } = context;
|
|
28483
28485
|
const fieldProps = useFieldArray({
|
|
28484
28486
|
control,
|
|
28485
28487
|
name
|
|
28486
28488
|
});
|
|
28489
|
+
register(name, rules);
|
|
28487
28490
|
const errors = formState?.errors || {};
|
|
28488
28491
|
const errorMessage = errors[name]?.message;
|
|
28489
28492
|
return /* @__PURE__ */ jsxs7("div", { ...props, className: (0, import_classnames8.default)(FormField_default.input, className), children: [
|
|
28490
|
-
label && /* @__PURE__ */ jsx15(Label2, { children: label }),
|
|
28493
|
+
label && /* @__PURE__ */ jsx15(Label2, { htmlFor: fieldId, children: label }),
|
|
28491
28494
|
description && /* @__PURE__ */ jsx15("div", { className: FormField_default.description, children: description }),
|
|
28492
28495
|
errorMessage && /* @__PURE__ */ jsx15("div", { className: FormField_default.error, children: errorMessage }),
|
|
28493
28496
|
children({ ...context, ...fieldProps })
|