kui-complex 0.0.122 → 0.0.123

package/index.d.ts

@@ -30,6 +30,7 @@ type ButtonsPanelProps = {
   onChange?: (value: number) => void
   startComponent?: ReactNode
   endComponent?: ReactNode
+  navigate?: (path: string) => void
 }
 
 /** @jsxImportSource @emotion/react */

package/index.js

@@ -160,12 +160,17 @@ var inactiveStyles = css(templateObject_2$p || (templateObject_2$p = __makeTempl
 var templateObject_1$F, templateObject_2$p;
 
 var ButtonsPanel = forwardRef(function (_a, ref) {
-    var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, isSticky = _a.isSticky, onChange = _a.onChange, startComponent = _a.startComponent, endComponent = _a.endComponent, otherProps = __rest(_a, ["tabs", "tabPanels", "paths", "activeTab", "isSticky", "onChange", "startComponent", "endComponent"]);
+    var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, isSticky = _a.isSticky, onChange = _a.onChange, startComponent = _a.startComponent, endComponent = _a.endComponent, navigate = _a.navigate, otherProps = __rest(_a, ["tabs", "tabPanels", "paths", "activeTab", "isSticky", "onChange", "startComponent", "endComponent", "navigate"]);
     var _b = React.useState(Number(activeTab)), value = _b[0], setValue = _b[1];
     var handleChange = function (newValue) {
         setValue(newValue);
-        if (paths && paths.length)
-            updateQueryParams(paths[newValue]);
+        if (paths === null || paths === void 0 ? void 0 : paths.length) {
+            var path = paths[newValue];
+            if (navigate)
+                navigate(path);
+            else
+                updateQueryParams(path);
+        }
         if (onChange)
             onChange(newValue);
     };