@ttoss/forms 0.26.6 → 0.26.8

package/dist/esm/Brazil/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-VFAUAKN6.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-FCW2VV6O.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";

package/dist/esm/MultistepForm/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Form, useForm, yupResolver } from "../chunk-VFAUAKN6.js";
+import { Form, useForm, yupResolver } from "../chunk-FCW2VV6O.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import * as React3 from "react";
@@ -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.1.0_react@18.3.1/node_modules/@iconify-icon/react/dist/iconify.mjs
+// ../../node_modules/.pnpm/@iconify-icon+react@2.2.0_react@19.0.0/node_modules/@iconify-icon/react/dist/iconify.mjs
 import React from "react";
 
-// ../../node_modules/.pnpm/iconify-icon@2.1.0/node_modules/iconify-icon/dist/iconify-icon.mjs
+// ../../node_modules/.pnpm/iconify-icon@2.2.0/node_modules/iconify-icon/dist/iconify-icon.mjs
 var defaultIconDimensions = Object.freeze({
   left: 0,
   top: 0,
@@ -304,7 +304,10 @@ var validateIconName = (icon, allowSimpleName) => {
   if (!icon) {
     return false;
   }
-  return !!((icon.provider === "" || icon.provider.match(matchIconName)) && (allowSimpleName && icon.prefix === "" || icon.prefix.match(matchIconName)) && icon.name.match(matchIconName));
+  return !!(
+  // Check prefix: cannot be empty, unless allowSimpleName is enabled
+  // Check name: cannot be empty
+  (allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
 };
 function mergeIconTransformations(obj1, obj2) {
   const result = {};
@@ -353,7 +356,7 @@ function getIconsTree(data, names) {
     }
     return resolved[name];
   }
-  (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);
+  Object.keys(icons).concat(Object.keys(aliases)).forEach(resolve);
   return resolved;
 }
 function internalGetIconData(data, name, tree) {
@@ -416,7 +419,13 @@ function quicklyValidateIconSet(obj) {
   const icons = data.icons;
   for (const name in icons) {
     const icon = icons[name];
-    if (!name.match(matchIconName) || typeof icon.body !== "string" || !checkOptionalProps(icon, defaultExtendedIconProps)) {
+    if (
+    // Name cannot be empty
+    !name ||
+    // Must have body
+    typeof icon.body !== "string" ||
+    // Check other props
+    !checkOptionalProps(icon, defaultExtendedIconProps)) {
       return null;
     }
   }
@@ -424,7 +433,13 @@ function quicklyValidateIconSet(obj) {
   for (const name in aliases) {
     const icon = aliases[name];
     const parent = icon.parent;
-    if (!name.match(matchIconName) || typeof parent !== "string" || !icons[parent] && !aliases[parent] || !checkOptionalProps(icon, defaultExtendedIconProps)) {
+    if (
+    // Name cannot be empty
+    !name ||
+    // Parent must be set and point to existing icon
+    typeof parent !== "string" || !icons[parent] && !aliases[parent] ||
+    // Check other props
+    !checkOptionalProps(icon, defaultExtendedIconProps)) {
       return null;
     }
   }
@@ -499,7 +514,12 @@ function addIcon$1(name, data) {
     return false;
   }
   const storage2 = getStorage(icon.provider, icon.prefix);
-  return addIconToStorage(storage2, icon.name, data);
+  if (data) {
+    return addIconToStorage(storage2, icon.name, data);
+  } else {
+    storage2.missing.add(icon.name);
+    return true;
+  }
 }
 function addCollection$1(data, provider) {
   if (typeof data !== "object") {
@@ -513,7 +533,7 @@ function addCollection$1(data, provider) {
     if (quicklyValidateIconSet(data)) {
       data.prefix = "";
       parseIconSet(data, (name, icon) => {
-        if (icon && addIcon$1(name, icon)) {
+        if (addIcon$1(name, icon)) {
           added = true;
         }
       });
@@ -539,7 +559,7 @@ function getIcon$1(name) {
   return result ? {
     ...defaultIconProps,
     ...result
-  } : null;
+  } : result;
 }
 function sortIcons(icons) {
   const result = {
@@ -1172,6 +1192,57 @@ function loadedNewIcons(storage2) {
     });
   }
 }
+function checkIconNamesForAPI(icons) {
+  const valid = [];
+  const invalid = [];
+  icons.forEach(name => {
+    (name.match(matchIconName) ? valid : invalid).push(name);
+  });
+  return {
+    valid,
+    invalid
+  };
+}
+function parseLoaderResponse(storage2, icons, data, isAPIResponse) {
+  function checkMissing() {
+    const pending = storage2.pendingIcons;
+    icons.forEach(name => {
+      if (pending) {
+        pending.delete(name);
+      }
+      if (!storage2.icons[name]) {
+        storage2.missing.add(name);
+      }
+    });
+  }
+  if (data && typeof data === "object") {
+    try {
+      const parsed = addIconSet(storage2, data);
+      if (!parsed.length) {
+        checkMissing();
+        return;
+      }
+      if (isAPIResponse) {
+        storeInBrowserStorage(storage2, data);
+      }
+    } catch (err) {
+      console.error(err);
+    }
+  }
+  checkMissing();
+  loadedNewIcons(storage2);
+}
+function parsePossiblyAsyncResponse(response, callback) {
+  if (response instanceof Promise) {
+    response.then(data => {
+      callback(data);
+    }).catch(() => {
+      callback(null);
+    });
+  } else {
+    callback(response);
+  }
+}
 function loadNewIcons(storage2, icons) {
   if (!storage2.iconsToLoad) {
     storage2.iconsToLoad = icons;
@@ -1188,35 +1259,50 @@ function loadNewIcons(storage2, icons) {
       } = storage2;
       const icons2 = storage2.iconsToLoad;
       delete storage2.iconsToLoad;
-      let api;
-      if (!icons2 || !(api = getAPIModule(provider))) {
+      if (!icons2 || !icons2.length) {
+        return;
+      }
+      const customIconLoader = storage2.loadIcon;
+      if (storage2.loadIcons && (icons2.length > 1 || !customIconLoader)) {
+        parsePossiblyAsyncResponse(storage2.loadIcons(icons2, prefix, provider), data => {
+          parseLoaderResponse(storage2, icons2, data, false);
+        });
+        return;
+      }
+      if (customIconLoader) {
+        icons2.forEach(name => {
+          const response = customIconLoader(name, prefix, provider);
+          parsePossiblyAsyncResponse(response, data => {
+            const iconSet = data ? {
+              prefix,
+              icons: {
+                [name]: data
+              }
+            } : null;
+            parseLoaderResponse(storage2, [name], iconSet, false);
+          });
+        });
         return;
       }
-      const params = api.prepare(provider, prefix, icons2);
+      const {
+        valid,
+        invalid
+      } = checkIconNamesForAPI(icons2);
+      if (invalid.length) {
+        parseLoaderResponse(storage2, invalid, null, false);
+      }
+      if (!valid.length) {
+        return;
+      }
+      const api = prefix.match(matchIconName) ? getAPIModule(provider) : null;
+      if (!api) {
+        parseLoaderResponse(storage2, valid, null, false);
+        return;
+      }
+      const params = api.prepare(provider, prefix, valid);
       params.forEach(item => {
         sendAPIQuery(provider, item, data => {
-          if (typeof data !== "object") {
-            item.icons.forEach(name => {
-              storage2.missing.add(name);
-            });
-          } else {
-            try {
-              const parsed = addIconSet(storage2, data);
-              if (!parsed.length) {
-                return;
-              }
-              const pending = storage2.pendingIcons;
-              if (pending) {
-                parsed.forEach(name => {
-                  pending.delete(name);
-                });
-              }
-              storeInBrowserStorage(storage2, data);
-            } catch (err) {
-              console.error(err);
-            }
-          }
-          loadedNewIcons(storage2);
+          parseLoaderResponse(storage2, item.icons, data, true);
         });
       });
     });
@@ -1271,12 +1357,9 @@ var loadIcons$1 = (icons, callback) => {
     }
   });
   sources.forEach(storage2 => {
-    const {
-      provider,
-      prefix
-    } = storage2;
-    if (newIcons[provider][prefix].length) {
-      loadNewIcons(storage2, newIcons[provider][prefix]);
+    const list = newIcons[storage2.provider][storage2.prefix];
+    if (list.length) {
+      loadNewIcons(storage2, list);
     }
   });
   return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
@@ -1314,12 +1397,31 @@ function testIconObject(value) {
   } catch (err) {}
 }
 function parseIconValue(value, onload) {
-  const name = typeof value === "string" ? stringToIcon(value, true, true) : null;
-  if (!name) {
+  if (typeof value === "object") {
     const data2 = testIconObject(value);
     return {
-      value,
-      data: data2
+      data: data2,
+      value
+    };
+  }
+  if (typeof value !== "string") {
+    return {
+      value
+    };
+  }
+  if (value.includes("{")) {
+    const data2 = testIconObject(value);
+    if (data2) {
+      return {
+        data: data2,
+        value
+      };
+    }
+  }
+  const name = stringToIcon(value, true, true);
+  if (!name) {
+    return {
+      value
     };
   }
   const data = getIconData(name);
@@ -1671,6 +1773,12 @@ var fetchAPIModule = {
   prepare,
   send
 };
+function setCustomIconsLoader$1(loader, prefix, provider) {
+  getStorage(provider || "", prefix).loadIcons = loader;
+}
+function setCustomIconLoader$1(loader, prefix, provider) {
+  getStorage(provider || "", prefix).loadIcon = loader;
+}
 function toggleBrowserCache(storage2, value) {
   switch (storage2) {
     case "local":
@@ -1696,7 +1804,7 @@ function updateStyle(parent, inline) {
     styleNode.setAttribute(nodeAttr, nodeAttr);
     parent.appendChild(styleNode);
   }
-  styleNode.textContent = ":host{display:inline-block;vertical-align:" + (inline ? "-0.125em" : "0") + "}span,svg{display:block}" + customStyle;
+  styleNode.textContent = ":host{display:inline-block;vertical-align:" + (inline ? "-0.125em" : "0") + "}span,svg{display:block;margin:auto}" + customStyle;
 }
 function exportFunctions() {
   setAPIModule("", fetchAPIModule);
@@ -1773,6 +1881,8 @@ function exportFunctions() {
     loadIcons: loadIcons$1,
     loadIcon: loadIcon$1,
     addAPIProvider: addAPIProvider$1,
+    setCustomIconLoader: setCustomIconLoader$1,
+    setCustomIconsLoader: setCustomIconsLoader$1,
     appendCustomStyle,
     _api: _api2
   };
@@ -2264,11 +2374,13 @@ var {
   svgToURL,
   loadIcons,
   loadIcon,
+  setCustomIconLoader,
+  setCustomIconsLoader,
   addAPIProvider,
   _api
 } = IconifyIconComponent;
 
-// ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.3.1/node_modules/@iconify-icon/react/dist/iconify.mjs
+// ../../node_modules/.pnpm/@iconify-icon+react@2.2.0_react@19.0.0/node_modules/@iconify-icon/react/dist/iconify.mjs
 var Icon = React.forwardRef((props, ref) => {
   const newProps = {
     ...props,
@@ -2497,6 +2609,6 @@ iconify-icon/dist/iconify-icon.mjs:
   * Licensed under MIT.
   *
   * @license MIT
-  * @version 2.1.0
+  * @version 2.2.0
   *)
 */

package/dist/esm/{chunk-VFAUAKN6.js → chunk-FCW2VV6O.js}

@@ -243,6 +243,10 @@ var FormField = ({
   const id = idProp || `form-field-${name}`;
   const memoizedRender = React.useMemo(() => {
     return React.Children.map(render(controllerReturn), child => {
+      if (!React.isValidElement(child)) {
+        return null;
+      }
+      const childProps = child.props;
       return /* @__PURE__ */jsxs(Fragment, {
         children: [label && /* @__PURE__ */jsx4(Label, {
           "aria-disabled": disabled,
@@ -252,7 +256,7 @@ var FormField = ({
           children: label
         }), React.createElement(child.type, {
           id,
-          ...child.props
+          ...childProps
         })]
       });
     });

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-VFAUAKN6.js";
+import { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-FCW2VV6O.js";
 export { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.26.6",
+  "version": "0.26.8",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -33,29 +33,29 @@
   "dependencies": {
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.9.1",
-    "react-hook-form": "^7.53.2",
-    "react-number-format": "^5.4.2",
-    "yup": "^1.4.0"
+    "react-hook-form": "^7.54.2",
+    "react-number-format": "^5.4.3",
+    "yup": "^1.6.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^2.0.6",
-    "@ttoss/ui": "^5.0.12"
+    "@ttoss/react-i18n": "^2.0.8",
+    "@ttoss/ui": "^5.0.14"
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.12",
+    "@types/react": "^19.0.2",
     "jest": "^29.7.0",
-    "react": "^18.3.1",
-    "react-error-boundary": "^4.1.2",
+    "react": "^19.0.0",
+    "react-error-boundary": "^5.0.0",
     "tsup": "^8.3.5",
-    "yup": "^1.4.0",
-    "@ttoss/config": "^1.35.0",
-    "@ttoss/i18n-cli": "^0.7.24",
-    "@ttoss/react-i18n": "^2.0.6",
-    "@ttoss/react-icons": "^0.4.6",
-    "@ttoss/test-utils": "^2.1.19",
-    "@ttoss/ui": "^5.0.12"
+    "yup": "^1.6.1",
+    "@ttoss/config": "^1.35.2",
+    "@ttoss/i18n-cli": "^0.7.26",
+    "@ttoss/react-i18n": "^2.0.8",
+    "@ttoss/react-icons": "^0.4.8",
+    "@ttoss/ui": "^5.0.14",
+    "@ttoss/test-utils": "^2.1.21"
   },
   "publishConfig": {
     "access": "public",