@edifice.io/react 2.2.11-develop-pedago.20250702151750 → 2.2.11-develop-pedago.20250702172334

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;
@@ -34,7 +38,7 @@ export declare const Tabs: {
         displayName: string;
     };
     Panel: {
-        ({ children, currentItem }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, currentItem, fullHeight }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     List: {

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

@@ -9,6 +9,7 @@ const Tabs = ({
   defaultId,
   items,
   fullWidth = !1,
+  fullHeight = !1,
   onChange,
   children
 }) => {
@@ -34,7 +35,7 @@ const Tabs = ({
   }), [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, { fullWidth }),
-    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
+    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, fullHeight, children: currentItem == null ? void 0 : currentItem.content })
   ] }) });
 };
 Tabs.Item = TabsItem;

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

@@ -9,9 +9,13 @@ export interface TabsPanelProps {
      * Current Item
      */
     currentItem: TabsItemProps | undefined;
+    /**
+     * Whether tabs should take full available height
+     */
+    fullHeight?: boolean;
 }
 declare const TabsPanel: {
-    ({ children, currentItem }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, currentItem, fullHeight }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TabsPanel;

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

@@ -1,13 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { useTabsContext } from "../context/TabsContext.js";
+import clsx from "clsx";
 const TabsPanel = ({
   children,
-  currentItem
+  currentItem,
+  fullHeight
 }) => {
   const {
     activeTab
-  } = useTabsContext();
-  return /* @__PURE__ */ jsx("div", { className: "tab-content d-flex flex-fill w-100", children: /* @__PURE__ */ jsx("div", { className: `tab-pane flex-fill w-100 fade ${activeTab === (currentItem == null ? void 0 : currentItem.id) ? "show active" : ""}`, id: `tabpanel-${currentItem == null ? void 0 : currentItem.id}`, role: "tabpanel", "aria-labelledby": `tab-${currentItem == null ? void 0 : currentItem.id}`, tabIndex: 0, children }) });
+  } = useTabsContext(), contentClasses = clsx("tab-content d-flex flex-fill w-100", {
+    "position-relative h-100": fullHeight
+  });
+  return /* @__PURE__ */ jsx("div", { className: contentClasses, children: /* @__PURE__ */ jsx("div", { className: `tab-pane flex-fill w-100 fade ${activeTab === (currentItem == null ? void 0 : currentItem.id) ? "show active" : ""}`, id: `tabpanel-${currentItem == null ? void 0 : currentItem.id}`, role: "tabpanel", "aria-labelledby": `tab-${currentItem == null ? void 0 : currentItem.id}`, tabIndex: 0, children }) });
 };
 export {
   TabsPanel as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-pedago.20250702151750",
+  "version": "2.2.11-develop-pedago.20250702172334",
   "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.20250702151750",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250702151750",
-    "@edifice.io/utilities": "2.2.11-develop-pedago.20250702151750"
+    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250702172334",
+    "@edifice.io/utilities": "2.2.11-develop-pedago.20250702172334",
+    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250702172334"
   },
   "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.20250702151750",
-    "@edifice.io/config": "2.2.11-develop-pedago.20250702151750"
+    "@edifice.io/client": "2.2.11-develop-pedago.20250702172334",
+    "@edifice.io/config": "2.2.11-develop-pedago.20250702172334"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",