@saas-ui/forms 2.0.0-next.12 → 2.0.0-next.13

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @saas-ui/forms
 
+## 2.0.0-next.13
+
+### Patch Changes
+
+- Bump version
+- 6c63217c: object and array field props can now be overridden using the fields prop
+- Updated dependencies
+  - @saas-ui/core@2.0.0-next.11
+
 ## 2.0.0-next.12
 
 ### Patch Changes
@@ -118,6 +127,38 @@
 - Updated dependencies [3a15e8c8]
   - @saas-ui/core@2.0.0-next.0
 
+## 1.5.5
+
+### Patch Changes
+
+- Fix types path
+- Updated dependencies
+  - @saas-ui/button@1.4.2
+  - @saas-ui/input-right-button@1.4.2
+  - @saas-ui/number-input@1.4.2
+  - @saas-ui/password-input@1.4.2
+  - @saas-ui/pin-input@1.4.2
+  - @saas-ui/radio@1.4.3
+  - @saas-ui/react-utils@1.2.2
+  - @saas-ui/select@1.4.2
+  - @saas-ui/stepper@1.4.2
+
+## 1.5.4
+
+### Patch Changes
+
+- b2302a3: Add types to package.json exports
+- Updated dependencies [b2302a3]
+  - @saas-ui/button@1.4.1
+  - @saas-ui/input-right-button@1.4.1
+  - @saas-ui/number-input@1.4.1
+  - @saas-ui/password-input@1.4.1
+  - @saas-ui/pin-input@1.4.1
+  - @saas-ui/radio@1.4.2
+  - @saas-ui/react-utils@1.2.1
+  - @saas-ui/select@1.4.1
+  - @saas-ui/stepper@1.4.1
+
 ## 1.5.3
 
 ### Patch Changes

package/dist/index.d.ts

@@ -289,7 +289,7 @@ interface DisplayIfProps<TFieldValues extends FieldValues = FieldValues, TName e
  * @see Docs https://saas-ui.dev/docs/components/forms/form
  */
 declare const DisplayIf: {
-    <TFieldValues extends FieldValues = FieldValues, TName extends react_hook_form.Path<TFieldValues> = react_hook_form.Path<TFieldValues>>({ children, name, defaultValue, isDisabled, isExact, condition, }: DisplayIfProps<TFieldValues, TName>): React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | null;
+    <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ children, name, defaultValue, isDisabled, isExact, condition, }: DisplayIfProps<TFieldValues, TName>): React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | null;
     displayName: string;
 };
 

package/dist/index.js

@@ -46,7 +46,7 @@ var useFieldProps = (name) => {
   var _a;
   const parsedName = name == null ? void 0 : name.replace(/\.[0-9]/g, ".$");
   const context = useFormContext();
-  return (_a = context == null ? void 0 : context.fields) == null ? void 0 : _a[parsedName];
+  return ((_a = context == null ? void 0 : context.fields) == null ? void 0 : _a[parsedName]) || {};
 };
 var FormProvider = (props) => {
   const { children, fieldResolver, schema, fields, ...rest } = props;
@@ -301,6 +301,7 @@ var SelectButton = react.forwardRef(
       {
         as: react.Button,
         id: id || React13__namespace.useId(),
+        ...buttonStyles,
         ...rest,
         onFocus,
         onBlur,
@@ -311,7 +312,6 @@ var SelectButton = react.forwardRef(
         "data-required": utils.dataAttr(isRequired),
         rightIcon,
         ref,
-        sx: buttonStyles,
         children: renderValue(displayValue) || placeholder
       }
     );
@@ -765,15 +765,16 @@ var ArrayFieldContainer = React13__namespace.forwardRef(
     children,
     ...fieldProps
   }, ref) => {
+    const overrides = useFieldProps(name);
     const context = useArrayField({
       name,
       defaultValue,
       keyName,
-      min,
-      max
+      min: min || (overrides == null ? void 0 : overrides.min),
+      max: max || (overrides == null ? void 0 : overrides.max)
     });
     React13__namespace.useImperativeHandle(ref, () => context, [ref, context]);
-    return /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(BaseField, { name, ...fieldProps, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(BaseField, { name, ...fieldProps, ...overrides, children }) });
   }
 );
 ArrayFieldContainer.displayName = "ArrayFieldContainer";
@@ -782,10 +783,28 @@ var FormLegend = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { as: "legend", sx: styles, ...props });
 };
 var ObjectField = (props) => {
-  const { name, label, hideLabel, children, columns, spacing, ...fieldProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { name, as: "fieldset", ...fieldProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(FormLegend, { display: hideLabel ? "none" : "block", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(FormLayout, { columns, gridGap: spacing, children: mapNestedFields(name, children) })
+  const {
+    name,
+    label,
+    hideLabel: hideLabelProp,
+    children,
+    columns: columnsProp,
+    spacing: spacingProp,
+    ...fieldProps
+  } = props;
+  const { hideLabel, columns, spacing, ...overrides } = useFieldProps(
+    name
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { name, as: "fieldset", ...fieldProps, ...overrides, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FormLegend, { display: hideLabelProp || hideLabel ? "none" : "block", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      FormLayout,
+      {
+        columns: columnsProp || columns,
+        gridGap: spacingProp || spacing,
+        children: mapNestedFields(name, children)
+      }
+    )
   ] });
 };
 ObjectField.displayName = "ObjectField";