@pagopa/io-app-design-system 1.0.0-0

package/lib/commonjs/utils/image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_function","require","_reactNative","B","_interopRequireWildcard","T","E","_dates","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","addCacheTimestampToUri","source","UriSource","type","uri","string","pipe","Platform","OS","fold","decode","toAndroidCacheTimestamp","exports"],"sourceRoot":"../../../src","sources":["utils/image.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,CAAA,GAAAD,uBAAA,CAAAH,OAAA;AACA,IAAAK,CAAA,GAAAF,uBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAkD,SAAAO,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMW,sBAAsB,GAAIC,MAAsB,IAAK;EAC9D,MAAMC,SAAS,GAAG3B,CAAC,CAAC4B,IAAI,CAAC;IACvBC,GAAG,EAAE7B,CAAC,CAAC8B;EACT,CAAC,CAAC;EAEF,OAAO,IAAAC,cAAI,EACTC,qBAAQ,CAACC,EAAE,KAAK,SAAS,EACzBnC,CAAC,CAACoC,IAAI,CACJ,MAAMR,MAAM,EACZ,MACE,IAAAK,cAAI,EACFL,MAAM,EACNC,SAAS,CAACQ,MAAM,EAChBlC,CAAC,CAACiC,IAAI,CACJ,MAAMR,MAAM,EACZ,OAAO;IACL,GAAGA,MAAM;IACTG,GAAG,EAAG,GAAEH,MAAM,CAACG,GAAI,OAAM,IAAAO,8BAAuB,EAAC,CAAE;EACrD,CAAC,CACH,CACF,CACJ,CACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAAZ,sBAAA,GAAAA,sBAAA"}

package/lib/commonjs/utils/types.js

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

package/lib/commonjs/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["utils/types.ts"],"mappings":""}

package/lib/module/components/Advice/Advice.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import { Icon } from "../icons";
+import { IOStyles } from "../../core";
+import { HSpacer } from "../spacer";
+import { Body } from "../typography";
+;
+const styles = StyleSheet.create({
+  icon: {
+    marginTop: 4
+  }
+});
+const defaultIconSize = 20;
+
+/**
+ * This component displays an info icon on top-left and a text message
+ * @constructor
+ */
+const AdviceComponent = _ref => {
+  let {
+    text,
+    iconName = "notice",
+    iconSize = defaultIconSize,
+    iconColor = "blue"
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.row
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.icon
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: iconName,
+    size: iconSize,
+    color: iconColor
+  })), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(Body, null, text));
+};
+export default /*#__PURE__*/React.memo(AdviceComponent);
+//# sourceMappingURL=Advice.js.map

package/lib/module/components/Advice/Advice.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Icon","IOStyles","HSpacer","Body","styles","create","icon","marginTop","defaultIconSize","AdviceComponent","_ref","text","iconName","iconSize","iconColor","createElement","style","row","name","size","color","memo"],"sourceRoot":"../../../../src","sources":["components/Advice/Advice.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAAmBC,QAAQ,QAAQ,YAAY;AAC/C,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,IAAI,QAAQ,eAAe;AAOnC;AAED,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC7BC,IAAI,EAAE;IACFC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEF,MAAMC,eAAgC,GAAG,EAAE;;AAE3C;AACA;AACA;AACA;AACA,MAAMC,eAAgC,GAAGC,IAAA;EAAA,IAAC;IACtCC,IAAI;IACJC,QAAQ,GAAG,QAAQ;IACnBC,QAAQ,GAAGL,eAAe;IAC1BM,SAAS,GAAG;EAChB,CAAC,GAAAJ,IAAA;EAAA,oBACGb,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEf,QAAQ,CAACgB;EAAI,gBACtBpB,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEZ,MAAM,CAACE;EAAK,gBACrBT,KAAA,CAAAkB,aAAA,CAACf,IAAI;IACDkB,IAAI,EAAEN,QAAS;IACfO,IAAI,EAAEN,QAAS;IACfO,KAAK,EAAEN;EAAU,CACpB,CACC,CAAC,eACPjB,KAAA,CAAAkB,aAAA,CAACb,OAAO;IAACiB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBtB,KAAA,CAAAkB,aAAA,CAACZ,IAAI,QAAEQ,IAAW,CAChB,CAAC;AAAA,CACV;AAED,4BAAed,KAAK,CAACwB,IAAI,CAACZ,eAAe,CAAC"}

package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap

@@ -0,0 +1,110 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Advice Components Advice Snapshot 1`] = `
+<View
+  style={
+    {
+      "flexDirection": "row",
+    }
+  }
+>
+  <View
+    style={
+      {
+        "marginTop": 4,
+      }
+    }
+  >
+    <RNSVGSvgView
+      accessibilityElementsHidden={true}
+      accessibilityLabel=""
+      accessible={false}
+      align="xMidYMid"
+      bbHeight={20}
+      bbWidth={20}
+      color={4278219750}
+      focusable={false}
+      height={20}
+      importantForAccessibility="no-hide-descendants"
+      meetOrSlice={0}
+      minX={0}
+      minY={0}
+      style={
+        [
+          {
+            "backgroundColor": "transparent",
+            "borderWidth": 0,
+          },
+          {
+            "color": "#0073E6",
+          },
+          {
+            "flex": 0,
+            "height": 20,
+            "width": 20,
+          },
+        ]
+      }
+      tintColor={4278219750}
+      vbHeight={24}
+      vbWidth={24}
+      width={20}
+    >
+      <RNSVGGroup>
+        <RNSVGPath
+          clipRule={0}
+          d="M0 12C0 5.3726 5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12S0 18.6274 0 12Zm2 0C2 6.47717 6.47717 2 12 2c5.5228 0 10 4.47717 10 10 0 5.5228-4.4772 10-10 10-5.52283 0-10-4.4772-10-10Zm10.0281 7.5c.8439 0 1.5281-.6842 1.5281-1.5281s-.6842-1.5281-1.5281-1.5281c-.844 0-1.5281.6842-1.5281 1.5281S11.1841 19.5 12.0281 19.5Zm0-15.05618h.0005c.5678 0 1.0281.46029 1.0281 1.02808v8.0046c0 .5678-.4603 1.028-1.0281 1.028h-.0005c-.5678 0-1.0281-.4602-1.0281-1.028V5.4719c0-.56779.4603-1.02808 1.0281-1.02808Z"
+          fill={
+            [
+              2,
+            ]
+          }
+          fillRule={0}
+          propList={
+            [
+              "fill",
+              "fillRule",
+            ]
+          }
+        />
+      </RNSVGGroup>
+    </RNSVGSvgView>
+  </View>
+  <View
+    style={
+      {
+        "width": 8,
+      }
+    }
+  />
+  <Text
+    color="bluegrey"
+    defaultColor="bluegrey"
+    defaultWeight="Regular"
+    font="TitilliumWeb"
+    fontStyle={
+      {
+        "fontSize": 16,
+        "lineHeight": 24,
+      }
+    }
+    style={
+      [
+        {
+          "fontSize": 16,
+          "lineHeight": 24,
+        },
+        {
+          "color": "#475A6D",
+          "fontFamily": "Titillium Web",
+          "fontStyle": "normal",
+          "fontWeight": "400",
+        },
+      ]
+    }
+    weight="Regular"
+  >
+    Text
+  </Text>
+</View>
+`;

package/lib/module/components/Advice/__test__/advice.test.js

@@ -0,0 +1,12 @@
+import React from "react";
+import * as TestRenderer from "react-test-renderer";
+import Advice from "../Advice";
+describe("Test Advice Components", () => {
+  it("Advice Snapshot", () => {
+    const advice = TestRenderer.create( /*#__PURE__*/React.createElement(Advice, {
+      text: "Text"
+    })).toJSON();
+    expect(advice).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=advice.test.js.map

package/lib/module/components/Advice/__test__/advice.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TestRenderer","Advice","describe","it","advice","create","createElement","text","toJSON","expect","toMatchSnapshot"],"sourceRoot":"../../../../../src","sources":["components/Advice/__test__/advice.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,OAAOC,MAAM,MAAM,WAAW;AAE9BC,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAGJ,YAAY,CAACK,MAAM,eAACN,KAAA,CAAAO,aAAA,CAACL,MAAM;MAACM,IAAI,EAAE;IAAO,CAAS,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAC5EC,MAAM,CAACL,MAAM,CAAC,CAACM,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

package/lib/module/components/accordion/IOAccordion.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import { H3 } from "../typography/H3";
+import { IOStyles, IOVisualCostants } from "../../core/IOStyles";
+import { RawAccordion } from "./RawAccordion";
+const styles = StyleSheet.create({
+  header: {
+    marginVertical: IOVisualCostants.appMarginDefault
+  }
+});
+
+/**
+ * A simplified accordion that accepts a title and one child and uses {@link RawAccordion}
+ * @param props
+ * @constructor
+ */
+export const IOAccordion = props => /*#__PURE__*/React.createElement(RawAccordion, {
+  animated: props.animated,
+  headerStyle: styles.header,
+  accessibilityLabel: props.title,
+  header: /*#__PURE__*/React.createElement(H3, {
+    numberOfLines: 1,
+    style: IOStyles.flex
+  }, props.title)
+}, props.children);
+//# sourceMappingURL=IOAccordion.js.map

package/lib/module/components/accordion/IOAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","H3","IOStyles","IOVisualCostants","RawAccordion","styles","create","header","marginVertical","appMarginDefault","IOAccordion","props","createElement","animated","headerStyle","accessibilityLabel","title","numberOfLines","style","flex","children"],"sourceRoot":"../../../../src","sources":["components/accordion/IOAccordion.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,QAAQ,EAAEC,gBAAgB,QAAQ,qBAAqB;AAChE,SAASC,YAAY,QAAQ,gBAAgB;AAM7C,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,cAAc,EAAEL,gBAAgB,CAACM;EACnC;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAIC,KAAY,iBACtCZ,KAAA,CAAAa,aAAA,CAACR,YAAY;EACXS,QAAQ,EAAEF,KAAK,CAACE,QAAS;EACzBC,WAAW,EAAET,MAAM,CAACE,MAAO;EAC3BQ,kBAAkB,EAAEJ,KAAK,CAACK,KAAM;EAChCT,MAAM,eACJR,KAAA,CAAAa,aAAA,CAACX,EAAE;IAACgB,aAAa,EAAE,CAAE;IAACC,KAAK,EAAEhB,QAAQ,CAACiB;EAAK,GACxCR,KAAK,CAACK,KACL;AACL,GAEAL,KAAK,CAACS,QACK,CACf"}

package/lib/module/components/accordion/RawAccordion.js

@@ -0,0 +1,86 @@
+import * as React from "react";
+import { useEffect, useRef, useState } from "react";
+import { View, Animated, Easing, LayoutAnimation, StyleSheet, TouchableWithoutFeedback, UIManager, Platform } from "react-native";
+import { IOStyles, IOVisualCostants } from "../../core/IOStyles";
+import { Icon } from "../icons/Icon";
+
+// TODO: handle external initial open/closed state
+
+const styles = StyleSheet.create({
+  headerIcon: {
+    alignSelf: "center"
+  },
+  row: {
+    ...IOStyles.row,
+    justifyContent: "space-between"
+  },
+  internalHeader: {
+    flex: 1,
+    paddingRight: IOVisualCostants.appMarginDefault
+  }
+});
+
+/**
+ * Obtains the degree starting from the open state
+ * @param isOpen
+ */
+const getDegree = isOpen => isOpen ? "-90deg" : "-270deg";
+
+/**
+ * The base accordion component, implements the opening and closing logic for viewing the children
+ * @param props
+ * @constructor
+ */
+export const RawAccordion = props => {
+  const [isOpen, setOpen] = useState(false);
+  const animatedController = useRef(new Animated.Value(1)).current;
+  const shouldAnimate = props.animated ?? true;
+  const headerStyle = props.headerStyle ?? {};
+  const accessibilityLabel = props.accessibilityLabel ? `${props.accessibilityLabel}, ` : "";
+  const arrowAngle = shouldAnimate ? animatedController.interpolate({
+    inputRange: [0, 1],
+    outputRange: ["0deg", "-180deg"]
+  }) : getDegree(isOpen);
+  useEffect(() => {
+    if (Platform.OS === "android") {
+      UIManager.setLayoutAnimationEnabledExperimental(shouldAnimate);
+    }
+  }, [shouldAnimate]);
+  const onPress = () => {
+    if (shouldAnimate) {
+      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+      Animated.timing(animatedController, {
+        duration: 300,
+        toValue: isOpen ? 1 : 0,
+        useNativeDriver: true,
+        easing: Easing.linear
+      }).start();
+    }
+    setOpen(!isOpen);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.flex
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: onPress,
+    accessible: true,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel + (isOpen ? "Paragrafo espanso" : "Paragrafo chiuso")
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.row, headerStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.internalHeader
+  }, props.header), /*#__PURE__*/React.createElement(Animated.View, {
+    testID: "ArrowAccordion",
+    style: {
+      ...styles.headerIcon,
+      transform: [{
+        rotateZ: arrowAngle
+      }]
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevronTop",
+    color: "blue",
+    size: 24
+  })))), isOpen && props.children);
+};
+//# sourceMappingURL=RawAccordion.js.map

package/lib/module/components/accordion/RawAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","View","Animated","Easing","LayoutAnimation","StyleSheet","TouchableWithoutFeedback","UIManager","Platform","IOStyles","IOVisualCostants","Icon","styles","create","headerIcon","alignSelf","row","justifyContent","internalHeader","flex","paddingRight","appMarginDefault","getDegree","isOpen","RawAccordion","props","setOpen","animatedController","Value","current","shouldAnimate","animated","headerStyle","accessibilityLabel","arrowAngle","interpolate","inputRange","outputRange","OS","setLayoutAnimationEnabledExperimental","onPress","configureNext","Presets","easeInEaseOut","timing","duration","toValue","useNativeDriver","easing","linear","start","createElement","style","accessible","accessibilityRole","header","testID","transform","rotateZ","name","color","size","children"],"sourceRoot":"../../../../src","sources":["components/accordion/RawAccordion.tsx"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export * from "./RawAccordion";
+export * from "./IOAccordion";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,eAAe"}

package/lib/module/components/alert/Alert.js

@@ -0,0 +1,151 @@
+import { Pressable, StyleSheet, View, Text } from "react-native";
+import React, { useCallback } from "react";
+import Animated, { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import { Label } from "../typography/Label";
+import { IOColors } from "../../core/IOColors";
+import { Icon } from "../icons";
+import { HSpacer, VSpacer } from "../spacer";
+import { IOStyles } from "../../core/IOStyles";
+import { IOAlertRadius } from "../../core/IOShapes";
+import { IOAlertSpacing } from "../../core/IOSpacing";
+import { H4 } from "../typography/H4";
+import { IOScaleValues, IOSpringValues } from "../../core/IOAnimations";
+import { makeFontStyleObject } from "../../utils/fonts";
+const iconSize = 24;
+const [spacingDefault, spacingFullWidth] = IOAlertSpacing;
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    alignContent: "center"
+  },
+  spacingDefault: {
+    padding: spacingDefault,
+    borderRadius: IOAlertRadius
+  },
+  spacingFullWidth: {
+    padding: spacingFullWidth
+  },
+  label: {
+    fontSize: 16,
+    ...makeFontStyleObject("Regular", false, "ReadexPro")
+  }
+});
+// COMPONENT CONFIGURATION
+
+const mapVariantStates = {
+  error: {
+    icon: "errorFilled",
+    background: "error-100",
+    foreground: "error-850"
+  },
+  warning: {
+    icon: "warningFilled",
+    background: "warning-100",
+    foreground: "warning-850"
+  },
+  info: {
+    icon: "infoFilled",
+    background: "info-100",
+    foreground: "info-850"
+  },
+  success: {
+    icon: "success",
+    background: "success-100",
+    foreground: "success-850"
+  }
+};
+export const Alert = _ref => {
+  var _IOScaleValues$magnif;
+  let {
+    viewRef,
+    variant,
+    title,
+    content,
+    action,
+    onPress,
+    fullWidth = false,
+    accessibilityHint,
+    testID
+  } = _ref;
+  const isPressed = useSharedValue(0);
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 ? void 0 : (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
+
+  // Using a spring-based animation for our interpolations
+  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+  const pressedAnimationStyle = useAnimatedStyle(() => {
+    // Scale down button slightly when pressed
+    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+  const onPressIn = useCallback(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const onPressOut = useCallback(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+  const renderMainBlock = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    name: mapVariantStates[variant].icon,
+    size: iconSize,
+    color: mapVariantStates[variant].foreground
+  }), /*#__PURE__*/React.createElement(HSpacer, null), /*#__PURE__*/React.createElement(View, {
+    style: IOStyles.flex
+  }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H4, {
+    color: mapVariantStates[variant].foreground
+  }, title), /*#__PURE__*/React.createElement(VSpacer, {
+    size: 8
+  })), /*#__PURE__*/React.createElement(Label, {
+    color: mapVariantStates[variant].foreground,
+    weight: "Regular",
+    accessibilityRole: "text"
+  }, content), action && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, {
+      color: IOColors[mapVariantStates[variant].foreground]
+    }],
+    numberOfLines: 1,
+    ellipsizeMode: "tail"
+  }, action))));
+  const StaticComponent = () => /*#__PURE__*/React.createElement(View, {
+    ref: viewRef,
+    style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
+      backgroundColor: IOColors[mapVariantStates[variant].background]
+    }],
+    testID: testID,
+    accessible: false,
+    accessibilityRole: "alert",
+    accessibilityHint: accessibilityHint
+  }, renderMainBlock());
+  const PressableButton = () => /*#__PURE__*/React.createElement(Pressable, {
+    ref: viewRef,
+    testID: testID,
+    onPress: onPress,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut
+    // A11y related props
+    ,
+    accessible: true,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: "button"
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
+      backgroundColor: IOColors[mapVariantStates[variant].background]
+    },
+    // Disable pressed animation when component is full width
+    !fullWidth && pressedAnimationStyle]
+  }, renderMainBlock()));
+  return action ? /*#__PURE__*/React.createElement(PressableButton, null) : /*#__PURE__*/React.createElement(StaticComponent, null);
+};
+//# sourceMappingURL=Alert.js.map

package/lib/module/components/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","View","Text","React","useCallback","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Label","IOColors","Icon","HSpacer","VSpacer","IOStyles","IOAlertRadius","IOAlertSpacing","H4","IOScaleValues","IOSpringValues","makeFontStyleObject","iconSize","spacingDefault","spacingFullWidth","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","label","fontSize","mapVariantStates","error","icon","background","foreground","warning","info","success","Alert","_ref","_IOScaleValues$magnif","viewRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","isPressed","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","renderMainBlock","createElement","Fragment","name","size","color","style","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}

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

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

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

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

package/lib/module/components/avatar/Avatar.js

@@ -0,0 +1,54 @@
+// A component to provide organization logo
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { IOVisualCostants, IOColors, hexToRgba } from "../../core";
+import { MultiImage } from "./MultiImage";
+const avatarBorderLightMode = hexToRgba(IOColors.black, 0.1);
+const internalSpaceDefaultSize = 6;
+const internalSpaceLargeSize = 9;
+const radiusDefaultSize = 8;
+const dimensionsMap = {
+  small: {
+    size: IOVisualCostants.avatarSizeSmall,
+    internalSpace: internalSpaceDefaultSize,
+    radius: radiusDefaultSize
+  },
+  medium: {
+    size: IOVisualCostants.avatarSizeMedium,
+    internalSpace: internalSpaceLargeSize,
+    radius: radiusDefaultSize
+  }
+};
+const getAvatarCircleShape = size => dimensionsMap[size].size / 2;
+const styles = StyleSheet.create({
+  avatarWrapper: {
+    overflow: "hidden",
+    resizeMode: "contain",
+    borderColor: avatarBorderLightMode,
+    borderWidth: 1,
+    backgroundColor: IOColors.white
+  },
+  avatarImage: {
+    height: "100%",
+    width: "100%"
+  }
+});
+export const Avatar = _ref => {
+  let {
+    logoUri,
+    shape,
+    size
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.avatarWrapper, {
+      height: dimensionsMap[size].size,
+      width: dimensionsMap[size].size,
+      borderRadius: shape === "circle" ? getAvatarCircleShape(size) : dimensionsMap[size].radius,
+      padding: dimensionsMap[size].internalSpace
+    }]
+  }, /*#__PURE__*/React.createElement(MultiImage, {
+    style: styles.avatarImage,
+    source: logoUri
+  }));
+};
+//# sourceMappingURL=Avatar.js.map

package/lib/module/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","IOVisualCostants","IOColors","hexToRgba","MultiImage","avatarBorderLightMode","black","internalSpaceDefaultSize","internalSpaceLargeSize","radiusDefaultSize","dimensionsMap","small","size","avatarSizeSmall","internalSpace","radius","medium","avatarSizeMedium","getAvatarCircleShape","styles","create","avatarWrapper","overflow","resizeMode","borderColor","borderWidth","backgroundColor","white","avatarImage","height","width","Avatar","_ref","logoUri","shape","createElement","style","borderRadius","padding","source"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":"AAAA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gBAAgB,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,YAAY;AAClE,SAASC,UAAU,QAAQ,cAAc;AAQzC,MAAMC,qBAAqB,GAAGF,SAAS,CAACD,QAAQ,CAACI,KAAK,EAAE,GAAG,CAAC;AAC5D,MAAMC,wBAAgC,GAAG,CAAC;AAC1C,MAAMC,sBAA8B,GAAG,CAAC;AACxC,MAAMC,iBAAyB,GAAG,CAAC;AAEnC,MAAMC,aAAa,GAAG;EACpBC,KAAK,EAAE;IACLC,IAAI,EAAEX,gBAAgB,CAACY,eAAe;IACtCC,aAAa,EAAEP,wBAAwB;IACvCQ,MAAM,EAAEN;EACV,CAAC;EACDO,MAAM,EAAE;IACNJ,IAAI,EAAEX,gBAAgB,CAACgB,gBAAgB;IACvCH,aAAa,EAAEN,sBAAsB;IACrCO,MAAM,EAAEN;EACV;AACF,CAAC;AAED,MAAMS,oBAAoB,GAAIN,IAAoB,IAChDF,aAAa,CAACE,IAAI,CAAC,CAACA,IAAI,GAAG,CAAC;AAE9B,MAAMO,MAAM,GAAGpB,UAAU,CAACqB,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,SAAS;IACrBC,WAAW,EAAEnB,qBAAqB;IAClCoB,WAAW,EAAE,CAAC;IACdC,eAAe,EAAExB,QAAQ,CAACyB;EAC5B,CAAC;EACDC,WAAW,EAAE;IACXC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,MAAM,GAAGC,IAAA;EAAA,IAAC;IAAEC,OAAO;IAAEC,KAAK;IAAEtB;EAAa,CAAC,GAAAoB,IAAA;EAAA,oBACrDlC,KAAA,CAAAqC,aAAA,CAACnC,IAAI;IACHoC,KAAK,EAAE,CACLjB,MAAM,CAACE,aAAa,EACpB;MACEQ,MAAM,EAAEnB,aAAa,CAACE,IAAI,CAAC,CAACA,IAAI;MAChCkB,KAAK,EAAEpB,aAAa,CAACE,IAAI,CAAC,CAACA,IAAI;MAC/ByB,YAAY,EACVH,KAAK,KAAK,QAAQ,GACdhB,oBAAoB,CAACN,IAAI,CAAC,GAC1BF,aAAa,CAACE,IAAI,CAAC,CAACG,MAAM;MAChCuB,OAAO,EAAE5B,aAAa,CAACE,IAAI,CAAC,CAACE;IAC/B,CAAC;EACD,gBAEFhB,KAAA,CAAAqC,aAAA,CAAC/B,UAAU;IAACgC,KAAK,EAAEjB,MAAM,CAACS,WAAY;IAACW,MAAM,EAAEN;EAAQ,CAAE,CACrD,CAAC;AAAA,CACR"}

package/lib/module/components/avatar/MultiImage.js

@@ -0,0 +1,39 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from "react";
+import { Image } from "react-native";
+import { addCacheTimestampToUri } from "../../utils/image";
+/**
+ * An image component that attempts to load the provided images
+ * until one is available.
+ *
+ * Usually you want to provide a local image as last one to make sure
+ * there is always an image that can be displayed.
+ */
+export class MultiImage extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      // start by rendering the first image
+      sourceIndex: props.source.length > 0 ? 0 : undefined
+    };
+  }
+  render() {
+    const sourceIndex = this.state.sourceIndex;
+    if (sourceIndex === undefined) {
+      return null;
+    }
+    const atIndex = this.props.source[sourceIndex];
+    const source = typeof atIndex === "number" ? atIndex : addCacheTimestampToUri(atIndex);
+    const onError = () => {
+      // if current image fails loading, move to next
+      this.setState((_, props) => ({
+        sourceIndex: sourceIndex < props.source.length ? sourceIndex + 1 : undefined
+      }));
+    };
+    return source && /*#__PURE__*/React.createElement(Image, _extends({}, this.props, {
+      source: source,
+      onError: onError
+    }));
+  }
+}
+//# sourceMappingURL=MultiImage.js.map

package/lib/module/components/avatar/MultiImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","addCacheTimestampToUri","MultiImage","PureComponent","constructor","props","state","sourceIndex","source","length","undefined","render","atIndex","onError","setState","_","createElement","_extends"],"sourceRoot":"../../../../src","sources":["components/avatar/MultiImage.tsx"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,QAIA,cAAc;AACrB,SAASC,sBAAsB,QAAQ,mBAAmB;AAU1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,SAASH,KAAK,CAACI,aAAa,CAAe;EAChEC,WAAWA,CAACC,KAAY,EAAE;IACxB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MACX;MACAC,WAAW,EAAEF,KAAK,CAACG,MAAM,CAACC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAGC;IAC7C,CAAC;EACH;EAEOC,MAAMA,CAAA,EAAG;IACd,MAAMJ,WAAW,GAAG,IAAI,CAACD,KAAK,CAACC,WAAW;IAC1C,IAAIA,WAAW,KAAKG,SAAS,EAAE;MAC7B,OAAO,IAAI;IACb;IAEA,MAAME,OAAO,GAAG,IAAI,CAACP,KAAK,CAACG,MAAM,CAACD,WAAW,CAAC;IAE9C,MAAMC,MAAM,GACV,OAAOI,OAAO,KAAK,QAAQ,GAAGA,OAAO,GAAGX,sBAAsB,CAACW,OAAO,CAAC;IAEzE,MAAMC,OAAO,GAAGA,CAAA,KAAM;MACpB;MACA,IAAI,CAACC,QAAQ,CAAC,CAACC,CAAC,EAAEV,KAAK,MAAM;QAC3BE,WAAW,EACTA,WAAW,GAAGF,KAAK,CAACG,MAAM,CAACC,MAAM,GAAGF,WAAW,GAAG,CAAC,GAAGG;MAC1D,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OACEF,MAAM,iBAAIT,KAAA,CAAAiB,aAAA,CAAChB,KAAK,EAAAiB,QAAA,KAAK,IAAI,CAACZ,KAAK;MAAEG,MAAM,EAAEA,MAAO;MAACK,OAAO,EAAEA;IAAQ,EAAE,CAAC;EAEzE;AACF"}

package/lib/module/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Avatar Components Avatar Snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "backgroundColor": "#FFFFFF",
+        "borderColor": "rgba(14,15,19,0.1)",
+        "borderWidth": 1,
+        "overflow": "hidden",
+        "resizeMode": "contain",
+      },
+      {
+        "borderRadius": 22,
+        "height": 44,
+        "padding": 6,
+        "width": 44,
+      },
+    ]
+  }
+/>
+`;
+
+exports[`Test Avatar Components MultiImage Snapshot 1`] = `null`;