@luscii-healthtech/web-ui 0.10.0 → 0.10.3

package/dist/components/PaginationMenu/PaginationMenu.types.d.ts

@@ -23,7 +23,7 @@ export interface PaginationMenuLargeProps {
     resultCount?: number;
 }
 export declare type OnPaginationChange = (pageNumber: number, pageSize?: PageSize) => void;
-export declare type PageSize = 50 | 100 | 150 | 200;
+export declare type PageSize = 25 | 50 | 75 | 100;
 export interface Localization {
     display: string;
     page: string;

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

@@ -1,10 +1,14 @@
 /// <reference types="react" />
 import { TabItemDetails } from "./TabbarItem";
-interface TabbarProps {
+export interface TabbarProps {
     tabs?: TabItemDetails[];
     selectedIndex?: number;
-    onSelect?: (index: number) => void;
+    onSelect?: (params: {
+        index: number;
+        selectedTab: TabItemDetails;
+    }) => void;
     className?: string;
 }
+export { TabItemDetails };
 export declare const Tabbar: ({ tabs, selectedIndex, onSelect, className, }: TabbarProps) => JSX.Element;
 export default Tabbar;

package/dist/index.d.ts

@@ -40,7 +40,7 @@ export { SettingsMenuButton, SettingsMenuButtonProps, } from "./components/Setti
 export { Spinner } from "./components/Spinner/Spinner";
 export { Steps } from "./components/Steps/Steps";
 export { default as Switcher } from "./components/Switcher/Switcher";
-export { default as Tabbar } from "./components/Tabbar/Tabbar";
+export { default as Tabbar, TabbarProps, TabItemDetails, } from "./components/Tabbar/Tabbar";
 export { default as TabLinks } from "./components/TabLinks/TabLinks";
 export { default as Tag } from "./components/Tag/Tag";
 export { default as TagGroup } from "./components/Tag/TagGroup";

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

@@ -2313,7 +2313,7 @@ var CustomSelect = /*#__PURE__*/React__default.forwardRef(function (props, _ref)
   }));
 });
 
-var PAGE_SIZES = [50, 100, 150, 200];
+var PAGE_SIZES = [25, 50, 75, 100];
 var PAGE_SIZE_OPTIONS = /*#__PURE__*/PAGE_SIZES.map(function (pageSize) {
   return {
     label: pageSize.toString(),
@@ -2733,15 +2733,11 @@ var List = function List(_ref) {
   };
 
   var setupDragging = function setupDragging() {
-    if (onDragEnd) {
-      var dragulaInstance = dragula([listRef.current], {
-        revertOnSpill: true
-      });
-      dragulaInstance.on("dragend", handleDragEnd);
-      return dragulaInstance;
-    }
-
-    return null;
+    var dragulaInstance = dragula([listRef.current], {
+      revertOnSpill: true
+    });
+    dragulaInstance.on("dragend", handleDragEnd);
+    return dragulaInstance;
   };
 
   return /*#__PURE__*/React__default.createElement("div", {
@@ -4020,35 +4016,32 @@ var TabbarItem = function TabbarItem(_ref) {
 };
 
 var Tabbar = function Tabbar(_ref) {
-  var tabs = _ref.tabs,
+  var _ref$tabs = _ref.tabs,
+      tabs = _ref$tabs === void 0 ? [] : _ref$tabs,
       selectedIndex = _ref.selectedIndex,
       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];
+  var _useState = React.useState(selectedIndex),
+      innerSelectedIndex = _useState[0],
+      setInnerSelectedIndex = _useState[1];
 
   React.useEffect(function () {
-    setInnerTabs(tabs);
-  }, [tabs]);
-  React.useEffect(function () {
-    setInnerSelectedIndex(innerSelectedIndex);
-  }, [innerSelectedIndex]);
+    setInnerSelectedIndex(selectedIndex);
+  }, [selectedIndex]);
 
   function handleOnTabSelect(index) {
     setInnerSelectedIndex(index);
-    onSelect == null ? void 0 : onSelect(index);
+    onSelect == null ? void 0 : onSelect({
+      index: index,
+      selectedTab: tabs[index]
+    });
   }
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-row w-full bg-white rounded-xl " + className
-  }, innerTabs == null ? void 0 : innerTabs.map(function (tabItemProps, index) {
+    className: "flex flex-row w-full bg-white rounded-xl p-2 " + className
+  }, tabs == null ? void 0 : tabs.map(function (tabItemProps, index) {
     var _tabItemProps$dataTes;
 
     var itemProps = _extends({