jfs-components 0.1.28 → 0.1.30

package/lib/module/components/PdpCcCard/PdpCcCard.js

@@ -39,6 +39,9 @@ function PdpCcCard({
   media,
   title = 'Title',
   subtitle = 'Subtitle',
+  numberOfLines,
+  disableTruncation,
+  singleLine,
   metrics = DEFAULT_METRICS,
   buttonLabel = 'button',
   buttonIcon = 'ic_add_circle',
@@ -90,7 +93,10 @@ function PdpCcCard({
       title: title,
       subtitle: subtitle,
       textAlign: "Center",
-      modes: modes
+      modes: modes,
+      numberOfLines: numberOfLines,
+      disableTruncation: disableTruncation,
+      singleLine: singleLine
     }), metrics.length > 0 ? /*#__PURE__*/_jsx(View, {
       style: styles.metricsRow,
       children: metrics.map((metric, index) => /*#__PURE__*/_jsxs(React.Fragment, {

package/lib/module/components/Table/Table.js

@@ -1,16 +1,26 @@
 "use strict";
 
-import React from 'react';
+import React, { createContext, useContext } from 'react';
 import { View, Text, Pressable, ScrollView, Platform } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import { EMPTY_MODES, cloneChildrenWithModes } from '../../utils/react-utils';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Carries the root `Table`'s `columnWidth` down to every cell so that, when it
+ * is set, all columns (header + body, data-driven or composed) share the same
+ * fixed width without each cell having to repeat the prop. Cells still honour
+ * an explicit `width` prop over this context value. `undefined` (the default,
+ * when no `Table` ancestor is present, or `columnWidth` is unset) leaves cells
+ * to flex — preserving the original behaviour.
+ */
+const TableContext = /*#__PURE__*/createContext(undefined);
 
 /* -------------------------------------------------------------------------------------------------
  * Shared types & token resolution
  * -----------------------------------------------------------------------------------------------*/
 
 /** Resolved styling for a header cell and a body cell, derived from design tokens. */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+
 const toWeight = w => typeof w === 'number' ? `${w}` : w;
 
 /**
@@ -88,6 +98,10 @@ function TableCell({
   style
 }) {
   const t = resolveTableTokens(modes);
+  // A cell's width resolves in priority order: an explicit `width` prop, then
+  // the root Table's `columnWidth` (via context), then fall back to flex.
+  const ctxColumnWidth = useContext(TableContext);
+  const effectiveWidth = width ?? ctxColumnWidth;
   return /*#__PURE__*/_jsx(View, {
     style: [{
       backgroundColor: t.cellBg,
@@ -99,8 +113,8 @@ function TableCell({
       borderColor: t.borderColor,
       borderBottomWidth: isLastRow ? 0 : t.borderSize,
       borderRightWidth: isLastColumn ? 0 : t.borderSize,
-      ...(width != null ? {
-        width
+      ...(effectiveWidth != null ? {
+        width: effectiveWidth
       } : {
         flex,
         minWidth: 0
@@ -128,6 +142,8 @@ function TableHeaderCell({
   style
 }) {
   const t = resolveTableTokens(modes);
+  const ctxColumnWidth = useContext(TableContext);
+  const effectiveWidth = width ?? ctxColumnWidth;
   return /*#__PURE__*/_jsx(View, {
     style: [{
       backgroundColor: t.headerBg,
@@ -136,8 +152,8 @@ function TableHeaderCell({
       justifyContent: alignToJustify(align),
       paddingHorizontal: t.headerPaddingH,
       paddingVertical: t.headerPaddingV,
-      ...(width != null ? {
-        width
+      ...(effectiveWidth != null ? {
+        width: effectiveWidth
       } : {
         flex,
         minWidth: 0
@@ -252,6 +268,7 @@ function Table({
   getRowKey,
   onRowPress,
   scrollable = false,
+  columnWidth,
   accessibilityLabel,
   modes = EMPTY_MODES,
   style
@@ -295,7 +312,10 @@ function Table({
     }, !scrollable && {
       width: '100%'
     }, style],
-    children: body
+    children: /*#__PURE__*/_jsx(TableContext.Provider, {
+      value: columnWidth,
+      children: body
+    })
   });
   if (scrollable) {
     return /*#__PURE__*/_jsx(ScrollView, {