@coorpacademy/components 11.40.14-alpha.9 → 11.40.14-react18.80

package/es/atom/select-modal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","createElement","Fragment","disabled","onPress","type","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n  let textStyles: TextStyle = {\n    ...styleSheet.text,\n    ...textStyle\n  };\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles = {\n      ...textStyles,\n      color\n    };\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","flatten","length","primary","createElement","Fragment","disabled","onPress","type","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: TextStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n  let textStyles: TextStyle = {\n    ...styleSheet.text,\n    ...(textStyle ? StyleSheet.flatten(textStyle) : {})\n  };\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles = {\n      ...textStyles,\n      color\n    };\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/slide/index.d.ts

@@ -1,5 +1,5 @@
 export default Slide;
-declare function Slide(props: any): JSX.Element;
+declare function Slide(props: any): React.JSX.Element;
 declare namespace Slide {
     namespace propTypes {
         const cover: PropTypes.Requireable<string>;
@@ -27,5 +27,6 @@ declare namespace Slide {
         const alignment: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/slide/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/slide/index.js"],"names":[],"mappings":";AAKA,gDA6BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/slide/index.js"],"names":[],"mappings":";AAKA,sDA6BC"}

package/es/atom/social-link/index.d.ts

@@ -1,5 +1,5 @@
 export default SocialLink;
-declare function SocialLink(props: any): JSX.Element;
+declare function SocialLink(props: any): React.JSX.Element;
 declare namespace SocialLink {
     const propTypes: {
         mode: PropTypes.Requireable<string>;
@@ -8,5 +8,6 @@ declare namespace SocialLink {
         'aria-label': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/social-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/social-link/index.js"],"names":[],"mappings":";AA8BA,qDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/social-link/index.js"],"names":[],"mappings":";AA8BA,2DAeC"}

package/es/atom/space/index.native.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { SpaceType } from '../../variables/theme.native';
 export declare type Props = {
     type?: SpaceType;
 };
-declare const Space: ({ type }: Props) => JSX.Element;
+declare const Space: ({ type }: Props) => React.JSX.Element;
 export default Space;
 //# sourceMappingURL=index.native.d.ts.map

package/es/atom/space/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/space/index.native.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,aAAqB,KAAK,gBAapC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/space/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,aAAqB,KAAK,sBAapC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/atom/spinner/index.d.ts

@@ -1,6 +1,7 @@
 export default Spinner;
-declare function Spinner(): JSX.Element;
+declare function Spinner(): React.JSX.Element;
 declare namespace Spinner {
     const propTypes: {};
 }
+import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/spinner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/spinner/index.js"],"names":[],"mappings":";AAGA,wCAOC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/spinner/index.js"],"names":[],"mappings":";AAGA,8CAOC"}

package/es/atom/status-item/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { StatusItemProps } from './types';
 declare const StatusItem: {
-    (props: StatusItemProps): JSX.Element;
+    (props: StatusItemProps): React.JSX.Element;
     propTypes: {
         current: import("prop-types").Requireable<boolean>;
         selected: import("prop-types").Requireable<boolean>;

package/es/atom/status-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/index.tsx"],"names":[],"mappings":";AASA,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAoFnD,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;CAsBzC,CAAC;AAMF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAoFnD,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;CAsBzC,CAAC;AAMF,eAAe,UAAU,CAAC"}

package/es/atom/status-item/index.native.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { StatusItemProps } from './types';
-declare const Step: ({ value, icon, current }: StatusItemProps) => JSX.Element | null;
+declare const Step: ({ value, icon, current }: StatusItemProps) => React.JSX.Element;
 export default Step;
 //# sourceMappingURL=index.native.d.ts.map

package/es/atom/status-item/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AA6CxC,QAAA,MAAM,IAAI,6BAA4B,eAAe,uBA2BpD,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AA6CxC,QAAA,MAAM,IAAI,6BAA4B,eAAe,sBA2BpD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/atom/tab/index.d.ts

@@ -4,16 +4,17 @@ declare function Tab({ onClick, links, title, targetContent }: {
     links: any;
     title: any;
     targetContent: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace Tab {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
-        const links: PropTypes.Requireable<({
-            [x: string]: string | null | undefined;
-        } | null | undefined)[]>;
+        const links: PropTypes.Requireable<{
+            [x: string]: string;
+        }[]>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const targetContent: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/tab/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tab/index.js"],"names":[],"mappings":";AAKA;;;;;gBAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tab/index.js"],"names":[],"mappings":";AAKA;;;;;sBAgBC"}

package/es/atom/tab-content/index.d.ts

@@ -1,5 +1,5 @@
 export default TabContent;
-declare function TabContent(props: any): JSX.Element;
+declare function TabContent(props: any): React.JSX.Element;
 declare namespace TabContent {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -10,5 +10,6 @@ declare namespace TabContent {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/tab-content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tab-content/index.js"],"names":[],"mappings":";AAKA,qDAUC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tab-content/index.js"],"names":[],"mappings":";AAKA,2DAUC"}

package/es/atom/tag/index.d.ts

@@ -1,32 +1,32 @@
 export default Tag;
 declare function Tag({ label, type, size, customStyle, icon }: {
-    label?: string | undefined;
-    type?: string | undefined;
-    size?: string | undefined;
-    customStyle?: {} | undefined;
-    icon?: {} | undefined;
-}): JSX.Element;
+    label?: string;
+    type?: string;
+    size?: string;
+    customStyle?: {};
+    icon?: {};
+}): React.JSX.Element;
 declare namespace Tag {
     namespace propTypes {
         const label: PropTypes.Requireable<string>;
         const type: PropTypes.Requireable<string>;
         const size: PropTypes.Requireable<string>;
         const customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         const icon: PropTypes.Requireable<PropTypes.InferProps<{
             position: PropTypes.Requireable<string>;
-            iconName?: React.Validator<string> | undefined;
-            iconColor?: React.Validator<string | null | undefined> | undefined;
-            backgroundColor?: React.Validator<string | null | undefined> | undefined;
-            gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-            borderRadius?: React.Validator<string | null | undefined> | undefined;
-            preset?: React.Validator<string | null | undefined> | undefined;
-            size?: React.Validator<import("../icon").IconSize | null | undefined> | undefined;
-            customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
+            iconName?: React.Validator<string>;
+            iconColor?: React.Validator<string>;
+            backgroundColor?: React.Validator<string>;
+            gradientBackground?: React.Validator<boolean>;
+            borderRadius?: React.Validator<string>;
+            preset?: React.Validator<string>;
+            size?: React.Validator<import("../icon").IconSize>;
+            customStyle?: React.Validator<React.CSSProperties>;
         }>>;
     }
 }
-import PropTypes from "prop-types";
 import React from "react";
+import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AA6BA;;;;;;gBAsBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AA6BA;;;;;;sBAsBC"}

package/es/atom/text/index.native.d.ts

@@ -8,6 +8,6 @@ export declare type Props = {
     allowFontScaling?: boolean;
     accessibilityLabel?: string;
 };
-declare const Text: (props: Props) => JSX.Element;
+declare const Text: (props: Props) => React.JSX.Element;
 export default Text;
 //# sourceMappingURL=index.native.d.ts.map

package/es/atom/text/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,SAAS,EAAC,MAAM,cAAc,CAAC;AAErE,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAKF,QAAA,MAAM,IAAI,UAAW,KAAK,gBA2BzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,SAAS,EAAC,MAAM,cAAc,CAAC;AAErE,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAKF,QAAA,MAAM,IAAI,UAAW,KAAK,sBA2BzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/es/atom/title/index.d.ts

@@ -1,5 +1,5 @@
 export default Title;
-declare function Title(props: any): JSX.Element;
+declare function Title(props: any): React.JSX.Element;
 declare namespace Title {
     const propTypes: {
         title: PropTypes.Requireable<string>;
@@ -9,24 +9,24 @@ declare namespace Title {
         'data-name': PropTypes.Requireable<string>;
         titleSize: PropTypes.Requireable<string>;
         subtitleSize: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<React.WeakValidationMap<import("../icon").IconProps>>>;
         tag: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             size: PropTypes.Requireable<string>;
             customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                [x: string]: NonNullable<string | number>;
             }>;
             icon: PropTypes.Requireable<PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
-                iconName?: React.Validator<string> | undefined;
-                iconColor?: React.Validator<string | null | undefined> | undefined;
-                backgroundColor?: React.Validator<string | null | undefined> | undefined;
-                gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-                borderRadius?: React.Validator<string | null | undefined> | undefined;
-                preset?: React.Validator<string | null | undefined> | undefined;
-                size?: React.Validator<import("../icon").IconSize | null | undefined> | undefined;
-                customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
+                iconName?: React.Validator<string>;
+                iconColor?: React.Validator<string>;
+                backgroundColor?: React.Validator<string>;
+                gradientBackground?: React.Validator<boolean>;
+                borderRadius?: React.Validator<string>;
+                preset?: React.Validator<string>;
+                size?: React.Validator<import("../icon").IconSize>;
+                customStyle?: React.Validator<React.CSSProperties>;
             }>>;
         }>>;
         button: PropTypes.Requireable<PropTypes.InferProps<{
@@ -49,7 +49,7 @@ declare namespace Title {
                     size: PropTypes.Requireable<number>;
                     customStyle: PropTypes.Requireable<object>;
                 }>>;
-            }> | (PropTypes.InferProps<{
+            }> | PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -59,7 +59,7 @@ declare namespace Title {
                     size: PropTypes.Requireable<number>;
                     customStyle: PropTypes.Requireable<object>;
                 }>>;
-            }> | null | undefined)[] | null | undefined>>;
+            }>[]>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             link: PropTypes.Requireable<PropTypes.InferProps<{
                 href: PropTypes.Requireable<string>;
@@ -78,6 +78,6 @@ declare namespace Title {
         required: PropTypes.Requireable<boolean>;
     };
 }
-import PropTypes from "prop-types";
 import React from "react";
+import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsDA,gDAyCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsDA,sDAyCC"}

package/es/atom/tooltip/index.d.ts

@@ -8,13 +8,13 @@ declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "d
     closeToolTipInformationTextAriaLabel: any;
     toolTipIsVisible: any;
     iconContainerClassName: any;
-    delayHide?: number | undefined;
-    fontSize?: number | undefined;
-    iconSize?: string | undefined;
+    delayHide?: number;
+    fontSize?: number;
+    iconSize?: string;
     AnchorElement: any;
     tooltipClassName: any;
-    placement?: string | undefined;
-}): JSX.Element;
+    placement?: string;
+}): React.JSX.Element;
 declare namespace ToolTip {
     const propTypes: {
         TooltipContent: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
@@ -32,5 +32,6 @@ declare namespace ToolTip {
         placement: PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA6EO,iGAUN;;AAED;;;;;;;;;;;;;;gBAgHC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA6EO,iGAUN;;AAED;;;;;;;;;;;;;;sBAgHC"}

package/es/atom/video-upload/index.d.ts

@@ -9,7 +9,7 @@ declare function VideoUpload({ title, description, previewLabel, uploadLabel, pr
     modified: any;
     onChange: any;
     name: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace VideoUpload {
     const propTypes: {
         name: PropTypes.Requireable<string>;
@@ -36,5 +36,6 @@ declare namespace VideoUpload {
         multiple: PropTypes.Requireable<boolean>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/video-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/video-upload/index.js"],"names":[],"mappings":";AAKA;;;;;;;;;;gBAkCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/video-upload/index.js"],"names":[],"mappings":";AAKA;;;;;;;;;;sBAkCC"}

package/es/atom/wizard-steps/index.d.ts

@@ -1,13 +1,14 @@
 export default WizardSteps;
-declare function WizardSteps(props: any): JSX.Element;
+declare function WizardSteps(props: any): React.JSX.Element;
 declare namespace WizardSteps {
     namespace propTypes {
-        const steps: PropTypes.Requireable<(PropTypes.InferProps<{
+        const steps: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             done: PropTypes.Requireable<boolean>;
             current: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
+        }>[]>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/wizard-steps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/wizard-steps/index.js"],"names":[],"mappings":";AAKA,sDAwBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/wizard-steps/index.js"],"names":[],"mappings":";AAKA,4DAwBC"}

package/es/globals.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.d.js","names":[],"sources":["../src/globals.d.ts"],"sourcesContent":["declare module '@coorpacademy/nova-icons';\ndeclare module '@coorpacademy/react-native-slider';\ndeclare module '@react-native-community/blur';\ndeclare module '@coorpacademy/translate';\ndeclare module 'browser-env';\ndeclare module 'react-native/*';\ndeclare module 'css-color-function';\ndeclare module 'classnames';\ndeclare module '*.css';\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"globals.d.js","names":[],"sources":["../src/globals.d.ts"],"sourcesContent":["declare module '@coorpacademy/nova-icons';\ndeclare module '@react-native-community/slider';\ndeclare module '@react-native-community/blur';\ndeclare module '@coorpacademy/translate';\ndeclare module 'browser-env';\ndeclare module 'react-native/*';\ndeclare module 'css-color-function';\ndeclare module 'classnames';\ndeclare module '*.css';\n"],"mappings":"","ignoreList":[]}

package/es/hoc/animation/index.d.ts

@@ -38,7 +38,7 @@ declare class Animation extends React.Component<any, any, any> {
     constructor(props: any);
     state: {
         progress: number;
-        requestID: null;
+        requestID: any;
     };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;

package/es/hoc/animation-scheduler/index.d.ts

@@ -22,7 +22,7 @@ declare class AnimationScheduler extends React.Component<any, any, any> {
 }
 export function AnimationAdapter({ animated, onAnimationEnd, name, children }: {
     animated: any;
-    onAnimationEnd?: import("lodash/fp").LodashNoop | undefined;
+    onAnimationEnd?: import("lodash/fp").LodashNoop;
     name: any;
     children: any;
 }): any;

package/es/hoc/modal/index.native.d.ts

@@ -10,6 +10,6 @@ export declare type Props = {
     testID?: string;
 };
 export declare const HEADER_HEIGHT = 64;
-declare const Modal: (props: Props) => JSX.Element | null;
+declare const Modal: (props: Props) => React.JSX.Element;
 export default Modal;
 //# sourceMappingURL=index.native.d.ts.map

package/es/hoc/modal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAoB,SAAS,EAAC,MAAM,cAAc,CAAC;AAKhF,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,KAAK,CAAC;AAqDhC,QAAA,MAAM,KAAK,UAAW,KAAK,uBA+C1B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAoB,SAAS,EAAC,MAAM,cAAc,CAAC;AAKhF,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,KAAK,CAAC;AAqDhC,QAAA,MAAM,KAAK,UAAW,KAAK,sBA+C1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/es/hoc/modal/select/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { GestureResponderEvent } from 'react-native';
 import { ChoiceItem } from '../../../atom/select-modal/index.native';
 export declare type OnChangeFunction = (value: string) => void;
@@ -9,6 +9,6 @@ export declare type Props = {
     onClose?: (event: GestureResponderEvent) => void;
     testID?: string;
 };
-declare const ModalSelect: (props: Props) => JSX.Element | null;
+declare const ModalSelect: (props: Props) => React.JSX.Element;
 export default ModalSelect;
 //# sourceMappingURL=index.native.d.ts.map

package/es/hoc/modal/select/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAQ1F,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAC;AAEnE,oBAAY,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvD,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,WAAW,UAAW,KAAK,uBAsChC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAA6B,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAQ1F,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAC;AAEnE,oBAAY,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvD,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,WAAW,UAAW,KAAK,sBAsChC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/hoc/modal/select-item/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { GestureResponderEvent } from 'react-native';
 export declare type Props = {
     isSelected?: boolean;
@@ -6,6 +6,6 @@ export declare type Props = {
     onPress?: (event: GestureResponderEvent) => void;
     testID?: string;
 };
-declare const ModalSelectItem: (props: Props) => JSX.Element | null;
+declare const ModalSelectItem: (props: Props) => React.JSX.Element;
 export default ModalSelectItem;
 //# sourceMappingURL=index.native.d.ts.map

package/es/hoc/modal/select-item/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,qBAAqB,EAAmC,MAAM,cAAc,CAAC;AAQrF,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,eAAe,UAAW,KAAK,uBA8BpC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAmC,MAAM,cAAc,CAAC;AAQrF,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,eAAe,UAAW,KAAK,sBA8BpC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/es/hoc/swapper/index.d.ts

@@ -1,4 +1,4 @@
-export function safeCancelAnimationFrame(requestId: any): any;
+export function safeCancelAnimationFrame(requestId: any): void;
 export default Swapper;
 declare class Swapper extends React.Component<any, any, any> {
     static propTypes: {
@@ -9,8 +9,9 @@ declare class Swapper extends React.Component<any, any, any> {
         init: boolean;
     };
     componentDidMount(): void;
-    requestID: number | undefined;
+    requestID: number;
     componentWillUnmount(): void;
+    render(): any;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/hoc/swapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hoc/swapper/index.js"],"names":[],"mappings":"AAGO,8DAA0F;;AAEjG;IACE;;MAEE;IAEF,wBAMC;IAHC;;MAEC;IAGH,0BAIC;IAFG,8BAA0E;IAI9E,6BAIC;CASF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hoc/swapper/index.js"],"names":[],"mappings":"AAGO,+DAA0F;;AAEjG;IACE;;MAEE;IAEF,wBAMC;IAHC;;MAEC;IAGH,0BAIC;IAFG,kBAA0E;IAI9E,6BAIC;IAED,cAMC;CACF"}

package/es/hoc/touchable/index.native.d.ts

@@ -28,6 +28,6 @@ export declare type Props = {
     analyticsParams?: AnalyticsEventParams;
     vibration?: Vibration;
 };
-declare const Touchable: (props: Props) => JSX.Element;
+declare const Touchable: (props: Props) => React.JSX.Element;
 export default Touchable;
 //# sourceMappingURL=index.native.d.ts.map

package/es/hoc/touchable/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,gBAqE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,sBA6E9B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/hoc/touchable/index.native.js

@@ -1,5 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { TouchableOpacity, TouchableHighlight } from 'react-native';
+import { Pressable, TouchableHighlight } from 'react-native';
 import React, { useMemo } from 'react';
 import { useTemplateContext } from '../../template/app-review/template-context';
 import { ANALYTICS_EVENT_TYPE } from '../../variables/analytics';
@@ -55,12 +55,23 @@ const Touchable = props => {
       activeOpacity: activeOpacity || (disabled ? 1 : 0.85)
     }));
   }
-  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, props, {
+  const computedActiveOpacity = isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2);
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, props, {
     accessibilityLabel: accessibilityLabel,
     hitSlop: hitSlop,
     onPress: handlePress,
     onLongPress: handleLongPress,
-    activeOpacity: isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2)
+    style: ({
+      pressed
+    }) => {
+      const baseStyle = Array.isArray(props.style) ? props.style : [props.style];
+      if (pressed && computedActiveOpacity !== 1) {
+        return [...baseStyle, {
+          opacity: computedActiveOpacity
+        }];
+      }
+      return baseStyle;
+    }
   }));
 };
 export default Touchable;