@clickpalm/react 1.2.11 → 1.2.13

package/dist/index.d.ts

@@ -2597,11 +2597,14 @@ interface TabsProps {
     defaultValue?: string;
     children: ReactNode;
     colorContent: "gray" | "white";
+    value?: string;
+    onValueChange?: (value: string) => void;
 }
 interface TabItemProps {
     value: string;
     label: string;
     children: ReactNode;
+    forceMount?: boolean;
 }
 declare const TabsItem: React.FC<TabItemProps>;
 declare const Tabs: React.FC<TabsProps> & {

package/dist/index.js

@@ -2018,13 +2018,13 @@ var import_jsx_runtime27 = require("react/jsx-runtime");
 var TabsItem = ({ children }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children });
 };
-var Tabs2 = ({ defaultValue, colorContent, children }) => {
+var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) => {
   const items = [];
   const childrenArray = import_react11.Children.toArray(children);
   childrenArray.forEach((child) => {
     if ((0, import_react11.isValidElement)(child) && child.type === TabsItem) {
-      const { value, label, children: content } = child.props;
-      items.push({ value, label, children: content });
+      const { value: value2, label, forceMount, children: content } = child.props;
+      items.push({ value: value2, label, forceMount, children: content });
     }
   });
   const listRef = (0, import_react11.useRef)(null);
@@ -2071,6 +2071,8 @@ var Tabs2 = ({ defaultValue, colorContent, children }) => {
     {
       defaultValue: defaultValue || items[0]?.value,
       ref: rootRef,
+      value,
+      onValueChange,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
           hasOverflow && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -2113,6 +2115,7 @@ var Tabs2 = ({ defaultValue, colorContent, children }) => {
           {
             colorContent,
             value: item.value,
+            forceMount: item.forceMount || void 0,
             children: item.children
           },
           `content-${item.value}`

package/dist/index.mjs

@@ -1947,13 +1947,13 @@ import { Fragment, jsx as jsx27, jsxs as jsxs10 } from "react/jsx-runtime";
 var TabsItem = ({ children }) => {
   return /* @__PURE__ */ jsx27(Fragment, { children });
 };
-var Tabs2 = ({ defaultValue, colorContent, children }) => {
+var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) => {
   const items = [];
   const childrenArray = Children.toArray(children);
   childrenArray.forEach((child) => {
     if (isValidElement(child) && child.type === TabsItem) {
-      const { value, label, children: content } = child.props;
-      items.push({ value, label, children: content });
+      const { value: value2, label, forceMount, children: content } = child.props;
+      items.push({ value: value2, label, forceMount, children: content });
     }
   });
   const listRef = useRef4(null);
@@ -2000,6 +2000,8 @@ var Tabs2 = ({ defaultValue, colorContent, children }) => {
     {
       defaultValue: defaultValue || items[0]?.value,
       ref: rootRef,
+      value,
+      onValueChange,
       children: [
         /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
           hasOverflow && /* @__PURE__ */ jsx27(
@@ -2042,6 +2044,7 @@ var Tabs2 = ({ defaultValue, colorContent, children }) => {
           {
             colorContent,
             value: item.value,
+            forceMount: item.forceMount || void 0,
             children: item.children
           },
           `content-${item.value}`

package/package.json

@@ -3,7 +3,7 @@
 	"description": "Design System da Clikpalm",
 	"author": "Enisson Shilo",
 	"license": "MIT",
-	"version": "1.2.11",
+	"version": "1.2.13",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/clickpalm/clickpalm-designsystem-lib.git"