@bbl-digital/snorre 2.2.88 → 2.2.89

package/dist/bundle.js

@@ -30595,13 +30595,20 @@
       width: actionsWidth
     } = useContainerDimensions(buttonRef);
     const values = React__default['default'].Children.map(children, child => child.props) || [];
+
+    const displayNameFromValue = value => {
+      const item = values.find(item => item.value === value);
+      return item?.displayText || String(value);
+    };
+
     return jsxRuntime$1.jsx(TabContextProvider, {
       onChange: onChange,
       value: value || values[0].value,
       children: jsxRuntime$1.jsx(TabContext.Consumer, {
         children: ({
           width: childrenTotalWidth,
-          setActive
+          setActive,
+          active
         }) => {
           if (actionsWidth + childrenTotalWidth > containerWidth) {
             // Render dropdown instead of tabs
@@ -30610,7 +30617,7 @@
                 input: true,
                 width: "auto",
                 text: "Velg",
-                selectedValue: String(value) || '0',
+                selectedValue: displayNameFromValue(String(active)) || '0',
                 onChange: ({
                   value
                 }) => setActive(value),
@@ -30620,7 +30627,7 @@
                 }) => jsxRuntime$1.jsx(Option, {
                   value: value,
                   children: displayText || value
-                }))
+                }, value))
               }), actions]
             });
           }

package/esm/core/TabNav/index.js

@@ -31,13 +31,20 @@ const TabNav = ({
     width: actionsWidth
   } = useContainerDimensions(buttonRef);
   const values = React.Children.map(children, child => child.props) || [];
+
+  const displayNameFromValue = value => {
+    const item = values.find(item => item.value === value);
+    return item?.displayText || String(value);
+  };
+
   return _jsx(TabContextProvider, {
     onChange: onChange,
     value: value || values[0].value,
     children: _jsx(TabContext.Consumer, {
       children: ({
         width: childrenTotalWidth,
-        setActive
+        setActive,
+        active
       }) => {
         if (actionsWidth + childrenTotalWidth > containerWidth) {
           // Render dropdown instead of tabs
@@ -46,7 +53,7 @@ const TabNav = ({
               input: true,
               width: "auto",
               text: "Velg",
-              selectedValue: String(value) || '0',
+              selectedValue: displayNameFromValue(String(active)) || '0',
               onChange: ({
                 value
               }) => setActive(value),
@@ -56,7 +63,7 @@ const TabNav = ({
               }) => _jsx(Option, {
                 value: value,
                 children: displayText || value
-              }))
+              }, value))
             }), actions]
           });
         }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAO3D,UAAU,KAAK;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyE3B,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAO3D,UAAU,KAAK;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiF3B,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,eAAe,MAAM,CAAA"}

package/lib/core/TabNav/index.js

@@ -31,13 +31,20 @@ const TabNav = ({
     width: actionsWidth
   } = useContainerDimensions(buttonRef);
   const values = React.Children.map(children, child => child.props) || [];
+
+  const displayNameFromValue = value => {
+    const item = values.find(item => item.value === value);
+    return item?.displayText || String(value);
+  };
+
   return _jsx(TabContextProvider, {
     onChange: onChange,
     value: value || values[0].value,
     children: _jsx(TabContext.Consumer, {
       children: ({
         width: childrenTotalWidth,
-        setActive
+        setActive,
+        active
       }) => {
         if (actionsWidth + childrenTotalWidth > containerWidth) {
           // Render dropdown instead of tabs
@@ -46,7 +53,7 @@ const TabNav = ({
               input: true,
               width: "auto",
               text: "Velg",
-              selectedValue: String(value) || '0',
+              selectedValue: displayNameFromValue(String(active)) || '0',
               onChange: ({
                 value
               }) => setActive(value),
@@ -56,7 +63,7 @@ const TabNav = ({
               }) => _jsx(Option, {
                 value: value,
                 children: displayText || value
-              }))
+              }, value))
             }), actions]
           });
         }

package/package.json

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