aidos-ui 3.0.20 → 3.0.21

package/dist/OnVisible.js

@@ -22,7 +22,7 @@ export function OnVisible({ children, onVisible, }) {
             intersectionObserverRef.current = null;
         };
         // eslint-disable-next-line
-    }, []);
+    }, [onVisible]);
     return children(refCallback);
 }
 //# sourceMappingURL=OnVisible.js.map

package/dist/OnVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnVisible.js","sourceRoot":"","sources":["../src/OnVisible.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,MAAM,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAC;AAEjE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GAIV;IACC,MAAM,uBAAuB,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE;QAC1C,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO;SACR;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAO,EAAE,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE;oBACvD,SAAS,EAAE,CAAC;iBACb;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EACD;YACE,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,KAAK;SAClB,CACF,CAAC;QAEF,uBAAuB,CAAC,OAAO,GAAG,oBAAoB,CAAC;QACvD,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACxC,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC;QACzC,CAAC,CAAC;QACF,2BAA2B;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC/B,CAAC"}
+{"version":3,"file":"OnVisible.js","sourceRoot":"","sources":["../src/OnVisible.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,MAAM,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAC;AAEjE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,GAIV;IACC,MAAM,uBAAuB,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,OAAO,EAAE,EAAE;QACV,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO;SACR;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAO,EAAE,EAAE;YACV,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,EAAE;oBACvD,SAAS,EAAE,CAAC;iBACb;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EACD;YACE,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,KAAK;SAClB,CACF,CAAC;QAEF,uBAAuB,CAAC,OAAO,GAAG,oBAAoB,CAAC;QACvD,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACxC,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC;QACzC,CAAC,CAAC;QACF,2BAA2B;IAC7B,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC/B,CAAC"}

package/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aidos-ui",
-  "version": "3.0.20",
+  "version": "3.0.21",
   "description": "A simple UI framework",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/Interactable.tsx

@@ -125,7 +125,7 @@ export function getInteractableJSStyles({
 export const getGlyphColor = (
   color: InteractableColor,
   disabled: boolean | undefined,
-  bare: boolean | undefined
+  bare: boolean | undefined,
 ): TextColor => {
   if (disabled) {
     return "subtle";
@@ -148,7 +148,7 @@ export const getGlyphColor = (
 export const getCSSColor = (
   color: InteractableColor,
   disabled: boolean | undefined,
-  bare: boolean | undefined
+  bare: boolean | undefined,
 ): string => {
   if (disabled) {
     return cssVar("--subtle-text");

package/src/OnVisible.tsx

@@ -9,34 +9,37 @@ export function OnVisible({
 }) {
   const intersectionObserverRef = useRef<IntersectionObserver | null>(null);
 
-  const refCallback = useCallback((element) => {
-    if (element == null) {
-      return;
-    }
-
-    const intersectionObserver = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting || entry.intersectionRatio > 0) {
-            onVisible();
-          }
-        });
-      },
-      {
-        root: null,
-        rootMargin: "0px",
+  const refCallback = useCallback(
+    (element) => {
+      if (element == null) {
+        return;
       }
-    );
 
-    intersectionObserverRef.current = intersectionObserver;
-    intersectionObserver.observe(element);
+      const intersectionObserver = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting || entry.intersectionRatio > 0) {
+              onVisible();
+            }
+          });
+        },
+        {
+          root: null,
+          rootMargin: "0px",
+        },
+      );
+
+      intersectionObserverRef.current = intersectionObserver;
+      intersectionObserver.observe(element);
 
-    return () => {
-      intersectionObserver.unobserve(element);
-      intersectionObserverRef.current = null;
-    };
-    // eslint-disable-next-line
-  }, []);
+      return () => {
+        intersectionObserver.unobserve(element);
+        intersectionObserverRef.current = null;
+      };
+      // eslint-disable-next-line
+    },
+    [onVisible],
+  );
 
   return children(refCallback);
 }