@coorpacademy/components 11.40.22-slider.21 → 11.40.23

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,sDAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chips/index.js"],"names":[],"mappings":";AAkBA,gDA0BC"}

package/es/atom/chips/index.js

@@ -5,6 +5,12 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaSolidStatusCheckCircle2 as SelectedIcon } from '@coorpacademy/nova-icons';
 import style from './style.css';
+const handleChipKeyDown = onClick => event => {
+  if (event.key === 'Enter' || event.key === ' ') {
+    event.preventDefault();
+    onClick();
+  }
+};
 const Chips = props => {
   const {
     text,
@@ -16,6 +22,9 @@ const Chips = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.container, selected ? style.selected : style.unselected),
     onClick: handleClick,
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: handleChipKeyDown(onClick),
     "aria-label": `${text} ${information}`,
     "data-name": text
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","Chips","props","text","information","selected","onClick","handleClick","createElement","className","container","unselected","textZone","title","selectedIconWrapper","unselectedIconWrapper","propTypes","process","env","NODE_ENV","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["// This component is a simpler version of the generic Chip component, in use in CoorpManager.\n\nimport React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      aria-label={`${text} ${information}`}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":"AAAA;;AAEA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,4BAA4B,IAAIC,OAAO,EACvCC,2BAA2B,IAAIC,YAAY,QACtC,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAI;IAAEC,WAAW;IAAEC,QAAQ,GAAG,KAAK;IAAEC;EAAO,CAAC,GAAGJ,KAAK;EAE5D,MAAMK,WAAW,GAAGd,OAAO,CAAC,MAAM,MAAMa,OAAO,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,oBACEd,KAAA,CAAAgB,aAAA;IACEC,SAAS,EAAEd,UAAU,CAACK,KAAK,CAACU,SAAS,EAAEL,QAAQ,GAAGL,KAAK,CAACK,QAAQ,GAAGL,KAAK,CAACW,UAAU,CAAE;IACrFL,OAAO,EAAEC,WAAY;IACrB,cAAY,GAAGJ,IAAI,IAAIC,WAAW,EAAG;IACrC,aAAWD;EAAK,gBAEhBX,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACY,QAAS;IAACC,KAAK,EAAEV;EAAK,gBAC1CX,KAAA,CAAAgB,aAAA;IAAMC,SAAS,EAAET,KAAK,CAACG;EAAK,GAAEA,IAAW,CAAC,eAC1CX,KAAA,CAAAgB,aAAA;IAAMC,SAAS,EAAET,KAAK,CAACI;EAAY,GAAEA,WAAkB,CACpD,CAAC,EACLC,QAAQ,gBACPb,KAAA,CAAAgB,aAAA,CAACT,YAAY;IAACU,SAAS,EAAET,KAAK,CAACc;EAAoB,CAAE,CAAC,gBAEtDtB,KAAA,CAAAgB,aAAA,CAACX,OAAO;IAACY,SAAS,EAAET,KAAK,CAACe;EAAsB,CAAE,CAEjD,CAAC;AAEV,CAAC;AAEDd,KAAK,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBhB,IAAI,EAAET,SAAS,CAAC0B,MAAM;EACtBhB,WAAW,EAAEV,SAAS,CAAC0B,MAAM;EAC7Bf,QAAQ,EAAEX,SAAS,CAAC2B,IAAI;EACxBf,OAAO,EAAEZ,SAAS,CAAC4B;AACrB,CAAC;AAED,eAAerB,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidRemoveAddAddCircle1","AddIcon","NovaSolidStatusCheckCircle2","SelectedIcon","style","handleChipKeyDown","onClick","event","key","preventDefault","Chips","props","text","information","selected","handleClick","createElement","className","container","unselected","role","tabIndex","onKeyDown","textZone","title","selectedIconWrapper","unselectedIconWrapper","propTypes","process","env","NODE_ENV","string","bool","func"],"sources":["../../../src/atom/chips/index.js"],"sourcesContent":["// This component is a simpler version of the generic Chip component, in use in CoorpManager.\n\nimport React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaSolidStatusCheckCircle2 as SelectedIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst handleChipKeyDown = onClick => event => {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    onClick();\n  }\n};\n\nconst Chips = props => {\n  const {text, information, selected = false, onClick} = props;\n\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  return (\n    <div\n      className={classnames(style.container, selected ? style.selected : style.unselected)}\n      onClick={handleClick}\n      role=\"button\"\n      tabIndex={0}\n      onKeyDown={handleChipKeyDown(onClick)}\n      aria-label={`${text} ${information}`}\n      data-name={text}\n    >\n      <div className={style.textZone} title={text}>\n        <span className={style.text}>{text}</span>\n        <span className={style.information}>{information}</span>\n      </div>\n      {selected ? (\n        <SelectedIcon className={style.selectedIconWrapper} />\n      ) : (\n        <AddIcon className={style.unselectedIconWrapper} />\n      )}\n    </div>\n  );\n};\n\nChips.propTypes = {\n  text: PropTypes.string,\n  information: PropTypes.string,\n  selected: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nexport default Chips;\n"],"mappings":"AAAA;;AAEA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,4BAA4B,IAAIC,OAAO,EACvCC,2BAA2B,IAAIC,YAAY,QACtC,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,iBAAiB,GAAGC,OAAO,IAAIC,KAAK,IAAI;EAC5C,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;IAC9CD,KAAK,CAACE,cAAc,CAAC,CAAC;IACtBH,OAAO,CAAC,CAAC;EACX;AACF,CAAC;AAED,MAAMI,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,IAAI;IAAEC,WAAW;IAAEC,QAAQ,GAAG,KAAK;IAAER;EAAO,CAAC,GAAGK,KAAK;EAE5D,MAAMI,WAAW,GAAGlB,OAAO,CAAC,MAAM,MAAMS,OAAO,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,oBACEV,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAElB,UAAU,CAACK,KAAK,CAACc,SAAS,EAAEJ,QAAQ,GAAGV,KAAK,CAACU,QAAQ,GAAGV,KAAK,CAACe,UAAU,CAAE;IACrFb,OAAO,EAAES,WAAY;IACrBK,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAEjB,iBAAiB,CAACC,OAAO,CAAE;IACtC,cAAY,GAAGM,IAAI,IAAIC,WAAW,EAAG;IACrC,aAAWD;EAAK,gBAEhBhB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEb,KAAK,CAACmB,QAAS;IAACC,KAAK,EAAEZ;EAAK,gBAC1ChB,KAAA,CAAAoB,aAAA;IAAMC,SAAS,EAAEb,KAAK,CAACQ;EAAK,GAAEA,IAAW,CAAC,eAC1ChB,KAAA,CAAAoB,aAAA;IAAMC,SAAS,EAAEb,KAAK,CAACS;EAAY,GAAEA,WAAkB,CACpD,CAAC,EACLC,QAAQ,gBACPlB,KAAA,CAAAoB,aAAA,CAACb,YAAY;IAACc,SAAS,EAAEb,KAAK,CAACqB;EAAoB,CAAE,CAAC,gBAEtD7B,KAAA,CAAAoB,aAAA,CAACf,OAAO;IAACgB,SAAS,EAAEb,KAAK,CAACsB;EAAsB,CAAE,CAEjD,CAAC;AAEV,CAAC;AAEDhB,KAAK,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBlB,IAAI,EAAEd,SAAS,CAACiC,MAAM;EACtBlB,WAAW,EAAEf,SAAS,CAACiC,MAAM;EAC7BjB,QAAQ,EAAEhB,SAAS,CAACkC,IAAI;EACxB1B,OAAO,EAAER,SAAS,CAACmC;AACrB,CAAC;AAED,eAAevB,KAAK","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element;
+declare const Choice: ({ children, isSelected, squeezed, isDisabled, onPress, media, testID: prefixTestID, style, questionType }: Props) => JSX.Element | null;
 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":"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"}
+{"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"}

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { View, StyleSheet, Text } from 'react-native';
+import { View, StyleSheet } 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: '700',
+    fontWeight: theme.fontWeight.bold,
     color: theme.colors.black,
     textAlign: 'center'
   },
@@ -133,11 +133,9 @@ const Choice = ({
     style: styleSheet.image
   })) : null, children ? /*#__PURE__*/React.createElement(View, {
     style: textWrapperStyle
-  }, children.includes('<') ? /*#__PURE__*/React.createElement(Html, {
+  }, /*#__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","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":[]}
+{"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":"AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,IAAI,EAAEC,UAAU,QAA6B,cAAc;AAEnE,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,KACvDR,UAAU,CAACS,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,EAAEpC,KAAK,CAACoC,UAAU,CAACC,IAAI;IACjCC,KAAK,EAAEtC,KAAK,CAACa,MAAM,CAAC0B,KAAK;IACzBC,SAAS,EAAE;EACb,CAAC;EACDC,YAAY,EAAE;IACZH,KAAK,EAAEtC,KAAK,CAACa,MAAM,CAACC;EACtB,CAAC;EACD4B,wBAAwB,EAAE;IACxBC,gBAAgB,EAAE3C,KAAK,CAACa,MAAM,CAAC+B;EACjC,CAAC;EACDC,cAAc,EAAE;IACdtC,MAAM,EAAE,MAAM;IACdD,KAAK,EAAE,KAAK;IACZwC,QAAQ,EAAE,QAAQ;IAClBC,mBAAmB,EAAE/C,KAAK,CAACgB,MAAM,CAACC,OAAO;IACzC+B,sBAAsB,EAAEhD,KAAK,CAACgB,MAAM,CAACC;EACvC,CAAC;EACDgC,KAAK,EAAE;IACLxB,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEJ,MAAMyB,MAAM,GAAGA,CAAC;EACdC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBnD,QAAQ,GAAG,KAAK;EAChBoD,UAAU;EACVC,OAAO;EACPC,KAAK;EACLC,MAAM,EAAEC,YAAY;EACpBC,KAAK;EACLC;AACK,CAAC,KAAK;EACX,MAAMC,eAAe,GAAG9D,kBAAkB,CAAC,CAAC;EAC5C,MAAM;IAACE,KAAK;IAAE6D;EAAU,CAAC,GAAGD,eAAe;EAE3C,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAGxE,QAAQ,CAAwB,IAAI,CAAC;EAEzED,SAAS,CAAC,MAAM;IACd,MAAM0E,WAAW,GAAGjE,gBAAgB,CAACC,KAAK,EAAEC,QAAQ,CAAC;IACrD8D,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAChE,KAAK,EAAEC,QAAQ,CAAC,CAAC;EAErB,IAAI,CAAC6D,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,IACpB3E,WAAW,CAAC2D,KAAK,CAACe,GAAG,CAAC,CAAC,CAAC,CAACD,GAAG,CAAC;EAE/B,MAAMG,MAAM,GAAG;IAACC,GAAG,EAAEJ,GAAG,GAAGzE,WAAW,CAACyE,GAAG,CAAC,GAAGtC;EAAS,CAAC;EACxD,MAAM2C,WAAW,GAAGjB,YAAY,IAAIS,SAAS,GAAG,IAAIA,SAAS,EAAE,GAAG,EAAE;EAEpE,MAAMS,SAAsB,GAAG,CAACb,UAAU,CAAC7B,IAAI,CAAC;EAChD,MAAM2C,gBAA6B,GAAG,CAACd,UAAU,CAACzC,aAAa,CAAC;EAEhE,IAAIpB,QAAQ,EAAE;IACZ2E,gBAAgB,CAACC,IAAI,CAACf,UAAU,CAACpC,qBAAqB,CAAC;EACzD;EAEA,IAAI0B,UAAU,EAAE;IACduB,SAAS,CAACE,IAAI,CAACf,UAAU,CAACrB,YAAY,CAAC;;IAEvC;IACA,MAAMqC,cAAc,GAAGjB,UAAU,IAAI;MACnClD,eAAe,EAAEkD,UAAU,CAAChD,MAAM,EAAEkE,OAAO;MAC3CC,WAAW,EAAEnB,UAAU,CAAChD,MAAM,EAAEkE,OAAO;MACvC,IAAIV,GAAG,GACH;QACEY,oBAAoB,EAAEjF,KAAK,CAACgB,MAAM,CAACC,OAAO;QAC1CiE,uBAAuB,EAAElF,KAAK,CAACgB,MAAM,CAACC;MACxC,CAAC,GACD;QACEF,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACC;MAC7B,CAAC;IACP,CAAC;IAED,IAAI6D,cAAc,EAAE;MAClBF,gBAAgB,CAACC,IAAI,CAACC,cAAc,CAAC;IACvC;EACF;EAEA,oBACEzF,KAAA,CAAA8F,aAAA,CAACtF,SAAS;IACRyD,OAAO,EAAE,CAACD,UAAU,GAAGC,OAAO,GAAGvB,SAAU;IAC3C2B,KAAK,EAAEA,KAAM;IACb0B,WAAW,EAAC,iBAAiB;IAC7BC,eAAe,EAAE;MAAC1B;IAAY;EAAE,gBAEhCtE,KAAA,CAAA8F,aAAA,CAAC3F,IAAI;IACHkE,KAAK,EAAE,CAACI,UAAU,CAAC3D,SAAS,EAAE2D,UAAU,CAAClD,SAAS,CAAE;IACpD4C,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,CAACxF,eAAe;IACd6D,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,gBAC5BvF,KAAA,CAAA8F,aAAA,CAACzF,IAAI;IAACgE,KAAK,EAAEiB,SAAU;IAACW,cAAc;EAAA,GACnCnC,QACG,CACF,CAAC,GACL,IACA,CACG,CAAC;AAEhB,CAAC;AAED,eAAeD,MAAM","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { LearningPriorityCardPropTypes } from './types';
 declare const CircularProgressBar: {
-    ({ label, progression, size, strokeWidth, "aria-label": ariaLabel, "data-name": dataName }: LearningPriorityCardPropTypes): React.JSX.Element;
+    ({ label, progression, size, strokeWidth, "aria-label": ariaLabel, "data-name": dataName }: LearningPriorityCardPropTypes): 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":"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"}
+{"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;;;;;;;;;CAwD/B,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

package/es/atom/circular-progress-bar/index.js

@@ -41,7 +41,11 @@ const CircularProgressBar = ({
   useEffect(() => setOffset(Math.ceil(length * ((100 - progression) / 100))), [length, progression]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
+    role: "progressbar",
     "aria-label": ariaLabel,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuenow": progression,
     "data-name": dataName
   }, /*#__PURE__*/React.createElement("svg", {
     className: style.svg,

package/es/atom/circular-progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useEffect","CircularProgressBarPropTypes","style","ProgressionGradient","createElement","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","setOffset","center","radius","length","center_","radius_","length_","Math","ceil","PI","className","container","svg","width","height","mainCircle","cx","cy","r","fill","progressionCircle","stroke","strokeDasharray","strokeDashoffset","_isNull","strokeLinecap","infos","propTypes","process","env","NODE_ENV"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n  <defs>\n    <linearGradient\n      id=\"gradient-stroke-progression\"\n      x1=\"81\"\n      y1=\"0\"\n      x2=\"81\"\n      y2=\"162\"\n      gradientUnits=\"userSpaceOnUse\"\n    >\n      <stop stopColor=\"#35CC7F\" />\n      <stop offset=\"1\" stopColor=\"#55F2A7\" />\n    </linearGradient>\n  </defs>\n);\n\nconst CircularProgressBar = ({\n  label,\n  progression,\n  size,\n  strokeWidth,\n  'aria-label': ariaLabel,\n  'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n  const [offset, setOffset] = useState<null | number>(null);\n\n  const {center, radius, length} = useMemo(() => {\n    const center_ = size / 2;\n    const radius_ = center_ - strokeWidth;\n    const length_ = Math.ceil(2 * Math.PI * radius_);\n\n    return {center: center_, radius: radius_, length: length_};\n  }, [size, strokeWidth]);\n\n  useEffect(\n    () => setOffset(Math.ceil(length * ((100 - progression) / 100))),\n    [length, progression]\n  );\n\n  return (\n    <div className={style.container} aria-label={ariaLabel} data-name={dataName}>\n      <svg className={style.svg} width={size} height={size}>\n        <ProgressionGradient />\n        <circle\n          className={style.mainCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          strokeWidth={3}\n          fill=\"transparent\"\n        />\n        <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n        <circle\n          className={style.progressionCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          stroke={`url(#gradient-stroke-progression)`}\n          strokeWidth={strokeWidth}\n          strokeDasharray={length}\n          strokeDashoffset={isNull(offset) ? length : offset}\n          fill=\"transparent\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n      <div className={style.infos}>\n        <span className={style.progression}>{progression}%</span>\n        <span className={style.label}>{label}</span>\n      </div>\n    </div>\n  );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useEffect","CircularProgressBarPropTypes","style","ProgressionGradient","createElement","id","x1","y1","x2","y2","gradientUnits","stopColor","offset","CircularProgressBar","label","progression","size","strokeWidth","ariaLabel","dataName","setOffset","center","radius","length","center_","radius_","length_","Math","ceil","PI","className","container","role","svg","width","height","mainCircle","cx","cy","r","fill","progressionCircle","stroke","strokeDasharray","strokeDashoffset","_isNull","strokeLinecap","infos","propTypes","process","env","NODE_ENV"],"sources":["../../../src/atom/circular-progress-bar/index.tsx"],"sourcesContent":["import React, {useMemo, useState, useEffect} from 'react';\nimport {isNull} from 'lodash/fp';\nimport {LearningPriorityCardPropTypes, CircularProgressBarPropTypes} from './types';\nimport style from './style.css';\n\nconst ProgressionGradient = () => (\n  <defs>\n    <linearGradient\n      id=\"gradient-stroke-progression\"\n      x1=\"81\"\n      y1=\"0\"\n      x2=\"81\"\n      y2=\"162\"\n      gradientUnits=\"userSpaceOnUse\"\n    >\n      <stop stopColor=\"#35CC7F\" />\n      <stop offset=\"1\" stopColor=\"#55F2A7\" />\n    </linearGradient>\n  </defs>\n);\n\nconst CircularProgressBar = ({\n  label,\n  progression,\n  size,\n  strokeWidth,\n  'aria-label': ariaLabel,\n  'data-name': dataName\n}: LearningPriorityCardPropTypes) => {\n  const [offset, setOffset] = useState<null | number>(null);\n\n  const {center, radius, length} = useMemo(() => {\n    const center_ = size / 2;\n    const radius_ = center_ - strokeWidth;\n    const length_ = Math.ceil(2 * Math.PI * radius_);\n\n    return {center: center_, radius: radius_, length: length_};\n  }, [size, strokeWidth]);\n\n  useEffect(\n    () => setOffset(Math.ceil(length * ((100 - progression) / 100))),\n    [length, progression]\n  );\n\n  return (\n    <div\n      className={style.container}\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={progression}\n      data-name={dataName}\n    >\n      <svg className={style.svg} width={size} height={size}>\n        <ProgressionGradient />\n        <circle\n          className={style.mainCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          strokeWidth={3}\n          fill=\"transparent\"\n        />\n        <circle cx={center} cy={center} r={radius - (10 / radius) * 100} fill=\"#fafafa\" />\n        <circle\n          className={style.progressionCircle}\n          cx={center}\n          cy={center}\n          r={radius}\n          stroke={`url(#gradient-stroke-progression)`}\n          strokeWidth={strokeWidth}\n          strokeDasharray={length}\n          strokeDashoffset={isNull(offset) ? length : offset}\n          fill=\"transparent\"\n          strokeLinecap=\"round\"\n        />\n      </svg>\n      <div className={style.infos}>\n        <span className={style.progression}>{progression}%</span>\n        <span className={style.label}>{label}</span>\n      </div>\n    </div>\n  );\n};\n\nCircularProgressBar.propTypes = CircularProgressBarPropTypes;\n\nexport default CircularProgressBar;\n"],"mappings":"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","ignoreList":[]}

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: boolean;
-    };
+        isLoading: false;
+    } | null;
     constructor(props: any, context: any);
     state: {
         isLoading: boolean;
     };
     handleClick(e: any): void;
-    render(): React.JSX.Element;
+    render(): 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;;MAMC;IAED,sCAMC;IAJC;;MAEC;IAIH,0BASC;IAED,4BAyBC;CACF"}
+{"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"}

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

@@ -1,11 +1,10 @@
 export default ContentBadge;
-declare function ContentBadge(props: any): React.JSX.Element;
+declare function ContentBadge(props: any): 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,6DAGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/content-badge/index.js"],"names":[],"mappings":";AAkBA,uDAGC"}

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { WebContextValues } from '../provider/web-context';
 import type { CTAProps } from './prop-types';
 declare const CTA: {
-    (props: CTAProps, legacyContext: WebContextValues): React.JSX.Element;
+    (props: CTAProps, legacyContext: WebContextValues): 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":"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"}
+{"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"}

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

@@ -2,7 +2,7 @@ export default DifficultyLevel;
 declare function DifficultyLevel({ level, children }: {
     level: any;
     children: any;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace DifficultyLevel {
     namespace propTypes {
         import level = level;
@@ -10,10 +10,9 @@ declare namespace DifficultyLevel {
         export const children: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 declare function Icon({ level }: {
-    level?: number;
-}): React.JSX.Element;
+    level?: number | undefined;
+}): 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;;;sBAcC;;;;;;;;;AA/BD;;sBAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/difficulty-level/index.js"],"names":[],"mappings":";AA6BA;;;gBAcC;;;;;;;;AA/BD;;gBAWC"}

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(): React.JSX.Element;
+    render(): 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,4BA4MC;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,sBA4MC;CACF"}

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

@@ -1,5 +1,5 @@
 export default EmptySearchResult;
-declare function EmptySearchResult(props: any): React.JSX.Element;
+declare function EmptySearchResult(props: any): JSX.Element;
 declare namespace EmptySearchResult {
     namespace propTypes {
         const firstMessage: PropTypes.Validator<string>;
@@ -7,6 +7,5 @@ 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,kEAUC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/empty-search-result/index.js"],"names":[],"mappings":";AAIA,4DAUC"}

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { 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) => React.JSX.Element;
+declare const Gradient: ({ children, colors, transparencyPosition, height, style, testID, pointerEvents }: Props) => 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,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"}
+{"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"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, StyleSheet, Platform } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
 import Color from 'colorjs.io';
 const Gradient = ({
   children,
@@ -10,17 +10,9 @@ const Gradient = ({
   testID,
   pointerEvents
 }) => {
-  // 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;
+  let calculatedColors = colors;
+  if (colors.length === 1) {
+    const [raw] = colors;
     const transparent = new Color(raw).to('srgb');
     transparent.alpha = 0;
     calculatedColors = transparencyPosition === 'top' ? [transparent.toString(), raw, raw] : [raw, raw, transparent.toString()];
@@ -34,25 +26,12 @@ const Gradient = ({
       height
     });
   }
-
-  // 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,
+  return /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: calculatedColors,
+    style: _style,
     pointerEvents: pointerEvents,
     testID: testID
-  }, children);
+  }, children) || null;
 };
 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","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":[]}
+{"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":[]}

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { View, useWindowDimensions } from 'react-native';
+import { View } 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,9 +9,6 @@ const HtmlBase = props => {
 };
 const Html = props => {
   const templateContext = useTemplateContext();
-  const {
-    width: contentWidth
-  } = useWindowDimensions();
   const [isDisabledBaseFontStyleColor, disableBaseFontStyleColor] = useState(false);
   const {
     theme
@@ -27,27 +24,6 @@ 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 = {
@@ -70,9 +46,6 @@ const Html = props => {
   };
   const tagsStyles = {
     ...styles,
-    body: {
-      color: baseFontStyle.color
-    },
     h1: {
       fontSize
     },
@@ -96,6 +69,27 @@ 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]);
@@ -128,7 +122,6 @@ 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,