@ttoss/components 1.31.4 → 1.31.6

package/dist/esm/index.js

@@ -266,10 +266,10 @@ import { Box as Box3, Flex as Flex2, Image, Text as Text2, useResponsiveValue as
 // ../react-icons/src/Icon.tsx
 import * as React6 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 React5 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,
@@ -1450,9 +1450,6 @@ function parseIconValue(value, onload) {
     loading
   };
 }
-function getInline(node) {
-  return node.hasAttribute("inline");
-}
 var isBuggedSafari = false;
 try {
   isBuggedSafari = navigator.vendor.indexOf("Apple") === 0;
@@ -1875,6 +1872,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,
@@ -2039,7 +2037,7 @@ function defineIconifyIcon(name = "iconify-icon") {
   // Icon
   "icon",
   // Mode
-  "mode", "inline", "observe",
+  "mode", "inline", "noobserver",
   // Customisations
   "width", "height", "rotate", "flip"];
   const IconifyIcon3 = class extends ParentClass {
@@ -2064,7 +2062,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: ""
@@ -2115,7 +2113,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;
@@ -2123,9 +2121,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 {
@@ -2159,7 +2157,7 @@ function defineIconifyIcon(name = "iconify-icon") {
      * Get/set inline
      */
     get inline() {
-      return getInline(this);
+      return this.hasAttribute("inline");
     }
     set inline(value) {
       if (value) {
@@ -2303,7 +2301,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);
@@ -2381,7 +2379,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__*/React5.forwardRef((props, ref) => {
   const newProps = {
     ...props,
@@ -2525,6 +2523,6 @@ iconify-icon/dist/iconify-icon.mjs:
   * Licensed under MIT.
   *
   * @license MIT
-  * @version 2.0.0
+  * @version 2.1.0
   *)
 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/components",
-  "version": "1.31.4",
+  "version": "1.31.6",
   "description": "React components for ttoss ecosystem.",
   "author": "ttoss",
   "contributors": [
@@ -46,19 +46,19 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-hooks": "^1.25.4",
-    "@ttoss/ui": "^4.1.5"
+    "@ttoss/react-hooks": "^1.25.6",
+    "@ttoss/ui": "^4.1.7"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.76",
+    "@types/react": "^18.2.79",
     "jest": "^29.7.0",
     "tsup": "^8.0.2",
-    "@ttoss/config": "^1.31.5",
-    "@ttoss/react-hooks": "^1.25.4",
-    "@ttoss/react-icons": "^0.3.2",
-    "@ttoss/test-utils": "^2.1.2",
-    "@ttoss/ui": "^4.1.5"
+    "@ttoss/config": "^1.32.1",
+    "@ttoss/react-hooks": "^1.25.6",
+    "@ttoss/test-utils": "^2.1.4",
+    "@ttoss/ui": "^4.1.7",
+    "@ttoss/react-icons": "^0.3.4"
   },
   "keywords": [
     "React",