analytica-frontend-lib 1.0.71 → 1.0.72

package/dist/index.mjs

@@ -5781,164 +5781,6 @@ var useRouteAuth = (fallbackPath = "/") => {
     redirectToLogin
   };
 };
-
-// src/components/Tab/Tab.tsx
-import { forwardRef as forwardRef17 } from "react";
-import { Fragment as Fragment8, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
-var TAB_SIZE_CLASSES = {
-  small: {
-    container: "h-10 gap-1",
-    tab: "px-3 py-2 text-sm",
-    indicator: "h-0.5"
-  },
-  medium: {
-    container: "h-12 gap-2",
-    tab: "px-4 py-4 text-sm",
-    indicator: "h-1"
-  },
-  large: {
-    container: "h-14 gap-2",
-    tab: "px-6 py-4 text-base",
-    indicator: "h-1"
-  }
-};
-var RESPONSIVE_WIDTH_CLASSES = {
-  twoTabs: "w-[115px] sm:w-[204px]",
-  threeTabs: "w-[100px] sm:w-[160px]",
-  fourTabs: "w-[80px] sm:w-[140px]",
-  fiveTabs: "w-[70px] sm:w-[120px]",
-  default: "flex-1"
-};
-var Tab = forwardRef17(
-  ({
-    tabs,
-    activeTab,
-    onTabChange,
-    size = "medium",
-    responsive = true,
-    className = "",
-    ...props
-  }, ref) => {
-    const sizeClasses = TAB_SIZE_CLASSES[size];
-    const getResponsiveWidthClass = (tabCount) => {
-      if (!responsive) return RESPONSIVE_WIDTH_CLASSES.default;
-      switch (tabCount) {
-        case 2:
-          return RESPONSIVE_WIDTH_CLASSES.twoTabs;
-        case 3:
-          return RESPONSIVE_WIDTH_CLASSES.threeTabs;
-        case 4:
-          return RESPONSIVE_WIDTH_CLASSES.fourTabs;
-        case 5:
-          return RESPONSIVE_WIDTH_CLASSES.fiveTabs;
-        default:
-          return RESPONSIVE_WIDTH_CLASSES.default;
-      }
-    };
-    const handleTabClick = (tabId) => {
-      const tab = tabs.find((t) => t.id === tabId);
-      if (tab && !tab.disabled) {
-        onTabChange(tabId);
-      }
-    };
-    const wrapAroundIndex = (index, maxLength) => {
-      if (index < 0) return maxLength - 1;
-      if (index >= maxLength) return 0;
-      return index;
-    };
-    const findNextValidTab = (startIndex, direction) => {
-      let nextIndex = wrapAroundIndex(startIndex + direction, tabs.length);
-      let attempts = 0;
-      while (tabs[nextIndex]?.disabled && attempts < tabs.length) {
-        nextIndex = wrapAroundIndex(nextIndex + direction, tabs.length);
-        attempts++;
-      }
-      return nextIndex;
-    };
-    const handleArrowNavigation = (direction) => {
-      const currentIndex = tabs.findIndex((tab) => tab.id === activeTab);
-      const nextIndex = findNextValidTab(currentIndex, direction);
-      if (!tabs[nextIndex]?.disabled && nextIndex !== currentIndex) {
-        handleTabClick(tabs[nextIndex].id);
-      }
-    };
-    const handleKeyDown = (event, tabId) => {
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleTabClick(tabId);
-        return;
-      }
-      if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
-        event.preventDefault();
-        const direction = event.key === "ArrowLeft" ? -1 : 1;
-        handleArrowNavigation(direction);
-      }
-    };
-    const getTabClassNames = (isDisabled, isActive) => {
-      if (isDisabled) {
-        return "text-text-400 cursor-not-allowed opacity-50";
-      }
-      if (isActive) {
-        return "text-text-950";
-      }
-      return "text-text-700 hover:text-text-800";
-    };
-    const tabWidthClass = getResponsiveWidthClass(tabs.length);
-    const containerWidth = responsive && tabs.length <= 2 ? "w-[240px] sm:w-[416px]" : "w-full";
-    return /* @__PURE__ */ jsx32(
-      "div",
-      {
-        ref,
-        className: `flex flex-row items-start ${sizeClasses.container} ${containerWidth} ${className}`,
-        role: "tablist",
-        ...props,
-        children: tabs.map((tab) => {
-          const isActive = tab.id === activeTab;
-          const isDisabled = Boolean(tab.disabled);
-          const tabClassNames = getTabClassNames(isDisabled, isActive);
-          return /* @__PURE__ */ jsxs26(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              "aria-selected": isActive,
-              "aria-disabled": isDisabled,
-              tabIndex: isActive ? 0 : -1,
-              className: `
-                relative flex flex-row justify-center items-center gap-2 rounded transition-colors isolate
-                ${sizeClasses.tab}
-                ${tabWidthClass}
-                ${tabClassNames}
-                ${!isDisabled && !isActive ? "hover:bg-background-50" : ""}
-                focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2
-              `,
-              onClick: () => handleTabClick(tab.id),
-              onKeyDown: (e) => handleKeyDown(e, tab.id),
-              disabled: isDisabled,
-              "data-testid": `tab-${tab.id}`,
-              children: [
-                /* @__PURE__ */ jsx32("span", { className: "font-bold leading-4 tracking-[0.2px] truncate", children: responsive && tab.mobileLabel ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
-                  /* @__PURE__ */ jsx32("span", { className: "sm:hidden", children: tab.mobileLabel }),
-                  /* @__PURE__ */ jsx32("span", { className: "hidden sm:inline", children: tab.label })
-                ] }) : tab.label }),
-                isActive && /* @__PURE__ */ jsx32(
-                  "div",
-                  {
-                    className: `absolute bottom-0 left-2 right-2 bg-primary-700 rounded-lg z-[2] ${sizeClasses.indicator}`,
-                    "data-testid": "active-indicator"
-                  }
-                )
-              ]
-            },
-            tab.id
-          );
-        })
-      }
-    );
-  }
-);
-Tab.displayName = "Tab";
-var Tab_default = Tab;
 export {
   Alert_default as Alert,
   AlertDialog,
@@ -6000,7 +5842,6 @@ export {
   SkeletonTable,
   SkeletonText,
   Stepper_default as Stepper,
-  Tab_default as Tab,
   Table_default as Table,
   Text_default as Text,
   TextArea_default as TextArea,