@edifice.io/react 2.2.11-develop-pedago.20250702150822 → 2.2.11-develop-pedago.20250702162053

package/dist/components/Tabs/components/Tabs.d.ts

@@ -21,12 +21,16 @@ export interface TabsProps {
      * Whether tabs should take full available width
      */
     fullWidth?: boolean;
+    /**
+     * Whether tabs should take full available height
+     */
+    fullHeight?: boolean;
 }
 /**
  * Tab Content displayed one at a time when a Tab Item is selected
  */
 export declare const Tabs: {
-    ({ defaultId, items, fullWidth, onChange, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    ({ defaultId, items, fullWidth, fullHeight, onChange, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
     Item: {
         ({ icon, badge, label, id, order, }: TabsItemProps & {
             order: number;
@@ -38,7 +42,7 @@ export declare const Tabs: {
         displayName: string;
     };
     List: {
-        (props: import('react').ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
+        (props: import('./TabsList').TabsListProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     displayName: string;

package/dist/components/Tabs/components/Tabs.js

@@ -5,11 +5,11 @@ import { useTabs } from "../hooks/useTabs.js";
 import TabsItem from "./TabsItem.js";
 import TabsList from "./TabsList.js";
 import TabsPanel from "./TabsPanel.js";
-import clsx from "clsx";
 const Tabs = ({
   defaultId,
   items,
   fullWidth = !1,
+  fullHeight = !1,
   onChange,
   children
 }) => {
@@ -32,11 +32,9 @@ const Tabs = ({
     tabUnderlineLeft,
     tabUnderlineWidth,
     onKeyDown
-  }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab), tabListClasses = clsx({
-    "w-100": fullWidth
-  });
+  }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab);
   return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: typeof children == "function" ? children(currentItem) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tabs.List, { className: tabListClasses }),
+    /* @__PURE__ */ jsx(Tabs.List, { fullWidth, fullHeight }),
     /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
   ] }) });
 };

package/dist/components/Tabs/components/TabsList.d.ts

@@ -1,6 +1,16 @@
 import { ComponentPropsWithoutRef } from 'react';
+export interface TabsListProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Whether tabs should take full available width
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether tabs should take full available height
+     */
+    fullHeight?: boolean;
+}
 declare const TabsList: {
-    (props: ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
+    (props: TabsListProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TabsList;

package/dist/components/Tabs/components/TabsList.js

@@ -10,9 +10,12 @@ const TabsList = (props) => {
   } = useTabsContext(), {
     className,
     ...restProps
-  } = props, tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
+  } = props, ulClasses = clsx("nav nav-tabs flex-nowrap", {
+    "w-100": props.fullWidth,
+    "position-relative h-100": props.fullHeight
+  }), tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
   return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, children: [
-    /* @__PURE__ */ jsx("ul", { className: "nav nav-tabs flex-nowrap", role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
+    /* @__PURE__ */ jsx("ul", { className: ulClasses, role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
     /* @__PURE__ */ jsx("span", { className: "nav-slide", style: {
       left: tabUnderlineLeft,
       width: tabUnderlineWidth

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-pedago.20250702150822",
+  "version": "2.2.11-develop-pedago.20250702162053",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250702150822",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250702150822",
-    "@edifice.io/utilities": "2.2.11-develop-pedago.20250702150822"
+    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250702162053",
+    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250702162053",
+    "@edifice.io/utilities": "2.2.11-develop-pedago.20250702162053"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.11-develop-pedago.20250702150822",
-    "@edifice.io/config": "2.2.11-develop-pedago.20250702150822"
+    "@edifice.io/client": "2.2.11-develop-pedago.20250702162053",
+    "@edifice.io/config": "2.2.11-develop-pedago.20250702162053"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",