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

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.
Files changed (5) hide show
  1. package/dist/components/Tabs/components/Tabs.d.ts +6 -2
  2. package/dist/components/Tabs/components/Tabs.js +2 -1
  3. package/dist/components/Tabs/components/TabsList.d.ts +7 -1
  4. package/dist/components/Tabs/components/TabsList.js +4 -2
  5. package/package.json +6 -6
package/dist/components/Tabs/components/Tabs.d.ts CHANGED
@@ -17,12 +17,16 @@ export interface TabsProps {
17
17
  * Children Props
18
18
  */
19
19
  children?: (...props: any) => ReactNode;
20
+ /**
21
+ * Whether tabs should take full available width
22
+ */
23
+ fullWidth?: boolean;
20
24
  }
21
25
  /**
22
26
  * Tab Content displayed one at a time when a Tab Item is selected
23
27
  */
24
28
  export declare const Tabs: {
25
- ({ defaultId, items, onChange, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
29
+ ({ defaultId, items, fullWidth, onChange, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
26
30
  Item: {
27
31
  ({ icon, badge, label, id, order, }: TabsItemProps & {
28
32
  order: number;
@@ -34,7 +38,7 @@ export declare const Tabs: {
34
38
  displayName: string;
35
39
  };
36
40
  List: {
37
- (props: import('react').ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
41
+ (props: import('./TabsList').TabsListProps): import("react/jsx-runtime").JSX.Element;
38
42
  displayName: string;
39
43
  };
40
44
  displayName: string;
package/dist/components/Tabs/components/Tabs.js CHANGED
@@ -8,6 +8,7 @@ import TabsPanel from "./TabsPanel.js";
8
8
  const Tabs = ({
9
9
  defaultId,
10
10
  items,
11
+ fullWidth = !1,
11
12
  onChange,
12
13
  children
13
14
  }) => {
@@ -32,7 +33,7 @@ const Tabs = ({
32
33
  onKeyDown
33
34
  }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab);
34
35
  return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: typeof children == "function" ? children(currentItem) : /* @__PURE__ */ jsxs(Fragment, { children: [
35
- /* @__PURE__ */ jsx(Tabs.List, {}),
36
+ /* @__PURE__ */ jsx(Tabs.List, { fullWidth }),
36
37
  /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
37
38
  ] }) });
38
39
  };
package/dist/components/Tabs/components/TabsList.d.ts CHANGED
@@ -1,6 +1,12 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
+ export interface TabsListProps extends ComponentPropsWithoutRef<'div'> {
3
+ /**
4
+ * Whether tabs should take full available width
5
+ */
6
+ fullWidth?: boolean;
7
+ }
2
8
  declare const TabsList: {
3
- (props: ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
9
+ (props: TabsListProps): import("react/jsx-runtime").JSX.Element;
4
10
  displayName: string;
5
11
  };
6
12
  export default TabsList;
package/dist/components/Tabs/components/TabsList.js CHANGED
@@ -10,9 +10,11 @@ const TabsList = (props) => {
10
10
  } = useTabsContext(), {
11
11
  className,
12
12
  ...restProps
13
- } = props, tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
13
+ } = props, ulClasses = clsx("nav nav-tabs flex-nowrap", {
14
+ "w-100": props.fullWidth
15
+ }), tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
14
16
  return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, children: [
15
- /* @__PURE__ */ jsx("ul", { className: "nav nav-tabs flex-nowrap", role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
17
+ /* @__PURE__ */ jsx("ul", { className: ulClasses, role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
16
18
  /* @__PURE__ */ jsx("span", { className: "nav-slide", style: {
17
19
  left: tabUnderlineLeft,
18
20
  width: tabUnderlineWidth
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edifice.io/react",
3
- "version": "2.2.11-develop-pedago.20250702141731",
3
+ "version": "2.2.11-develop-pedago.20250702151750",
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.20250702141731",
134
- "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250702141731",
135
- "@edifice.io/utilities": "2.2.11-develop-pedago.20250702141731"
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"
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.20250702141731",
167
- "@edifice.io/config": "2.2.11-develop-pedago.20250702141731"
166
+ "@edifice.io/client": "2.2.11-develop-pedago.20250702151750",
167
+ "@edifice.io/config": "2.2.11-develop-pedago.20250702151750"
168
168
  },
169
169
  "peerDependencies": {
170
170
  "@react-spring/web": "^9.7.5",