@pagopa/io-app-design-system 4.5.5 → 4.6.0

package/src/hooks/useAccordionAnimation.tsx

@@ -0,0 +1,106 @@
+import { useCallback, useState } from "react";
+import { StyleSheet, type LayoutChangeEvent } from "react-native";
+import {
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring
+} from "react-native-reanimated";
+import { IOSpacingScale, IOSpringValues } from "../core";
+
+const accordionBodySpacing: IOSpacingScale = 16;
+
+type Params = {
+  defaultExpanded?: boolean;
+};
+
+export const useAccordionAnimation = ({
+  defaultExpanded = false
+}: Params = {}) => {
+  const [expanded, setExpanded] = useState(defaultExpanded);
+  // Disable animation when starting expanded
+  const animationEnabled = useSharedValue(!defaultExpanded);
+  const bodyHeight = useSharedValue(0);
+
+  const toggleAccordion = useCallback(() => {
+    // Re-enable animation when the user interacts with the accordion
+    animationEnabled.value = true; // eslint-disable-line functional/immutable-data
+    setExpanded(expanded => !expanded);
+  }, [animationEnabled]);
+
+  const iconAnimatedStyle = useAnimatedStyle(
+    () => ({
+      transform: [
+        {
+          rotate: withSpring(
+            expanded ? "180deg" : "0deg",
+            IOSpringValues.accordion
+          )
+        }
+      ]
+    }),
+    [expanded]
+  );
+
+  // The code below is a re-adaptation of Dima Portenko's code:
+  // https://github.com/dimaportenko/reanimated-collapsable-card-tutorial
+  const onBodyLayout = useCallback(
+    (event: LayoutChangeEvent) => {
+      const { height: onLayoutHeight } = event.nativeEvent.layout;
+
+      if (onLayoutHeight > 0 && bodyHeight.value !== onLayoutHeight) {
+        bodyHeight.value = onLayoutHeight; // eslint-disable-line functional/immutable-data
+      }
+    },
+    [bodyHeight]
+  );
+
+  const bodyAnimatedHeight = useAnimatedStyle(() => {
+    const nextHeight = expanded ? bodyHeight.value : 0;
+    return {
+      height: animationEnabled.value
+        ? withSpring(nextHeight, IOSpringValues.accordion)
+        : nextHeight
+    };
+  });
+
+  const bodyAnimatedStyle = [
+    bodyAnimatedHeight,
+    styles.accordionCollapsableContainer
+  ];
+  const bodyInnerStyle = styles.accordionBodyContainer;
+
+  return {
+    expanded,
+    /**
+     * Toggle the accordion expanded/collapsed state.
+     */
+    toggleAccordion,
+    /**
+     * The style to apply to the accordion icon.
+     */
+    iconAnimatedStyle,
+    /**
+     * Callback to execute on the body's inner container layout.
+     */
+    onBodyLayout,
+    /**
+     * The animated style to apply to the collapsible body container – it must be an `Animated.View`.
+     */
+    bodyAnimatedStyle,
+    /**
+     * The style to apply to the inner body container.
+     */
+    bodyInnerStyle
+  };
+};
+
+const styles = StyleSheet.create({
+  accordionCollapsableContainer: {
+    overflow: "hidden"
+  },
+  accordionBodyContainer: {
+    position: "absolute",
+    padding: accordionBodySpacing,
+    paddingTop: 0
+  }
+});

package/lib/commonjs/components/switch/AnimatedSwitch.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AnimatedSwitch = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _IOAnimations = require("../../core/IOAnimations");
-var _IOColors = require("../../core/IOColors");
-var _IOStyles = require("../../core/IOStyles");
-var _AnimatedTick = require("../common/AnimatedTick");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const SWITCH_CIRCLE_SIZE = _IOStyles.IOSwitchVisualParams.height - _IOStyles.IOSwitchVisualParams.padding * 2;
-const styles = _reactNative.StyleSheet.create({
-  switchWrapper: {
-    width: _IOStyles.IOSwitchVisualParams.width,
-    height: _IOStyles.IOSwitchVisualParams.height
-  },
-  switchBackground: {
-    position: "absolute",
-    left: 0,
-    top: 0,
-    width: "100%",
-    height: "100%",
-    borderRadius: _IOStyles.IOSwitchVisualParams.width,
-    backgroundColor: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOffState]
-  },
-  switchCircle: {
-    position: "absolute",
-    left: _IOStyles.IOSwitchVisualParams.padding,
-    top: _IOStyles.IOSwitchVisualParams.padding,
-    backgroundColor: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgCircle],
-    width: SWITCH_CIRCLE_SIZE,
-    height: SWITCH_CIRCLE_SIZE,
-    borderRadius: _IOStyles.IOSwitchVisualParams.width
-  }
-});
-
-/**
- * An animated checkbox. This can be used to implement a
- * standard {@link CheckBox} or other composite components.
- */
-const AnimatedSwitch = ({
-  checked,
-  onPress,
-  disabled
-}) => {
-  const squareAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
-  const tickAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
-  (0, _react.useEffect)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    squareAnimationProgress.value = (0, _reactNativeReanimated.withSpring)(checked ? 1 : 0, _IOAnimations.IOSpringValues.selection);
-    // eslint-disable-next-line functional/immutable-data
-    tickAnimationProgress.value = (0, _reactNativeReanimated.withTiming)(checked ? 1 : 0, {
-      duration: 400,
-      easing: _reactNativeReanimated.Easing.elastic(1)
-    });
-  }, [checked, squareAnimationProgress, tickAnimationProgress]);
-  const animatedSwitchBg = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(squareAnimationProgress.value, [0, 1], [_IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOffState], _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOnState]])
-  }), [squareAnimationProgress]);
-  const animatedSwitchCircle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    const translateX = (0, _reactNativeReanimated.interpolate)(squareAnimationProgress.value, [0, 1], [0, _IOStyles.IOSwitchVisualParams.width - SWITCH_CIRCLE_SIZE - 2 * _IOStyles.IOSwitchVisualParams.padding]);
-    return {
-      transform: [{
-        translateX
-      }]
-    };
-  });
-  const animatedSwitchTick = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    opacity: tickAnimationProgress.value
-  }));
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    accessibilityRole: "switch",
-    disabled: disabled,
-    testID: "AnimatedSwitch",
-    onPress: onPress,
-    style: styles.switchWrapper
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.switchBackground, animatedSwitchBg]
-  }), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.switchCircle, animatedSwitchCircle]
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: animatedSwitchTick
-  }, /*#__PURE__*/_react.default.createElement(_AnimatedTick.AnimatedTick, {
-    progress: tickAnimationProgress,
-    stroke: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.tickColor]
-  }))));
-};
-exports.AnimatedSwitch = AnimatedSwitch;
-//# sourceMappingURL=AnimatedSwitch.js.map

package/lib/commonjs/components/switch/AnimatedSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SWITCH_CIRCLE_SIZE","IOSwitchVisualParams","height","padding","styles","StyleSheet","create","switchWrapper","width","switchBackground","position","left","top","borderRadius","backgroundColor","IOColors","bgColorOffState","switchCircle","bgCircle","AnimatedSwitch","checked","onPress","disabled","squareAnimationProgress","useSharedValue","tickAnimationProgress","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","elastic","animatedSwitchBg","useAnimatedStyle","interpolateColor","bgColorOnState","animatedSwitchCircle","translateX","interpolate","transform","animatedSwitchTick","opacity","createElement","Pressable","accessibilityRole","testID","style","View","AnimatedTick","progress","stroke","tickColor","exports"],"sourceRoot":"../../../../src","sources":["components/switch/AnimatedSwitch.tsx"],"mappings":"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"}

package/lib/commonjs/components/switch/SwitchLabel.js

@@ -1,76 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SwitchLabel = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _core = require("../../core");
-var _IOStyles = require("../../core/IOStyles");
-var _hapticFeedback = require("../../functions/haptic-feedback/hapticFeedback");
-var _Spacer = require("../spacer/Spacer");
-var _H = require("../typography/H6");
-var _AnimatedSwitch = require("./AnimatedSwitch");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const DISABLED_OPACITY = 0.5;
-
-// disabled: the component is no longer touchable
-// onPress:
-/**
- * A checkbox 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
- */
-const SwitchLabel = ({
-  label,
-  checked,
-  disabled,
-  onValueChange
-}) => {
-  const theme = (0, _core.useIOTheme)();
-  const [toggleValue, setToggleValue] = (0, React.useState)(checked ?? false);
-  const toggleCheckbox = () => {
-    (0, _hapticFeedback.triggerHaptic)("impactLight");
-    setToggleValue(!toggleValue);
-    if (onValueChange !== undefined) {
-      onValueChange(!toggleValue);
-    }
-  };
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    disabled: disabled,
-    onPress: toggleCheckbox,
-    accessibilityRole: "switch",
-    accessibilityState: {
-      checked: checked ?? toggleValue,
-      disabled: !!disabled
-    },
-    style: {
-      alignSelf: "flex-start",
-      opacity: disabled ? DISABLED_OPACITY : 1
-    },
-    testID: "SwitchLabel"
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [_IOStyles.IOStyles.row, {
-      alignItems: "flex-start",
-      flexShrink: 1,
-      width: "100%"
-    }]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(_AnimatedSwitch.AnimatedSwitch, {
-    checked: checked ?? toggleValue
-  })), /*#__PURE__*/React.createElement(_Spacer.HSpacer, {
-    size: 8
-  }), /*#__PURE__*/React.createElement(_H.H6, {
-    style: {
-      flexShrink: 1
-    },
-    color: theme["textBody-default"]
-  }, label)));
-};
-exports.SwitchLabel = SwitchLabel;
-//# sourceMappingURL=SwitchLabel.js.map

package/lib/commonjs/components/switch/SwitchLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_Spacer","_H","_AnimatedSwitch","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","SwitchLabel","label","checked","disabled","onValueChange","theme","useIOTheme","toggleValue","setToggleValue","useState","toggleCheckbox","triggerHaptic","undefined","createElement","Pressable","onPress","accessibilityRole","accessibilityState","style","alignSelf","opacity","testID","View","IOStyles","row","alignItems","flexShrink","width","pointerEvents","AnimatedSwitch","HSpacer","size","H6","color","exports"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"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"}

package/lib/module/components/switch/AnimatedSwitch.js

@@ -1,85 +0,0 @@
-import React, { useEffect } from "react";
-import { Pressable, StyleSheet } from "react-native";
-import Animated, { Easing, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
-import { IOSpringValues } from "../../core/IOAnimations";
-import { IOColors } from "../../core/IOColors";
-import { IOSwitchVisualParams } from "../../core/IOStyles";
-import { AnimatedTick } from "../common/AnimatedTick";
-const SWITCH_CIRCLE_SIZE = IOSwitchVisualParams.height - IOSwitchVisualParams.padding * 2;
-const styles = StyleSheet.create({
-  switchWrapper: {
-    width: IOSwitchVisualParams.width,
-    height: IOSwitchVisualParams.height
-  },
-  switchBackground: {
-    position: "absolute",
-    left: 0,
-    top: 0,
-    width: "100%",
-    height: "100%",
-    borderRadius: IOSwitchVisualParams.width,
-    backgroundColor: IOColors[IOSwitchVisualParams.bgColorOffState]
-  },
-  switchCircle: {
-    position: "absolute",
-    left: IOSwitchVisualParams.padding,
-    top: IOSwitchVisualParams.padding,
-    backgroundColor: IOColors[IOSwitchVisualParams.bgCircle],
-    width: SWITCH_CIRCLE_SIZE,
-    height: SWITCH_CIRCLE_SIZE,
-    borderRadius: IOSwitchVisualParams.width
-  }
-});
-
-/**
- * An animated checkbox. This can be used to implement a
- * standard {@link CheckBox} or other composite components.
- */
-export const AnimatedSwitch = ({
-  checked,
-  onPress,
-  disabled
-}) => {
-  const squareAnimationProgress = useSharedValue(checked ? 1 : 0);
-  const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
-  useEffect(() => {
-    // eslint-disable-next-line functional/immutable-data
-    squareAnimationProgress.value = withSpring(checked ? 1 : 0, IOSpringValues.selection);
-    // eslint-disable-next-line functional/immutable-data
-    tickAnimationProgress.value = withTiming(checked ? 1 : 0, {
-      duration: 400,
-      easing: Easing.elastic(1)
-    });
-  }, [checked, squareAnimationProgress, tickAnimationProgress]);
-  const animatedSwitchBg = useAnimatedStyle(() => ({
-    backgroundColor: interpolateColor(squareAnimationProgress.value, [0, 1], [IOColors[IOSwitchVisualParams.bgColorOffState], IOColors[IOSwitchVisualParams.bgColorOnState]])
-  }), [squareAnimationProgress]);
-  const animatedSwitchCircle = useAnimatedStyle(() => {
-    const translateX = interpolate(squareAnimationProgress.value, [0, 1], [0, IOSwitchVisualParams.width - SWITCH_CIRCLE_SIZE - 2 * IOSwitchVisualParams.padding]);
-    return {
-      transform: [{
-        translateX
-      }]
-    };
-  });
-  const animatedSwitchTick = useAnimatedStyle(() => ({
-    opacity: tickAnimationProgress.value
-  }));
-  return /*#__PURE__*/React.createElement(Pressable, {
-    accessibilityRole: "switch",
-    disabled: disabled,
-    testID: "AnimatedSwitch",
-    onPress: onPress,
-    style: styles.switchWrapper
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.switchBackground, animatedSwitchBg]
-  }), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.switchCircle, animatedSwitchCircle]
-  }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedSwitchTick
-  }, /*#__PURE__*/React.createElement(AnimatedTick, {
-    progress: tickAnimationProgress,
-    stroke: IOColors[IOSwitchVisualParams.tickColor]
-  }))));
-};
-//# sourceMappingURL=AnimatedSwitch.js.map

package/lib/module/components/switch/AnimatedSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","Pressable","StyleSheet","Animated","Easing","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withSpring","withTiming","IOSpringValues","IOColors","IOSwitchVisualParams","AnimatedTick","SWITCH_CIRCLE_SIZE","height","padding","styles","create","switchWrapper","width","switchBackground","position","left","top","borderRadius","backgroundColor","bgColorOffState","switchCircle","bgCircle","AnimatedSwitch","checked","onPress","disabled","squareAnimationProgress","tickAnimationProgress","value","selection","duration","easing","elastic","animatedSwitchBg","bgColorOnState","animatedSwitchCircle","translateX","transform","animatedSwitchTick","opacity","createElement","accessibilityRole","testID","style","View","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/switch/AnimatedSwitch.tsx"],"mappings":"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"}

package/lib/module/components/switch/SwitchLabel.js

@@ -1,68 +0,0 @@
-import * as React from "react";
-import { useState } from "react";
-import { Pressable, View } from "react-native";
-import { useIOTheme } from "../../core";
-import { IOStyles } from "../../core/IOStyles";
-import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
-import { HSpacer } from "../spacer/Spacer";
-import { H6 } from "../typography/H6";
-import { AnimatedSwitch } from "./AnimatedSwitch";
-const DISABLED_OPACITY = 0.5;
-
-// disabled: the component is no longer touchable
-// onPress:
-/**
- * A checkbox 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 SwitchLabel = ({
-  label,
-  checked,
-  disabled,
-  onValueChange
-}) => {
-  const theme = useIOTheme();
-  const [toggleValue, setToggleValue] = useState(checked ?? false);
-  const toggleCheckbox = () => {
-    triggerHaptic("impactLight");
-    setToggleValue(!toggleValue);
-    if (onValueChange !== undefined) {
-      onValueChange(!toggleValue);
-    }
-  };
-  return /*#__PURE__*/React.createElement(Pressable, {
-    disabled: disabled,
-    onPress: toggleCheckbox,
-    accessibilityRole: "switch",
-    accessibilityState: {
-      checked: checked ?? toggleValue,
-      disabled: !!disabled
-    },
-    style: {
-      alignSelf: "flex-start",
-      opacity: disabled ? DISABLED_OPACITY : 1
-    },
-    testID: "SwitchLabel"
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [IOStyles.row, {
-      alignItems: "flex-start",
-      flexShrink: 1,
-      width: "100%"
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(AnimatedSwitch, {
-    checked: checked ?? toggleValue
-  })), /*#__PURE__*/React.createElement(HSpacer, {
-    size: 8
-  }), /*#__PURE__*/React.createElement(H6, {
-    style: {
-      flexShrink: 1
-    },
-    color: theme["textBody-default"]
-  }, label)));
-};
-//# sourceMappingURL=SwitchLabel.js.map

package/lib/module/components/switch/SwitchLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","Pressable","View","useIOTheme","IOStyles","triggerHaptic","HSpacer","H6","AnimatedSwitch","DISABLED_OPACITY","SwitchLabel","label","checked","disabled","onValueChange","theme","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","accessibilityRole","accessibilityState","style","alignSelf","opacity","testID","row","alignItems","flexShrink","width","pointerEvents","size","color"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,cAAc,QAAQ,kBAAkB;AAQjD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC;AACQ,CAAC,KAAK;EACd,MAAMC,KAAK,GAAGZ,UAAU,CAAC,CAAC;EAC1B,MAAM,CAACa,WAAW,EAAEC,cAAc,CAAC,GAAGjB,QAAQ,CAACY,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMM,cAAc,GAAGA,CAAA,KAAM;IAC3Bb,aAAa,CAAC,aAAa,CAAC;IAC5BY,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAIF,aAAa,KAAKK,SAAS,EAAE;MAC/BL,aAAa,CAAC,CAACE,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACEjB,KAAA,CAAAqB,aAAA,CAACnB,SAAS;IACRY,QAAQ,EAAEA,QAAS;IACnBQ,OAAO,EAAEH,cAAe;IACxBI,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAClBX,OAAO,EAAEA,OAAO,IAAII,WAAW;MAC/BH,QAAQ,EAAE,CAAC,CAACA;IACd,CAAE;IACFW,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEb,QAAQ,GAAGJ,gBAAgB,GAAG;IACzC,CAAE;IACFkB,MAAM,EAAC;EAAa,gBAEpB5B,KAAA,CAAAqB,aAAA,CAAClB,IAAI;IACHsB,KAAK,EAAE,CACLpB,QAAQ,CAACwB,GAAG,EACZ;MAAEC,UAAU,EAAE,YAAY;MAAEC,UAAU,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAO,CAAC;EAC1D,gBAEFhC,KAAA,CAAAqB,aAAA,CAAClB,IAAI;IAAC8B,aAAa,EAAC;EAAM,gBACxBjC,KAAA,CAAAqB,aAAA,CAACZ,cAAc;IAACI,OAAO,EAAEA,OAAO,IAAII;EAAY,CAAE,CAC9C,CAAC,eACPjB,KAAA,CAAAqB,aAAA,CAACd,OAAO;IAAC2B,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBlC,KAAA,CAAAqB,aAAA,CAACb,EAAE;IAACiB,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAE,CAAE;IAACI,KAAK,EAAEnB,KAAK,CAAC,kBAAkB;EAAE,GAC5DJ,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}

package/lib/typescript/components/switch/AnimatedSwitch.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { PressableProps } from "react-native";
-type Props = {
-    checked?: boolean;
-};
-type OwnProps = Props & Pick<PressableProps, "disabled" | "onPress">;
-/**
- * An animated checkbox. This can be used to implement a
- * standard {@link CheckBox} or other composite components.
- */
-export declare const AnimatedSwitch: ({ checked, onPress, disabled }: OwnProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=AnimatedSwitch.d.ts.map

package/lib/typescript/components/switch/AnimatedSwitch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AnimatedSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/AnimatedSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAa,cAAc,EAAc,MAAM,cAAc,CAAC;AAerE,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AA8BrE;;;GAGG;AACH,eAAO,MAAM,cAAc,mCAAoC,QAAQ,sBAuEtE,CAAC"}

package/lib/typescript/components/switch/SwitchLabel.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { Pressable } from "react-native";
-import { AnimatedSwitch } from "./AnimatedSwitch";
-type Props = {
-    label: string;
-    onValueChange?: (newValue: boolean) => void;
-};
-type OwnProps = Props & Pick<React.ComponentProps<typeof AnimatedSwitch>, "disabled" | "checked"> & Pick<React.ComponentProps<typeof Pressable>, "onPress">;
-/**
- * A checkbox 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 declare const SwitchLabel: ({ label, checked, disabled, onValueChange }: OwnProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=SwitchLabel.d.ts.map

package/lib/typescript/components/switch/SwitchLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwitchLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,gDAKrB,QAAQ,sBA2CV,CAAC"}

package/src/components/switch/AnimatedSwitch.tsx

@@ -1,126 +0,0 @@
-import React, { useEffect } from "react";
-import { Pressable, PressableProps, StyleSheet } from "react-native";
-import Animated, {
-  Easing,
-  interpolate,
-  interpolateColor,
-  useAnimatedStyle,
-  useSharedValue,
-  withSpring,
-  withTiming
-} from "react-native-reanimated";
-import { IOSpringValues } from "../../core/IOAnimations";
-import { IOColors } from "../../core/IOColors";
-import { IOSwitchVisualParams } from "../../core/IOStyles";
-import { AnimatedTick } from "../common/AnimatedTick";
-
-type Props = {
-  checked?: boolean;
-};
-
-type OwnProps = Props & Pick<PressableProps, "disabled" | "onPress">;
-
-const SWITCH_CIRCLE_SIZE =
-  IOSwitchVisualParams.height - IOSwitchVisualParams.padding * 2;
-
-const styles = StyleSheet.create({
-  switchWrapper: {
-    width: IOSwitchVisualParams.width,
-    height: IOSwitchVisualParams.height
-  },
-  switchBackground: {
-    position: "absolute",
-    left: 0,
-    top: 0,
-    width: "100%",
-    height: "100%",
-    borderRadius: IOSwitchVisualParams.width,
-    backgroundColor: IOColors[IOSwitchVisualParams.bgColorOffState]
-  },
-  switchCircle: {
-    position: "absolute",
-    left: IOSwitchVisualParams.padding,
-    top: IOSwitchVisualParams.padding,
-    backgroundColor: IOColors[IOSwitchVisualParams.bgCircle],
-    width: SWITCH_CIRCLE_SIZE,
-    height: SWITCH_CIRCLE_SIZE,
-    borderRadius: IOSwitchVisualParams.width
-  }
-});
-
-/**
- * An animated checkbox. This can be used to implement a
- * standard {@link CheckBox} or other composite components.
- */
-export const AnimatedSwitch = ({ checked, onPress, disabled }: OwnProps) => {
-  const squareAnimationProgress = useSharedValue(checked ? 1 : 0);
-  const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
-
-  useEffect(() => {
-    // eslint-disable-next-line functional/immutable-data
-    squareAnimationProgress.value = withSpring(
-      checked ? 1 : 0,
-      IOSpringValues.selection
-    );
-    // eslint-disable-next-line functional/immutable-data
-    tickAnimationProgress.value = withTiming(checked ? 1 : 0, {
-      duration: 400,
-      easing: Easing.elastic(1)
-    });
-  }, [checked, squareAnimationProgress, tickAnimationProgress]);
-
-  const animatedSwitchBg = useAnimatedStyle(
-    () => ({
-      backgroundColor: interpolateColor(
-        squareAnimationProgress.value,
-        [0, 1],
-        [
-          IOColors[IOSwitchVisualParams.bgColorOffState],
-          IOColors[IOSwitchVisualParams.bgColorOnState]
-        ]
-      )
-    }),
-    [squareAnimationProgress]
-  );
-
-  const animatedSwitchCircle = useAnimatedStyle(() => {
-    const translateX = interpolate(
-      squareAnimationProgress.value,
-      [0, 1],
-      [
-        0,
-        IOSwitchVisualParams.width -
-          SWITCH_CIRCLE_SIZE -
-          2 * IOSwitchVisualParams.padding
-      ]
-    );
-
-    return {
-      transform: [{ translateX }]
-    };
-  });
-
-  const animatedSwitchTick = useAnimatedStyle(() => ({
-    opacity: tickAnimationProgress.value
-  }));
-
-  return (
-    <Pressable
-      accessibilityRole="switch"
-      disabled={disabled}
-      testID="AnimatedSwitch"
-      onPress={onPress}
-      style={styles.switchWrapper}
-    >
-      <Animated.View style={[styles.switchBackground, animatedSwitchBg]} />
-      <Animated.View style={[styles.switchCircle, animatedSwitchCircle]}>
-        <Animated.View style={animatedSwitchTick}>
-          <AnimatedTick
-            progress={tickAnimationProgress}
-            stroke={IOColors[IOSwitchVisualParams.tickColor]}
-          />
-        </Animated.View>
-      </Animated.View>
-    </Pressable>
-  );
-};