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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21,12 +21,16 @@ export interface TabsProps {
21
21
  * Whether tabs should take full available width
22
22
  */
23
23
  fullWidth?: boolean;
24
+ /**
25
+ * Whether tabs should take full available height
26
+ */
27
+ fullHeight?: boolean;
24
28
  }
25
29
  /**
26
30
  * Tab Content displayed one at a time when a Tab Item is selected
27
31
  */
28
32
  export declare const Tabs: {
29
- ({ defaultId, items, fullWidth, onChange, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
33
+ ({ defaultId, items, fullWidth, fullHeight, onChange, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
30
34
  Item: {
31
35
  ({ icon, badge, label, id, order, }: TabsItemProps & {
32
36
  order: number;
@@ -9,6 +9,7 @@ const Tabs = ({
9
9
  defaultId,
10
10
  items,
11
11
  fullWidth = !1,
12
+ fullHeight = !1,
12
13
  onChange,
13
14
  children
14
15
  }) => {
@@ -33,7 +34,7 @@ const Tabs = ({
33
34
  onKeyDown
34
35
  }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab);
35
36
  return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: typeof children == "function" ? children(currentItem) : /* @__PURE__ */ jsxs(Fragment, { children: [
36
- /* @__PURE__ */ jsx(Tabs.List, { fullWidth }),
37
+ /* @__PURE__ */ jsx(Tabs.List, { fullWidth, fullHeight }),
37
38
  /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
38
39
  ] }) });
39
40
  };
@@ -4,6 +4,10 @@ export interface TabsListProps extends ComponentPropsWithoutRef<'div'> {
4
4
  * Whether tabs should take full available width
5
5
  */
6
6
  fullWidth?: boolean;
7
+ /**
8
+ * Whether tabs should take full available height
9
+ */
10
+ fullHeight?: boolean;
7
11
  }
8
12
  declare const TabsList: {
9
13
  (props: TabsListProps): import("react/jsx-runtime").JSX.Element;
@@ -11,7 +11,8 @@ const TabsList = (props) => {
11
11
  className,
12
12
  ...restProps
13
13
  } = props, ulClasses = clsx("nav nav-tabs flex-nowrap", {
14
- "w-100": props.fullWidth
14
+ "w-100": props.fullWidth,
15
+ "position-relative h-100": props.fullHeight
15
16
  }), tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
16
17
  return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, children: [
17
18
  /* @__PURE__ */ jsx("ul", { className: ulClasses, role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edifice.io/react",
3
- "version": "2.2.11-develop-pedago.20250702151750",
3
+ "version": "2.2.11-develop-pedago.20250702162053",
4
4
  "description": "Edifice React Library",
5
5
  "keywords": [
6
6
  "react",
@@ -130,9 +130,9 @@
130
130
  "react-slugify": "^3.0.3",
131
131
  "swiper": "^10.1.0",
132
132
  "ua-parser-js": "^1.0.36",
133
- "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250702151750",
134
- "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250702151750",
135
- "@edifice.io/utilities": "2.2.11-develop-pedago.20250702151750"
133
+ "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250702162053",
134
+ "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250702162053",
135
+ "@edifice.io/utilities": "2.2.11-develop-pedago.20250702162053"
136
136
  },
137
137
  "devDependencies": {
138
138
  "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
163
163
  "vite": "^5.4.11",
164
164
  "vite-plugin-dts": "^4.1.0",
165
165
  "vite-tsconfig-paths": "^5.0.1",
166
- "@edifice.io/client": "2.2.11-develop-pedago.20250702151750",
167
- "@edifice.io/config": "2.2.11-develop-pedago.20250702151750"
166
+ "@edifice.io/client": "2.2.11-develop-pedago.20250702162053",
167
+ "@edifice.io/config": "2.2.11-develop-pedago.20250702162053"
168
168
  },
169
169
  "peerDependencies": {
170
170
  "@react-spring/web": "^9.7.5",