@coorpacademy/components 11.40.17 → 11.40.18-react18.7

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

@@ -1,5 +1,5 @@
 export default Autocomplete;
-declare function Autocomplete(props: any): JSX.Element;
+declare function Autocomplete(props: any): React.JSX.Element;
 declare namespace Autocomplete {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
@@ -10,10 +10,10 @@ declare namespace Autocomplete {
         const modified: PropTypes.Requireable<boolean>;
         const error: PropTypes.Requireable<boolean>;
         const errorMessage: PropTypes.Requireable<string>;
-        const suggestions: PropTypes.Requireable<(PropTypes.InferProps<{
+        const suggestions: PropTypes.Requireable<PropTypes.InferProps<{
             name: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        }> | null | undefined)[]>;
+            value: PropTypes.Requireable<NonNullable<string | number>>;
+        }>[]>;
         const theme: PropTypes.Requireable<string>;
         const onInput: PropTypes.Requireable<(...args: any[]) => any>;
         const onFetch: PropTypes.Requireable<(...args: any[]) => any>;
@@ -22,5 +22,6 @@ declare namespace Autocomplete {
         const onSuggestionSelected: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/autocomplete/index.js"],"names":[],"mappings":";AAmBA,uDA8GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/autocomplete/index.js"],"names":[],"mappings":";AAmBA,6DA8GC"}

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

@@ -1,11 +1,12 @@
 export default Avatar;
 declare function Avatar({ url }: {
     url: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace Avatar {
     namespace propTypes {
         const url: PropTypes.Validator<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

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

package/es/atom/battle-opponent/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { WebContextValues } from '../provider/web-context';
 import { BattleOpponentProps } from './prop-types';
 declare const BattleOpponent: {
-    ({ isAlreadyEngaged, isRandom, userAvatarSrc, onClick, displayName, tooltipText, "aria-label": ariaLabel }: BattleOpponentProps, legacyContext: WebContextValues): JSX.Element;
+    ({ isAlreadyEngaged, isRandom, userAvatarSrc, onClick, displayName, tooltipText, "aria-label": ariaLabel }: BattleOpponentProps, legacyContext: WebContextValues): React.JSX.Element;
     propTypes: {
         isAlreadyEngaged: import("prop-types").Requireable<boolean>;
         isRandom: import("prop-types").Requireable<boolean>;

package/es/atom/battle-opponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAkB,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAG5D,QAAA,MAAM,cAAc;gHASf,mBAAmB,iBACP,gBAAgB;;;;;;;;;;;;;CAyGhC,CAAC;AAQF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/battle-opponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAkB,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAG5D,QAAA,MAAM,cAAc;gHASf,mBAAmB,iBACP,gBAAgB;;;;;;;;;;;;;CAyGhC,CAAC;AAQF,eAAe,cAAc,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA8IA,iDAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA8IA,uDAgCC"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextStyle, ViewStyle } from 'react-native';
 declare type ButtonProps = {
     accessibilityLabel?: string;
@@ -9,6 +9,6 @@ declare type ButtonProps = {
     testID?: string;
     textStyle?: TextStyle;
 };
-declare const Button: (props: ButtonProps) => JSX.Element | null;
+declare const Button: (props: ButtonProps) => React.JSX.Element;
 export default Button;
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,aAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,uBA4BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,aAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,sBA4BjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonLinkProps } from './types';
 declare const ButtonLink: {
-    (props: ButtonLinkProps): JSX.Element;
+    (props: ButtonLinkProps): React.JSX.Element;
     propTypes: {
         type: import("prop-types").Requireable<string>;
         usage: import("prop-types").Requireable<string>;
@@ -22,7 +22,7 @@ declare const ButtonLink: {
                 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<{
@@ -32,7 +32,7 @@ declare const ButtonLink: {
                 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/button-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAuG7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAuG7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/es/atom/button-link/types.d.ts

@@ -33,7 +33,7 @@ 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<{
@@ -43,7 +43,7 @@ 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/button-link-icon/index.d.ts

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

package/es/atom/button-link-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link-icon/index.js"],"names":[],"mappings":";AAoCA,yDAkHC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link-icon/index.js"],"names":[],"mappings":";AAoCA,+DAkHC"}

package/es/atom/button-menu/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonMenuProps } from './types';
 declare const ButtonMenu: {
-    (props: ButtonMenuProps): JSX.Element;
+    (props: ButtonMenuProps): React.JSX.Element;
     propTypes: {
-        buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+        buttons: import("prop-types").Validator<import("prop-types").InferProps<{
             'data-name': import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             label: import("prop-types").Validator<string>;
@@ -23,10 +23,10 @@ declare const ButtonMenu: {
                 }>>;
             }>>;
             customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                [x: string]: NonNullable<string | number>;
             }>;
             customLabelClassName: import("prop-types").Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         'data-name': import("prop-types").Requireable<string>;
         'aria-label': import("prop-types").Requireable<string>;
         enableScroll: import("prop-types").Requireable<boolean>;

package/es/atom/button-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AA+DjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AA+DjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/es/atom/button-menu/types.d.ts

@@ -20,12 +20,12 @@ export declare const buttonPropTypes: {
         }>>;
     }>>;
     customStyle: PropTypes.Requireable<{
-        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        [x: string]: NonNullable<string | number>;
     }>;
     customLabelClassName: PropTypes.Requireable<string>;
 };
 declare const propTypes: {
-    buttons: PropTypes.Validator<(PropTypes.InferProps<{
+    buttons: PropTypes.Validator<PropTypes.InferProps<{
         'data-name': PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         label: PropTypes.Validator<string>;
@@ -45,10 +45,10 @@ declare const propTypes: {
             }>>;
         }>>;
         customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
         customLabelClassName: PropTypes.Requireable<string>;
-    }> | null | undefined)[]>;
+    }>[]>;
     'data-name': PropTypes.Requireable<string>;
     'aria-label': PropTypes.Requireable<string>;
     enableScroll: PropTypes.Requireable<boolean>;

package/es/atom/card-image-preview/index.d.ts

@@ -3,7 +3,7 @@ declare function CardImagePreview({ image }: {
     image: any;
 }, { skin }: {
     skin: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace CardImagePreview {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -32,5 +32,6 @@ declare namespace CardImagePreview {
         const image: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/card-image-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;sBAiBC"}

package/es/atom/catalog-section/index.d.ts

@@ -2,12 +2,13 @@ export default CatalogSection;
 declare function CatalogSection({ title, children }: {
     title: any;
     children: any;
-}, context: any): JSX.Element;
+}, context: any): React.JSX.Element;
 declare namespace CatalogSection {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/catalog-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/catalog-section/index.js"],"names":[],"mappings":";AAIA;;;8BAKC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/catalog-section/index.js"],"names":[],"mappings":";AAIA;;;oCAKC"}

package/es/atom/centered-text/index.d.ts

@@ -1,11 +1,12 @@
 export default CenteredText;
 declare function CenteredText({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace CenteredText {
     namespace propTypes {
         const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/centered-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/centered-text/index.js"],"names":[],"mappings":";AAIA;;gBAAmF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/centered-text/index.js"],"names":[],"mappings":";AAIA;;sBAAmF"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox/index.js"],"names":[],"mappings":";AAIA,mDAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox/index.js"],"names":[],"mappings":";AAIA,yDAaC"}

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

@@ -1,5 +1,5 @@
 export default CheckboxWithTitle;
-declare function CheckboxWithTitle(props: any, context: any): JSX.Element;
+declare function CheckboxWithTitle(props: any, context: any): React.JSX.Element;
 declare namespace CheckboxWithTitle {
     const propTypes: {
         value: PropTypes.Requireable<string>;
@@ -15,7 +15,7 @@ declare namespace CheckboxWithTitle {
             preset: PropTypes.Requireable<string>;
         }>>;
         customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
     };
     namespace contextTypes {
@@ -42,5 +42,6 @@ declare namespace CheckboxWithTitle {
         }>>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/checkbox-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAUA,0EAiEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAUA,gFAiEC"}

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

@@ -1,6 +1,6 @@
 export function calculateHoveredSelectedBgColor(selectedBgColor: any, luminosityDelta?: number): any;
 export default Chip;
-declare function Chip(props: any, context: any): JSX.Element;
+declare function Chip(props: any, context: any): React.JSX.Element;
 declare namespace Chip {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -35,9 +35,10 @@ declare namespace Chip {
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const leftIcon: PropTypes.Requireable<string>;
         const customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            [x: string]: NonNullable<string | number>;
         }>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,mEA0EC"}

package/es/atom/chip/index.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import getOr from 'lodash/fp/getOr';
 import { convert } from 'css-color-function';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { fas } from '@fortawesome/pro-solid-svg-icons';
+import { fas } from '@fortawesome/free-solid-svg-icons';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import Provider from '../provider';
 import { COLORS } from '../../variables/colors';

package/es/atom/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","getOr","convert","FontAwesomeIcon","fas","library","Provider","COLORS","style","add","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","onClick","leftIcon","backgroundColor","customStyle","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","container","unselected","onMouseEnter","onMouseLeave","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func","objectOf","oneOfType","number"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    textColor = COLORS.cm_grey_700,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n  const selectedBgColor =\n    backgroundColor === 'skin' && skinColor\n      ? skinColor\n      : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const showIcon = customIcon !== 'none';\n  const color = selected ? COLORS.white : textColor;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle),\n        ...customStyle\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {showIcon ? (\n        <FontAwesomeIcon\n          style={{color}}\n          icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n          fontSize={ICON_SIZE}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  textColor: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","getOr","convert","FontAwesomeIcon","fas","library","Provider","COLORS","style","add","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","onClick","leftIcon","backgroundColor","customStyle","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","container","unselected","onMouseEnter","onMouseLeave","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func","objectOf","oneOfType","number"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/free-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    textColor = COLORS.cm_grey_700,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor,\n    customStyle\n  } = props;\n  const {skin} = context;\n  const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n  const selectedBgColor =\n    backgroundColor === 'skin' && skinColor\n      ? skinColor\n      : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const showIcon = customIcon !== 'none';\n  const color = selected ? COLORS.white : textColor;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle),\n        ...customStyle\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {showIcon ? (\n        <FontAwesomeIcon\n          style={{color}}\n          icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n          fontSize={ICON_SIZE}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  textColor: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string,\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AAWA,gDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AAWA,sDAuBC"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle } from 'react-native';
 import type { Media, QuestionType } from '../../molecule/questions/types';
 export declare type Props = {
@@ -12,6 +12,6 @@ export declare type Props = {
     style?: ViewStyle;
     questionType: QuestionType;
 };
-declare const Choice: ({ children, isSelected, squeezed, isDisabled, onPress, media, testID: prefixTestID, style, questionType }: Props) => JSX.Element | null;
+declare const Choice: ({ children, isSelected, squeezed, isDisabled, onPress, media, testID: prefixTestID, style, questionType }: Props) => React.JSX.Element;
 export default Choice;
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/choice/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMxE,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAqEF,QAAA,MAAM,MAAM,8GAUT,KAAK,uBAuFP,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/choice/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,SAAS,EAAkB,MAAM,cAAc,CAAC;AAI1E,OAAO,KAAK,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMxE,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAqEF,QAAA,MAAM,MAAM,8GAUT,KAAK,sBA2FP,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/atom/choice/index.native.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, StyleSheet, Text } from 'react-native';
 import Html from '../html/index.native';
 import ImageBackground from '../image-background/index.native';
 import getCleanUri from '../../util/get-clean-uri';
@@ -40,7 +40,7 @@ const createStyleSheet = (theme, squeezed) => StyleSheet.create({
   },
   text: {
     fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,
-    fontWeight: theme.fontWeight.bold,
+    fontWeight: '700',
     color: theme.colors.black,
     textAlign: 'center'
   },
@@ -133,9 +133,11 @@ const Choice = ({
     style: styleSheet.image
   })) : null, children ? /*#__PURE__*/React.createElement(View, {
     style: textWrapperStyle
-  }, /*#__PURE__*/React.createElement(Html, {
+  }, children.includes('<') ? /*#__PURE__*/React.createElement(Html, {
     style: textStyle,
     isTextCentered: true
+  }, children) : /*#__PURE__*/React.createElement(Text, {
+    style: Object.assign({}, ...textStyle)
   }, children)) : null));
 };
 export default Choice;

package/es/atom/choice/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","Html","ImageBackground","getCleanUri","Touchable","useTemplateContext","createStyleSheet","theme","squeezed","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","minHeight","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius","createElement","analyticsID","analyticsParams","isTextCentered"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 8,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch',\n      minHeight: 60\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            <Html style={textStyle} isTextCentered>\n              {children}\n            </Html>\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","Text","Html","ImageBackground","getCleanUri","Touchable","useTemplateContext","createStyleSheet","theme","squeezed","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","minHeight","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius","createElement","analyticsID","analyticsParams","includes","isTextCentered","Object","assign"],"sources":["../../../src/atom/choice/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle, Text} from 'react-native';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  onPress: () => void;\n  children?: string;\n  isDisabled?: boolean;\n  testID?: string;\n  media?: Media;\n  squeezed?: boolean;\n  style?: ViewStyle;\n  questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n  boxShadow: ViewStyle;\n  container: ViewStyle;\n  text: TextStyle;\n  textSelected: TextStyle;\n  textContainer: ViewStyle;\n  squeezedTextContainer: ViewStyle;\n  unselectedImageContainer: ViewStyle;\n  imageContainer: ViewStyle;\n  image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n  StyleSheet.create({\n    boxShadow: {\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: 4},\n      shadowOpacity: 0.12,\n      shadowRadius: 8,\n      elevation: 8,\n      backgroundColor: '#0000'\n    },\n    container: {\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.regular,\n      flexDirection: 'row',\n      alignItems: 'stretch',\n      minHeight: 60\n    },\n    textContainer: {\n      paddingHorizontal: 24,\n      paddingVertical: 12,\n      justifyContent: 'center',\n      alignItems: 'center',\n      flex: 1\n    },\n    squeezedTextContainer: {\n      padding: theme.spacing.small,\n      paddingLeft: undefined,\n      paddingVertical: undefined,\n      paddingRight: undefined,\n      flex: 0\n    },\n    text: {\n      fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n      fontWeight: '700',\n      color: theme.colors.black,\n      textAlign: 'center'\n    },\n    textSelected: {\n      color: theme.colors.white\n    },\n    unselectedImageContainer: {\n      borderRightColor: theme.colors.border\n    },\n    imageContainer: {\n      height: '100%',\n      width: '25%',\n      overflow: 'hidden',\n      borderTopLeftRadius: theme.radius.regular,\n      borderBottomLeftRadius: theme.radius.regular\n    },\n    image: {\n      flex: 1\n    }\n  });\n\nconst Choice = ({\n  children,\n  isSelected = false,\n  squeezed = false,\n  isDisabled,\n  onPress,\n  media,\n  testID: prefixTestID,\n  style,\n  questionType\n}: Props) => {\n  const templateContext = useTemplateContext();\n  const {theme, brandTheme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, squeezed);\n    setStylesheet(_stylesheet);\n  }, [theme, squeezed]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n  const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n  const url =\n    media &&\n    media.type === 'img' &&\n    media.src &&\n    media.src.length > 0 &&\n    getCleanUri(media.src[0].url);\n\n  const source = {uri: url ? getCleanUri(url) : undefined};\n  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n  const textStyle: TextStyle[] = [styleSheet.text];\n  const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n  if (squeezed) {\n    textWrapperStyle.push(styleSheet.squeezedTextContainer);\n  }\n\n  if (isSelected) {\n    textStyle.push(styleSheet.textSelected);\n\n    // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n    const selectionStyle = brandTheme && {\n      backgroundColor: brandTheme.colors?.primary,\n      borderColor: brandTheme.colors?.primary,\n      ...(url\n        ? {\n            borderTopRightRadius: theme.radius.regular,\n            borderBottomRightRadius: theme.radius.regular\n          }\n        : {\n            borderRadius: theme.radius.regular\n          })\n    };\n\n    if (selectionStyle) {\n      textWrapperStyle.push(selectionStyle);\n    }\n  }\n\n  return (\n    <Touchable\n      onPress={!isDisabled ? onPress : undefined}\n      style={style}\n      analyticsID=\"question-choice\"\n      analyticsParams={{questionType}}\n    >\n      <View\n        style={[styleSheet.boxShadow, styleSheet.container]}\n        testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n      >\n        {url ? (\n          <View style={styleSheet.imageContainer}>\n            <ImageBackground\n              testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n              source={source}\n              style={styleSheet.image}\n            />\n          </View>\n        ) : null}\n\n        {children ? (\n          <View style={textWrapperStyle}>\n            {children.includes('<') ? (\n              <Html style={textStyle} isTextCentered>\n                {children}\n              </Html>\n            ) : (\n              <Text style={Object.assign({}, ...textStyle)}>{children}</Text>\n            )}\n          </View>\n        ) : null}\n      </View>\n    </Touchable>\n  );\n};\n\nexport default Choice;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,IAAI,EAAEC,UAAU,EAAwBC,IAAI,QAAO,cAAc;AAEzE,OAAOC,IAAI,MAAM,sBAAsB;AACvC,OAAOC,eAAe,MAAM,kCAAkC;AAE9D,OAAOC,WAAW,MAAM,0BAA0B;AAClD,OAAOC,SAAS,MAAM,kCAAkC;AACxD,SAAQC,kBAAkB,QAAO,4CAA4C;AA2B7E,MAAMC,gBAAgB,GAAGA,CAACC,KAAY,EAAEC,QAAiB,KACvDT,UAAU,CAACU,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAACC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAC,CAAC;IACnCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,eAAe,EAAE;EACnB,CAAC;EACDC,SAAS,EAAE;IACTD,eAAe,EAAEX,KAAK,CAACa,MAAM,CAACC,KAAK;IACnCC,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACC,OAAO;IAClCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,SAAS;IACrBC,SAAS,EAAE;EACb,CAAC;EACDC,aAAa,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,cAAc,EAAE,QAAQ;IACxBL,UAAU,EAAE,QAAQ;IACpBM,IAAI,EAAE;EACR,CAAC;EACDC,qBAAqB,EAAE;IACrBC,OAAO,EAAE3B,KAAK,CAAC4B,OAAO,CAACC,KAAK;IAC5BC,WAAW,EAAEC,SAAS;IACtBR,eAAe,EAAEQ,SAAS;IAC1BC,YAAY,EAAED,SAAS;IACvBN,IAAI,EAAE;EACR,CAAC;EACDQ,IAAI,EAAE;IACJC,QAAQ,EAAEjC,QAAQ,GAAGD,KAAK,CAACkC,QAAQ,CAACC,MAAM,GAAGnC,KAAK,CAACkC,QAAQ,CAACjB,OAAO;IACnEmB,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAErC,KAAK,CAACa,MAAM,CAACyB,KAAK;IACzBC,SAAS,EAAE;EACb,CAAC;EACDC,YAAY,EAAE;IACZH,KAAK,EAAErC,KAAK,CAACa,MAAM,CAACC;EACtB,CAAC;EACD2B,wBAAwB,EAAE;IACxBC,gBAAgB,EAAE1C,KAAK,CAACa,MAAM,CAAC8B;EACjC,CAAC;EACDC,cAAc,EAAE;IACdrC,MAAM,EAAE,MAAM;IACdD,KAAK,EAAE,KAAK;IACZuC,QAAQ,EAAE,QAAQ;IAClBC,mBAAmB,EAAE9C,KAAK,CAACgB,MAAM,CAACC,OAAO;IACzC8B,sBAAsB,EAAE/C,KAAK,CAACgB,MAAM,CAACC;EACvC,CAAC;EACD+B,KAAK,EAAE;IACLvB,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEJ,MAAMwB,MAAM,GAAGA,CAAC;EACdC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBlD,QAAQ,GAAG,KAAK;EAChBmD,UAAU;EACVC,OAAO;EACPC,KAAK;EACLC,MAAM,EAAEC,YAAY;EACpBC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,MAAMC,eAAe,GAAG7D,kBAAkB,CAAC,CAAC;EAC5C,MAAM;IAACE,KAAK;IAAE4D;EAAU,CAAC,GAAGD,eAAe;EAE3C,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAGxE,QAAQ,CAAwB,IAAI,CAAC;EAEzED,SAAS,CAAC,MAAM;IACd,MAAM0E,WAAW,GAAGhE,gBAAgB,CAACC,KAAK,EAAEC,QAAQ,CAAC;IACrD6D,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAC/D,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAErB,IAAI,CAAC4D,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAMG,cAAc,GAAGR,YAAY,IAAIL,UAAU,GAAG,WAAW,GAAG,EAAE;EACpE,MAAMc,SAAS,GAAGX,KAAK,IAAIA,KAAK,CAACY,IAAI,IAAIZ,KAAK,CAACY,IAAI,KAAK,KAAK,IAAIZ,KAAK,CAACY,IAAI,CAACC,WAAW,CAAC,CAAC;EACzF,MAAMC,GAAG,GACPd,KAAK,IACLA,KAAK,CAACY,IAAI,KAAK,KAAK,IACpBZ,KAAK,CAACe,GAAG,IACTf,KAAK,CAACe,GAAG,CAACC,MAAM,GAAG,CAAC,IACpB1E,WAAW,CAAC0D,KAAK,CAACe,GAAG,CAAC,CAAC,CAAC,CAACD,GAAG,CAAC;EAE/B,MAAMG,MAAM,GAAG;IAACC,GAAG,EAAEJ,GAAG,GAAGxE,WAAW,CAACwE,GAAG,CAAC,GAAGrC;EAAS,CAAC;EACxD,MAAM0C,WAAW,GAAGjB,YAAY,IAAIS,SAAS,GAAG,IAAIA,SAAS,EAAE,GAAG,EAAE;EAEpE,MAAMS,SAAsB,GAAG,CAACb,UAAU,CAAC5B,IAAI,CAAC;EAChD,MAAM0C,gBAA6B,GAAG,CAACd,UAAU,CAACxC,aAAa,CAAC;EAEhE,IAAIpB,QAAQ,EAAE;IACZ0E,gBAAgB,CAACC,IAAI,CAACf,UAAU,CAACnC,qBAAqB,CAAC;EACzD;EAEA,IAAIyB,UAAU,EAAE;IACduB,SAAS,CAACE,IAAI,CAACf,UAAU,CAACrB,YAAY,CAAC;;IAEvC;IACA,MAAMqC,cAAc,GAAGjB,UAAU,IAAI;MACnCjD,eAAe,EAAEiD,UAAU,CAAC/C,MAAM,EAAEiE,OAAO;MAC3CC,WAAW,EAAEnB,UAAU,CAAC/C,MAAM,EAAEiE,OAAO;MACvC,IAAIV,GAAG,GACH;QACEY,oBAAoB,EAAEhF,KAAK,CAACgB,MAAM,CAACC,OAAO;QAC1CgE,uBAAuB,EAAEjF,KAAK,CAACgB,MAAM,CAACC;MACxC,CAAC,GACD;QACEF,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACC;MAC7B,CAAC;IACP,CAAC;IAED,IAAI4D,cAAc,EAAE;MAClBF,gBAAgB,CAACC,IAAI,CAACC,cAAc,CAAC;IACvC;EACF;EAEA,oBACEzF,KAAA,CAAA8F,aAAA,CAACrF,SAAS;IACRwD,OAAO,EAAE,CAACD,UAAU,GAAGC,OAAO,GAAGtB,SAAU;IAC3C0B,KAAK,EAAEA,KAAM;IACb0B,WAAW,EAAC,iBAAiB;IAC7BC,eAAe,EAAE;MAAC1B;IAAY;EAAE,gBAEhCtE,KAAA,CAAA8F,aAAA,CAAC3F,IAAI;IACHkE,KAAK,EAAE,CAACI,UAAU,CAAC1D,SAAS,EAAE0D,UAAU,CAACjD,SAAS,CAAE;IACpD2C,MAAM,EAAEC,YAAY,IAAI,GAAGA,YAAY,GAAGQ,cAAc;EAAG,GAE1DI,GAAG,gBACFhF,KAAA,CAAA8F,aAAA,CAAC3F,IAAI;IAACkE,KAAK,EAAEI,UAAU,CAACjB;EAAe,gBACrCxD,KAAA,CAAA8F,aAAA,CAACvF,eAAe;IACd4D,MAAM,EAAEC,YAAY,IAAI,GAAGA,YAAY,GAAGiB,WAAW,EAAG;IACxDF,MAAM,EAAEA,MAAO;IACfd,KAAK,EAAEI,UAAU,CAACb;EAAM,CACzB,CACG,CAAC,GACL,IAAI,EAEPE,QAAQ,gBACP9D,KAAA,CAAA8F,aAAA,CAAC3F,IAAI;IAACkE,KAAK,EAAEkB;EAAiB,GAC3BzB,QAAQ,CAACmC,QAAQ,CAAC,GAAG,CAAC,gBACrBjG,KAAA,CAAA8F,aAAA,CAACxF,IAAI;IAAC+D,KAAK,EAAEiB,SAAU;IAACY,cAAc;EAAA,GACnCpC,QACG,CAAC,gBAEP9D,KAAA,CAAA8F,aAAA,CAACzF,IAAI;IAACgE,KAAK,EAAE8B,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAGd,SAAS;EAAE,GAAExB,QAAe,CAE5D,CAAC,GACL,IACA,CACG,CAAC;AAEhB,CAAC;AAED,eAAeD,MAAM","ignoreList":[]}

package/es/atom/circular-progress-bar/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { LearningPriorityCardPropTypes } from './types';
 declare const CircularProgressBar: {
-    ({ label, progression, size, strokeWidth, "aria-label": ariaLabel, "data-name": dataName }: LearningPriorityCardPropTypes): JSX.Element;
+    ({ label, progression, size, strokeWidth, "aria-label": ariaLabel, "data-name": dataName }: LearningPriorityCardPropTypes): React.JSX.Element;
     propTypes: {
         label: import("prop-types").Requireable<string>;
         progression: import("prop-types").Validator<number>;

package/es/atom/circular-progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;CAgD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/circular-progress-bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAC,6BAA6B,EAA+B,MAAM,SAAS,CAAC;AAmBpF,QAAA,MAAM,mBAAmB;gGAOtB,6BAA6B;;;;;;;;;CAgD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

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

@@ -30,14 +30,14 @@ declare class Clue extends React.Component<any, any, any> {
         translate: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static getDerivedStateFromProps(props: any): {
-        isLoading: false;
-    } | null;
+        isLoading: boolean;
+    };
     constructor(props: any, context: any);
     state: {
         isLoading: boolean;
     };
     handleClick(e: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/clue/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;MAIE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF;;aAMC;IAED,sCAMC;IAJC;;MAEC;IAIH,0BASC;IAED,sBAyBC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/clue/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;MAIE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF;;MAMC;IAED,sCAMC;IAJC;;MAEC;IAIH,0BASC;IAED,4BAyBC;CACF"}