@codella-software/react 2.0.1 → 2.1.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { useState, useEffect, useMemo, createContext, useContext, useCallback } from "react";
 import { TableBuilder } from "@codella/core";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { fromEvent, Observable as Observable$1, of, EMPTY, Subject as Subject$1, BehaviorSubject, timer } from "rxjs";
 import { takeUntil, map, filter, tap, take, distinctUntilChanged } from "rxjs/operators";
 function useFiltersAndSort(options) {
@@ -1981,128 +1981,9 @@ function useSetActiveTab() {
     previousTab: () => service.previousTab()
   };
 }
-function ResponsiveTabs({
-  className = "",
-  tabClassName = "",
-  activeTabClassName = "",
-  selectClassName = "",
-  breakpoint = 768,
-  showBadges = true,
-  icon = true
-}) {
-  const [isMobile, setIsMobile] = useState(false);
-  const activeTab = useActiveTab();
-  const tabs = useTabs();
-  const { setActiveTab } = useSetActiveTab();
-  useEffect(() => {
-    const handleResize = () => {
-      setIsMobile(window.innerWidth < breakpoint);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    return () => {
-      window.removeEventListener("resize", handleResize);
-    };
-  }, [breakpoint]);
-  if (!activeTab) {
-    return null;
-  }
-  return isMobile ? /* @__PURE__ */ jsx(
-    TabsSelect,
-    {
-      tabs,
-      activeTabId: activeTab.id,
-      onTabChange: setActiveTab,
-      className: selectClassName
-    }
-  ) : /* @__PURE__ */ jsx(
-    TabsList,
-    {
-      tabs,
-      activeTabId: activeTab.id,
-      onTabChange: setActiveTab,
-      className,
-      tabClassName,
-      activeTabClassName,
-      showBadges,
-      icon
-    }
-  );
-}
-function TabsList({
-  tabs,
-  activeTabId,
-  onTabChange,
-  className = "",
-  tabClassName = "",
-  activeTabClassName = "",
-  showBadges = true,
-  icon = true
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "tablist",
-      className: `flex border-b border-gray-200 ${className}`,
-      "aria-label": "Tabs",
-      children: tabs.map((tab) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          role: "tab",
-          "aria-selected": tab.id === activeTabId,
-          "aria-controls": `tabpanel-${tab.id}`,
-          id: `tab-${tab.id}`,
-          onClick: () => !tab.disabled && onTabChange(tab.id),
-          disabled: tab.disabled,
-          className: `
-            relative px-4 py-2 text-sm font-medium transition-colors
-            ${tab.disabled ? "text-gray-400 cursor-not-allowed" : "text-gray-700 hover:text-gray-900"}
-            ${tab.id === activeTabId ? `text-blue-600 border-b-2 border-blue-600 ${activeTabClassName}` : ""}
-            ${tabClassName}
-          `,
-          children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-            icon && tab.icon && /* @__PURE__ */ jsx("span", { className: "text-lg", children: tab.icon }),
-            /* @__PURE__ */ jsx("span", { children: tab.label }),
-            showBadges && tab.badge && /* @__PURE__ */ jsx("span", { className: "ml-1 inline-flex items-center justify-center px-2 py-1 text-xs font-semibold leading-none text-white transform translate-y-px bg-red-600 rounded-full", children: tab.badge })
-          ] })
-        },
-        tab.id
-      ))
-    }
-  );
-}
-function TabsSelect({
-  tabs,
-  activeTabId,
-  onTabChange,
-  className = ""
-}) {
-  tabs.find((t) => t.id === activeTabId);
-  return /* @__PURE__ */ jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsx(
-    "select",
-    {
-      value: activeTabId,
-      onChange: (e) => onTabChange(e.target.value),
-      "aria-label": "Select a tab",
-      className: `
-          w-full px-3 py-2 text-sm font-medium border border-gray-300 rounded-md
-          bg-white text-gray-900 hover:border-gray-400 focus:outline-none focus:ring-2
-          focus:ring-blue-500 focus:ring-offset-0
-        `,
-      children: tabs.map((tab) => /* @__PURE__ */ jsxs("option", { value: tab.id, disabled: tab.disabled, children: [
-        tab.label,
-        " ",
-        tab.badge ? `(${tab.badge})` : ""
-      ] }, tab.id))
-    }
-  ) });
-}
 export {
   LiveUpdateProvider,
-  ResponsiveTabs,
-  TabsList,
   TabsProvider,
-  TabsSelect,
   useActiveTab,
   useFiltersAndSort,
   useFormBuilder,