enjanga-components-library 1.0.14 → 1.0.15

package/dist/index.d.mts

@@ -147,6 +147,8 @@ type CTL_propsType = {
 
 declare const CustomTile: ({ className, featuredText, layoutStyle, media, mediaPictogram, mediaImage, modalIsAvailable, modalPlainDescription, modalRichDescription, linksTo, linkTarget, }: CTL_propsType) => react_jsx_runtime.JSX.Element;
 
+declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
+
 interface LIT_propsType {
     content?: string;
     href?: string;
@@ -205,4 +207,4 @@ interface CRT_propsType {
 
 declare const CMSRichText: ({ data, className }: CRT_propsType) => react_jsx_runtime.JSX.Element;
 
-export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomTile, FeatureText, HeadlinedList, List, SmartText };
+export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomTabs, CustomTile, FeatureText, HeadlinedList, List, SmartText };

package/dist/index.d.ts

@@ -147,6 +147,8 @@ type CTL_propsType = {
 
 declare const CustomTile: ({ className, featuredText, layoutStyle, media, mediaPictogram, mediaImage, modalIsAvailable, modalPlainDescription, modalRichDescription, linksTo, linkTarget, }: CTL_propsType) => react_jsx_runtime.JSX.Element;
 
+declare const CustomTabs: () => react_jsx_runtime.JSX.Element;
+
 interface LIT_propsType {
     content?: string;
     href?: string;
@@ -205,4 +207,4 @@ interface CRT_propsType {
 
 declare const CMSRichText: ({ data, className }: CRT_propsType) => react_jsx_runtime.JSX.Element;
 
-export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomTile, FeatureText, HeadlinedList, List, SmartText };
+export { AppHeader, Banner, BrandLogo, CMSRichText, CP_getPictogram, type CP_nameType, CP_pictogramMap, type CTL_valid_linkTo, ContactButton, CustomPictogram, CustomTabs, CustomTile, FeatureText, HeadlinedList, List, SmartText };

package/dist/index.js

@@ -1830,6 +1830,7 @@ __export(index_exports, {
   CP_pictogramMap: () => CP_pictogramMap,
   ContactButton: () => ContactButton_default,
   CustomPictogram: () => CustomPictogram_default,
+  CustomTabs: () => CustomTabs_default,
   CustomTile: () => CustomTile_default,
   FeatureText: () => FeatureText_default,
   HeadlinedList: () => HeadlinedList_default,
@@ -24301,8 +24302,36 @@ var CustomTile_default = CustomTile;
 // src/components/CustomTile/index.ts
 var MemoizedCustomTile = (0, import_react29.memo)(CustomTile_default);
 
-// src/components/HeadlinedList/index.ts
+// src/components/CustomTabs/CustomTabs.tsx
 var import_react30 = require("react");
+var import_react31 = require("@carbon/react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var CustomTabs = () => {
+  const [selected, setSelected] = (0, import_react30.useState)(0);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_react31.Tabs,
+    {
+      selectedIndex: selected,
+      onChange: ({ selectedIndex }) => setSelected(selectedIndex),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react31.TabList, { "aria-label": "Sample Tabs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react31.Tab, { children: "Tab One" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react31.Tab, { children: "Tab Two" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react31.Tab, { children: "Tab Three" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react31.TabPanels, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react31.TabPanel, { children: "Content for Tab One" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react31.TabPanel, { children: "Content for Tab Two" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react31.TabPanel, { children: "Content for Tab Three" })
+        ] })
+      ]
+    }
+  );
+};
+var CustomTabs_default = CustomTabs;
+
+// src/components/HeadlinedList/index.ts
+var import_react32 = require("react");
 
 // src/components/HeadlinedList/HeadlinedList.tsx
 var import_clsx11 = __toESM(require("clsx"));
@@ -24312,27 +24341,27 @@ var import_clsx10 = __toESM(require("clsx"));
 
 // src/components/ListItem/ListItem.tsx
 var import_clsx9 = __toESM(require("clsx"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var ListItem = ({ content, href, className, children }) => {
   if (content === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SkeletonAnimation_default, { part: "list-item" });
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SkeletonAnimation_default, { part: "list-item" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("li", { className: (0, import_clsx9.default)(className), children: [
-    href ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("a", { href, children: content }) : content,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { className: (0, import_clsx9.default)(className), children: [
+    href ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href, children: content }) : content,
     children
   ] });
 };
 var ListItem_default = ListItem;
 
 // src/components/List/List.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var List = ({ type = "unordered", className, content }) => {
   const ListWrapper = type === "unordered" ? "ul" : "ol";
   if (!content || content.length < 1) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SkeletonAnimation_default, { part: "list" });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SkeletonAnimation_default, { part: "list" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ListWrapper, { className: (0, import_clsx10.default)("enj-list", className), children: content.map((item) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ListWrapper, { className: (0, import_clsx10.default)("enj-list", className), children: content.map((item) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       ListItem_default,
       {
         content: item.content,
@@ -24347,26 +24376,26 @@ var List = ({ type = "unordered", className, content }) => {
 var List_default = List;
 
 // src/components/HeadlinedList/HeadlinedList.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var HeadlinedList = ({
   wrapper = { tag: "div", cssClass: "" },
   heading = { children: void 0, level: 3, className: "" },
   list
 }) => {
   const Wrapper = wrapper.tag;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Wrapper, { className: (0, import_clsx11.default)("enj-HeadlinedList", wrapper.cssClass), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Heading_default, { level: heading.level, className: heading.className, children: heading.children }),
-    list?.content?.length ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(List_default, { ...list }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(List_default, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Wrapper, { className: (0, import_clsx11.default)("enj-HeadlinedList", wrapper.cssClass), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Heading_default, { level: heading.level, className: heading.className, children: heading.children }),
+    list?.content?.length ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(List_default, { ...list }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(List_default, {})
   ] });
 };
 var HeadlinedList_default = HeadlinedList;
 
 // src/components/HeadlinedList/index.ts
-var MemoizedHeadlinedList = (0, import_react30.memo)(HeadlinedList_default);
+var MemoizedHeadlinedList = (0, import_react32.memo)(HeadlinedList_default);
 
 // src/components/List/index.ts
-var import_react31 = require("react");
-var MemoizedList = (0, import_react31.memo)(List_default);
+var import_react33 = require("react");
+var MemoizedList = (0, import_react33.memo)(List_default);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppHeader,
@@ -24377,6 +24406,7 @@ var MemoizedList = (0, import_react31.memo)(List_default);
   CP_pictogramMap,
   ContactButton,
   CustomPictogram,
+  CustomTabs,
   CustomTile,
   FeatureText,
   HeadlinedList,

package/dist/index.mjs

@@ -24298,6 +24298,34 @@ var CustomTile_default = CustomTile;
 // src/components/CustomTile/index.ts
 var MemoizedCustomTile = memo(CustomTile_default);
 
+// src/components/CustomTabs/CustomTabs.tsx
+import { useState as useState4 } from "react";
+import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@carbon/react";
+import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+var CustomTabs = () => {
+  const [selected, setSelected] = useState4(0);
+  return /* @__PURE__ */ jsxs11(
+    Tabs,
+    {
+      selectedIndex: selected,
+      onChange: ({ selectedIndex }) => setSelected(selectedIndex),
+      children: [
+        /* @__PURE__ */ jsxs11(TabList, { "aria-label": "Sample Tabs", children: [
+          /* @__PURE__ */ jsx20(Tab, { children: "Tab One" }),
+          /* @__PURE__ */ jsx20(Tab, { children: "Tab Two" }),
+          /* @__PURE__ */ jsx20(Tab, { children: "Tab Three" })
+        ] }),
+        /* @__PURE__ */ jsxs11(TabPanels, { children: [
+          /* @__PURE__ */ jsx20(TabPanel, { children: "Content for Tab One" }),
+          /* @__PURE__ */ jsx20(TabPanel, { children: "Content for Tab Two" }),
+          /* @__PURE__ */ jsx20(TabPanel, { children: "Content for Tab Three" })
+        ] })
+      ]
+    }
+  );
+};
+var CustomTabs_default = CustomTabs;
+
 // src/components/HeadlinedList/index.ts
 import { memo as memo2 } from "react";
 
@@ -24309,27 +24337,27 @@ import clsx10 from "clsx";
 
 // src/components/ListItem/ListItem.tsx
 import clsx9 from "clsx";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var ListItem = ({ content, href, className, children }) => {
   if (content === void 0) {
-    return /* @__PURE__ */ jsx20(SkeletonAnimation_default, { part: "list-item" });
+    return /* @__PURE__ */ jsx21(SkeletonAnimation_default, { part: "list-item" });
   }
-  return /* @__PURE__ */ jsxs11("li", { className: clsx9(className), children: [
-    href ? /* @__PURE__ */ jsx20("a", { href, children: content }) : content,
+  return /* @__PURE__ */ jsxs12("li", { className: clsx9(className), children: [
+    href ? /* @__PURE__ */ jsx21("a", { href, children: content }) : content,
     children
   ] });
 };
 var ListItem_default = ListItem;
 
 // src/components/List/List.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var List = ({ type = "unordered", className, content }) => {
   const ListWrapper = type === "unordered" ? "ul" : "ol";
   if (!content || content.length < 1) {
-    return /* @__PURE__ */ jsx21(SkeletonAnimation_default, { part: "list" });
+    return /* @__PURE__ */ jsx22(SkeletonAnimation_default, { part: "list" });
   }
-  return /* @__PURE__ */ jsx21(ListWrapper, { className: clsx10("enj-list", className), children: content.map((item) => {
-    return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(ListWrapper, { className: clsx10("enj-list", className), children: content.map((item) => {
+    return /* @__PURE__ */ jsx22(
       ListItem_default,
       {
         content: item.content,
@@ -24344,16 +24372,16 @@ var List = ({ type = "unordered", className, content }) => {
 var List_default = List;
 
 // src/components/HeadlinedList/HeadlinedList.tsx
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var HeadlinedList = ({
   wrapper = { tag: "div", cssClass: "" },
   heading = { children: void 0, level: 3, className: "" },
   list
 }) => {
   const Wrapper = wrapper.tag;
-  return /* @__PURE__ */ jsxs12(Wrapper, { className: clsx11("enj-HeadlinedList", wrapper.cssClass), children: [
-    /* @__PURE__ */ jsx22(Heading_default, { level: heading.level, className: heading.className, children: heading.children }),
-    list?.content?.length ? /* @__PURE__ */ jsx22(List_default, { ...list }) : /* @__PURE__ */ jsx22(List_default, {})
+  return /* @__PURE__ */ jsxs13(Wrapper, { className: clsx11("enj-HeadlinedList", wrapper.cssClass), children: [
+    /* @__PURE__ */ jsx23(Heading_default, { level: heading.level, className: heading.className, children: heading.children }),
+    list?.content?.length ? /* @__PURE__ */ jsx23(List_default, { ...list }) : /* @__PURE__ */ jsx23(List_default, {})
   ] });
 };
 var HeadlinedList_default = HeadlinedList;
@@ -24373,6 +24401,7 @@ export {
   CP_pictogramMap,
   ContactButton_default as ContactButton,
   CustomPictogram_default as CustomPictogram,
+  CustomTabs_default as CustomTabs,
   CustomTile_default as CustomTile,
   FeatureText_default as FeatureText,
   HeadlinedList_default as HeadlinedList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "enjanga-components-library",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "Reusable component library for Next.js 13+ projects with Carbon design system.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",