@luscii-healthtech/web-ui 0.9.2 → 0.9.3

package/dist/components/Tabbar/Tabbar.d.ts

@@ -6,5 +6,5 @@ interface TabbarProps {
     onSelect?: (index: number) => void;
     className?: string;
 }
-export declare const Tabbar: ({ tabs, selectedIndex, onSelect, className }: TabbarProps) => JSX.Element;
+export declare const Tabbar: ({ tabs, selectedIndex, onSelect, className, }: TabbarProps) => JSX.Element;
 export default Tabbar;

package/dist/components/Tabbar/TabbarItem.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-export interface TabItemDetails {
+export interface TabItemDetails<T extends object = Record<string, unknown>> {
     title: string | JSX.Element;
     badgeCount?: number;
     isLoading?: boolean;
     dataTestId?: string;
+    extra?: T;
 }
 interface TabbarItemProps extends TabItemDetails {
     index: number;

package/dist/web-ui.cjs.development.js

@@ -3949,15 +3949,36 @@ var Tabbar = function Tabbar(_ref) {
       onSelect = _ref.onSelect,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className;
+
+  var _useState = React.useState(tabs),
+      innerTabs = _useState[0],
+      setInnerTabs = _useState[1];
+
+  var _useState2 = React.useState(selectedIndex),
+      innerSelectedIndex = _useState2[0],
+      setInnerSelectedIndex = _useState2[1];
+
+  React.useEffect(function () {
+    setInnerTabs(tabs);
+  }, [tabs]);
+  React.useEffect(function () {
+    setInnerSelectedIndex(innerSelectedIndex);
+  }, [innerSelectedIndex]);
+
+  function handleOnTabSelect(index) {
+    setInnerSelectedIndex(index);
+    onSelect == null ? void 0 : onSelect(index);
+  }
+
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-row w-full bg-white rounded-xl " + className
-  }, tabs == null ? void 0 : tabs.map(function (tabItemProps, index) {
+  }, innerTabs == null ? void 0 : innerTabs.map(function (tabItemProps, index) {
     var _tabItemProps$dataTes;
 
     var itemProps = _extends({
       index: index,
-      onSelect: onSelect,
-      isSelected: selectedIndex === index
+      onSelect: handleOnTabSelect,
+      isSelected: innerSelectedIndex === index
     }, tabItemProps);
 
     return /*#__PURE__*/React__default.createElement(TabbarItem, Object.assign({