jfs-components 0.1.2 → 0.1.12

package/lib/module/components/TransactionStatus/TransactionStatus.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { View, Text } from 'react-native';
 import { Svg, Path } from 'react-native-svg';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
-import { EMPTY_MODES } from '../../utils/react-utils';
+import { EMPTY_MODES, resolveTruncation } from '../../utils/react-utils';
 
 // --- Internal Icon Component ---
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -37,7 +37,8 @@ export default function TransactionStatus({
   status = 'Expired',
   date = '20 Mar 2025',
   modes = EMPTY_MODES,
-  style
+  style,
+  disableTruncation
 }) {
   const gap = Number(getVariableByName('transactionBubble/statusWrap/gap', modes)) || 4;
   // Using 'transactionStatus' tokens for text
@@ -70,7 +71,7 @@ export default function TransactionStatus({
       modes: modes
     }), /*#__PURE__*/_jsxs(Text, {
       style: textStyle,
-      numberOfLines: 1,
+      ...resolveTruncation(disableTruncation, 1),
       children: [status, " \xB7 ", date]
     })]
   });

package/lib/module/components/UpiHandle/UpiHandle.js

@@ -4,7 +4,7 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
 import { Pressable, View, Text, Platform } from 'react-native';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import { useTokens } from '../../design-tokens/JFSThemeProvider';
-import { EMPTY_MODES } from '../../utils/react-utils';
+import { EMPTY_MODES, resolveTruncation } from '../../utils/react-utils';
 import MediaSource from '../../utils/MediaSource';
 import Icon from '../../icons/Icon';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -107,6 +107,7 @@ function UpiHandle({
   onPress,
   onClick,
   disabled,
+  disableTruncation,
   // accessibilityLabel is accepted on the type for API back-compat; the
   // wrapper renders `accessibilityLabel={undefined}` because the inner Text
   // already carries the label.
@@ -169,8 +170,7 @@ function UpiHandle({
       })
     }), /*#__PURE__*/_jsx(Text, {
       style: tokens.labelStyle,
-      numberOfLines: 1,
-      ellipsizeMode: "tail",
+      ...resolveTruncation(disableTruncation, 1, 'tail'),
       accessibilityElementsHidden: true,
       importantForAccessibility: "no",
       children: label

package/lib/module/components/index.js

@@ -7,6 +7,7 @@ export { default as AppBar } from './AppBar/AppBar';
 export { default as Avatar } from './Avatar/Avatar';
 export { default as AvatarGroup } from './AvatarGroup/AvatarGroup';
 export { default as Badge } from './Badge/Badge';
+export { default as BenefitCard } from './BenefitCard/BenefitCard';
 export { default as BottomNav } from './BottomNav/BottomNav';
 export { default as BottomNavItem } from './BottomNavItem/BottomNavItem';
 export { default as BrandChip } from './BrandChip/BrandChip';
@@ -21,6 +22,7 @@ export { default as CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
 export { default as CardFeedback } from './CardFeedback/CardFeedback';
 export { default as CardFinancialCondition } from './CardFinancialCondition/CardFinancialCondition';
 export { default as CardInsight } from './CardInsight/CardInsight';
+export { default as CcCard } from './CcCard/CcCard';
 export { default as Disclaimer } from './Disclaimer/Disclaimer';
 export { default as Divider } from './Divider/Divider';
 export { default as Drawer } from './Drawer/Drawer';
@@ -39,6 +41,7 @@ export { default as CircularProgressBarDoted } from './CircularProgressBarDoted/
 export { default as CircularRating } from './CircularRating/CircularRating';
 export { default as CoverageRing } from './CoverageRing/CoverageRing';
 export { default as CoverageBarComparison } from './CoverageBarComparison/CoverageBarComparison';
+export { default as ComparisonBar } from './ComparisonBar/ComparisonBar';
 export { default as AllocationComparisonChart } from './AllocationComparisonChart/AllocationComparisonChart';
 export { default as MonthlyStatusGrid, CalendarGlyph } from './MonthlyStatusGrid/MonthlyStatusGrid';
 export { default as Gauge } from './Gauge/Gauge';
@@ -68,7 +71,9 @@ export { default as Overlay } from './Overlay/Overlay';
 export { default as Title } from './Title/Title';
 export { default as Screen } from './Screen/Screen';
 export { default as Section } from './Section/Section';
+export { default as Slider } from './Slider/Slider';
 export { default as Slot } from './Slot/Slot';
+export { default as Stack } from './Stack/Stack';
 export { default as Spinner } from './Spinner/Spinner';
 export { default as Stepper } from './Stepper/Stepper';
 export { Step } from './Stepper/Step';
@@ -118,12 +123,17 @@ export { default as ToastProvider } from './Toast/ToastProvider';
 export { useToast, addToast, closeToast, closeAll } from './Toast/useToast';
 export { default as AmountInput } from './AmountInput/AmountInput';
 export { default as PageHero } from './PageHero/PageHero';
+export { default as PdpCcCard } from './PdpCcCard/PdpCcCard';
 export { default as Popup } from './Popup/Popup';
 export { default as PortfolioHero } from './PortfolioHero/PortfolioHero';
 export { default as PlanComparisonCard } from './PlanComparisonCard/PlanComparisonCard';
+export { default as CompareTable } from './CompareTable/CompareTable';
+export { default as Table, TableHeader, TableHeaderCell, TableBody, TableRow, TableCell } from './Table/Table';
 export { default as PoweredByLabel } from './PoweredByLabel/PoweredByLabel';
 export { default as ProductLabel } from './ProductLabel/ProductLabel';
+export { default as ProductMerchandisingCard } from './ProductMerchandisingCard/ProductMerchandisingCard';
 export { default as ProductOverview } from './ProductOverview/ProductOverview';
+export { default as ProjectionMarker } from './ProjectionMarker/ProjectionMarker';
 export { default as ProgressBadge } from './ProgressBadge/ProgressBadge';
 export { default as SwappableAmount } from './SwappableAmount/SwappableAmount';
 export { default as OTP, OTPResend, useOtpResend } from './OTP/OTP';
@@ -134,5 +144,6 @@ export { default as StrengthIndicator } from './StrengthIndicator/StrengthIndica
 export { default as SummaryTile } from './SummaryTile/SummaryTile';
 export { default as TestimonialsCard } from './TestimonialsCard/TestimonialsCard';
 export { default as Text } from './Text/Text';
+export { default as TextSegment } from './TextSegment/TextSegment';
 export { default as SegmentedControl } from './SegmentedControl/SegmentedControl';
 export { default as Toggle } from './Toggle/Toggle';