@pagopa/io-app-design-system 1.0.0-8 → 1.0.0

package/lib/module/components/layout/GradientScrollView.js

@@ -0,0 +1,100 @@
+import * as React from "react";
+import { useMemo } from "react";
+import Animated, { Easing, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { IOVisualCostants, buttonSolidHeight } from "../../core";
+import GradientBottomActions from "./GradientBottomActions";
+// Extended gradient area above the actions
+export const gradientSafeArea = 80;
+// End content margin before the actions
+const contentEndMargin = 32;
+// Margin between primary action and secondary one
+const spaceBetweenActions = 24;
+// Estimated height of the secondary action
+const secondaryActionEstHeight = 20;
+// Extra bottom margin for iPhone bottom handle
+const extraSafeAreaMargin = 8;
+export const GradientScrollView = _ref => {
+  let {
+    children,
+    primaryAction,
+    secondaryAction,
+    // Don't include safe area insets
+    excludeSafeAreaMargins = false,
+    debugMode = false,
+    testID
+  } = _ref;
+  const gradientOpacity = useSharedValue(1);
+  const insets = useSafeAreaInsets();
+
+  /* Check if the iPhone bottom handle is present.
+  If not, or if you don't need safe area insets,
+  add a default margin to prevent the button
+  from sticking to the bottom. */
+  const bottomMargin = useMemo(() => insets.bottom === 0 || excludeSafeAreaMargins ? IOVisualCostants.appMarginDefault : insets.bottom, [insets, excludeSafeAreaMargins]);
+
+  /* When the secondary action is visible, add extra margin
+  to avoid little space from iPhone bottom handle */
+  const extraBottomMargin = useMemo(() => secondaryAction && insets.bottom !== 0 ? extraSafeAreaMargin : 0, [insets.bottom, secondaryAction]);
+
+  /* Total height of actions */
+  const actionsArea = useMemo(() => primaryAction && secondaryAction ? buttonSolidHeight + spaceBetweenActions + secondaryActionEstHeight + extraBottomMargin : buttonSolidHeight, [extraBottomMargin, primaryAction, secondaryAction]);
+
+  /* Total height of "Actions + Gradient" area */
+  const gradientAreaHeight = useMemo(() => bottomMargin + actionsArea + gradientSafeArea, [actionsArea, bottomMargin]);
+
+  /* Height of the safe bottom area, applied to the ScrollView:
+  Actions + Content end margin */
+  const safeBottomAreaHeight = useMemo(() => bottomMargin + actionsArea + contentEndMargin, [actionsArea, bottomMargin]);
+  {
+    /* Safe background block. It's added because when
+    you swipe up quickly, the content below is visible
+    for about 100ms. Without this block, the content
+    appears glitchy. */
+  }
+  const safeBackgroundHeight = useMemo(() => secondaryAction ? spaceBetweenActions + secondaryActionEstHeight + extraBottomMargin + bottomMargin : bottomMargin, [bottomMargin, extraBottomMargin, secondaryAction]);
+  const handleScroll = useAnimatedScrollHandler(_ref2 => {
+    let {
+      contentOffset,
+      layoutMeasurement,
+      contentSize
+    } = _ref2;
+    /* We use Math.floor because decimals used on Android
+    devices never change the `isEndReached` boolean value.
+    We have more consistent behavior across platforms
+    if we round these calculations ¯\_(ツ)_/¯ */
+    const isEndReached = Math.floor(layoutMeasurement.height + contentOffset.y) >= Math.floor(contentSize.height);
+
+    // eslint-disable-next-line functional/immutable-data
+    gradientOpacity.value = isEndReached ? 0 : 1;
+  });
+  const opacityTransition = useAnimatedStyle(() => ({
+    opacity: withTiming(gradientOpacity.value, {
+      duration: 200,
+      easing: Easing.ease
+    })
+  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animated.ScrollView, {
+    testID: testID,
+    onScroll: handleScroll,
+    scrollEventThrottle: 16,
+    contentContainerStyle: {
+      paddingHorizontal: IOVisualCostants.appMarginDefault,
+      paddingBottom: safeBottomAreaHeight
+    }
+  }, children), /*#__PURE__*/React.createElement(GradientBottomActions, {
+    debugMode: debugMode,
+    primaryAction: primaryAction,
+    secondaryAction: secondaryAction,
+    transitionAnimStyle: opacityTransition,
+    dimensions: {
+      bottomMargin,
+      extraBottomMargin,
+      gradientAreaHeight,
+      spaceBetweenActions,
+      safeBackgroundHeight
+    }
+  }));
+};
+export default GradientScrollView;
+//# sourceMappingURL=GradientScrollView.js.map

package/lib/module/components/layout/GradientScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Animated","Easing","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","IOVisualCostants","buttonSolidHeight","GradientBottomActions","gradientSafeArea","contentEndMargin","spaceBetweenActions","secondaryActionEstHeight","extraSafeAreaMargin","GradientScrollView","_ref","children","primaryAction","secondaryAction","excludeSafeAreaMargins","debugMode","testID","gradientOpacity","insets","bottomMargin","bottom","appMarginDefault","extraBottomMargin","actionsArea","gradientAreaHeight","safeBottomAreaHeight","safeBackgroundHeight","handleScroll","_ref2","contentOffset","layoutMeasurement","contentSize","isEndReached","Math","floor","height","y","value","opacityTransition","opacity","duration","easing","ease","createElement","Fragment","ScrollView","onScroll","scrollEventThrottle","contentContainerStyle","paddingHorizontal","paddingBottom","transitionAnimStyle","dimensions"],"sourceRoot":"../../../../src","sources":["components/layout/GradientScrollView.tsx"],"mappings":"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"}

package/lib/module/components/layout/HeaderFirstLevel.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { View, StyleSheet } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { IOStyles, IOVisualCostants, IOColors } from "../../core";
+import { H3 } from "../typography";
+import { HSpacer } from "../spacer";
+const HEADER_BG_COLOR = "white";
+const styles = StyleSheet.create({
+  headerInner: {
+    paddingHorizontal: IOVisualCostants.appMarginDefault,
+    height: IOVisualCostants.headerHeight,
+    width: "100%",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }
+});
+export const HeaderFirstLevel = _ref => {
+  let {
+    title,
+    firstAction,
+    secondAction,
+    thirdAction,
+    testID
+  } = _ref;
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingTop: insets.top,
+      backgroundColor: IOColors[HEADER_BG_COLOR]
+    },
+    accessibilityRole: "header",
+    testID: testID
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerInner
+  }, /*#__PURE__*/React.createElement(H3, {
+    style: {
+      flexShrink: 1
+    },
+    numberOfLines: 1
+  }, title), /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.row, {
+      flexShrink: 0
+    }]
+  }, firstAction, secondAction && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HSpacer, {
+    size: 16
+  }), secondAction), thirdAction && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HSpacer, {
+    size: 16
+  }), thirdAction))));
+};
+export default HeaderFirstLevel;
+//# sourceMappingURL=HeaderFirstLevel.js.map

package/lib/module/components/layout/HeaderFirstLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useSafeAreaInsets","IOStyles","IOVisualCostants","IOColors","H3","HSpacer","HEADER_BG_COLOR","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","firstAction","secondAction","thirdAction","testID","insets","createElement","style","paddingTop","top","backgroundColor","accessibilityRole","flexShrink","numberOfLines","row","Fragment","size"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,QAAQ,EAAEC,gBAAgB,EAAEC,QAAQ,QAAQ,YAAY;AACjE,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,OAAO,QAAQ,WAAW;AAWnC,MAAMC,eAAyB,GAAG,OAAO;AAEzC,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,iBAAiB,EAAER,gBAAgB,CAACS,gBAAgB;IACpDC,MAAM,EAAEV,gBAAgB,CAACW,YAAY;IACrCC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAMR;EAAA,IANS;IAC/BC,KAAK;IACLC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC;EACgB,CAAC,GAAAL,IAAA;EACjB,MAAMM,MAAM,GAAGzB,iBAAiB,CAAC,CAAC;EAElC,oBACEH,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;IACH6B,KAAK,EAAE;MACLC,UAAU,EAAEH,MAAM,CAACI,GAAG;MACtBC,eAAe,EAAE3B,QAAQ,CAACG,eAAe;IAC3C,CAAE;IACFyB,iBAAiB,EAAC,QAAQ;IAC1BP,MAAM,EAAEA;EAAO,gBAEf3B,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAEpB,MAAM,CAACE;EAAY,gBAC9BZ,KAAA,CAAA6B,aAAA,CAACtB,EAAE;IAACuB,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE,CAAE;IAACC,aAAa,EAAE;EAAE,GAC5Cb,KACC,CAAC,eACLvB,KAAA,CAAA6B,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAE,CAAC1B,QAAQ,CAACiC,GAAG,EAAE;MAAEF,UAAU,EAAE;IAAE,CAAC;EAAE,GAC5CX,WAAW,EACXC,YAAY,iBACXzB,KAAA,CAAA6B,aAAA,CAAA7B,KAAA,CAAAsC,QAAA,qBAGEtC,KAAA,CAAA6B,aAAA,CAACrB,OAAO;IAAC+B,IAAI,EAAE;EAAG,CAAE,CAAC,EACpBd,YACD,CACH,EACAC,WAAW,iBACV1B,KAAA,CAAA6B,aAAA,CAAA7B,KAAA,CAAAsC,QAAA,qBAEEtC,KAAA,CAAA6B,aAAA,CAACrB,OAAO;IAAC+B,IAAI,EAAE;EAAG,CAAE,CAAC,EACpBb,WACD,CAEA,CACF,CACF,CAAC;AAEX,CAAC;AAED,eAAeL,gBAAgB"}

package/lib/module/components/layout/index.js

@@ -0,0 +1,2 @@
+export * from "./GradientBottomActions";
+//# sourceMappingURL=index.js.map

package/lib/module/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"AAAA,cAAc,yBAAyB"}

package/lib/module/components/listitems/ListItemCheckbox.js

@@ -0,0 +1,126 @@
+import * as React from "react";
+import { useCallback, useState } from "react";
+import { Pressable, View } from "react-native";
+import ReactNativeHapticFeedback from "react-native-haptic-feedback";
+import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
+import { Icon } from "../icons";
+import { HSpacer, VSpacer } from "../spacer";
+import { H6, LabelSmall } from "../typography";
+import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
+const DISABLED_OPACITY = 0.5;
+
+// disabled: the component is no longer touchable
+// onPress:
+/**
+ *  with the automatic state management that uses a {@link AnimatedCheckBox}
+ * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
+ *
+ * @param props
+ * @constructor
+ */
+export const ListItemCheckbox = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    value,
+    description,
+    icon,
+    selected,
+    disabled,
+    onValueChange
+  } = _ref;
+  const [toggleValue, setToggleValue] = useState(selected ?? false);
+  // Animations
+  const isPressed = useSharedValue(0);
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 ? void 0 : (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
+  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
+
+  // Theme
+  const theme = useIOTheme();
+  const mapBackgroundStates = {
+    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
+    pressed: IOColors[theme["listItem-pressed"]]
+  };
+
+  // Interpolate animation values from `isPressed` values
+  const animatedScaleStyle = useAnimatedStyle(() => {
+    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+  const handlePressIn = useCallback(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const handlePressOut = useCallback(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+  const animatedBackgroundStyle = useAnimatedStyle(() => {
+    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
+    return {
+      backgroundColor
+    };
+  });
+  const toggleCheckbox = () => {
+    ReactNativeHapticFeedback.trigger("impactLight");
+    setToggleValue(!toggleValue);
+    if (onValueChange !== undefined) {
+      onValueChange(!toggleValue);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: toggleCheckbox,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    onTouchEnd: handlePressOut,
+    testID: "ListItemCheckbox",
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle, {
+      opacity: disabled ? DISABLED_OPACITY : 1
+    }]
+    // This is required to avoid opacity
+    // inheritance on Android
+    ,
+    needsOffscreenAlphaCompositing: true
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedScaleStyle
+  }, /*#__PURE__*/React.createElement(View, {
+    style: IOSelectionListItemStyles.listItemInner
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.row, {
+      flexShrink: 1
+    }]
+  }, icon && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOSelectionListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    color: "grey-300",
+    size: IOSelectionListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(H6, {
+    color: "black",
+    style: {
+      flexShrink: 1
+    }
+  }, value)), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(AnimatedCheckbox, {
+    checked: selected ?? toggleValue
+  }))), description && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(VSpacer, {
+    size: IOSelectionListItemVisualParams.descriptionMargin
+  }), /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, description)))));
+};
+//# sourceMappingURL=ListItemCheckbox.js.map

package/lib/module/components/listitems/ListItemCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","AnimatedCheckbox","DISABLED_OPACITY","ListItemCheckbox","_ref","_IOScaleValues$basicB","value","description","icon","selected","disabled","onValueChange","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleCheckbox","trigger","undefined","createElement","onPress","onPressIn","onPressOut","onTouchEnd","testID","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","checked","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,QAAQ,EACRC,aAAa,EACbC,yBAAyB,EACzBC,+BAA+B,EAC/BC,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,UAAU,QACL,YAAY;AACnB,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAC9C,SAASC,gBAAgB,QAAQ,8BAA8B;AAU/D,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAOhB;EAAA,IAAAC,qBAAA;EAAA,IAPiB;IAC/BC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC;EACQ,CAAC,GAAAP,IAAA;EACT,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAGrC,QAAQ,CAACiC,QAAQ,IAAI,KAAK,CAAC;EACjE;EACA,MAAMK,SAAuC,GAAG5B,cAAc,CAAC,CAAC,CAAC;;EAEjE;EACA,MAAM6B,mBAAmB,GAAG1B,aAAa,aAAbA,aAAa,wBAAAgB,qBAAA,GAAbhB,aAAa,CAAE2B,WAAW,cAAAX,qBAAA,uBAA1BA,qBAAA,CAA4BY,YAAY;EAEpE,MAAMC,eAAe,GAAGjC,eAAe,CAAC,MACtCE,UAAU,CAAC2B,SAAS,CAACR,KAAK,EAAEd,cAAc,CAAC2B,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,KAAK,GAAGzB,UAAU,CAAC,CAAC;EAE1B,MAAM0B,mBAA2C,GAAG;IAClDC,OAAO,EAAE5B,SAAS,CAACN,QAAQ,CAACgC,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DG,OAAO,EAAEnC,QAAQ,CAACgC,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;;EAED;EACA,MAAMI,kBAAkB,GAAGxC,gBAAgB,CAAC,MAAM;IAChD,MAAMyC,KAAK,GAAG3C,WAAW,CACvBoC,eAAe,CAACZ,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAES,mBAAmB,CAAC,EACxBlC,WAAW,CAAC6C,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,aAAa,GAAGrD,WAAW,CAAC,MAAM;IACtC;IACAuC,SAAS,CAACR,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACQ,SAAS,CAAC,CAAC;EACf,MAAMe,cAAc,GAAGtD,WAAW,CAAC,MAAM;IACvC;IACAuC,SAAS,CAACR,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACQ,SAAS,CAAC,CAAC;EAEf,MAAMgB,uBAAuB,GAAG9C,gBAAgB,CAAC,MAAM;IACrD,MAAM+C,eAAe,GAAGhD,gBAAgB,CACtCmC,eAAe,CAACZ,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACe,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACE,OAAO,CAC3D,CAAC;IAED,OAAO;MACLQ;IACF,CAAC;EACH,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGA,CAAA,KAAM;IAC3BrD,yBAAyB,CAACsD,OAAO,CAAC,aAAa,CAAC;IAChDpB,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKuB,SAAS,EAAE;MAC/BvB,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACEtC,KAAA,CAAA6D,aAAA,CAAC1D,SAAS;IACR2D,OAAO,EAAEJ,cAAe;IACxBK,SAAS,EAAET,aAAc;IACzBU,UAAU,EAAET,cAAe;IAC3BU,UAAU,EAAEV,cAAe;IAC3BW,MAAM,EAAC,kBAAkB;IACzB9B,QAAQ,EAAEA;EAAS,gBAEnBpC,KAAA,CAAA6D,aAAA,CAACvD,QAAQ,CAACF,IAAI;IACZ+D,KAAK,EAAE,CACLnD,yBAAyB,CAACoD,QAAQ,EAClCZ,uBAAuB,EACvB;MAAEa,OAAO,EAAEjC,QAAQ,GAAGR,gBAAgB,GAAG;IAAE,CAAC;IAE9C;IACA;IAAA;IACA0C,8BAA8B,EAAE;EAAK,gBAErCtE,KAAA,CAAA6D,aAAA,CAACvD,QAAQ,CAACF,IAAI;IAAC+D,KAAK,EAAEjB;EAAmB,gBACvClD,KAAA,CAAA6D,aAAA,CAACzD,IAAI;IAAC+D,KAAK,EAAEnD,yBAAyB,CAACuD;EAAc,gBACnDvE,KAAA,CAAA6D,aAAA,CAACzD,IAAI;IAAC+D,KAAK,EAAE,CAAChD,QAAQ,CAACqD,GAAG,EAAE;MAAEC,UAAU,EAAE;IAAE,CAAC;EAAE,GAC5CvC,IAAI,iBACHlC,KAAA,CAAA6D,aAAA,CAACzD,IAAI;IACH+D,KAAK,EAAE;MACLO,WAAW,EAAEzD,+BAA+B,CAAC0D;IAC/C;EAAE,gBAEF3E,KAAA,CAAA6D,aAAA,CAACvC,IAAI;IACHsD,IAAI,EAAE1C,IAAK;IACX2C,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAE7D,+BAA+B,CAAC8D;EAAS,CAChD,CACG,CACP,eACD/E,KAAA,CAAA6D,aAAA,CAACpC,EAAE;IAACoD,KAAK,EAAE,OAAQ;IAACV,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAE;EAAE,GAC1CzC,KACC,CACA,CAAC,eACPhC,KAAA,CAAA6D,aAAA,CAACtC,OAAO;IAACuD,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB9E,KAAA,CAAA6D,aAAA,CAACzD,IAAI;IAAC4E,aAAa,EAAC;EAAM,gBACxBhF,KAAA,CAAA6D,aAAA,CAAClC,gBAAgB;IAACsD,OAAO,EAAE9C,QAAQ,IAAIG;EAAY,CAAE,CACjD,CACF,CAAC,EACNL,WAAW,iBACVjC,KAAA,CAAA6D,aAAA,CAACzD,IAAI,qBACHJ,KAAA,CAAA6D,aAAA,CAACrC,OAAO;IACNsD,IAAI,EAAE7D,+BAA+B,CAACiE;EAAkB,CACzD,CAAC,eACFlF,KAAA,CAAA6D,aAAA,CAACnC,UAAU;IAACyD,MAAM,EAAC,SAAS;IAACN,KAAK,EAAE/B,KAAK,CAAC,mBAAmB;EAAE,GAC5Db,WACS,CACR,CAEK,CACF,CACN,CAAC;AAEhB,CAAC"}

package/lib/module/components/listitems/ListItemInfo.js

@@ -2,7 +2,6 @@ import React from "react";
 import { View } from "react-native";
 import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
 import { Icon } from "../icons";
-import { VSpacer } from "../spacer/Spacer";
 import { H6, LabelSmall } from "../typography";
 export const ListItemInfo = _ref => {
   let {
@@ -24,7 +23,7 @@ export const ListItemInfo = _ref => {
     style: IOListItemStyles.listItemInner
   }, icon && /*#__PURE__*/React.createElement(View, {
     style: {
-      marginRight: IOListItemVisualParams.iconMargin
+      marginRight: IOListItemVisualParams.actionMargin
     }
   }, /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -35,14 +34,12 @@ export const ListItemInfo = _ref => {
   }, /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
-  }, label), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 4
-  }), /*#__PURE__*/React.createElement(H6, {
+  }, label), /*#__PURE__*/React.createElement(H6, {
     color: theme["textBody-default"],
     numberOfLines: numberOfLines
   }, value)), action && /*#__PURE__*/React.createElement(View, {
     style: {
-      marginLeft: IOListItemVisualParams.iconMargin
+      marginLeft: IOListItemVisualParams.actionMargin
     }
   }, action)));
 };

package/lib/module/components/listitems/ListItemInfo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","VSpacer","H6","LabelSmall","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","createElement","style","listItem","accessible","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flex","weight","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SACIC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACRC,UAAU,QACP,YAAY;AAEnB,SAASC,IAAI,QAAiB,UAAU;AACxC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAc9C,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAQR;EAAA,IARS;IACzBC,KAAK;IACLC,KAAK;IACLC,aAAa,GAAG,CAAC;IACjBC,IAAI;IACJC,MAAM;IACNC,kBAAkB;IAClBC;EACU,CAAC,GAAAP,IAAA;EACX,MAAMQ,KAAK,GAAGd,UAAU,CAAC,CAAC;EAC1B,oBACIL,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IACDoB,KAAK,EAAEnB,gBAAgB,CAACoB,QAAS;IACjCJ,MAAM,EAAEA,MAAO;IACfK,UAAU,EAAE,IAAK;IACjBN,kBAAkB,EAAEA;EAAmB,gBAEvCjB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAEnB,gBAAgB,CAACsB;EAAc,GACvCT,IAAI,iBACDf,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAE;MAAEI,WAAW,EAAEtB,sBAAsB,CAACuB;IAAW;EAAE,gBAC5D1B,KAAA,CAAAoB,aAAA,CAACd,IAAI;IACDqB,IAAI,EAAEZ,IAAK;IACXa,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAE1B,sBAAsB,CAAC2B;EAAS,CACzC,CACC,CACT,eACD9B,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAEjB,QAAQ,CAAC2B;EAAK,gBACvB/B,KAAA,CAAAoB,aAAA,CAACX,UAAU;IAACuB,MAAM,EAAC,SAAS;IAACJ,KAAK,EAAET,KAAK,CAAC,mBAAmB;EAAE,GAC1DP,KACO,CAAC,eACbZ,KAAA,CAAAoB,aAAA,CAACb,OAAO;IAACsB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB7B,KAAA,CAAAoB,aAAA,CAACZ,EAAE;IACCoB,KAAK,EAAET,KAAK,CAAC,kBAAkB,CAAE;IACjCL,aAAa,EAAEA;EAAc,GAE5BD,KACD,CACF,CAAC,EACNG,MAAM,iBACHhB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAE;MAAEY,UAAU,EAAE9B,sBAAsB,CAACuB;IAAW;EAAE,GAC1DV,MACC,CAER,CACJ,CAAC;AAEf,CAAC;AAED,eAAeN,YAAY"}
+{"version":3,"names":["React","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H6","LabelSmall","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","createElement","style","listItem","accessible","listItemInner","marginRight","actionMargin","name","color","size","iconSize","flex","weight","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,gBAAgB,EAChBC,sBAAsB,EACtBC,QAAQ,EACRC,UAAU,QACL,YAAY;AAEnB,SAASC,IAAI,QAAiB,UAAU;AACxC,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAc9C,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAQR;EAAA,IARS;IAC3BC,KAAK;IACLC,KAAK;IACLC,aAAa,GAAG,CAAC;IACjBC,IAAI;IACJC,MAAM;IACNC,kBAAkB;IAClBC;EACY,CAAC,GAAAP,IAAA;EACb,MAAMQ,KAAK,GAAGb,UAAU,CAAC,CAAC;EAC1B,oBACEL,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IACHmB,KAAK,EAAElB,gBAAgB,CAACmB,QAAS;IACjCJ,MAAM,EAAEA,MAAO;IACfK,UAAU,EAAE,IAAK;IACjBN,kBAAkB,EAAEA;EAAmB,gBAEvChB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAElB,gBAAgB,CAACqB;EAAc,GACzCT,IAAI,iBACHd,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAE;MAAEI,WAAW,EAAErB,sBAAsB,CAACsB;IAAa;EAAE,gBAChEzB,KAAA,CAAAmB,aAAA,CAACb,IAAI;IACHoB,IAAI,EAAEZ,IAAK;IACXa,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAEzB,sBAAsB,CAAC0B;EAAS,CACvC,CACG,CACP,eACD7B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEhB,QAAQ,CAAC0B;EAAK,gBACzB9B,KAAA,CAAAmB,aAAA,CAACX,UAAU;IAACuB,MAAM,EAAC,SAAS;IAACJ,KAAK,EAAET,KAAK,CAAC,mBAAmB;EAAE,GAC5DP,KACS,CAAC,eACbX,KAAA,CAAAmB,aAAA,CAACZ,EAAE;IAACoB,KAAK,EAAET,KAAK,CAAC,kBAAkB,CAAE;IAACL,aAAa,EAAEA;EAAc,GAChED,KACC,CACA,CAAC,EACNG,MAAM,iBACLf,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAE;MAAEY,UAAU,EAAE7B,sBAAsB,CAACsB;IAAa;EAAE,GAC9DV,MACG,CAEJ,CACF,CAAC;AAEX,CAAC;AAED,eAAeN,YAAY"}

package/lib/module/components/listitems/ListItemInfoCopy.js

@@ -3,7 +3,6 @@ import { Pressable, View } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
 import { IOColors, IOListItemStyles, IOListItemVisualParams, IOScaleValues, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
 import { Icon } from "../icons";
-import { VSpacer } from "../spacer/Spacer";
 import { H6, LabelSmall } from "../typography";
 export const ListItemInfoCopy = _ref => {
   var _IOScaleValues$basicB;
@@ -75,9 +74,7 @@ export const ListItemInfoCopy = _ref => {
   }, /*#__PURE__*/React.createElement(LabelSmall, {
     weight: "Regular",
     color: theme["textBody-tertiary"]
-  }, label), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 4
-  }), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
+  }, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
     color: theme["interactiveElem-default"],
     numberOfLines: numberOfLines
   }, value) : {

package/lib/module/components/listitems/ListItemInfoCopy.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","VSpacer","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flex","weight","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","H6","LabelSmall","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","theme","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","createElement","onPressIn","onPressOut","accessible","accessibilityRole","style","listItem","listItemInner","marginRight","iconMargin","name","color","size","iconSize","flex","weight","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAAgCC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AACrE,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,UAAU,QACL,YAAY;AAEnB,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,EAAE,EAAEC,UAAU,QAAQ,eAAe;AAY9C,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAQR;EAAA,IAAAC,qBAAA;EAAA,IARS;IAC/BC,KAAK;IACLC,KAAK;IACLC,aAAa,GAAG,CAAC;IACjBC,OAAO;IACPC,IAAI;IACJC,kBAAkB;IAClBC;EACgB,CAAC,GAAAR,IAAA;EACjB,MAAMS,SAAS,GAAGvB,cAAc,CAAC,CAAC,CAAC;EAEnC,MAAMwB,KAAK,GAAGf,UAAU,CAAC,CAAC;EAE1B,MAAMgB,mBAA2C,GAAG;IAClDC,OAAO,EAAElB,SAAS,CAACN,QAAQ,CAACsB,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DG,OAAO,EAAEzB,QAAQ,CAACsB,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;;EAED;EACA,MAAMI,mBAAmB,GAAGvB,aAAa,aAAbA,aAAa,wBAAAU,qBAAA,GAAbV,aAAa,CAAEwB,WAAW,cAAAd,qBAAA,uBAA1BA,qBAAA,CAA4Be,YAAY;EAEpE,MAAMC,eAAe,GAAGhC,eAAe,CAAC,MACtCE,UAAU,CAACsB,SAAS,CAACN,KAAK,EAAEX,cAAc,CAAC0B,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,kBAAkB,GAAGnC,gBAAgB,CAAC,MAAM;IAChD,MAAMoC,KAAK,GAAGtC,WAAW,CACvBmC,eAAe,CAACd,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEW,mBAAmB,CAAC,EACxBjC,WAAW,CAACwC,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,uBAAuB,GAAGvC,gBAAgB,CAAC,MAAM;IACrD,MAAMwC,eAAe,GAAGzC,gBAAgB,CACtCkC,eAAe,CAACd,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACQ,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACE,OAAO,CAC3D,CAAC;IAED,OAAO;MACLW;IACF,CAAC;EACH,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAGhD,WAAW,CAAC,MAAM;IACtC;IACAgC,SAAS,CAACN,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACM,SAAS,CAAC,CAAC;EACf,MAAMiB,cAAc,GAAGjD,WAAW,CAAC,MAAM;IACvC;IACAgC,SAAS,CAACN,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACM,SAAS,CAAC,CAAC;EAEf,oBACEjC,KAAA,CAAAmD,aAAA,CAACjD,SAAS;IACR2B,OAAO,EAAEA,OAAQ;IACjBuB,SAAS,EAAEH,aAAc;IACzBI,UAAU,EAAEH,cAAe;IAC3BI,UAAU,EAAE,IAAK;IACjBvB,kBAAkB,EAAEA,kBAAmB;IACvCwB,iBAAiB,EAAC,QAAQ;IAC1BvB,MAAM,EAAEA;EAAO,gBAEfhC,KAAA,CAAAmD,aAAA,CAAC/C,QAAQ,CAACD,IAAI;IACZqD,KAAK,EAAE,CAAC3C,gBAAgB,CAAC4C,QAAQ,EAAEV,uBAAuB;EAAE,gBAE5D/C,KAAA,CAAAmD,aAAA,CAAC/C,QAAQ,CAACD,IAAI;IACZqD,KAAK,EAAE,CAAC3C,gBAAgB,CAAC6C,aAAa,EAAEf,kBAAkB;EAAE,GAE3Db,IAAI,iBACH9B,KAAA,CAAAmD,aAAA,CAAChD,IAAI;IAACqD,KAAK,EAAE;MAAEG,WAAW,EAAE7C,sBAAsB,CAAC8C;IAAW;EAAE,gBAC9D5D,KAAA,CAAAmD,aAAA,CAAC/B,IAAI;IACHyC,IAAI,EAAE/B,IAAK;IACXgC,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAEjD,sBAAsB,CAACkD;EAAS,CACvC,CACG,CACP,eACDhE,KAAA,CAAAmD,aAAA,CAAChD,IAAI;IAACqD,KAAK,EAAEvC,QAAQ,CAACgD;EAAK,gBACzBjE,KAAA,CAAAmD,aAAA,CAAC7B,UAAU;IAAC4C,MAAM,EAAC,SAAS;IAACJ,KAAK,EAAE5B,KAAK,CAAC,mBAAmB;EAAE,GAC5DR,KACS,CAAC,EAEZ,OAAOC,KAAK,KAAK,QAAQ,gBACxB3B,KAAA,CAAAmD,aAAA,CAAC9B,EAAE;IACDyC,KAAK,EAAE5B,KAAK,CAAC,yBAAyB,CAAE;IACxCN,aAAa,EAAEA;EAAc,GAE5BD,KACC,CAAC,GAEL;IAAEA;EAAM,CAEN,CAAC,eACP3B,KAAA,CAAAmD,aAAA,CAAChD,IAAI;IAACqD,KAAK,EAAE;MAAEW,UAAU,EAAErD,sBAAsB,CAAC8C;IAAW;EAAE,gBAC7D5D,KAAA,CAAAmD,aAAA,CAAC/B,IAAI;IACHyC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAE5B,KAAK,CAAC,yBAAyB,CAAE;IACxC6B,IAAI,EAAEjD,sBAAsB,CAACsD;EAAY,CAC1C,CACG,CACO,CACF,CACN,CAAC;AAEhB,CAAC;AAED,eAAe7C,gBAAgB"}

package/lib/module/components/listitems/ListItemRadio.js

@@ -0,0 +1,127 @@
+import * as React from "react";
+import { useCallback, useState } from "react";
+import { Pressable, View } from "react-native";
+import ReactNativeHapticFeedback from "react-native-haptic-feedback";
+import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import { IOColors, IOScaleValues, IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOSpringValues, IOStyles, hexToRgba, useIOTheme } from "../../core";
+import { Icon } from "../icons";
+import { HSpacer, VSpacer } from "../spacer";
+import { H6, LabelSmall } from "../typography";
+import { AnimatedRadio } from "../radio/AnimatedRadio";
+const DISABLED_OPACITY = 0.5;
+
+// disabled: the component is no longer touchable
+// onPress:
+/**
+ *  with the automatic state management that uses a {@link AnimatedCheckBox}
+ * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
+ *
+ * @param props
+ * @constructor
+ */
+export const ListItemRadio = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    value,
+    description,
+    icon,
+    selected,
+    disabled,
+    onValueChange,
+    testID
+  } = _ref;
+  const [toggleValue, setToggleValue] = useState(selected ?? false);
+  // Animations
+  const isPressed = useSharedValue(0);
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 ? void 0 : (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
+  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
+
+  // Theme
+  const theme = useIOTheme();
+  const mapBackgroundStates = {
+    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
+    pressed: IOColors[theme["listItem-pressed"]]
+  };
+
+  // Interpolate animation values from `isPressed` values
+  const animatedScaleStyle = useAnimatedStyle(() => {
+    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+  const handlePressIn = useCallback(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const handlePressOut = useCallback(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+  const animatedBackgroundStyle = useAnimatedStyle(() => {
+    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
+    return {
+      backgroundColor
+    };
+  });
+  const toggleRadioItem = () => {
+    ReactNativeHapticFeedback.trigger("impactLight");
+    setToggleValue(!toggleValue);
+    if (onValueChange !== undefined) {
+      onValueChange(!toggleValue);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: toggleRadioItem,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    onTouchEnd: handlePressOut,
+    testID: testID,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOSelectionListItemStyles.listItem, animatedBackgroundStyle, {
+      opacity: disabled ? DISABLED_OPACITY : 1
+    }]
+    // This is required to avoid opacity
+    // inheritance on Android
+    ,
+    needsOffscreenAlphaCompositing: true
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedScaleStyle
+  }, /*#__PURE__*/React.createElement(View, {
+    style: IOSelectionListItemStyles.listItemInner
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.row, {
+      flexShrink: 1
+    }]
+  }, icon && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOSelectionListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    color: "grey-300",
+    size: IOSelectionListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(H6, {
+    color: "black",
+    style: {
+      flexShrink: 1
+    }
+  }, value)), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(AnimatedRadio, {
+    checked: selected ?? toggleValue
+  }))), description && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(VSpacer, {
+    size: IOSelectionListItemVisualParams.descriptionMargin
+  }), /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, description)))));
+};
+//# sourceMappingURL=ListItemRadio.js.map

package/lib/module/components/listitems/ListItemRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","Pressable","View","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","AnimatedRadio","DISABLED_OPACITY","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","icon","selected","disabled","onValueChange","testID","toggleValue","setToggleValue","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","button","theme","mapBackgroundStates","default","pressed","animatedScaleStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","animatedBackgroundStyle","backgroundColor","toggleRadioItem","trigger","undefined","createElement","onPress","onPressIn","onPressOut","onTouchEnd","style","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","row","flexShrink","marginRight","iconMargin","name","color","size","iconSize","pointerEvents","checked","descriptionMargin","weight"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}

package/lib/module/components/listitems/ListItemSwitch.js

@@ -0,0 +1,74 @@
+import React from "react";
+import { View } from "react-native";
+import { IOSelectionListItemStyles, IOSelectionListItemVisualParams, IOStyles, useIOTheme } from "../../core";
+import { Icon } from "../icons";
+import { HSpacer, VSpacer } from "../spacer";
+import { H6, LabelSmall, Link } from "../typography";
+import { NativeSwitch } from "../switch/NativeSwitch";
+const DISABLED_OPACITY = 0.5;
+export const ListItemSwitch = /*#__PURE__*/React.memo(_ref => {
+  let {
+    label,
+    description,
+    icon,
+    value,
+    disabled,
+    action,
+    onSwitchValueChange
+  } = _ref;
+  const theme = useIOTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    testID: "ListItemSwitch",
+    style: [IOSelectionListItemStyles.listItem, {
+      opacity: disabled ? DISABLED_OPACITY : 1
+    }],
+    pointerEvents: disabled ? "none" : "auto",
+    needsOffscreenAlphaCompositing: true
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [IOSelectionListItemStyles.listItemInner, {
+      alignItems: "center"
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.row, {
+      flexShrink: 1
+    }]
+  }, icon && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginRight: IOSelectionListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    color: "grey-300",
+    size: IOSelectionListItemVisualParams.iconSize
+  })), /*#__PURE__*/React.createElement(H6, {
+    color: "black",
+    style: {
+      flexShrink: 1
+    }
+  }, label)), description && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
+    size: IOSelectionListItemVisualParams.descriptionMargin
+  }), /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, description)), action && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
+    size: IOSelectionListItemVisualParams.actionMargin
+  }), /*#__PURE__*/React.createElement(Link, {
+    fontSize: "small",
+    onPress: action.onPress
+  }, action.label))), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 0,
+      alignSelf: "flex-start"
+    }
+  }, /*#__PURE__*/React.createElement(NativeSwitch, {
+    value: value,
+    onValueChange: onSwitchValueChange
+  }))));
+});
+//# sourceMappingURL=ListItemSwitch.js.map

package/lib/module/components/listitems/ListItemSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","IOSelectionListItemStyles","IOSelectionListItemVisualParams","IOStyles","useIOTheme","Icon","HSpacer","VSpacer","H6","LabelSmall","Link","NativeSwitch","DISABLED_OPACITY","ListItemSwitch","memo","_ref","label","description","icon","value","disabled","action","onSwitchValueChange","theme","createElement","testID","style","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","listItemInner","alignItems","flexShrink","row","marginRight","iconMargin","name","color","size","iconSize","Fragment","descriptionMargin","weight","actionMargin","fontSize","onPress","alignSelf","onValueChange"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}