@originallyus/feedback-rn-sdk 4.0.0-beta.25 → 4.0.0-beta.26

package/lib/module/component/AIA/atoms/SingleRadio/README.md

@@ -0,0 +1,23 @@
+## Radio
+An atomic Radio component
+
+# Usage & Example
+```js
+import Radio from '@aia-mobile-dds/single-radio';
+const [value, setValue] = useState(false);
+
+<Radio
+  value={value}
+  onPress={onPress={() => setValue(!value)}}
+  isDisable={false}
+/>
+```
+Key                             | Type           | Required  | Description                             |
+------------------------------- | -------------- | --------- | --------------------------------------  |
+value                           | `boolean`      | `False`   | The radio button initial value          |
+onPress                         | `Function `    | `False`   | onPress function when radio is clicked  |
+isDisable                       | `boolean `     | `False`   | Disables the radio button               |
+
+
+# Viewing the buttons.
+Click the 'Open modal' button from the Dashboard to see the 2 variations.

package/lib/module/component/AIA/atoms/SingleRadio/SingleRadio.js

@@ -0,0 +1,57 @@
+"use strict";
+
+/**
+ *
+ * Radio
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View, TouchableWithoutFeedback } from 'react-native';
+import SingleRadioStyles from "./styles/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SingleRadio = props => {
+  const {
+    testID,
+    value,
+    onPress,
+    isDisable,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole = 'radio',
+    accessibilityState,
+    accessibilityValue
+  } = props;
+  const {
+    colors,
+    border,
+    size
+  } = useCustomTheme();
+  const styles = SingleRadioStyles(colors, border, size);
+  const handlePress = () => {
+    if (!isDisable && onPress) {
+      onPress();
+    }
+  };
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+    onPress: handlePress,
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    accessibilityValue: accessibilityValue,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.containerStyle, value && styles.selectedContainer, isDisable && !value && styles.disabledContainer, isDisable && value && styles.disabledSelectedContainer],
+      children: value && /*#__PURE__*/_jsx(View, {
+        style: [styles.innerCircle, isDisable && styles.disabledCircleColor]
+      })
+    })
+  });
+};
+export default SingleRadio;
+//# sourceMappingURL=SingleRadio.js.map

package/lib/module/component/AIA/atoms/SingleRadio/SingleRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableWithoutFeedback","SingleRadioStyles","useCustomTheme","jsx","_jsx","SingleRadio","props","testID","value","onPress","isDisable","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityValue","colors","border","size","styles","handlePress","children","style","containerStyle","selectedContainer","disabledContainer","disabledSelectedContainer","innerCircle","disabledCircleColor"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/SingleRadio/SingleRadio.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,wBAAwB,QAAO,cAAc;AAE3D,OAAOC,iBAAiB;AAGxB,OAAOC,cAAc;AAA4C,SAAAC,GAAA,IAAAC,IAAA;AAEjE,MAAMC,WAAW,GAAIC,KAAgB,IAAK;EACzC,MAAM;IACLC,MAAM;IACNC,KAAK;IACLC,OAAO;IACPC,SAAS;IACTC,UAAU;IACVC,kBAAkB;IAClBC,iBAAiB;IACjBC,iBAAiB,GAAG,OAAO;IAC3BC,kBAAkB;IAClBC;EACD,CAAC,GAAGV,KAAK;EAET,MAAM;IAACW,MAAM;IAAEC,MAAM;IAAEC;EAAI,CAAC,GAAGjB,cAAc,CAAC,CAAC;EAC/C,MAAMkB,MAAM,GAAGnB,iBAAiB,CAACgB,MAAM,EAAEC,MAAM,EAAEC,IAAI,CAAC;EAEtD,MAAME,WAAW,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACX,SAAS,IAAID,OAAO,EAAE;MAC1BA,OAAO,CAAC,CAAC;IACV;EACD,CAAC;EAED,oBACCL,IAAA,CAACJ,wBAAwB;IACxBS,OAAO,EAAEY,WAAY;IACrBd,MAAM,EAAEA,MAAO;IACfI,UAAU,EAAEA,UAAW;IACvBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAEA,kBAAmB;IACvCC,kBAAkB,EAAEA,kBAAmB;IAAAM,QAAA,eAEvClB,IAAA,CAACL,IAAI;MACJwB,KAAK,EAAE,CACNH,MAAM,CAACI,cAAc,EACrBhB,KAAK,IAAIY,MAAM,CAACK,iBAAiB,EACjCf,SAAS,IAAI,CAACF,KAAK,IAAIY,MAAM,CAACM,iBAAiB,EAC/ChB,SAAS,IAAIF,KAAK,IAAIY,MAAM,CAACO,yBAAyB,CACrD;MAAAL,QAAA,EAEDd,KAAK,iBAAIJ,IAAA,CAACL,IAAI;QAACwB,KAAK,EAAE,CAACH,MAAM,CAACQ,WAAW,EAAElB,SAAS,IAAIU,MAAM,CAACS,mBAAmB;MAAE,CAAE;IAAC,CACnF;EAAC,CACkB,CAAC;AAE7B,CAAC;AAED,eAAexB,WAAW","ignoreList":[]}

package/lib/module/component/AIA/atoms/SingleRadio/changelog.txt

@@ -0,0 +1,31 @@
+# DDS 3.0
+
+## Dec 28, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Aug 21, 2023
+### Updated
+- Updated radio stories cannot be unchecked after checked.
+
+## Mar 30, 2023
+### Changed
+- [DDS 3.0] Adopt the colour, size, border radius, border width token
+- Remove SELECTED props and change to VALUE which value is a common props compare is selected
+- rename DISABLED props to ISDISABLE
+- Change VALUE from string to boolean for Radio component initial status (selected/deselect)
+- remove COLOR, UNCHECKEDCOLOR, THEME as color is cannot be custom from design
+
+## Nov 23, 2022
+### Changed
+- Convert component to TS
+
+## Nov 3, 2021
+- Changed the naming of the component from Radio to SingleRadio
+
+## Oct 21, 2021
+- added package.json
+
+## OCT 19, 2021
+### Added
+- Added the component to the Atoms package

package/lib/module/component/AIA/atoms/SingleRadio/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./SingleRadio.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/SingleRadio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/SingleRadio/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/atoms/SingleRadio/styles/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const SingleRadioStyles = (colors, border, size) => StyleSheet.create({
+  containerStyle: {
+    height: size.lg,
+    width: size.lg,
+    borderWidth: border['border-sm'],
+    borderRadius: border['radius-round'],
+    borderColor: colors['border-default'],
+    backgroundColor: colors['surface-enabled-2'],
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  selectedContainer: {
+    backgroundColor: colors['surface-selected-2'],
+    borderWidth: 0
+  },
+  disabledContainer: {
+    backgroundColor: colors['surface-disabled'],
+    borderColor: colors['border-disabled']
+  },
+  disabledSelectedContainer: {
+    backgroundColor: colors['surface-disabled-2'],
+    borderWidth: 0
+  },
+  innerCircle: {
+    height: 6,
+    width: 6,
+    borderRadius: border['radius-round'],
+    position: 'absolute',
+    backgroundColor: colors['surface-enabled-2']
+  },
+  disabledCircleColor: {
+    backgroundColor: colors['icon-disabled']
+  }
+});
+export default SingleRadioStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/SingleRadio/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SingleRadioStyles","colors","border","size","create","containerStyle","height","lg","width","borderWidth","borderRadius","borderColor","backgroundColor","justifyContent","alignItems","selectedContainer","disabledContainer","disabledSelectedContainer","innerCircle","position","disabledCircleColor"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/SingleRadio/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,iBAAiB,GAAGA,CAACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,KAC9CJ,UAAU,CAACK,MAAM,CAAC;EACjBC,cAAc,EAAE;IACfC,MAAM,EAAEH,IAAI,CAACI,EAAE;IACfC,KAAK,EAAEL,IAAI,CAACI,EAAE;IACdE,WAAW,EAAEP,MAAM,CAAC,WAAW,CAAC;IAChCQ,YAAY,EAAER,MAAM,CAAC,cAAc,CAAC;IACpCS,WAAW,EAAEV,MAAM,CAAC,gBAAgB,CAAC;IACrCW,eAAe,EAAEX,MAAM,CAAC,mBAAmB,CAAC;IAC5CY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACb,CAAC;EACDC,iBAAiB,EAAE;IAClBH,eAAe,EAAEX,MAAM,CAAC,oBAAoB,CAAC;IAC7CQ,WAAW,EAAE;EACd,CAAC;EACDO,iBAAiB,EAAE;IAClBJ,eAAe,EAAEX,MAAM,CAAC,kBAAkB,CAAC;IAC3CU,WAAW,EAAEV,MAAM,CAAC,iBAAiB;EACtC,CAAC;EACDgB,yBAAyB,EAAE;IAC1BL,eAAe,EAAEX,MAAM,CAAC,oBAAoB,CAAC;IAC7CQ,WAAW,EAAE;EACd,CAAC;EACDS,WAAW,EAAE;IACZZ,MAAM,EAAE,CAAC;IACTE,KAAK,EAAE,CAAC;IACRE,YAAY,EAAER,MAAM,CAAC,cAAc,CAAC;IACpCiB,QAAQ,EAAE,UAAU;IACpBP,eAAe,EAAEX,MAAM,CAAC,mBAAmB;EAC5C,CAAC;EACDmB,mBAAmB,EAAE;IACpBR,eAAe,EAAEX,MAAM,CAAC,eAAe;EACxC;AACD,CAAC,CAAC;AAEH,eAAeD,iBAAiB","ignoreList":[]}

package/lib/module/component/AIA/atoms/SingleRadio/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/SingleRadio/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/SingleRadio/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/atoms/Surface/README.md

@@ -0,0 +1,14 @@
+# Surface
+
+## Usage & Example
+
+```js
+import Surface from '@/Surface';
+
+<Surface>
+
+</Surface>
+```
+
+Key             | Type           | Required  | Description                         |
+--------------- | -------------- | --------- | ----------------------------------- |

package/lib/module/component/AIA/atoms/Surface/Surface.js

@@ -0,0 +1,165 @@
+"use strict";
+
+/**
+ *
+ * Surface
+ * @format
+ *
+ */
+import * as React from 'react';
+import { Animated, Platform, StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+import { inputRange, iOSShadowOutputRanges } from "./config/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Surface = /*#__PURE__*/React.forwardRef(({
+  elevation = 1,
+  children,
+  style,
+  shadowColor = '#000',
+  testID,
+  accessible,
+  accessibilityLabel,
+  accessibilityHint,
+  accessibilityRole,
+  accessibilityState,
+  accessibilityValue
+}, ref) => {
+  const theme = useTheme();
+  const {
+    colors
+  } = theme;
+  const isAnimatedValue = it => it instanceof Animated.Value;
+  const backgroundColor = (() => {
+    if (isAnimatedValue(elevation)) {
+      return elevation.interpolate({
+        inputRange,
+        outputRange: inputRange.map(elevation => {
+          return colors.elevation?.[`level${elevation}`];
+        })
+      });
+    }
+    return colors.elevation?.[`level${elevation}`];
+  })();
+  if (Platform.OS === 'android') {
+    const elevationLevel = [0, 3, 6, 9, 12, 15];
+    const getElevationAndroid = () => {
+      if (isAnimatedValue(elevation)) {
+        return elevation.interpolate({
+          inputRange,
+          outputRange: elevationLevel
+        });
+      }
+      return elevationLevel[elevation];
+    };
+    const {
+      margin,
+      padding,
+      transform,
+      borderRadius
+    } = StyleSheet.flatten(style) || {};
+    const outerLayerStyles = {
+      margin,
+      padding,
+      transform,
+      borderRadius
+    };
+    const sharedStyle = [{
+      backgroundColor
+    }, style];
+    return /*#__PURE__*/_jsx(Animated.View, {
+      ref: ref,
+      style: [{
+        backgroundColor,
+        transform
+      }, outerLayerStyles, sharedStyle, {
+        elevation: getElevationAndroid()
+      }],
+      accessible: accessible,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityRole: accessibilityRole,
+      accessibilityState: accessibilityState,
+      accessibilityValue: accessibilityValue,
+      children: children
+    });
+  }
+  const {
+    position,
+    alignSelf,
+    top,
+    left,
+    right,
+    bottom,
+    ...restStyle
+  } = StyleSheet.flatten(style) || {};
+  const absoluteStyles = {
+    position,
+    alignSelf,
+    top,
+    right,
+    bottom,
+    left
+  };
+  const sharedStyle = [{
+    backgroundColor
+  }, restStyle];
+  if (isAnimatedValue(elevation)) {
+    const inputRange = [0, 1, 2, 3, 4, 5];
+    const getStyleForAnimatedShadowLayer = layer => {
+      return {
+        shadowColor,
+        shadowOpacity: elevation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, iOSShadowOutputRanges[layer].shadowOpacity],
+          extrapolate: 'clamp'
+        }),
+        shadowOffset: {
+          width: 0,
+          height: elevation.interpolate({
+            inputRange,
+            outputRange: iOSShadowOutputRanges[layer].height
+          })
+        },
+        shadowRadius: elevation.interpolate({
+          inputRange,
+          outputRange: iOSShadowOutputRanges[layer].shadowRadius
+        })
+      };
+    };
+    return /*#__PURE__*/_jsx(Animated.View, {
+      style: [getStyleForAnimatedShadowLayer(0), absoluteStyles],
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: getStyleForAnimatedShadowLayer(1),
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: sharedStyle,
+          children: children
+        })
+      })
+    });
+  }
+  const getStyleForShadowLayer = layer => {
+    return {
+      shadowColor,
+      shadowOpacity: elevation ? iOSShadowOutputRanges[layer].shadowOpacity : 0,
+      shadowOffset: {
+        width: 0,
+        height: iOSShadowOutputRanges[layer].height[elevation]
+      },
+      shadowRadius: iOSShadowOutputRanges[layer].shadowRadius[elevation]
+    };
+  };
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref,
+    style: [getStyleForShadowLayer(0), absoluteStyles],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: getStyleForShadowLayer(1),
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: sharedStyle,
+        children: children
+      })
+    })
+  });
+});
+export default Surface;
+//# sourceMappingURL=Surface.js.map

package/lib/module/component/AIA/atoms/Surface/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Platform","StyleSheet","useTheme","inputRange","iOSShadowOutputRanges","jsx","_jsx","Surface","forwardRef","elevation","children","style","shadowColor","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityValue","ref","theme","colors","isAnimatedValue","it","Value","backgroundColor","interpolate","outputRange","map","OS","elevationLevel","getElevationAndroid","margin","padding","transform","borderRadius","flatten","outerLayerStyles","sharedStyle","View","position","alignSelf","top","left","right","bottom","restStyle","absoluteStyles","getStyleForAnimatedShadowLayer","layer","shadowOpacity","extrapolate","shadowOffset","width","height","shadowRadius","getStyleForShadowLayer"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Surface/Surface.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/atoms/Surface/changelog.txt

@@ -0,0 +1,10 @@
+# DDS 3.0
+## Surface Changelog
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Mar 20, 2023
+### Added
+- Added new package.

package/lib/module/component/AIA/atoms/Surface/config/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const inputRange = [0, 1, 2, 3, 4, 5];
+export const iOSShadowOutputRanges = [{
+  shadowOpacity: 0.15,
+  height: [0, 1, 2, 4, 6, 8],
+  shadowRadius: [0, 3, 6, 8, 10, 12]
+}, {
+  shadowOpacity: 0.15,
+  height: [0, 1, 1, 1, 2, 4],
+  shadowRadius: [0, 1, 2, 3, 3, 4]
+}];
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Surface/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputRange","iOSShadowOutputRanges","shadowOpacity","height","shadowRadius"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Surface/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAE5C,OAAO,MAAMC,qBAAqB,GAAG,CACpC;EACCC,aAAa,EAAE,IAAI;EACnBC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAC1BC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;AAClC,CAAC,EACD;EACCF,aAAa,EAAE,IAAI;EACnBC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAC1BC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAChC,CAAC,CACD","ignoreList":[]}

package/lib/module/component/AIA/atoms/Surface/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./Surface.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Surface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Surface/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/atoms/Surface/styles/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const SurfaceStyles = StyleSheet.create({});
+export default SurfaceStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Surface/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SurfaceStyles","create"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Surface/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAIvC,MAAMC,aAAgC,GAAGD,UAAU,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC;AAE9D,eAAeD,aAAa","ignoreList":[]}

package/lib/module/component/AIA/atoms/Surface/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Surface/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Surface/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/atoms/Switch/Changelog.txt

@@ -0,0 +1,41 @@
+# DDS 3.0
+
+## Sep 9, 2024
+### Updated
+- Update duration to optional and onChange to void.
+
+## Dec 28, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Mar 23, 2023
+### Updated
+- Remove unused props and left isDisabled, value, onChange.
+- Rename disabled to isDisabled for sync props name of the project
+
+## Mar 23, 2023
+### Changed
+- Update the component to follow DDS 3.0
+- Update size token from 48, 24, 20 to [size-9, size-6, size-5]
+- Update from borderRadius 12 (container) to radius-pill, borderRadius 12 (Thumb/circle) to radius-circle
+- Update color follow color token
+- Added backgroundColorOn, backgroundColorOff, circleColor to type
+- Added status/success svg to thumb/circle
+- Remove react-native-switch-toggle library
+
+## Nov 23, 2022
+### Changed
+- Convert component to TS
+
+## July 6, 2022
+- Changed the library used to react-native-switch-toggle
+- Update style to follow DDS 2.0
+
+## Feb 16, 2021
+### Added
+- Added package.json and update the dependencies.
+- Changed colors to Hex code.

package/lib/module/component/AIA/atoms/Switch/Switch.js

@@ -0,0 +1,127 @@
+"use strict";
+
+/**
+ *
+ * Switch
+ * @format
+ *
+ */
+
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, TouchableOpacity, View } from 'react-native';
+import SwitchStyles from "./styles/index.js";
+import { ICON_GROUP, ICON_CHECKMARK } from "./config/index.js";
+import Icon from "../Icon/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Switch = props => {
+  const {
+    value,
+    onChange,
+    isDisabled,
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole = 'togglebutton',
+    accessibilityState,
+    accessibilityValue
+  } = props;
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: isDisabled ? 'none' : 'auto',
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    accessibilityValue: accessibilityValue,
+    children: /*#__PURE__*/_jsx(SwitchToggle, {
+      value: value,
+      onPress: onChange,
+      isDisabled: isDisabled
+    })
+  });
+};
+Switch.defaultProps = {
+  value: true,
+  onChange: () => {},
+  disabled: false
+};
+const SwitchToggle = props => {
+  const {
+    duration = 300,
+    value,
+    onPress,
+    isDisabled
+  } = props;
+  const {
+    colors,
+    border,
+    size
+  } = useCustomTheme();
+  const backgroundColorOn = isDisabled ? colors['switch-track-surface-disabled'] : colors['switch-track-surface-selected'];
+  const backgroundColorOff = isDisabled ? colors['switch-track-surface-disabled'] : colors['switch-track-surface-enabled'];
+  const circleColor = isDisabled ? colors['switch-thumb-surface-disabled'] : colors['switch-thumb-surface-enabled'];
+  const styles = SwitchStyles(border, size);
+  const [animXValue] = useState(new Animated.Value(props.value ? 1 : 0));
+  const completionListener = useRef();
+  const endPos = styles.containerStyle.width - (styles.circleStyle.width + (styles.containerStyle.padding || 0) * 2);
+  const circlePosXEnd = endPos;
+  const [circlePosXStart] = useState(0);
+  const runAnimation = () => {
+    const animValue = {
+      fromValue: value ? 0 : 1,
+      toValue: value ? 1 : 0,
+      duration,
+      useNativeDriver: false
+    };
+    completionListener.current = Animated.timing(animXValue, animValue);
+    completionListener.current.start();
+  };
+  useEffect(() => {
+    runAnimation();
+    return () => {
+      if (completionListener.current) {
+        completionListener.current.stop();
+      }
+    };
+  }, [value, animXValue]);
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: onPress,
+    activeOpacity: 0.8,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.containerStyle, {
+        backgroundColor: animXValue.interpolate({
+          inputRange: [0, 1],
+          outputRange: [backgroundColorOff, backgroundColorOn]
+        })
+      }],
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.circleStyle, {
+          backgroundColor: circleColor
+        }, !value && {
+          backgroundColor: animXValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [circleColor, circleColor]
+          })
+        }, {
+          transform: [{
+            translateX: animXValue.interpolate({
+              inputRange: [0, 1],
+              outputRange: [circlePosXStart, circlePosXEnd]
+            })
+          }]
+        }],
+        children: value && /*#__PURE__*/_jsx(Icon, {
+          group: ICON_GROUP,
+          name: ICON_CHECKMARK,
+          size: 4,
+          color: isDisabled ? 'disabled' : 'navyblue'
+        })
+      })
+    })
+  });
+};
+export default Switch;
+//# sourceMappingURL=Switch.js.map

package/lib/module/component/AIA/atoms/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","TouchableOpacity","View","SwitchStyles","ICON_GROUP","ICON_CHECKMARK","Icon","useCustomTheme","jsx","_jsx","Switch","props","value","onChange","isDisabled","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityValue","pointerEvents","children","SwitchToggle","onPress","defaultProps","disabled","duration","colors","border","size","backgroundColorOn","backgroundColorOff","circleColor","styles","animXValue","Value","completionListener","endPos","containerStyle","width","circleStyle","padding","circlePosXEnd","circlePosXStart","runAnimation","animValue","fromValue","toValue","useNativeDriver","current","timing","start","stop","activeOpacity","style","backgroundColor","interpolate","inputRange","outputRange","transform","translateX","group","name","color"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Switch/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/atoms/Switch/config/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ICON_GROUP = 'systemControl';
+export const ICON_CHECKMARK = 'checkmark';
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Switch/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_GROUP","ICON_CHECKMARK"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Switch/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,UAAU,GAAG,eAAe;AACzC,OAAO,MAAMC,cAAc,GAAG,WAAW","ignoreList":[]}

package/lib/module/component/AIA/atoms/Switch/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./Switch.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Switch/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}