@saas-ui/forms 2.7.0 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @saas-ui/forms
 
+## 2.8.0
+
+### Minor Changes
+
+- fc799df: Removed deprecated Chakra UI dependency
+
+### Patch Changes
+
+- Updated dependencies [fc799df]
+  - @saas-ui/core@2.7.0
+
+## 2.7.1
+
+### Patch Changes
+
+- f0ee3db: Updated to Chakra 2.10
+- Updated dependencies [f0ee3db]
+  - @saas-ui/core@2.6.1
+
 ## 2.7.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -7,8 +7,7 @@ export { BatchFieldArrayUpdate, ChangeHandler, Control, Controller, ControllerFi
 import * as _chakra_ui_react from '@chakra-ui/react';
 import { NumberInputProps as NumberInputProps$1, NumberInputFieldProps as NumberInputFieldProps$1, InputProps, RadioProps, RadioGroupProps, SystemProps, StackDirection, MenuProps, ThemingProps, ButtonProps, MenuListProps, MenuItemOptionProps, SelectProps as SelectProps$1, TextareaProps, SwitchProps, CheckboxProps, UsePinInputProps, ResponsiveValue, FormLabelProps, SimpleGridProps, FormControlProps, HTMLChakraProps } from '@chakra-ui/react';
 import { UseStepperReturn, UseStepperProps, StepsProps, StepsItemProps } from '@saas-ui/core';
-import { FocusableElement } from '@chakra-ui/utils';
-import { MaybeRenderProp } from '@chakra-ui/react-utils';
+import { MaybeRenderProp, FocusableElement } from '@chakra-ui/utils';
 
 interface NumberInputOptions {
     /**

package/dist/index.d.ts

@@ -7,8 +7,7 @@ export { BatchFieldArrayUpdate, ChangeHandler, Control, Controller, ControllerFi
 import * as _chakra_ui_react from '@chakra-ui/react';
 import { NumberInputProps as NumberInputProps$1, NumberInputFieldProps as NumberInputFieldProps$1, InputProps, RadioProps, RadioGroupProps, SystemProps, StackDirection, MenuProps, ThemingProps, ButtonProps, MenuListProps, MenuItemOptionProps, SelectProps as SelectProps$1, TextareaProps, SwitchProps, CheckboxProps, UsePinInputProps, ResponsiveValue, FormLabelProps, SimpleGridProps, FormControlProps, HTMLChakraProps } from '@chakra-ui/react';
 import { UseStepperReturn, UseStepperProps, StepsProps, StepsItemProps } from '@saas-ui/core';
-import { FocusableElement } from '@chakra-ui/utils';
-import { MaybeRenderProp } from '@chakra-ui/react-utils';
+import { MaybeRenderProp, FocusableElement } from '@chakra-ui/utils';
 
 interface NumberInputOptions {
     /**

package/dist/index.js

@@ -336,15 +336,15 @@ RadioInput.displayName = "RadioInput";
 
 // src/select/select.tsx
 var import_react10 = require("@chakra-ui/react");
-var import_utils3 = require("@chakra-ui/utils");
+var import_utils4 = require("@chakra-ui/utils");
 var import_core2 = require("@saas-ui/core");
 
 // src/select/select-context.tsx
 var import_react8 = require("@chakra-ui/react");
-var import_react_utils = require("@chakra-ui/react-utils");
+var import_utils2 = require("@chakra-ui/utils");
 var import_react9 = __toESM(require("react"));
 var [SelectStylesProvider, useSelectStyles] = (0, import_react8.createStylesContext)("SuiSelect");
-var [SelectProvider, useSelectContext] = (0, import_react_utils.createContext)({
+var [SelectProvider, useSelectContext] = (0, import_utils2.createContext)({
   strict: true
 });
 var useSelect = (props) => {
@@ -461,10 +461,10 @@ var SelectButton = (0, import_react10.forwardRef)(
         onFocus,
         onBlur,
         isDisabled: isDisabled || isSelectDisabled,
-        "data-invalid": (0, import_utils3.dataAttr)(isInvalid),
-        "data-read-only": (0, import_utils3.dataAttr)(isReadOnly),
-        "data-focus": (0, import_utils3.dataAttr)(isFocused),
-        "data-required": (0, import_utils3.dataAttr)(isRequired),
+        "data-invalid": (0, import_utils4.dataAttr)(isInvalid),
+        "data-read-only": (0, import_utils4.dataAttr)(isReadOnly),
+        "data-focus": (0, import_utils4.dataAttr)(isFocused),
+        "data-required": (0, import_utils4.dataAttr)(isRequired),
         rightIcon,
         children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           import_react10.chakra.span,
@@ -491,7 +491,7 @@ var Select = (0, import_react10.forwardRef)((props, ref) => {
   const menuProps = (0, import_react10.omitThemingProps)(rest);
   const context = useSelect(props);
   const { value, controlProps } = context;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectStylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react10.Menu, { ...menuProps, closeOnSelect: !multiple, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react10.chakra.div, { className: (0, import_utils3.cx)("sui-select"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectStylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react10.Menu, { ...menuProps, closeOnSelect: !multiple, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react10.chakra.div, { className: (0, import_utils4.cx)("sui-select"), children: [
     children,
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_react10.chakra.input,
@@ -544,7 +544,7 @@ NativeSelect.displayName = "NativeSelect";
 var React6 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_react13 = require("@chakra-ui/react");
-var import_utils4 = require("@chakra-ui/utils");
+var import_utils5 = require("@chakra-ui/utils");
 var import_core4 = require("@saas-ui/core");
 
 // src/base-field.tsx
@@ -662,8 +662,8 @@ var withControlledInput = (InputComponent) => {
             {
               ...field,
               ...inputProps,
-              onChange: (0, import_utils4.callAllHandlers)(onChange, field.onChange),
-              onBlur: (0, import_utils4.callAllHandlers)(inputProps.onBlur, field.onBlur),
+              onChange: (0, import_utils5.callAllHandlers)(onChange, field.onChange),
+              onBlur: (0, import_utils5.callAllHandlers)(inputProps.onBlur, field.onBlur),
               ref: (0, import_react13.useMergeRefs)(ref, _ref)
             }
           )
@@ -683,8 +683,8 @@ var withUncontrolledInput = (InputComponent) => {
         {
           ...field,
           ...inputProps,
-          onChange: (0, import_utils4.callAllHandlers)(onChange, field.onChange),
-          onBlur: (0, import_utils4.callAllHandlers)(inputProps.onBlur, field.onBlur),
+          onChange: (0, import_utils5.callAllHandlers)(onChange, field.onChange),
+          onBlur: (0, import_utils5.callAllHandlers)(inputProps.onBlur, field.onBlur),
           ref: (0, import_react13.useMergeRefs)(ref, _ref)
         }
       );
@@ -819,7 +819,7 @@ var React10 = __toESM(require("react"));
 
 // src/layout.tsx
 var import_react15 = require("@chakra-ui/react");
-var import_utils5 = require("@chakra-ui/utils");
+var import_utils6 = require("@chakra-ui/utils");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var FormLayoutItem = ({ children }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react15.chakra.div, { children });
@@ -840,7 +840,7 @@ var FormLayout = ({ children, ...props }) => {
     import_react15.SimpleGrid,
     {
       ...gridProps,
-      className: (0, import_utils5.cx)("sui-form__layout", props.className),
+      className: (0, import_utils6.cx)("sui-form__layout", props.className),
       sx: {
         ...styles,
         ...props.sx
@@ -859,11 +859,11 @@ var import_icons2 = require("@saas-ui/core/icons");
 // src/use-array-field.tsx
 var React8 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
-var import_react_utils2 = require("@chakra-ui/react-utils");
-var [ArrayFieldProvider, useArrayFieldContext] = (0, import_react_utils2.createContext)({
+var import_utils7 = require("@chakra-ui/utils");
+var [ArrayFieldProvider, useArrayFieldContext] = (0, import_utils7.createContext)({
   name: "ArrayFieldContext"
 });
-var [ArrayFieldRowProvider, useArrayFieldRowContext] = (0, import_react_utils2.createContext)({
+var [ArrayFieldRowProvider, useArrayFieldRowContext] = (0, import_utils7.createContext)({
   name: "ArrayFieldRowContext"
 });
 var useArrayField = ({
@@ -925,7 +925,7 @@ var useArrayFieldAddButton = () => {
 };
 
 // src/array-field.tsx
-var import_utils7 = require("@chakra-ui/utils");
+var import_utils9 = require("@chakra-ui/utils");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var ArrayFieldRow = ({
   children,
@@ -982,7 +982,7 @@ ArrayFieldAddButton.displayName = "ArrayFieldAddButton";
 var ArrayField = (0, import_react16.forwardRef)(
   (props, ref) => {
     const { children, ...containerProps } = props;
-    const rowFn = (0, import_utils7.isFunction)(children) ? children : (fields) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: fields.map(({ id }, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldRow, { index, children }, id)) || null });
+    const rowFn = (0, import_utils9.isFunction)(children) ? children : (fields) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: fields.map(({ id }, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldRow, { index, children }, id)) || null });
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ArrayFieldContainer, { ref, ...containerProps, children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldRows, { children: rowFn }),
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldAddButton, {})
@@ -1199,14 +1199,14 @@ DisplayIf.displayName = "DisplayIf";
 // src/step-form.tsx
 var React13 = __toESM(require("react"));
 var import_react19 = require("@chakra-ui/react");
-var import_utils9 = require("@chakra-ui/utils");
+var import_utils12 = require("@chakra-ui/utils");
 var import_core6 = require("@saas-ui/core");
 
 // src/use-step-form.tsx
 var React12 = __toESM(require("react"));
-var import_react_utils3 = require("@chakra-ui/react-utils");
+var import_utils11 = require("@chakra-ui/utils");
 var import_core5 = require("@saas-ui/core");
-var [StepFormProvider, useStepFormContext] = (0, import_react_utils3.createContext)({
+var [StepFormProvider, useStepFormContext] = (0, import_utils11.createContext)({
   name: "StepFormContext",
   errorMessage: "useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"
 });
@@ -1347,7 +1347,7 @@ var FormStep = (props) => {
   const { name, children, className, onSubmit, ...rest } = props;
   const step = useFormStep({ name, onSubmit });
   const { isActive } = step;
-  return isActive ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react19.chakra.div, { ...rest, className: (0, import_utils9.cx)("sui-form__step", className), children }) : null;
+  return isActive ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react19.chakra.div, { ...rest, className: (0, import_utils12.cx)("sui-form__step", className), children }) : null;
 };
 FormStep.displayName = "FormStep";
 var PrevButton = (props) => {
@@ -1358,8 +1358,8 @@ var PrevButton = (props) => {
       isDisabled: isFirstStep || isCompleted,
       children: "Back",
       ...props,
-      className: (0, import_utils9.cx)("sui-form__prev-button", props.className),
-      onClick: (0, import_utils9.callAllHandlers)(props.onClick, prevStep)
+      className: (0, import_utils12.cx)("sui-form__prev-button", props.className),
+      onClick: (0, import_utils12.callAllHandlers)(props.onClick, prevStep)
     }
   );
 };
@@ -1372,7 +1372,7 @@ var NextButton = (props) => {
     {
       ...rest,
       isDisabled: isCompleted,
-      className: (0, import_utils9.cx)("sui-form__next-button", props.className),
+      className: (0, import_utils12.cx)("sui-form__next-button", props.className),
       children: isLastStep || isCompleted ? submitLabel : label
     }
   );
@@ -1380,7 +1380,7 @@ var NextButton = (props) => {
 NextButton.displayName = "NextButton";
 
 // src/field-resolver.ts
-var import_utils10 = require("@chakra-ui/utils");
+var import_utils13 = require("@chakra-ui/utils");
 var mapFields = (schema) => schema && Object.entries(schema).map(([name, props]) => {
   const { items, label, title, ...field } = props;
   return {
@@ -1396,7 +1396,7 @@ var objectFieldResolver = (schema) => {
   };
   const getNestedFields = (name) => {
     var _a;
-    const field = (0, import_utils10.get)(schema, name);
+    const field = (0, import_utils13.get)(schema, name);
     if (!field) return [];
     if (((_a = field.items) == null ? void 0 : _a.type) === "object") {
       return mapFields(field.items.properties);
@@ -1429,7 +1429,7 @@ var import_react22 = require("@chakra-ui/react");
 // src/form.tsx
 var React14 = __toESM(require("react"));
 var import_react20 = require("@chakra-ui/react");
-var import_utils11 = require("@chakra-ui/utils");
+var import_utils14 = require("@chakra-ui/utils");
 var import_react_hook_form8 = require("react-hook-form");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var Form = (0, import_react20.forwardRef)(
@@ -1501,8 +1501,8 @@ var Form = (0, import_react20.forwardRef)(
             ref,
             onSubmit: handleSubmit(onSubmit, onError),
             ...rest,
-            className: (0, import_utils11.cx)("sui-form", props.className),
-            children: (0, import_utils11.runIfFn)(_children, {
+            className: (0, import_utils14.cx)("sui-form", props.className),
+            children: (0, import_utils14.runIfFn)(_children, {
               Field,
               DisplayIf,
               ArrayField,
@@ -1560,7 +1560,7 @@ function createForm({
 var import_react23 = require("react");
 var import_react24 = require("@chakra-ui/react");
 var import_core7 = require("@saas-ui/core");
-var import_utils12 = require("@chakra-ui/utils");
+var import_utils15 = require("@chakra-ui/utils");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function createStepForm({
   fields,
@@ -1584,7 +1584,7 @@ function createStepForm({
       },
       getBaseField
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core7.StepperProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StepFormProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldsProvider, { value: fieldsContext, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Form, { ref, ...rest, ...getFormProps(), children: (0, import_utils12.runIfFn)(children, {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core7.StepperProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StepFormProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldsProvider, { value: fieldsContext, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Form, { ref, ...rest, ...getFormProps(), children: (0, import_utils15.runIfFn)(children, {
       ...stepper,
       Field,
       FormStep,