@gem-sdk/components 3.0.0-pre-production.10 → 3.0.0-pre-production.11

package/dist/cjs/tab/components/TabItem.liquid.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@gem-sdk/core');
 
-const TabItem = ({ children, builderAttrs, style, className, parentUid })=>{
+const TabItem = ({ children, builderAttrs, style, className, parentUid, isActive })=>{
     if (core.isEmptyChildren(children)) {
         return core.template`<div class="gp-tab-item"></div>`;
     }
@@ -16,7 +16,9 @@ const TabItem = ({ children, builderAttrs, style, className, parentUid })=>{
     style="${{
         ...style
     }}"
-    class="${core.cls(`gp-tab-item gp-child-item-${parentUid}`, className)}"
+    class="${core.cls(`gp-tab-item gp-child-item-${parentUid}`, className, {
+        'gp-visible gp-h-0 gp-overflow-hidden': !isActive
+    })}"
   >
     ${children}
   </div>

package/dist/cjs/tab/components/Tabs.liquid.js

@@ -108,10 +108,12 @@ const Tabs = ({ builderAttrs, builderProps, rawChildren, style, setting, advance
             ${core.WrapRenderChildren({
         uid: builderProps?.uid || '',
         customProps: rawChildren?.[0].customProps
-    }, rawChildren?.map((child)=>{
+    }, rawChildren?.map((child, index)=>{
+        const isActive = (setting?.activeKey ?? 0) < 0 || (setting?.activeKey ?? 0) >= (setting?.childItem ?? []).length ? index === 0 : index === (setting?.activeKey ?? 0) - 1;
         return child ? core.template`${core.RenderChildren({
             ...child,
-            parentUid: builderProps?.uid
+            parentUid: builderProps?.uid,
+            isActive
         })}` : '';
     }))}
             </div>

package/dist/esm/tab/components/TabItem.liquid.js

@@ -1,6 +1,6 @@
 import { isEmptyChildren, template, cls } from '@gem-sdk/core';
 
-const TabItem = ({ children, builderAttrs, style, className, parentUid })=>{
+const TabItem = ({ children, builderAttrs, style, className, parentUid, isActive })=>{
     if (isEmptyChildren(children)) {
         return template`<div class="gp-tab-item"></div>`;
     }
@@ -12,7 +12,9 @@ const TabItem = ({ children, builderAttrs, style, className, parentUid })=>{
     style="${{
         ...style
     }}"
-    class="${cls(`gp-tab-item gp-child-item-${parentUid}`, className)}"
+    class="${cls(`gp-tab-item gp-child-item-${parentUid}`, className, {
+        'gp-visible gp-h-0 gp-overflow-hidden': !isActive
+    })}"
   >
     ${children}
   </div>

package/dist/esm/tab/components/Tabs.liquid.js

@@ -104,10 +104,12 @@ const Tabs = ({ builderAttrs, builderProps, rawChildren, style, setting, advance
             ${WrapRenderChildren({
         uid: builderProps?.uid || '',
         customProps: rawChildren?.[0].customProps
-    }, rawChildren?.map((child)=>{
+    }, rawChildren?.map((child, index)=>{
+        const isActive = (setting?.activeKey ?? 0) < 0 || (setting?.activeKey ?? 0) >= (setting?.childItem ?? []).length ? index === 0 : index === (setting?.activeKey ?? 0) - 1;
         return child ? template`${RenderChildren({
             ...child,
-            parentUid: builderProps?.uid
+            parentUid: builderProps?.uid,
+            isActive
         })}` : '';
     }))}
             </div>

package/dist/types/index.d.ts

@@ -6417,7 +6417,7 @@ type TabsPropsLiquid = TabsProps & {
 };
 declare const Tabs: ({ builderAttrs, builderProps, rawChildren, style, setting, advanced, pageContext, }: TabsPropsLiquid) => string;
 
-declare const TabItem: ({ children, builderAttrs, style, className, parentUid }: {
+declare const TabItem: ({ children, builderAttrs, style, className, parentUid, isActive, }: {
     children?: React.ReactNode;
     className?: string | undefined;
     isActive?: boolean | undefined;
@@ -6427,6 +6427,7 @@ declare const TabItem: ({ children, builderAttrs, style, className, parentUid }:
     style?: React.CSSProperties | undefined;
 } & {
     parentUid?: string | undefined;
+    isActive?: boolean | undefined;
 }) => string;
 
 declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, pageContext, }: _gem_sdk_core.BaseProps<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "3.0.0-pre-production.10",
+  "version": "3.0.0-pre-production.11",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",