@coorpacademy/components 11.40.21 → 11.40.22-slider.14

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":"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","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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/content-badge/index.js"],"names":[],"mappings":";AAkBA,uDAGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/content-badge/index.js"],"names":[],"mappings":";AAkBA,6DAGC"}

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import type { WebContextValues } from '../provider/web-context';
 import type { CTAProps } from './prop-types';
 declare const CTA: {
-    (props: CTAProps, legacyContext: WebContextValues): JSX.Element;
+    (props: CTAProps, legacyContext: WebContextValues): React.JSX.Element;
     propTypes: {
         'aria-label': import("prop-types").Requireable<string>;
         submitValue: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,GAAG;YAAW,QAAQ,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG5D,CAAC;AAQF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,GAAG;YAAW,QAAQ,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG5D,CAAC;AAQF,eAAe,GAAG,CAAC"}

package/es/atom/difficulty-level/index.d.ts

@@ -2,7 +2,7 @@ export default DifficultyLevel;
 declare function DifficultyLevel({ level, children }: {
     level: any;
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace DifficultyLevel {
     namespace propTypes {
         import level = level;
@@ -10,9 +10,10 @@ declare namespace DifficultyLevel {
         export const children: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 declare function Icon({ level }: {
-    level?: number | undefined;
-}): JSX.Element;
+    level?: number;
+}): React.JSX.Element;
 declare namespace Icon {
     export namespace propTypes_1 {
         const level_1: PropTypes.Requireable<number>;

package/es/atom/difficulty-level/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/difficulty-level/index.js"],"names":[],"mappings":";AA6BA;;;gBAcC;;;;;;;;AA/BD;;gBAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/difficulty-level/index.js"],"names":[],"mappings":";AA6BA;;;sBAcC;;;;;;;;;AA/BD;;sBAWC"}

package/es/atom/drag-and-drop/index.d.ts

@@ -28,7 +28,7 @@ declare class DragAndDrop extends React.Component<any, any, any> {
     };
     handleDragStart(): void;
     handleDragStop(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/atom/drag-and-drop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBA4MC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;;MAqBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,4BA4MC;CACF"}

package/es/atom/empty-search-result/index.d.ts

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

package/es/atom/empty-search-result/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/empty-search-result/index.js"],"names":[],"mappings":";AAIA,4DAUC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/empty-search-result/index.js"],"names":[],"mappings":";AAIA,kEAUC"}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
 export declare type Props = {
     children?: ReactNode;
@@ -9,6 +9,6 @@ export declare type Props = {
     testID?: string;
     pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;
 };
-declare const Gradient: ({ children, colors, transparencyPosition, height, style, testID, pointerEvents }: Props) => JSX.Element;
+declare const Gradient: ({ children, colors, transparencyPosition, height, style, testID, pointerEvents }: Props) => React.JSX.Element;
 export default Gradient;
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/gradient/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAIvC,oBAAY,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,QAAQ,qFAQX,KAAK,gBAkCP,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/gradient/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAO,SAAS,EAAuB,MAAM,cAAc,CAAC;AAGnE,oBAAY,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,oBAAoB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,QAAA,MAAM,QAAQ,qFAQX,KAAK,sBAoDP,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import LinearGradient from 'react-native-linear-gradient';
+import { View, StyleSheet, Platform } from 'react-native';
 import Color from 'colorjs.io';
 const Gradient = ({
   children,
@@ -10,9 +10,17 @@ const Gradient = ({
   testID,
   pointerEvents
 }) => {
-  let calculatedColors = colors;
-  if (colors.length === 1) {
-    const [raw] = colors;
+  // Validate colors array - ensure all values are valid strings
+  const validColors = colors?.filter(c => c && typeof c === 'string') || [];
+
+  // Fallback if no valid colors provided
+  if (validColors.length === 0) {
+    console.warn('Gradient: No valid colors provided, using transparent fallback');
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  let calculatedColors = validColors;
+  if (validColors.length === 1) {
+    const [raw] = validColors;
     const transparent = new Color(raw).to('srgb');
     transparent.alpha = 0;
     calculatedColors = transparencyPosition === 'top' ? [transparent.toString(), raw, raw] : [raw, raw, transparent.toString()];
@@ -26,12 +34,25 @@ const Gradient = ({
       height
     });
   }
-  return /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: calculatedColors,
-    style: _style,
+
+  // Build CSS gradient string (vertical by default)
+  const gradientString = `linear-gradient(180deg, ${calculatedColors.join(', ')})`;
+  const gradientStyle = Platform.select({
+    default: {
+      // @ts-ignore - experimental_backgroundImage is not yet in types
+      experimental_backgroundImage: gradientString
+    },
+    web: {
+      // @ts-ignore
+      backgroundImage: gradientString
+    }
+  });
+  const combinedStyle = StyleSheet.flatten([gradientStyle, ..._style]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: combinedStyle,
     pointerEvents: pointerEvents,
     testID: testID
-  }, children) || null;
+  }, children);
 };
 export default Gradient;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","LinearGradient","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","calculatedColors","length","raw","transparent","to","alpha","toString","_style","push","createElement"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {ViewStyle} from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport Color from 'colorjs.io';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  let calculatedColors = colors;\n  if (colors.length === 1) {\n    const [raw] = colors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\n  }\n\n  const _style = [];\n\n  if (style) {\n    _style.push(style);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  return (\n    (\n      <LinearGradient\n        colors={calculatedColors}\n        style={_style}\n        pointerEvents={pointerEvents}\n        testID={testID}\n      >\n        {children}\n      </LinearGradient>\n    ) || null\n  );\n};\n\nexport default Gradient;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AAEtC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,KAAK,MAAM,YAAY;AAY9B,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX,IAAIC,gBAAgB,GAAGN,MAAM;EAC7B,IAAIA,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;IACvB,MAAM,CAACC,GAAG,CAAC,GAAGR,MAAM;IACpB,MAAMS,WAAW,GAAG,IAAIZ,KAAK,CAACW,GAAG,CAAC,CAACE,EAAE,CAAC,MAAM,CAAC;IAC7CD,WAAW,CAACE,KAAK,GAAG,CAAC;IAErBL,gBAAgB,GACdL,oBAAoB,KAAK,KAAK,GAC1B,CAACQ,WAAW,CAACG,QAAQ,CAAC,CAAC,EAAEJ,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAM,GAAG,EAAE;EAEjB,IAAIV,KAAK,EAAE;IACTU,MAAM,CAACC,IAAI,CAACX,KAAK,CAAC;EACpB;EACA,IAAID,MAAM,EAAE;IACVW,MAAM,CAACC,IAAI,CAAC;MAACZ;IAAM,CAAC,CAAC;EACvB;EAEA,OACE,aACEP,KAAA,CAAAoB,aAAA,CAACnB,cAAc;IACbI,MAAM,EAAEM,gBAAiB;IACzBH,KAAK,EAAEU,MAAO;IACdR,aAAa,EAAEA,aAAc;IAC7BD,MAAM,EAAEA;EAAO,GAEdL,QACa,CAAC,IACd,IAAI;AAEb,CAAC;AAED,eAAeD,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","View","StyleSheet","Platform","Color","Gradient","children","colors","transparencyPosition","height","style","testID","pointerEvents","validColors","filter","c","length","console","warn","createElement","Fragment","calculatedColors","raw","transparent","to","alpha","toString","_style","push","gradientString","join","gradientStyle","select","default","experimental_backgroundImage","web","backgroundImage","combinedStyle","flatten"],"sources":["../../../src/atom/gradient/index.native.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {View, ViewStyle, StyleSheet, Platform} from 'react-native';\nimport Color from 'colorjs.io';\n\nexport type Props = {\n  children?: ReactNode;\n  colors: Array<string>;\n  transparencyPosition?: 'top' | 'bottom';\n  height?: number;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only' | undefined;\n};\n\nconst Gradient = ({\n  children,\n  colors,\n  transparencyPosition = 'top',\n  height,\n  style,\n  testID,\n  pointerEvents\n}: Props) => {\n  // Validate colors array - ensure all values are valid strings\n  const validColors = colors?.filter(c => c && typeof c === 'string') || [];\n\n  // Fallback if no valid colors provided\n  if (validColors.length === 0) {\n    console.warn('Gradient: No valid colors provided, using transparent fallback');\n    return <>{children}</>;\n  }\n\n  let calculatedColors = validColors;\n  if (validColors.length === 1) {\n    const [raw] = validColors;\n    const transparent = new Color(raw).to('srgb');\n    transparent.alpha = 0;\n\n    calculatedColors =\n      transparencyPosition === 'top'\n        ? [transparent.toString(), raw, raw]\n        : [raw, raw, transparent.toString()];\n  }\n\n  const _style: ViewStyle[] = [];\n\n  if (style) {\n    _style.push(style as ViewStyle);\n  }\n  if (height) {\n    _style.push({height});\n  }\n\n  // Build CSS gradient string (vertical by default)\n  const gradientString = `linear-gradient(180deg, ${calculatedColors.join(', ')})`;\n\n  const gradientStyle = Platform.select({\n    default: {\n      // @ts-ignore - experimental_backgroundImage is not yet in types\n      experimental_backgroundImage: gradientString\n    },\n    web: {\n      // @ts-ignore\n      backgroundImage: gradientString\n    }\n  });\n\n  const combinedStyle = StyleSheet.flatten([gradientStyle as ViewStyle, ..._style]);\n\n  return (\n    <View style={combinedStyle} pointerEvents={pointerEvents} testID={testID}>\n      {children}\n    </View>\n  );\n};\n\nexport default Gradient;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAAQC,IAAI,EAAaC,UAAU,EAAEC,QAAQ,QAAO,cAAc;AAClE,OAAOC,KAAK,MAAM,YAAY;AAY9B,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,MAAM;EACNC,oBAAoB,GAAG,KAAK;EAC5BC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACK,CAAC,KAAK;EACX;EACA,MAAMC,WAAW,GAAGN,MAAM,EAAEO,MAAM,CAACC,CAAC,IAAIA,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,CAAC,IAAI,EAAE;;EAEzE;EACA,IAAIF,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5BC,OAAO,CAACC,IAAI,CAAC,gEAAgE,CAAC;IAC9E,oBAAOlB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,QAAGd,QAAW,CAAC;EACxB;EAEA,IAAIe,gBAAgB,GAAGR,WAAW;EAClC,IAAIA,WAAW,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5B,MAAM,CAACM,GAAG,CAAC,GAAGT,WAAW;IACzB,MAAMU,WAAW,GAAG,IAAInB,KAAK,CAACkB,GAAG,CAAC,CAACE,EAAE,CAAC,MAAM,CAAC;IAC7CD,WAAW,CAACE,KAAK,GAAG,CAAC;IAErBJ,gBAAgB,GACdb,oBAAoB,KAAK,KAAK,GAC1B,CAACe,WAAW,CAACG,QAAQ,CAAC,CAAC,EAAEJ,GAAG,EAAEA,GAAG,CAAC,GAClC,CAACA,GAAG,EAAEA,GAAG,EAAEC,WAAW,CAACG,QAAQ,CAAC,CAAC,CAAC;EAC1C;EAEA,MAAMC,MAAmB,GAAG,EAAE;EAE9B,IAAIjB,KAAK,EAAE;IACTiB,MAAM,CAACC,IAAI,CAAClB,KAAkB,CAAC;EACjC;EACA,IAAID,MAAM,EAAE;IACVkB,MAAM,CAACC,IAAI,CAAC;MAACnB;IAAM,CAAC,CAAC;EACvB;;EAEA;EACA,MAAMoB,cAAc,GAAG,2BAA2BR,gBAAgB,CAACS,IAAI,CAAC,IAAI,CAAC,GAAG;EAEhF,MAAMC,aAAa,GAAG5B,QAAQ,CAAC6B,MAAM,CAAC;IACpCC,OAAO,EAAE;MACP;MACAC,4BAA4B,EAAEL;IAChC,CAAC;IACDM,GAAG,EAAE;MACH;MACAC,eAAe,EAAEP;IACnB;EACF,CAAC,CAAC;EAEF,MAAMQ,aAAa,GAAGnC,UAAU,CAACoC,OAAO,CAAC,CAACP,aAAa,EAAe,GAAGJ,MAAM,CAAC,CAAC;EAEjF,oBACE3B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACS,KAAK,EAAE2B,aAAc;IAACzB,aAAa,EAAEA,aAAc;IAACD,MAAM,EAAEA;EAAO,GACtEL,QACG,CAAC;AAEX,CAAC;AAED,eAAeD,QAAQ","ignoreList":[]}

package/es/atom/header-back-button/index.native.d.ts

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

package/es/atom/header-back-button/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-button/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAWhF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,oBAAY,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,gBAAgB,UAAW,KAAK,sBA+CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/es/atom/header-back-icon/index.native.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle } from 'react-native';
 export declare type Props = {
     color?: string;
@@ -6,6 +6,6 @@ export declare type Props = {
     width?: number;
     style?: ViewStyle;
 };
-declare const HeaderBackIcon: (props: Props) => JSX.Element;
+declare const HeaderBackIcon: (props: Props) => React.JSX.Element;
 export default HeaderBackIcon;
 //# sourceMappingURL=index.native.d.ts.map

package/es/atom/header-back-icon/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-icon/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAC,MAAM,cAAc,CAAC;AAI7C,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,UAAW,KAAK,gBAWnC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/header-back-icon/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,SAAS,EAAC,MAAM,cAAc,CAAC;AAI7C,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,cAAc,UAAW,KAAK,sBAWnC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ViewStyle, ImageStyle, TextStyle } from 'react-native';
 export declare type Props = {
     children: string;
@@ -12,6 +12,6 @@ export declare type Props = {
     testID?: string;
     isTextCentered?: boolean;
 };
-declare const Html: (props: Props) => JSX.Element;
+declare const Html: (props: Props) => React.JSX.Element;
 export default Html;
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAqBpE,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,gBA0IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/html/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAO,SAAS,EAAE,UAAU,EAAE,SAAS,EAAsB,MAAM,cAAc,CAAC;AAqBzF,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAqBF,QAAA,MAAM,IAAI,UAAW,KAAK,sBA6IzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { View } from 'react-native';
+import { View, useWindowDimensions } from 'react-native';
 import RenderHTML from 'react-native-render-html';
 import { HTML_ANCHOR_TEXT_COLOR } from '../../variables/theme.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
@@ -9,6 +9,9 @@ const HtmlBase = props => {
 };
 const Html = props => {
   const templateContext = useTemplateContext();
+  const {
+    width: contentWidth
+  } = useWindowDimensions();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState(false);
   const {
     theme
@@ -24,6 +27,27 @@ const Html = props => {
     isTextCentered,
     numberOfLines
   } = props;
+  let baseFontStyle = useMemo(() => ({
+    fontSize,
+    color: theme.colors.black
+  }), [fontSize, theme]);
+  if (style) {
+    if (Array.isArray(style)) {
+      const styleObject = style.reduce((result, child) => ({
+        ...result,
+        ...child
+      }));
+      baseFontStyle = {
+        ...baseFontStyle,
+        ...styleObject
+      };
+    } else {
+      baseFontStyle = {
+        ...baseFontStyle,
+        ...style
+      };
+    }
+  }
 
   // Don't use StyleSheet there, it's not a react style
   const styles = {
@@ -46,6 +70,9 @@ const Html = props => {
   };
   const tagsStyles = {
     ...styles,
+    body: {
+      color: baseFontStyle.color
+    },
     h1: {
       fontSize
     },
@@ -69,27 +96,6 @@ const Html = props => {
     },
     img: imageStyle || {}
   };
-  let baseFontStyle = useMemo(() => ({
-    fontSize,
-    color: theme.colors.black
-  }), [fontSize, theme]);
-  if (style) {
-    if (Array.isArray(style)) {
-      const styleObject = style.reduce((result, child) => ({
-        ...result,
-        ...child
-      }));
-      baseFontStyle = {
-        ...baseFontStyle,
-        ...styleObject
-      };
-    } else {
-      baseFontStyle = {
-        ...baseFontStyle,
-        ...style
-      };
-    }
-  }
   const SpanRenderer = useCallback((htmlAttribs, _children) => /*#__PURE__*/React.createElement(Text, {
     numberOfLines: numberOfLines
   }, _children), [numberOfLines]);
@@ -122,6 +128,7 @@ const Html = props => {
       // eslint-disable-next-line no-nested-ternary
       html: isTextCentered ? `<p>${children}</p>` : numberOfLines ? `<span>${children}</span>` : `${children}`
     },
+    contentWidth: contentWidth,
     tagsStyles: tagsStyles,
     baseFontStyle: {
       ...baseFontStyle,

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","HtmlBase","props","createElement","Html","templateContext","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","h1","h2","h3","h4","h5","h6","a","color","img","baseFontStyle","colors","black","Array","isArray","styleObject","reduce","result","child","SpanRenderer","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","source","html","undefined","ignoredStyles"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles: MixedStyleRecord = {\n    ...styles,\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  };\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useMemo","useState","View","useWindowDimensions","RenderHTML","HTML_ANCHOR_TEXT_COLOR","useTemplateContext","Text","HtmlBase","props","createElement","Html","templateContext","width","contentWidth","isDisabledBaseFontStyleColor","disableBaseFontStyleColor","theme","children","fontSize","containerStyle","imageStyle","style","testID","anchorTextColor","isTextCentered","numberOfLines","baseFontStyle","color","colors","black","Array","isArray","styleObject","reduce","result","child","styles","p","marginVertical","textAlign","u","textDecorationLine","i","fontStyle","b","fontWeight","bold","s","tagsStyles","body","h1","h2","h3","h4","h5","h6","a","img","SpanRenderer","htmlAttribs","_children","FontRenderer","key","replace","renderers","font","span","source","html","undefined","ignoredStyles"],"sources":["../../../src/atom/html/index.native.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {View, ViewStyle, ImageStyle, TextStyle, useWindowDimensions} from 'react-native';\nimport RenderHTML, {\n  CustomRendererProps,\n  MixedStyleRecord,\n  RenderHTMLProps,\n  TBlock\n} from 'react-native-render-html';\n\nimport {HTML_ANCHOR_TEXT_COLOR} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Text from '../text/index.native';\n\ninterface CustomRenderHTMLProps extends RenderHTMLProps {\n  baseFontStyle?: TextStyle;\n  testID?: string;\n}\n\nconst HtmlBase = (props: CustomRenderHTMLProps) => {\n  return <RenderHTML {...props} />;\n};\n\nexport type Props = {\n  children: string;\n  fontSize?: TextStyle['fontSize'];\n  numberOfLines?: number;\n  onLinkPress?: (url: string) => void;\n  containerStyle?: ViewStyle;\n  anchorTextColor?: string;\n  imageStyle?: ImageStyle;\n  style?: ViewStyle | ViewStyle[];\n  testID?: string;\n  isTextCentered?: boolean;\n};\n\ntype Styles = {\n  p: {\n    marginVertical: ViewStyle['marginVertical'];\n    textAlign: TextStyle['textAlign'];\n  };\n  u: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n  i: {\n    fontStyle: TextStyle['fontStyle'];\n  };\n  b: {\n    fontWeight: TextStyle['fontWeight'];\n  };\n  s: {\n    textDecorationLine: TextStyle['textDecorationLine'];\n  };\n};\n\nconst Html = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {width: contentWidth} = useWindowDimensions();\n  const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState<boolean>(false);\n  const {theme} = templateContext;\n  const {\n    children,\n    fontSize,\n    containerStyle,\n    imageStyle,\n    style,\n    testID,\n    anchorTextColor = HTML_ANCHOR_TEXT_COLOR,\n    isTextCentered,\n    numberOfLines\n  } = props;\n\n  let baseFontStyle: TextStyle = useMemo(\n    () => ({fontSize, color: theme.colors.black}),\n    [fontSize, theme]\n  );\n\n  if (style) {\n    if (Array.isArray(style)) {\n      const styleObject = style.reduce((result, child) => ({\n        ...result,\n        ...child\n      }));\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...styleObject\n      };\n    } else {\n      baseFontStyle = {\n        ...baseFontStyle,\n        ...style\n      };\n    }\n  }\n\n  // Don't use StyleSheet there, it's not a react style\n  const styles: Styles = {\n    p: {\n      marginVertical: 0,\n      textAlign: 'center'\n    },\n    u: {\n      textDecorationLine: 'underline'\n    },\n    i: {\n      fontStyle: 'italic'\n    },\n    b: {\n      fontWeight: theme.fontWeight.bold\n    },\n    s: {\n      textDecorationLine: 'line-through'\n    }\n  };\n\n  const tagsStyles = {\n    ...styles,\n    body: {color: baseFontStyle.color},\n    h1: {fontSize},\n    h2: {fontSize},\n    h3: {fontSize},\n    h4: {fontSize},\n    h5: {fontSize},\n    h6: {fontSize},\n    a: {color: anchorTextColor},\n    img: imageStyle || {}\n  } as MixedStyleRecord;\n\n  const SpanRenderer = useCallback(\n    (htmlAttribs: CustomRendererProps<TBlock>, _children: string) => (\n      <Text numberOfLines={numberOfLines}>{_children}</Text>\n    ),\n    [numberOfLines]\n  );\n\n  interface HtmlAttrib extends CustomRendererProps<TBlock> {\n    color?: string;\n  }\n\n  const FontRenderer = useCallback(\n    (htmlAttribs: HtmlAttrib, _children: string) => {\n      if (htmlAttribs.color) {\n        disableBaseFontStyleColor(true);\n      }\n\n      return (\n        <Text\n          key={1}\n          style={{\n            ...baseFontStyle,\n            color: htmlAttribs.color?.replace(/ /g, '')\n          }}\n        >\n          {_children}\n        </Text>\n      );\n    },\n    [baseFontStyle]\n  );\n\n  const renderers = {\n    font: FontRenderer,\n    span: SpanRenderer\n  };\n\n  return (\n    <View testID={testID} style={containerStyle}>\n      <HtmlBase\n        // to text-align center on android\n        // we have to encapsulate between <p> tag\n        // and use custom style define on <p>\n        // definition in component style doesn't work\n        source={{\n          // eslint-disable-next-line no-nested-ternary\n          html: isTextCentered\n            ? `<p>${children}</p>`\n            : numberOfLines\n            ? `<span>${children}</span>`\n            : `${children}`\n        }}\n        contentWidth={contentWidth}\n        tagsStyles={tagsStyles}\n        baseFontStyle={{\n          ...baseFontStyle,\n          color: isDisabledBaseFontStyleColor ? undefined : baseFontStyle.color\n        }}\n        renderers={renderers}\n        // this is exceptionally for the onboarding course\n        // is the only course that has a gif in the context but the img tag\n        // comes with width & height attr and these makes this lib do not render the gif\n        // so to avoid it, we decided to ignore these attr\n        ignoredStyles={['width', 'height']}\n        testID=\"html-base\"\n      />\n    </View>\n  );\n};\n\nexport default Html;\n"],"mappings":"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","ignoreList":[]}

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

@@ -33,7 +33,7 @@ export declare const propTypes: {
         wrapperSize: PropTypes.Validator<number>;
     }>>;
     customStyle: PropTypes.Requireable<{
-        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        [x: string]: NonNullable<string | number>;
     }>;
 };
 export default Icon;

package/es/atom/icon/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 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 toLower from 'lodash/fp/toLower';
 import merge from 'lodash/fp/merge';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","createGradientBackground","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","hasBackground","createElement","icon","color","fontSize","iconWrapperStyle","background","width","height","padding","className","iconWrapper","propTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV"],"sources":["../../../src/atom/icon/index.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {IconName, library} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nexport const DEFAULT_PRESET = 'm';\nexport const ICON_LUMINOSITY = 32;\nexport const DEFAULT_WRAPPER_SIZE = 40;\nexport const ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nexport interface IconSize {\n  faSize: number;\n  wrapperSize: number;\n}\n\nexport interface IconProps {\n  iconName: string;\n  iconColor?: string;\n  backgroundColor?: string;\n  gradientBackground?: boolean;\n  borderRadius?: string;\n  preset?: string;\n  size?: IconSize;\n  customStyle?: CSSProperties;\n}\n\nexport function getForegroundColor(backgroundColor: string): string {\n  return convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n}\n\nconst SIZE_CONFIGS: Record<'s' | 'm' | 'xl', IconSize> = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nconst Icon: React.FC<IconProps> = ({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) => {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const hasBackground = backgroundColor || gradientBackground;\n  if (!hasBackground) {\n    return (\n      <FontAwesomeIcon\n        icon={`fa-${iconName}` as IconName}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n        style={customStyle}\n      />\n    );\n  }\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n  const iconWrapperStyle: CSSProperties = {\n    background: gradientBackground\n      ? createGradientBackground(effectiveIconColor, '81%', '91%')\n      : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}` as IconName}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n};\n\nexport const propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: PropTypes.number.isRequired,\n    wrapperSize: PropTypes.number.isRequired\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\n// const MemoizedIcon = React.memo(Icon) as React.MemoExoticComponent<React.FC<IconProps>> & {\n//   propTypes?: React.WeakValidationMap<IconProps>;\n//   defaultProps?: Partial<IconProps>;\n// };\n\nIcon.propTypes = propTypes;\n// MemoizedIcon.propTypes = Icon.propTypes;\n\nexport default Icon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","FontAwesomeIcon","fas","library","toLower","merge","getOr","convert","createGradientBackground","style","add","DEFAULT_PRESET","ICON_LUMINOSITY","DEFAULT_WRAPPER_SIZE","ICON_PADDING","DEFAULT_ICON_COLOR","getForegroundColor","backgroundColor","SIZE_CONFIGS","s","faSize","wrapperSize","m","xl","Icon","iconName","iconColor","gradientBackground","borderRadius","preset","size","customStyle","effectiveIconColor","effectiveSize","hasBackground","createElement","icon","color","fontSize","iconWrapperStyle","background","width","height","padding","className","iconWrapper","propTypes","string","isRequired","bool","oneOf","shape","number","objectOf","oneOfType","process","env","NODE_ENV"],"sources":["../../../src/atom/icon/index.tsx"],"sourcesContent":["import React, {CSSProperties} from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/free-solid-svg-icons';\nimport {IconName, library, IconPack} from '@fortawesome/fontawesome-svg-core';\nimport toLower from 'lodash/fp/toLower';\nimport merge from 'lodash/fp/merge';\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {createGradientBackground} from '../../util/get-background-gradient-color';\nimport style from './style.css';\n\nlibrary.add(fas as IconPack);\n\nexport const DEFAULT_PRESET = 'm';\nexport const ICON_LUMINOSITY = 32;\nexport const DEFAULT_WRAPPER_SIZE = 40;\nexport const ICON_PADDING = 8;\nexport const DEFAULT_ICON_COLOR = 'hsl(0, 0%, 32%)';\n\nexport interface IconSize {\n  faSize: number;\n  wrapperSize: number;\n}\n\nexport interface IconProps {\n  iconName: string;\n  iconColor?: string;\n  backgroundColor?: string;\n  gradientBackground?: boolean;\n  borderRadius?: string;\n  preset?: string;\n  size?: IconSize;\n  customStyle?: CSSProperties;\n}\n\nexport function getForegroundColor(backgroundColor: string): string {\n  return convert(`color(${backgroundColor} lightness(${ICON_LUMINOSITY}%))`);\n}\n\nconst SIZE_CONFIGS: Record<'s' | 'm' | 'xl', IconSize> = {\n  s: {\n    faSize: 12,\n    wrapperSize: 32\n  },\n  m: {\n    faSize: 16,\n    wrapperSize: DEFAULT_WRAPPER_SIZE\n  },\n  xl: {\n    faSize: 20,\n    wrapperSize: 48\n  }\n};\n\nconst Icon: React.FC<IconProps> = ({\n  iconName,\n  iconColor,\n  backgroundColor,\n  gradientBackground,\n  borderRadius,\n  preset = DEFAULT_PRESET,\n  size,\n  customStyle\n}) => {\n  const effectiveIconColor =\n    iconColor || (backgroundColor ? getForegroundColor(backgroundColor) : DEFAULT_ICON_COLOR);\n\n  const effectiveSize = size\n    ? merge(SIZE_CONFIGS[DEFAULT_PRESET], size)\n    : getOr(SIZE_CONFIGS[DEFAULT_PRESET], toLower(preset), SIZE_CONFIGS);\n\n  const hasBackground = backgroundColor || gradientBackground;\n  if (!hasBackground) {\n    return (\n      <FontAwesomeIcon\n        icon={`fa-${iconName}` as IconName}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n        style={customStyle}\n      />\n    );\n  }\n\n  const wrapperSize = effectiveSize.wrapperSize - ICON_PADDING * 2;\n  const iconWrapperStyle: CSSProperties = {\n    background: gradientBackground\n      ? createGradientBackground(effectiveIconColor, '81%', '91%')\n      : backgroundColor,\n    borderRadius,\n    width: wrapperSize,\n    height: wrapperSize,\n    padding: ICON_PADDING\n  };\n\n  return (\n    <div className={style.iconWrapper} style={{...iconWrapperStyle, ...customStyle}}>\n      <FontAwesomeIcon\n        icon={`fa-${iconName}` as IconName}\n        color={effectiveIconColor}\n        fontSize={effectiveSize.faSize}\n      />\n    </div>\n  );\n};\n\nexport const propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  gradientBackground: PropTypes.bool,\n  borderRadius: PropTypes.string,\n  preset: PropTypes.oneOf(['s', 'm', 'xl']),\n  size: PropTypes.shape({\n    faSize: PropTypes.number.isRequired,\n    wrapperSize: PropTypes.number.isRequired\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\n// const MemoizedIcon = React.memo(Icon) as React.MemoExoticComponent<React.FC<IconProps>> & {\n//   propTypes?: React.WeakValidationMap<IconProps>;\n//   defaultProps?: Partial<IconProps>;\n// };\n\nIcon.propTypes = propTypes as React.WeakValidationMap<IconProps>;\n// MemoizedIcon.propTypes = Icon.propTypes;\n\nexport default Icon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuB,OAAO;AAC1C,OAAOC,SAAS,MAAM,YAAY;AAClC,SAAQC,eAAe,QAAO,gCAAgC;AAC9D,SAAQC,GAAG,QAAO,mCAAmC;AACrD,SAAkBC,OAAO,QAAiB,mCAAmC;AAC7E,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,SAAQC,wBAAwB,QAAO,0CAA0C;AACjF,OAAOC,KAAK,MAAM,aAAa;AAE/BN,OAAO,CAACO,GAAG,CAACR,GAAe,CAAC;AAE5B,OAAO,MAAMS,cAAc,GAAG,GAAG;AACjC,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,YAAY,GAAG,CAAC;AAC7B,OAAO,MAAMC,kBAAkB,GAAG,iBAAiB;AAkBnD,OAAO,SAASC,kBAAkBA,CAACC,eAAuB,EAAU;EAClE,OAAOV,OAAO,CAAC,SAASU,eAAe,cAAcL,eAAe,KAAK,CAAC;AAC5E;AAEA,MAAMM,YAAgD,GAAG;EACvDC,CAAC,EAAE;IACDC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDC,CAAC,EAAE;IACDF,MAAM,EAAE,EAAE;IACVC,WAAW,EAAER;EACf,CAAC;EACDU,EAAE,EAAE;IACFH,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf;AACF,CAAC;AAED,MAAMG,IAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,SAAS;EACTT,eAAe;EACfU,kBAAkB;EAClBC,YAAY;EACZC,MAAM,GAAGlB,cAAc;EACvBmB,IAAI;EACJC;AACF,CAAC,KAAK;EACJ,MAAMC,kBAAkB,GACtBN,SAAS,KAAKT,eAAe,GAAGD,kBAAkB,CAACC,eAAe,CAAC,GAAGF,kBAAkB,CAAC;EAE3F,MAAMkB,aAAa,GAAGH,IAAI,GACtBzB,KAAK,CAACa,YAAY,CAACP,cAAc,CAAC,EAAEmB,IAAI,CAAC,GACzCxB,KAAK,CAACY,YAAY,CAACP,cAAc,CAAC,EAAEP,OAAO,CAACyB,MAAM,CAAC,EAAEX,YAAY,CAAC;EAEtE,MAAMgB,aAAa,GAAGjB,eAAe,IAAIU,kBAAkB;EAC3D,IAAI,CAACO,aAAa,EAAE;IAClB,oBACEnC,KAAA,CAAAoC,aAAA,CAAClC,eAAe;MACdmC,IAAI,EAAE,MAAMX,QAAQ,EAAe;MACnCY,KAAK,EAAEL,kBAAmB;MAC1BM,QAAQ,EAAEL,aAAa,CAACb,MAAO;MAC/BX,KAAK,EAAEsB;IAAY,CACpB,CAAC;EAEN;EAEA,MAAMV,WAAW,GAAGY,aAAa,CAACZ,WAAW,GAAGP,YAAY,GAAG,CAAC;EAChE,MAAMyB,gBAA+B,GAAG;IACtCC,UAAU,EAAEb,kBAAkB,GAC1BnB,wBAAwB,CAACwB,kBAAkB,EAAE,KAAK,EAAE,KAAK,CAAC,GAC1Df,eAAe;IACnBW,YAAY;IACZa,KAAK,EAAEpB,WAAW;IAClBqB,MAAM,EAAErB,WAAW;IACnBsB,OAAO,EAAE7B;EACX,CAAC;EAED,oBACEf,KAAA,CAAAoC,aAAA;IAAKS,SAAS,EAAEnC,KAAK,CAACoC,WAAY;IAACpC,KAAK,EAAE;MAAC,GAAG8B,gBAAgB;MAAE,GAAGR;IAAW;EAAE,gBAC9EhC,KAAA,CAAAoC,aAAA,CAAClC,eAAe;IACdmC,IAAI,EAAE,MAAMX,QAAQ,EAAe;IACnCY,KAAK,EAAEL,kBAAmB;IAC1BM,QAAQ,EAAEL,aAAa,CAACb;EAAO,CAChC,CACE,CAAC;AAEV,CAAC;AAED,OAAO,MAAM0B,SAAS,GAAG;EACvBrB,QAAQ,EAAEzB,SAAS,CAAC+C,MAAM,CAACC,UAAU;EACrCtB,SAAS,EAAE1B,SAAS,CAAC+C,MAAM;EAC3B9B,eAAe,EAAEjB,SAAS,CAAC+C,MAAM;EACjCpB,kBAAkB,EAAE3B,SAAS,CAACiD,IAAI;EAClCrB,YAAY,EAAE5B,SAAS,CAAC+C,MAAM;EAC9BlB,MAAM,EAAE7B,SAAS,CAACkD,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;EACzCpB,IAAI,EAAE9B,SAAS,CAACmD,KAAK,CAAC;IACpB/B,MAAM,EAAEpB,SAAS,CAACoD,MAAM,CAACJ,UAAU;IACnC3B,WAAW,EAAErB,SAAS,CAACoD,MAAM,CAACJ;EAChC,CAAC,CAAC;EACFjB,WAAW,EAAE/B,SAAS,CAACqD,QAAQ,CAACrD,SAAS,CAACsD,SAAS,CAAC,CAACtD,SAAS,CAAC+C,MAAM,EAAE/C,SAAS,CAACoD,MAAM,CAAC,CAAC;AAC3F,CAAC;;AAED;AACA;AACA;AACA;;AAEA5B,IAAI,CAACsB,SAAS,GAAAS,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGX,SAAS;AAC1B;;AAEA,eAAetB,IAAI","ignoreList":[]}