@coorpacademy/components 11.40.21 → 11.40.22-slider.13

package/lib/atom/radio-with-title/types.d.ts

@@ -9,24 +9,24 @@ export declare const propTypes: {
         '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<import("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?: import("react").Validator<string> | undefined;
-                iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                preset?: import("react").Validator<string | null | undefined> | undefined;
-                size?: import("react").Validator<import("../icon").IconSize | null | undefined> | undefined;
-                customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
+                iconName?: import("react").Validator<string>;
+                iconColor?: import("react").Validator<string>;
+                backgroundColor?: import("react").Validator<string>;
+                gradientBackground?: import("react").Validator<boolean>;
+                borderRadius?: import("react").Validator<string>;
+                preset?: import("react").Validator<string>;
+                size?: import("react").Validator<import("../icon").IconSize>;
+                customStyle?: import("react").Validator<import("react").CSSProperties>;
             }>>;
         }>>;
         button: PropTypes.Requireable<PropTypes.InferProps<{
@@ -49,7 +49,7 @@ export declare const propTypes: {
                     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 @@ export declare const propTypes: {
                     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>;

package/lib/atom/range/handle.d.ts

@@ -1,5 +1,5 @@
 export default Handle;
-declare function Handle(props: any, legacyContext: any): JSX.Element;
+declare function Handle(props: any, legacyContext: any): React.JSX.Element;
 declare namespace Handle {
     namespace propTypes {
         const onPan: PropTypes.Requireable<(...args: any[]) => any>;
@@ -35,5 +35,6 @@ declare namespace Handle {
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=handle.d.ts.map

package/lib/atom/range/handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../../src/atom/range/handle.js"],"names":[],"mappings":";AA6BA,qEAwCC"}
+{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../../src/atom/range/handle.js"],"names":[],"mappings":";AA6BA,2EAwCC"}

package/lib/atom/range/index.d.ts

@@ -49,7 +49,7 @@ declare class Range extends React.Component<any, any, any> {
     static getDerivedStateFromProps(props: any, state: any): {
         multi: any;
         value: number | (number | number[])[];
-    } | null;
+    };
     constructor(props: any, context: any);
     state: {
         pending: boolean;
@@ -67,7 +67,7 @@ declare class Range extends React.Component<any, any, any> {
     roundToStep(value: any): number;
     handleChange(value: any, valueIndex: any, pending: any): void;
     triggerChange(newValues: any, pending: any): any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/atom/range/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/range/index.js"],"names":[],"mappings":";AAyFA;IACE;;;;;;;;;;;;;;;;;;;;;;MAcE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF;;;aAIC;IAED,sCAYC;IAVC;;;;MAGC;IA4EH,0BAkBC;IArFD,8BAEC;IAiBD,8BAKC;IAED,8BAKC;IAED,iCAKC;IAED,iCAKC;IA5CC,WAAkB;IAGpB,8CAGC;IAED,gCAQC;IA8BD,8DAWC;IAED,iDAKC;IAsBD,sBA2FC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/range/index.js"],"names":[],"mappings":";AAyFA;IACE;;;;;;;;;;;;;;;;;;;;;;MAcE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF;;;MAIC;IAED,sCAYC;IAVC;;;;MAGC;IA4EH,0BAkBC;IArFD,8BAEC;IAiBD,8BAKC;IAED,8BAKC;IAED,iCAKC;IAED,iCAKC;IA5CC,WAAkB;IAGpB,8CAGC;IAED,gCAQC;IA8BD,8DAWC;IAED,iDAKC;IAsBD,4BA2FC;CACF"}

package/lib/atom/resource-miniature/index.d.ts

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

package/lib/atom/resource-miniature/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/resource-miniature/index.js"],"names":[],"mappings":";AAkBA,0EAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/resource-miniature/index.js"],"names":[],"mappings":";AAkBA,gFAqBC"}

package/lib/atom/review-presentation/index.d.ts

@@ -1,7 +1,8 @@
 export default ReviewPresentation;
-declare function ReviewPresentation(props: any): JSX.Element;
+declare function ReviewPresentation(props: any): React.JSX.Element;
 declare namespace ReviewPresentation {
     export { propTypes };
 }
+import React from "react";
 import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/review-presentation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AA+CA,6DA+BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AA+CA,mEA+BC"}

package/lib/atom/review-presentation/index.native.d.ts

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

package/lib/atom/review-presentation/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAwGvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA+CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAcjD,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAwGvD,QAAA,MAAM,UAAU,UAAW,eAAe,sBA+CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/atom/select/index.d.ts

@@ -1,21 +1,21 @@
 export namespace SelectOptionPropTypes {
     const name: PropTypes.Validator<string>;
-    const value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    const value: PropTypes.Requireable<NonNullable<string | number>>;
     const selected: PropTypes.Requireable<boolean>;
     const validOption: PropTypes.Requireable<boolean>;
 }
 export namespace SelectOptionGroupPropTypes {
     const label: PropTypes.Validator<string>;
-    const options: PropTypes.Requireable<(PropTypes.InferProps<{
+    const options: PropTypes.Requireable<PropTypes.InferProps<{
         name: PropTypes.Validator<string>;
-        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        value: PropTypes.Requireable<NonNullable<string | number>>;
         selected: PropTypes.Requireable<boolean>;
         validOption: PropTypes.Requireable<boolean>;
-    }> | null | undefined)[]>;
+    }>[]>;
 }
 export default Select;
 import PropTypes from "prop-types";
-declare function Select(props: any, legacyContext: any): JSX.Element;
+declare function Select(props: any, legacyContext: any): React.JSX.Element;
 declare namespace Select {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -52,25 +52,26 @@ declare namespace Select {
         required: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         theme: PropTypes.Requireable<string>;
-        options: PropTypes.Requireable<(PropTypes.InferProps<{
+        options: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
-        }> | null | undefined)[]>;
-        optgroups: PropTypes.Requireable<(PropTypes.InferProps<{
+        }>[]>;
+        optgroups: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                value: PropTypes.Requireable<NonNullable<string | number>>;
                 selected: PropTypes.Requireable<boolean>;
                 validOption: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
+            }>[]>;
+        }>[]>;
         modified: PropTypes.Requireable<boolean>;
         error: PropTypes.Requireable<boolean>;
         'aria-label': PropTypes.Requireable<string>;
         'aria-labelledby': PropTypes.Requireable<string>;
     };
 }
+import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,qEAmNC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,2EAmNC"}

package/lib/atom/select-icon/index.d.ts

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

package/lib/atom/select-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select-icon/index.js"],"names":[],"mappings":";AAgDA,qDA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select-icon/index.js"],"names":[],"mappings":";AAgDA,2DA0BC"}

package/lib/atom/select-modal/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle } from 'react-native';
 import type { QuestionType } from '../../molecule/questions/types';
 import { OnChangeFunction } from '../../hoc/modal/select/index.native';
@@ -23,6 +23,6 @@ export declare type Props = {
     textStyle?: ViewStyle[];
     testID?: string;
 };
-declare const Select: (props: Props) => JSX.Element | null;
+declare const Select: (props: Props) => React.JSX.Element;
 export default Select;
 //# sourceMappingURL=index.native.d.ts.map

package/lib/atom/select-modal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,uBAuG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,sBAwG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/atom/select-modal/index.native.js

@@ -81,7 +81,7 @@ const Select = props => {
   const text = selectedItem && selectedItem.text || placeholder || null;
   let textStyles = {
     ...styleSheet.text,
-    ...textStyle
+    ...(textStyle ? _reactNative.StyleSheet.flatten(textStyle) : {})
   };
   let color;
   if ((selectedItem?.value?.length || 0) > 0) {
@@ -95,9 +95,10 @@ const Select = props => {
     disabled: isDisabled,
     onPress: handleFocus,
     analyticsID: analyticsID,
-    testID: `${testID}-input`
+    testID: `${testID}-input`,
+    style: style
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styleSheet.container, style]
+    style: styleSheet.container
   }, /*#__PURE__*/_react.default.createElement(_index3.default, {
     style: textStyles
   }, text), /*#__PURE__*/_react.default.createElement(_index2.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeModal","_interopRequireDefault","_index","_analytics","_index2","_index3","_index4","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","createElement","Fragment","disabled","onPress","View","type","NovaCompositionNavigationArrowDown","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose","_default","exports"],"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","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeModal","_interopRequireDefault","_index","_analytics","_index2","_index3","_index4","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","flatten","length","primary","createElement","Fragment","disabled","onPress","View","type","NovaCompositionNavigationArrowDown","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose","_default","exports"],"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        style={style}\n      >\n        <View style={styleSheet.container}>\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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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"}