@bbl-digital/snorre 2.2.71 → 2.2.72

package/dist/bundle.js

@@ -30419,9 +30419,18 @@
     onChange
   }) => {
     const [active, setActive] = React.useState(init || 0);
+    const [initialized, setInitialized] = React.useState(false);
+    const handleChange = React.useCallback(() => {
+      if (!initialized) {
+        setInitialized(true);
+        return;
+      }
+
+      onChange(active); // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [active]);
     React.useEffect(() => {
-      onChange(active);
-    }, [active, onChange]);
+      handleChange();
+    }, [handleChange]);
     return /*#__PURE__*/jsxRuntime.jsx(TabContext.Provider, {
       value: {
         active,

package/esm/core/TabNav/TabContext.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'; // Props for the Provider.
+import React, { useCallback, useEffect, useState } from 'react'; // Props for the Provider.
 
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TabContext = /*#__PURE__*/React.createContext({
@@ -11,9 +11,18 @@ export const TabContextProvider = ({
   onChange
 }) => {
   const [active, setActive] = useState(init || 0);
+  const [initialized, setInitialized] = useState(false);
+  const handleChange = useCallback(() => {
+    if (!initialized) {
+      setInitialized(true);
+      return;
+    }
+
+    onChange(active); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [active]);
   useEffect(() => {
-    onChange(active);
-  }, [active, onChange]);
+    handleChange();
+  }, [handleChange]);
   return /*#__PURE__*/_jsx(TabContext.Provider, {
     value: {
       active,

package/lib/core/TabNav/TabContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabContext.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/TabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAGhF,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC3C;AAGD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,UAAU,iCAGrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAgBzC,CAAA"}
+{"version":3,"file":"TabContext.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/TabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,EAAE,EACF,cAAc,EAIf,MAAM,OAAO,CAAA;AAGd,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC3C;AAGD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,UAAU,iCAGrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,MAAM,CA0BzC,CAAA"}

package/lib/core/TabNav/TabContext.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'; // Props for the Provider.
+import React, { useCallback, useEffect, useState } from 'react'; // Props for the Provider.
 
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TabContext = /*#__PURE__*/React.createContext({
@@ -11,9 +11,18 @@ export const TabContextProvider = ({
   onChange
 }) => {
   const [active, setActive] = useState(init || 0);
+  const [initialized, setInitialized] = useState(false);
+  const handleChange = useCallback(() => {
+    if (!initialized) {
+      setInitialized(true);
+      return;
+    }
+
+    onChange(active); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [active]);
   useEffect(() => {
-    onChange(active);
-  }, [active, onChange]);
+    handleChange();
+  }, [handleChange]);
   return /*#__PURE__*/_jsx(TabContext.Provider, {
     value: {
       active,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "2.2.71",
+  "version": "2.2.72",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",