@coorpacademy/components 11.40.18-react18.9 → 11.40.19

package/es/atom/radio-with-title/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RadioWithTitleProps } from './types';
 declare const RadioWithTitle: {
-    (props: RadioWithTitleProps): React.JSX.Element;
+    (props: RadioWithTitleProps): JSX.Element;
     propTypes: {
         title: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
             title: import("prop-types").Requireable<string>;
@@ -11,24 +11,24 @@ declare const RadioWithTitle: {
             'data-name': import("prop-types").Requireable<string>;
             titleSize: import("prop-types").Requireable<string>;
             subtitleSize: import("prop-types").Requireable<string>;
-            icon: import("prop-types").Requireable<import("prop-types").InferProps<React.WeakValidationMap<import("../icon").IconProps>>>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>;
             tag: import("prop-types").Requireable<import("prop-types").InferProps<{
                 label: import("prop-types").Requireable<string>;
                 type: import("prop-types").Requireable<string>;
                 size: import("prop-types").Requireable<string>;
                 customStyle: import("prop-types").Requireable<{
-                    [x: string]: NonNullable<string | number>;
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
                 icon: import("prop-types").Requireable<import("prop-types").InferProps<{
                     position: import("prop-types").Requireable<string>;
-                    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>;
+                    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;
                 }>>;
             }>>;
             button: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -51,7 +51,7 @@ declare const RadioWithTitle: {
                         size: import("prop-types").Requireable<number>;
                         customStyle: import("prop-types").Requireable<object>;
                     }>>;
-                }> | import("prop-types").InferProps<{
+                }> | (import("prop-types").InferProps<{
                     position: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
                     faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -61,7 +61,7 @@ declare const RadioWithTitle: {
                         size: import("prop-types").Requireable<number>;
                         customStyle: import("prop-types").Requireable<object>;
                     }>>;
-                }>[]>>;
+                }> | null | undefined)[] | null | undefined>>;
                 onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 link: import("prop-types").Requireable<import("prop-types").InferProps<{
                     href: import("prop-types").Requireable<string>;

package/es/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<import("react").WeakValidationMap<import("../icon").IconProps>>>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
         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>;
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
             }>;
             icon: PropTypes.Requireable<PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
-                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>;
+                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;
             }>>;
         }>>;
         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/es/atom/range/handle.d.ts

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

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

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

package/es/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(): React.JSX.Element;
+    render(): JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/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;;;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"}
+{"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"}

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

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

package/es/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,gFAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/resource-miniature/index.js"],"names":[],"mappings":";AAkBA,0EAqBC"}

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

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

package/es/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,mEA+BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AA+CA,6DA+BC"}

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

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

package/es/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":"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"}
+{"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"}

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

@@ -1,21 +1,21 @@
 export namespace SelectOptionPropTypes {
     const name: PropTypes.Validator<string>;
-    const value: PropTypes.Requireable<NonNullable<string | number>>;
+    const value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
     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>>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         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): React.JSX.Element;
+declare function Select(props: any, legacyContext: any): JSX.Element;
 declare namespace Select {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -52,26 +52,25 @@ 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>>;
+            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
             selected: PropTypes.Requireable<boolean>;
             validOption: PropTypes.Requireable<boolean>;
-        }>[]>;
-        optgroups: PropTypes.Requireable<PropTypes.InferProps<{
+        }> | null | undefined)[]>;
+        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>>;
+                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
                 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/es/atom/select/index.d.ts.map

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

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

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

package/es/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,2DA0BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select-icon/index.js"],"names":[],"mappings":";AAgDA,qDA0BC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element;
+declare const Select: (props: Props) => JSX.Element | null;
 export default Select;
 //# sourceMappingURL=index.native.d.ts.map

package/es/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":"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"}
+{"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"}

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

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

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","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        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":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAO,OAAO;AAC7D,SAAQC,IAAI,EAAEC,UAAU,QAA6B,cAAc;AACnE,SAAQC,kCAAkC,IAAIC,SAAS,QAAO,0BAA0B;AACxF,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,SAAS,MAAM,kCAAkC;AAIxD,SAAQC,oBAAoB,QAAkB,2BAA2B;AACzE,OAAOC,KAAK,MAAM,uBAAuB;AACzC,OAAOC,IAAI,MAAM,sBAAsB;AACvC,OAAOC,WAAW,MAA0B,qCAAqC;AACjF,SAAQC,kBAAkB,QAAO,4CAA4C;AA8B7E,MAAMC,UAAU,GAAG,EAAE;AAErB,MAAMC,gBAAgB,GAAIC,KAAY,IACpCZ,UAAU,CAACa,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAACC,MAAM;IAC/BC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEJ,MAAMC,QAAQ,GAAGA,CACfC,SAAiB,EACjBC,WAAmB,EACnBC,SAAoB,EACpBC,YAA0B,KACvB;EACHD,SAAS,IACPA,SAAS,CAACH,QAAQ,CAACC,SAAS,EAAE;IAC5BI,EAAE,EAAEH,WAAW;IACfE;EACF,CAAC,CAAC;AACN,CAAC;AAED,MAAME,MAAM,GAAIC,KAAY,IAAK;EAC/B,MAAMC,eAAe,GAAGvB,kBAAkB,CAAC,CAAC;EAC5C,MAAM;IAACwB,UAAU;IAAErB,KAAK;IAAEe;EAAS,CAAC,GAAGK,eAAe;EACtD,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAGvC,QAAQ,CAAwB,IAAI,CAAC;EAEzEC,SAAS,CAAC,MAAM;IACd,MAAMuC,WAAW,GAAGzB,gBAAgB,CAACC,KAAK,CAAC;IAC3CuB,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACxB,KAAK,CAAC,CAAC;EAEX,MAAM;IACJc,WAAW;IACXW,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,KAAK;IACLC,SAAS;IACThB,YAAY;IACZiB,SAAS,GAAG,KAAK;IACjBC,UAAU,GAAG,KAAK;IAClBC,MAAM,GAAG;EACX,CAAC,GAAGhB,KAAK;EAET,MAAMiB,WAAW,GAAGlD,WAAW,CAAC,MAAM;IACpC,IAAI,CAACwC,OAAO,EAAE;IAEdX,SAAS,IAAIH,QAAQ,CAACnB,oBAAoB,CAAC4C,WAAW,EAAEvB,WAAW,EAAEC,SAAS,EAAEC,YAAY,CAAC;IAC7FU,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACX,SAAS,EAAED,WAAW,EAAEY,OAAO,EAAEV,YAAY,CAAC,CAAC;EAEnD,MAAMsB,UAAU,GAAGpD,WAAW,CAAC,MAAM;IACnC,IAAI,CAACuC,MAAM,EAAE;IAEbV,SAAS,IAAIH,QAAQ,CAACnB,oBAAoB,CAAC8C,YAAY,EAAEzB,WAAW,EAAEC,SAAS,EAAEC,YAAY,CAAC;IAC9FS,MAAM,CAAC,CAAC;EACV,CAAC,EAAE,CAACV,SAAS,EAAED,WAAW,EAAEW,MAAM,EAAET,YAAY,CAAC,CAAC;EAElD,MAAMwB,YAAY,GAAGtD,WAAW,CAC9BuD,MAAM,IAAI;IACRd,QAAQ,CAACc,MAAM,CAAC;IAChBH,UAAU,CAAC,CAAC;EACd,CAAC,EACD,CAACX,QAAQ,EAAEW,UAAU,CACvB,CAAC;EAED,IAAI,CAAChB,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAMoB,YAAY,GAAGd,MAAM,CAACe,IAAI,CAACC,IAAI,IAAIA,IAAI,CAACC,QAAQ,CAAC;EACvD,MAAMxC,IAAI,GAAIqC,YAAY,IAAIA,YAAY,CAACrC,IAAI,IAAKwB,WAAW,IAAI,IAAI;EAEvE,IAAIiB,UAAqB,GAAG;IAC1B,GAAGxB,UAAU,CAACjB,IAAI;IAClB,IAAI2B,SAAS,GAAG5C,UAAU,CAAC2D,OAAO,CAACf,SAAS,CAAC,GAAG,CAAC,CAAC;EACpD,CAAC;EAED,IAAIzB,KAAK;EACT,IAAI,CAACmC,YAAY,EAAEZ,KAAK,EAAEkB,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE;IAC1CzC,KAAK,GAAGc,UAAU,EAAEb,MAAM,EAAEyC,OAAO;IACnCH,UAAU,GAAG;MACX,GAAGA,UAAU;MACbvC;IACF,CAAC;EACH;EAEA,oBACExB,KAAA,CAAAmE,aAAA,CAAAnE,KAAA,CAAAoE,QAAA,qBACEpE,KAAA,CAAAmE,aAAA,CAAC1D,SAAS;IACR4D,QAAQ,EAAElB,UAAW;IACrBmB,OAAO,EAAEjB,WAAY;IACrBtB,WAAW,EAAEA,WAAY;IACzBqB,MAAM,EAAE,GAAGA,MAAM,QAAS;IAC1BJ,KAAK,EAAEA;EAAM,gBAEbhD,KAAA,CAAAmE,aAAA,CAAC/D,IAAI;IAAC4C,KAAK,EAAET,UAAU,CAACpB;EAAU,gBAChCnB,KAAA,CAAAmE,aAAA,CAACvD,IAAI;IAACoC,KAAK,EAAEe;EAAW,GAAEzC,IAAW,CAAC,eACtCtB,KAAA,CAAAmE,aAAA,CAACxD,KAAK;IAAC4D,IAAI,EAAC;EAAM,CAAE,CAAC,eACrBvE,KAAA,CAAAmE,aAAA,CAAC5D,SAAS;IACRiB,KAAK,EAAEA,KAAK,IAAIP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC8C,IAAK;IACvCC,MAAM,EAAE1D,UAAW;IACnB2D,KAAK,EAAE3D;EAAW,CACnB,CACG,CACG,CAAC,eACZf,KAAA,CAAAmE,aAAA,CAAC3D,KAAK;IACJmE,SAAS,EAAEzB,SAAU;IACrB0B,eAAe,EAAErB,UAAW;IAC5BsB,eAAe,EAAEtB,UAAW;IAC5BH,MAAM,EAAEA;EAAO,gBAEfpD,KAAA,CAAAmE,aAAA,CAACtD,WAAW;IACVkC,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IACfD,QAAQ,EAAEa,YAAa;IACvBqB,OAAO,EAAEvB,UAAW;IACpBH,MAAM,EAAE,GAAGA,MAAM;EAAS,CAC3B,CACI,CACP,CAAC;AAEP,CAAC;AAED,eAAejB,MAAM","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","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":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAO,OAAO;AAC7D,SAAQC,IAAI,EAAEC,UAAU,QAA6B,cAAc;AACnE,SAAQC,kCAAkC,IAAIC,SAAS,QAAO,0BAA0B;AACxF,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,SAAS,MAAM,kCAAkC;AAIxD,SAAQC,oBAAoB,QAAkB,2BAA2B;AACzE,OAAOC,KAAK,MAAM,uBAAuB;AACzC,OAAOC,IAAI,MAAM,sBAAsB;AACvC,OAAOC,WAAW,MAA0B,qCAAqC;AACjF,SAAQC,kBAAkB,QAAO,4CAA4C;AA8B7E,MAAMC,UAAU,GAAG,EAAE;AAErB,MAAMC,gBAAgB,GAAIC,KAAY,IACpCZ,UAAU,CAACa,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAACC,MAAM;IAC/BC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEJ,MAAMC,QAAQ,GAAGA,CACfC,SAAiB,EACjBC,WAAmB,EACnBC,SAAoB,EACpBC,YAA0B,KACvB;EACHD,SAAS,IACPA,SAAS,CAACH,QAAQ,CAACC,SAAS,EAAE;IAC5BI,EAAE,EAAEH,WAAW;IACfE;EACF,CAAC,CAAC;AACN,CAAC;AAED,MAAME,MAAM,GAAIC,KAAY,IAAK;EAC/B,MAAMC,eAAe,GAAGvB,kBAAkB,CAAC,CAAC;EAC5C,MAAM;IAACwB,UAAU;IAAErB,KAAK;IAAEe;EAAS,CAAC,GAAGK,eAAe;EACtD,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAGvC,QAAQ,CAAwB,IAAI,CAAC;EAEzEC,SAAS,CAAC,MAAM;IACd,MAAMuC,WAAW,GAAGzB,gBAAgB,CAACC,KAAK,CAAC;IAC3CuB,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACxB,KAAK,CAAC,CAAC;EAEX,MAAM;IACJc,WAAW;IACXW,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,KAAK;IACLC,SAAS;IACThB,YAAY;IACZiB,SAAS,GAAG,KAAK;IACjBC,UAAU,GAAG,KAAK;IAClBC,MAAM,GAAG;EACX,CAAC,GAAGhB,KAAK;EAET,MAAMiB,WAAW,GAAGlD,WAAW,CAAC,MAAM;IACpC,IAAI,CAACwC,OAAO,EAAE;IAEdX,SAAS,IAAIH,QAAQ,CAACnB,oBAAoB,CAAC4C,WAAW,EAAEvB,WAAW,EAAEC,SAAS,EAAEC,YAAY,CAAC;IAC7FU,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACX,SAAS,EAAED,WAAW,EAAEY,OAAO,EAAEV,YAAY,CAAC,CAAC;EAEnD,MAAMsB,UAAU,GAAGpD,WAAW,CAAC,MAAM;IACnC,IAAI,CAACuC,MAAM,EAAE;IAEbV,SAAS,IAAIH,QAAQ,CAACnB,oBAAoB,CAAC8C,YAAY,EAAEzB,WAAW,EAAEC,SAAS,EAAEC,YAAY,CAAC;IAC9FS,MAAM,CAAC,CAAC;EACV,CAAC,EAAE,CAACV,SAAS,EAAED,WAAW,EAAEW,MAAM,EAAET,YAAY,CAAC,CAAC;EAElD,MAAMwB,YAAY,GAAGtD,WAAW,CAC9BuD,MAAM,IAAI;IACRd,QAAQ,CAACc,MAAM,CAAC;IAChBH,UAAU,CAAC,CAAC;EACd,CAAC,EACD,CAACX,QAAQ,EAAEW,UAAU,CACvB,CAAC;EAED,IAAI,CAAChB,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAMoB,YAAY,GAAGd,MAAM,CAACe,IAAI,CAACC,IAAI,IAAIA,IAAI,CAACC,QAAQ,CAAC;EACvD,MAAMxC,IAAI,GAAIqC,YAAY,IAAIA,YAAY,CAACrC,IAAI,IAAKwB,WAAW,IAAI,IAAI;EAEvE,IAAIiB,UAAqB,GAAG;IAC1B,GAAGxB,UAAU,CAACjB,IAAI;IAClB,GAAG2B;EACL,CAAC;EAED,IAAIzB,KAAK;EACT,IAAI,CAACmC,YAAY,EAAEZ,KAAK,EAAEiB,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE;IAC1CxC,KAAK,GAAGc,UAAU,EAAEb,MAAM,EAAEwC,OAAO;IACnCF,UAAU,GAAG;MACX,GAAGA,UAAU;MACbvC;IACF,CAAC;EACH;EAEA,oBACExB,KAAA,CAAAkE,aAAA,CAAAlE,KAAA,CAAAmE,QAAA,qBACEnE,KAAA,CAAAkE,aAAA,CAACzD,SAAS;IACR2D,QAAQ,EAAEjB,UAAW;IACrBkB,OAAO,EAAEhB,WAAY;IACrBtB,WAAW,EAAEA,WAAY;IACzBqB,MAAM,EAAE,GAAGA,MAAM;EAAS,gBAE1BpD,KAAA,CAAAkE,aAAA,CAAC9D,IAAI;IAAC4C,KAAK,EAAE,CAACT,UAAU,CAACpB,SAAS,EAAE6B,KAAK;EAAE,gBACzChD,KAAA,CAAAkE,aAAA,CAACtD,IAAI;IAACoC,KAAK,EAAEe;EAAW,GAAEzC,IAAW,CAAC,eACtCtB,KAAA,CAAAkE,aAAA,CAACvD,KAAK;IAAC2D,IAAI,EAAC;EAAM,CAAE,CAAC,eACrBtE,KAAA,CAAAkE,aAAA,CAAC3D,SAAS;IACRiB,KAAK,EAAEA,KAAK,IAAIP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC6C,IAAK;IACvCC,MAAM,EAAEzD,UAAW;IACnB0D,KAAK,EAAE1D;EAAW,CACnB,CACG,CACG,CAAC,eACZf,KAAA,CAAAkE,aAAA,CAAC1D,KAAK;IACJkE,SAAS,EAAExB,SAAU;IACrByB,eAAe,EAAEpB,UAAW;IAC5BqB,eAAe,EAAErB,UAAW;IAC5BH,MAAM,EAAEA;EAAO,gBAEfpD,KAAA,CAAAkE,aAAA,CAACrD,WAAW;IACVkC,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IACfD,QAAQ,EAAEa,YAAa;IACvBoB,OAAO,EAAEtB,UAAW;IACpBH,MAAM,EAAE,GAAGA,MAAM;EAAS,CAC3B,CACI,CACP,CAAC;AAEP,CAAC;AAED,eAAejB,MAAM","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 export default Slide;
-declare function Slide(props: any): React.JSX.Element;
+declare function Slide(props: any): JSX.Element;
 declare namespace Slide {
     namespace propTypes {
         const cover: PropTypes.Requireable<string>;
@@ -27,6 +27,5 @@ 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,sDA6BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/slide/index.js"],"names":[],"mappings":";AAKA,gDA6BC"}

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

@@ -1,5 +1,5 @@
 export default SocialLink;
-declare function SocialLink(props: any): React.JSX.Element;
+declare function SocialLink(props: any): JSX.Element;
 declare namespace SocialLink {
     const propTypes: {
         mode: PropTypes.Requireable<string>;
@@ -8,6 +8,5 @@ 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,2DAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/social-link/index.js"],"names":[],"mappings":";AA8BA,qDAeC"}

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { SpaceType } from '../../variables/theme.native';
 export declare type Props = {
     type?: SpaceType;
 };
-declare const Space: ({ type }: Props) => React.JSX.Element;
+declare const Space: ({ type }: Props) => 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":"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"}
+{"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"}

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

@@ -1,7 +1,6 @@
 export default Spinner;
-declare function Spinner(): React.JSX.Element;
+declare function Spinner(): 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,8CAOC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/spinner/index.js"],"names":[],"mappings":";AAGA,wCAOC"}

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

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { StatusItemProps } from './types';
 declare const StatusItem: {
-    (props: StatusItemProps): React.JSX.Element;
+    (props: StatusItemProps): 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":"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"}
+{"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"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { StatusItemProps } from './types';
-declare const Step: ({ value, icon, current }: StatusItemProps) => React.JSX.Element;
+declare const Step: ({ value, icon, current }: StatusItemProps) => JSX.Element | null;
 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":"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"}
+{"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"}

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

@@ -4,17 +4,16 @@ declare function Tab({ onClick, links, title, targetContent }: {
     links: any;
     title: any;
     targetContent: any;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace Tab {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
-        const links: PropTypes.Requireable<{
-            [x: string]: string;
-        }[]>;
+        const links: PropTypes.Requireable<({
+            [x: string]: string | null | undefined;
+        } | null | undefined)[]>;
         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;;;;;sBAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tab/index.js"],"names":[],"mappings":";AAKA;;;;;gBAgBC"}

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

@@ -1,5 +1,5 @@
 export default TabContent;
-declare function TabContent(props: any): React.JSX.Element;
+declare function TabContent(props: any): JSX.Element;
 declare namespace TabContent {
     namespace contextTypes {
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
@@ -10,6 +10,5 @@ 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,2DAUC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tab-content/index.js"],"names":[],"mappings":";AAKA,qDAUC"}

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

@@ -1,32 +1,32 @@
 export default Tag;
 declare function Tag({ label, type, size, customStyle, icon }: {
-    label?: string;
-    type?: string;
-    size?: string;
-    customStyle?: {};
-    icon?: {};
-}): React.JSX.Element;
+    label?: string | undefined;
+    type?: string | undefined;
+    size?: string | undefined;
+    customStyle?: {} | undefined;
+    icon?: {} | undefined;
+}): 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>;
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
         }>;
         const icon: PropTypes.Requireable<PropTypes.InferProps<{
             position: PropTypes.Requireable<string>;
-            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>;
+            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;
         }>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
+import React from "react";
 //# 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;;;;;;sBAsBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AA6BA;;;;;;gBAsBC"}

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) => React.JSX.Element;
+declare const Text: (props: Props) => JSX.Element;
 export default Text;
 //# sourceMappingURL=index.native.d.ts.map