@ttoss/forms 0.23.2 → 0.23.4

package/dist/Brazil/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PatternFormatProps } from 'react-number-format';
-import { F as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-DF8nU9tn.mjs';
+import { F as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-CkcL14ho.mjs';
 
 type FormFieldCNPJProps = {
     label: string;

package/dist/Brazil/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PatternFormatProps } from 'react-number-format';
-import { F as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-DF8nU9tn.js';
+import { F as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-CkcL14ho.js';
 
 type FormFieldCNPJProps = {
     label: string;

package/dist/MultistepForm/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import '../typings.d-KteERiXO.mjs';
+import '../typings.d-HZBqJJjn.mjs';
 import * as yup from 'yup';
 import { IconType } from '@ttoss/react-icons';
 

package/dist/MultistepForm/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import '../typings.d-KteERiXO.js';
+import '../typings.d-HZBqJJjn.js';
 import * as yup from 'yup';
 import { IconType } from '@ttoss/react-icons';
 

package/dist/MultistepForm/index.js

@@ -898,10 +898,10 @@ var import_ui18 = require("@ttoss/ui");
 // ../react-icons/src/Icon.tsx
 var React4 = __toESM(require("react"));
 
-// ../../node_modules/.pnpm/@iconify-icon+react@2.0.1_react@18.2.0/node_modules/@iconify-icon/react/dist/iconify.mjs
+// ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.2.0/node_modules/@iconify-icon/react/dist/iconify.mjs
 var import_react = __toESM(require("react"), 1);
 
-// ../../node_modules/.pnpm/iconify-icon@2.0.0/node_modules/iconify-icon/dist/iconify-icon.mjs
+// ../../node_modules/.pnpm/iconify-icon@2.1.0/node_modules/iconify-icon/dist/iconify-icon.mjs
 var defaultIconDimensions = Object.freeze({
   left: 0,
   top: 0,
@@ -2082,9 +2082,6 @@ function parseIconValue(value, onload) {
     loading
   };
 }
-function getInline(node) {
-  return node.hasAttribute("inline");
-}
 var isBuggedSafari = false;
 try {
   isBuggedSafari = navigator.vendor.indexOf("Apple") === 0;
@@ -2507,6 +2504,7 @@ function exportFunctions() {
     disableCache: storage2 => toggleBrowserCache(storage2, false),
     iconLoaded: iconLoaded$1,
     iconExists: iconLoaded$1,
+    // deprecated, kept to avoid breaking changes
     getIcon: getIcon$1,
     listIcons: listIcons$1,
     addIcon: addIcon$1,
@@ -2671,7 +2669,7 @@ function defineIconifyIcon(name = "iconify-icon") {
   // Icon
   "icon",
   // Mode
-  "mode", "inline", "observe",
+  "mode", "inline", "noobserver",
   // Customisations
   "width", "height", "rotate", "flip"];
   const IconifyIcon2 = class extends ParentClass {
@@ -2696,7 +2694,7 @@ function defineIconifyIcon(name = "iconify-icon") {
       const root = this._shadowRoot = this.attachShadow({
         mode: "open"
       });
-      const inline = getInline(this);
+      const inline = this.hasAttribute("inline");
       updateStyle(root, inline);
       this._state = setPendingState({
         value: ""
@@ -2747,7 +2745,7 @@ function defineIconifyIcon(name = "iconify-icon") {
       switch (name2) {
         case "inline":
           {
-            const newInline = getInline(this);
+            const newInline = this.hasAttribute("inline");
             const state = this._state;
             if (newInline !== state.inline) {
               state.inline = newInline;
@@ -2755,9 +2753,9 @@ function defineIconifyIcon(name = "iconify-icon") {
             }
             break;
           }
-        case "observer":
+        case "noobserver":
           {
-            const value = this.observer;
+            const value = this.hasAttribute("noobserver");
             if (value) {
               this.startObserver();
             } else {
@@ -2791,7 +2789,7 @@ function defineIconifyIcon(name = "iconify-icon") {
      * Get/set inline
      */
     get inline() {
-      return getInline(this);
+      return this.hasAttribute("inline");
     }
     set inline(value) {
       if (value) {
@@ -2935,7 +2933,7 @@ function defineIconifyIcon(name = "iconify-icon") {
      * Start observer
      */
     startObserver() {
-      if (!this._observer) {
+      if (!this._observer && !this.hasAttribute("noobserver")) {
         try {
           this._observer = new IntersectionObserver(entries => {
             const intersecting = entries.some(entry => entry.isIntersecting);
@@ -3013,7 +3011,7 @@ var {
   _api
 } = IconifyIconComponent;
 
-// ../../node_modules/.pnpm/@iconify-icon+react@2.0.1_react@18.2.0/node_modules/@iconify-icon/react/dist/iconify.mjs
+// ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.2.0/node_modules/@iconify-icon/react/dist/iconify.mjs
 var Icon = import_react.default.forwardRef((props, ref) => {
   const newProps = {
     ...props,
@@ -3245,6 +3243,6 @@ iconify-icon/dist/iconify-icon.mjs:
   * Licensed under MIT.
   *
   * @license MIT
-  * @version 2.0.0
+  * @version 2.1.0
   *)
 */

package/dist/esm/MultistepForm/index.js

@@ -154,10 +154,10 @@ import { CloseButton, Flex as Flex4, Image as Image2, Text as Text4 } from "@tto
 // ../react-icons/src/Icon.tsx
 import * as React2 from "react";
 
-// ../../node_modules/.pnpm/@iconify-icon+react@2.0.1_react@18.2.0/node_modules/@iconify-icon/react/dist/iconify.mjs
+// ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.2.0/node_modules/@iconify-icon/react/dist/iconify.mjs
 import React from "react";
 
-// ../../node_modules/.pnpm/iconify-icon@2.0.0/node_modules/iconify-icon/dist/iconify-icon.mjs
+// ../../node_modules/.pnpm/iconify-icon@2.1.0/node_modules/iconify-icon/dist/iconify-icon.mjs
 var defaultIconDimensions = Object.freeze({
   left: 0,
   top: 0,
@@ -1338,9 +1338,6 @@ function parseIconValue(value, onload) {
     loading
   };
 }
-function getInline(node) {
-  return node.hasAttribute("inline");
-}
 var isBuggedSafari = false;
 try {
   isBuggedSafari = navigator.vendor.indexOf("Apple") === 0;
@@ -1763,6 +1760,7 @@ function exportFunctions() {
     disableCache: storage2 => toggleBrowserCache(storage2, false),
     iconLoaded: iconLoaded$1,
     iconExists: iconLoaded$1,
+    // deprecated, kept to avoid breaking changes
     getIcon: getIcon$1,
     listIcons: listIcons$1,
     addIcon: addIcon$1,
@@ -1927,7 +1925,7 @@ function defineIconifyIcon(name = "iconify-icon") {
   // Icon
   "icon",
   // Mode
-  "mode", "inline", "observe",
+  "mode", "inline", "noobserver",
   // Customisations
   "width", "height", "rotate", "flip"];
   const IconifyIcon2 = class extends ParentClass {
@@ -1952,7 +1950,7 @@ function defineIconifyIcon(name = "iconify-icon") {
       const root = this._shadowRoot = this.attachShadow({
         mode: "open"
       });
-      const inline = getInline(this);
+      const inline = this.hasAttribute("inline");
       updateStyle(root, inline);
       this._state = setPendingState({
         value: ""
@@ -2003,7 +2001,7 @@ function defineIconifyIcon(name = "iconify-icon") {
       switch (name2) {
         case "inline":
           {
-            const newInline = getInline(this);
+            const newInline = this.hasAttribute("inline");
             const state = this._state;
             if (newInline !== state.inline) {
               state.inline = newInline;
@@ -2011,9 +2009,9 @@ function defineIconifyIcon(name = "iconify-icon") {
             }
             break;
           }
-        case "observer":
+        case "noobserver":
           {
-            const value = this.observer;
+            const value = this.hasAttribute("noobserver");
             if (value) {
               this.startObserver();
             } else {
@@ -2047,7 +2045,7 @@ function defineIconifyIcon(name = "iconify-icon") {
      * Get/set inline
      */
     get inline() {
-      return getInline(this);
+      return this.hasAttribute("inline");
     }
     set inline(value) {
       if (value) {
@@ -2191,7 +2189,7 @@ function defineIconifyIcon(name = "iconify-icon") {
      * Start observer
      */
     startObserver() {
-      if (!this._observer) {
+      if (!this._observer && !this.hasAttribute("noobserver")) {
         try {
           this._observer = new IntersectionObserver(entries => {
             const intersecting = entries.some(entry => entry.isIntersecting);
@@ -2269,7 +2267,7 @@ var {
   _api
 } = IconifyIconComponent;
 
-// ../../node_modules/.pnpm/@iconify-icon+react@2.0.1_react@18.2.0/node_modules/@iconify-icon/react/dist/iconify.mjs
+// ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.2.0/node_modules/@iconify-icon/react/dist/iconify.mjs
 var Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
   const newProps = {
     ...props,
@@ -2498,6 +2496,6 @@ iconify-icon/dist/iconify-icon.mjs:
   * Licensed under MIT.
   *
   * @license MIT
-  * @version 2.0.0
+  * @version 2.1.0
   *)
 */

package/dist/index.d.mts

@@ -1,25 +1,22 @@
 export { yupResolver } from '@hookform/resolvers/yup';
-import './typings.d-KteERiXO.mjs';
+import './typings.d-HZBqJJjn.mjs';
 import * as yup from 'yup';
 export { yup };
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
-export * from 'react-hook-form';
-export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
 import { BoxProps, SxProp, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
-import { F as FormFieldPatternFormatProps } from './FormFieldPatternFormat-DF8nU9tn.mjs';
-export { a as FormFieldPatternFormat } from './FormFieldPatternFormat-DF8nU9tn.mjs';
+import { FieldValues, FormProviderProps, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
+export * from 'react-hook-form';
+export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
+import { F as FormFieldPatternFormatProps } from './FormFieldPatternFormat-CkcL14ho.mjs';
+export { a as FormFieldPatternFormat } from './FormFieldPatternFormat-CkcL14ho.mjs';
 import { NumericFormatProps } from 'react-number-format';
 
 declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children, onSubmit, sx, ...formMethods }: {
     children?: React.ReactNode;
-    onSubmit?: ((data: TFieldValues) => Promise<void> | void) | undefined;
+    onSubmit?: (data: TFieldValues) => Promise<void> | void;
     sx?: BoxProps['sx'];
-} & {
-    children: React.ReactNode | React.ReactNode[];
-} & react_hook_form.UseFormReturn<TFieldValues, any, undefined>) => react_jsx_runtime.JSX.Element;
+} & FormProviderProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     label?: string;
@@ -36,7 +33,7 @@ type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TNam
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled, tooltip, onTooltipClick, sx, css, render, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues>({ label, name, sx, ...checkboxProps }: {
-    label?: string | undefined;
+    label?: string;
     name: FieldPath<TFieldValues>;
 } & CheckboxProps) => react_jsx_runtime.JSX.Element;
 
@@ -78,16 +75,16 @@ type FormRadioOption = {
     label: string;
 };
 declare const FormFieldRadio: <TFieldValues extends FieldValues = FieldValues>({ label, name, options, sx, ...radioProps }: {
-    label?: string | undefined;
+    label?: string;
     name: FieldPath<TFieldValues>;
     options: FormRadioOption[];
 } & RadioProps) => react_jsx_runtime.JSX.Element;
 
 type FormFieldSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<SelectProps, 'defaultValue'> & FormFieldProps<TFieldValues, TName>;
-declare const FormFieldSelect: <TFieldValues extends FieldValues = FieldValues>({ label, name, id, defaultValue, sx, css, disabled, tooltip, onTooltipClick, ...selectProps }: FormFieldSelectProps<TFieldValues, react_hook_form.Path<TFieldValues>>) => react_jsx_runtime.JSX.Element;
+declare const FormFieldSelect: <TFieldValues extends FieldValues = FieldValues>({ label, name, id, defaultValue, sx, css, disabled, tooltip, onTooltipClick, ...selectProps }: FormFieldSelectProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
 
 declare const FormFieldTextarea: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, ...textareaProps }: {
-    label?: string | undefined;
+    label?: string;
     name: TName;
 } & TextareaProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -1,25 +1,22 @@
 export { yupResolver } from '@hookform/resolvers/yup';
-import './typings.d-KteERiXO.js';
+import './typings.d-HZBqJJjn.js';
 import * as yup from 'yup';
 export { yup };
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
-export * from 'react-hook-form';
-export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
 import { BoxProps, SxProp, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
-import { F as FormFieldPatternFormatProps } from './FormFieldPatternFormat-DF8nU9tn.js';
-export { a as FormFieldPatternFormat } from './FormFieldPatternFormat-DF8nU9tn.js';
+import { FieldValues, FormProviderProps, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
+export * from 'react-hook-form';
+export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
+import { F as FormFieldPatternFormatProps } from './FormFieldPatternFormat-CkcL14ho.js';
+export { a as FormFieldPatternFormat } from './FormFieldPatternFormat-CkcL14ho.js';
 import { NumericFormatProps } from 'react-number-format';
 
 declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children, onSubmit, sx, ...formMethods }: {
     children?: React.ReactNode;
-    onSubmit?: ((data: TFieldValues) => Promise<void> | void) | undefined;
+    onSubmit?: (data: TFieldValues) => Promise<void> | void;
     sx?: BoxProps['sx'];
-} & {
-    children: React.ReactNode | React.ReactNode[];
-} & react_hook_form.UseFormReturn<TFieldValues, any, undefined>) => react_jsx_runtime.JSX.Element;
+} & FormProviderProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     label?: string;
@@ -36,7 +33,7 @@ type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TNam
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled, tooltip, onTooltipClick, sx, css, render, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues>({ label, name, sx, ...checkboxProps }: {
-    label?: string | undefined;
+    label?: string;
     name: FieldPath<TFieldValues>;
 } & CheckboxProps) => react_jsx_runtime.JSX.Element;
 
@@ -78,16 +75,16 @@ type FormRadioOption = {
     label: string;
 };
 declare const FormFieldRadio: <TFieldValues extends FieldValues = FieldValues>({ label, name, options, sx, ...radioProps }: {
-    label?: string | undefined;
+    label?: string;
     name: FieldPath<TFieldValues>;
     options: FormRadioOption[];
 } & RadioProps) => react_jsx_runtime.JSX.Element;
 
 type FormFieldSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<SelectProps, 'defaultValue'> & FormFieldProps<TFieldValues, TName>;
-declare const FormFieldSelect: <TFieldValues extends FieldValues = FieldValues>({ label, name, id, defaultValue, sx, css, disabled, tooltip, onTooltipClick, ...selectProps }: FormFieldSelectProps<TFieldValues, react_hook_form.Path<TFieldValues>>) => react_jsx_runtime.JSX.Element;
+declare const FormFieldSelect: <TFieldValues extends FieldValues = FieldValues>({ label, name, id, defaultValue, sx, css, disabled, tooltip, onTooltipClick, ...selectProps }: FormFieldSelectProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
 
 declare const FormFieldTextarea: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, ...textareaProps }: {
-    label?: string | undefined;
+    label?: string;
     name: TName;
 } & TextareaProps) => react_jsx_runtime.JSX.Element;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.23.2",
+  "version": "0.23.4",
   "author": "ttoss",
   "contributors": [
     "Pedro Arantes <pedro@arantespp.com> (https://arantespp.com/contact)"
@@ -41,24 +41,24 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^1.26.2",
-    "@ttoss/ui": "^4.1.5"
+    "@ttoss/react-i18n": "^1.26.4",
+    "@ttoss/ui": "^4.1.6"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.76",
+    "@types/react": "^18.2.79",
     "jest": "^29.7.0",
     "react": "^18.2.0",
     "react-error-boundary": "^4.0.13",
     "theme-ui": "^0.16.2",
     "tsup": "^8.0.2",
     "yup": "^1.4.0",
-    "@ttoss/config": "^1.31.5",
-    "@ttoss/i18n-cli": "^0.7.6",
-    "@ttoss/react-i18n": "^1.26.2",
-    "@ttoss/react-icons": "^0.3.2",
-    "@ttoss/ui": "^4.1.5",
-    "@ttoss/test-utils": "^2.1.2"
+    "@ttoss/config": "^1.32.0",
+    "@ttoss/i18n-cli": "^0.7.8",
+    "@ttoss/react-i18n": "^1.26.4",
+    "@ttoss/react-icons": "^0.3.3",
+    "@ttoss/test-utils": "^2.1.3",
+    "@ttoss/ui": "^4.1.6"
   },
   "publishConfig": {
     "access": "public",