@ttoss/components 2.0.14 → 2.0.16

package/dist/esm/Menu/index.js

@@ -58,10 +58,10 @@ var Drawer = ({
 // ../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,
@@ -208,7 +208,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 = {};
@@ -257,7 +260,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) {
@@ -320,7 +323,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;
     }
   }
@@ -328,7 +337,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;
     }
   }
@@ -403,7 +418,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") {
@@ -417,7 +437,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;
         }
       });
@@ -443,7 +463,7 @@ function getIcon$1(name) {
   return result ? {
     ...defaultIconProps,
     ...result
-  } : null;
+  } : result;
 }
 function sortIcons(icons) {
   const result = {
@@ -1076,6 +1096,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;
@@ -1092,35 +1163,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);
         });
       });
     });
@@ -1175,12 +1261,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;
@@ -1218,12 +1301,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);
@@ -1575,6 +1677,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":
@@ -1600,7 +1708,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);
@@ -1677,6 +1785,8 @@ function exportFunctions() {
     loadIcons: loadIcons$1,
     loadIcon: loadIcon$1,
     addAPIProvider: addAPIProvider$1,
+    setCustomIconLoader: setCustomIconLoader$1,
+    setCustomIconsLoader: setCustomIconsLoader$1,
     appendCustomStyle,
     _api: _api2
   };
@@ -2168,11 +2278,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,
@@ -2293,6 +2405,6 @@ iconify-icon/dist/iconify-icon.mjs:
   * Licensed under MIT.
   *
   * @license MIT
-  * @version 2.1.0
+  * @version 2.2.0
   *)
 */

package/dist/esm/Toast/index.js

@@ -2,15 +2,10 @@
 import "../chunk-ESDEGKXL.js";
 
 // src/components/Toast/Toast.tsx
-import * as React from "react";
 import { Box } from "@ttoss/ui";
 import { ToastContainer as ReactToastifyToastContainer, toast } from "react-toastify";
-import { injectStyle } from "react-toastify/dist/inject-style";
 import { jsx } from "react/jsx-runtime";
 var ToastContainer = props => {
-  React.useEffect(() => {
-    injectStyle();
-  }, []);
   return /* @__PURE__ */jsx(Box, {
     sx: ({
       colors,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "React components for ttoss ecosystem.",
   "license": "MIT",
   "author": "ttoss",
@@ -60,35 +60,35 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@emotion/css": "^11.13.0",
-    "@tanstack/react-table": "^8.20.5",
-    "@theme-ui/css": "^0.16.2",
+    "@emotion/css": "^11.13.5",
+    "@tanstack/react-table": "^8.20.6",
+    "@theme-ui/css": "^0.17.1",
     "@types/react-modal": "^3.16.3",
     "react-accessible-accordion": "^5.0.0",
     "react-markdown": "^9.0.1",
-    "react-modal": "^3.16.1",
+    "react-modal": "^3.16.3",
     "react-modern-drawer": "^1.4.0",
-    "react-toastify": "^10.0.5",
+    "react-toastify": "^11.0.2",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-hooks": "^2.0.6",
-    "@ttoss/ui": "^5.0.12"
+    "@ttoss/react-hooks": "^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": "^19.0.0",
     "tsup": "^8.3.5",
-    "tsx": "^4.6.2",
-    "@ttoss/config": "^1.35.0",
-    "@ttoss/react-hooks": "^2.0.6",
-    "@ttoss/react-icons": "^0.4.6",
-    "@ttoss/ui": "^5.0.12",
-    "@ttoss/test-utils": "^2.1.19"
+    "tsx": "^4.19.2",
+    "@ttoss/config": "^1.35.2",
+    "@ttoss/react-icons": "^0.4.8",
+    "@ttoss/ui": "^5.0.14",
+    "@ttoss/test-utils": "^2.1.21",
+    "@ttoss/react-hooks": "^2.0.8"
   },
   "keywords": [
     "React",