@ovotech/element-native 5.6.0 → 5.7.0

package/dist/components/ActionList/ActionListItems/DataListItem.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataListItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const use_font_scaling_1 = require("../../../hooks/use-font-scaling");
 const styled_native_1 = require("../../../styled.native");
 const Icon_1 = require("../../Icon");
 const LabelText_1 = require("../../LabelText");
@@ -12,10 +13,11 @@ const DataListItem = ({ testID, graphic, progressRingPercentage, heading, subHea
     const theme = (0, styled_native_1.useTheme)();
     const isError = statusText === 'Error';
     const hasProgressRing = progressRingPercentage !== undefined;
+    const { isFontScalingLarge } = (0, use_font_scaling_1.useFontScaling)();
     const IconContent = (graphic === null || graphic === void 0 ? void 0 : graphic.type) === 'icon' ? ((0, jsx_runtime_1.jsx)(styles_1.GraphicContainer, { isIcon: true, hasProgress: hasProgressRing, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: graphic.icon, size: 24, color: graphic.iconColor ? graphic.iconColor : theme.color.brand.brand }) })) : null;
     return ((0, jsx_runtime_1.jsxs)(styles_1.ActionListItemWrapper, { testID: testID, children: [(graphic === null || graphic === void 0 ? void 0 : graphic.type) === 'icon' &&
                 (hasProgressRing ? ((0, jsx_runtime_1.jsx)(ProgressRing_1.ProgressRing, { percentage: progressRingPercentage, children: IconContent })) : (IconContent)), (graphic === null || graphic === void 0 ? void 0 : graphic.type) === 'image' && ((0, jsx_runtime_1.jsx)(styles_1.GraphicContainer, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledImage, { source: typeof graphic.image === 'string'
                         ? { uri: graphic.image }
-                        : graphic.image, resizeMode: "cover", accessibilityLabel: 'Data List Image' }) })), (0, jsx_runtime_1.jsxs)(styles_1.LeftTextContainer, { children: [heading && (0, jsx_runtime_1.jsx)(LabelText_1.LabelText, { children: heading }), subHeading && (0, jsx_runtime_1.jsx)(P_1.P, { size: "sm", children: subHeading }), statusText && ((0, jsx_runtime_1.jsx)(styles_1.StatusText, { size: "sm", isError: isError, children: statusText }))] }), (0, jsx_runtime_1.jsxs)(styles_1.RightTextContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.DirectionAndValueTextContainer, { children: [directionLabel && ((0, jsx_runtime_1.jsx)(styles_1.DirectionLabelContainer, { children: (0, jsx_runtime_1.jsx)(styles_1.OnSurfaceP, { size: "sm", children: directionLabel }) })), valueText && ((0, jsx_runtime_1.jsx)(styles_1.ValueTextContainer, { children: (0, jsx_runtime_1.jsx)(styles_1.DataValueText, { isError: isError, size: "lg", children: valueText }) }))] }), valueSubText && (0, jsx_runtime_1.jsx)(styles_1.OnSurfaceP, { size: "sm", children: valueSubText })] })] }));
+                        : graphic.image, resizeMode: "cover", accessibilityLabel: 'Data List Image' }) })), (0, jsx_runtime_1.jsxs)(styles_1.LeftTextContainer, { children: [heading && (0, jsx_runtime_1.jsx)(LabelText_1.LabelText, { children: heading }), subHeading && (0, jsx_runtime_1.jsx)(P_1.P, { size: "sm", children: subHeading }), statusText && ((0, jsx_runtime_1.jsx)(styles_1.StatusText, { size: "sm", isError: isError, children: statusText }))] }), (0, jsx_runtime_1.jsxs)(styles_1.RightTextContainer, { children: [(0, jsx_runtime_1.jsxs)(styles_1.DirectionAndValueTextContainer, { children: [directionLabel && ((0, jsx_runtime_1.jsx)(styles_1.DirectionLabelContainer, { scaledUpFont: isFontScalingLarge, children: (0, jsx_runtime_1.jsx)(styles_1.OnSurfaceP, { size: "sm", children: directionLabel }) })), valueText && ((0, jsx_runtime_1.jsx)(styles_1.ValueTextContainer, { scaledUpFont: isFontScalingLarge, children: (0, jsx_runtime_1.jsx)(styles_1.DataValueText, { isError: isError, size: "lg", children: valueText }) }))] }), valueSubText && (0, jsx_runtime_1.jsx)(styles_1.OnSurfaceP, { size: "sm", children: valueSubText })] })] }));
 };
 exports.DataListItem = DataListItem;

package/dist/components/ActionList/ActionListItems/ToggleListItem.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleListItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_native_1 = require("../../../styled.native");
+const react_native_1 = require("react-native");
+const HintText_1 = require("../../HintText");
 const P_1 = require("../../P");
-const Toggle_1 = require("../../Toggle");
 const styles_1 = require("./styles");
 const ToggleListItem = ({ testID, heading, hintText, checked, onToggle, }) => {
-    const theme = (0, styled_native_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(styles_1.ActionListItemWrapper, { testID: testID ? `${testID}-toggle` : undefined, children: (0, jsx_runtime_1.jsx)(Toggle_1.Toggle, { checked: checked, onPress: onToggle, accessibilityLabel: typeof heading === 'string' ? heading : undefined, label: (0, jsx_runtime_1.jsx)(P_1.P, { children: heading }), hint: hintText, toggleBackgroundColor: theme.color.brand.brand }) }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ActionListItemWrapper, { testID: testID ? `${testID}-toggle` : undefined, children: [(0, jsx_runtime_1.jsxs)(styles_1.TextContainer, { children: [(0, jsx_runtime_1.jsx)(P_1.P, { children: heading }), hintText && (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hintText })] }), (0, jsx_runtime_1.jsx)(react_native_1.Switch, { value: checked, onValueChange: onToggle, accessibilityRole: "switch", accessibilityLabel: heading, accessibilityState: { checked } })] }));
 };
 exports.ToggleListItem = ToggleListItem;