@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

package/es/atom/select-icon/index.js

@@ -10,6 +10,7 @@ const CHECK_ICON_NAME_MAP = {
   single: 'circle-check',
   multi: 'square-check'
 };
+
 const getButtonContent = (faIcon, options = {}) => {
   const {
     selectionMode = 'single',
@@ -20,6 +21,7 @@ const getButtonContent = (faIcon, options = {}) => {
     className: style.contentWrapper
   }, isSelected ?
   /*#__PURE__*/
+
   /* checkbox icon */
   React.createElement("div", {
     className: style.checkIcon
@@ -33,6 +35,7 @@ const getButtonContent = (faIcon, options = {}) => {
     }
   })) : null,
   /*#__PURE__*/
+
   /* selection tick (L18) / icon */
   React.createElement("div", {
     className: style.iconWrapper
@@ -49,6 +52,7 @@ const getButtonContent = (faIcon, options = {}) => {
     className: style.iconText
   }, faIcon)));
 };
+
 const SelectIcon = props => {
   const {
     faIcon,
@@ -73,6 +77,7 @@ const SelectIcon = props => {
   }, contentView), [ariaLabel, contentView, dataName, handleOnClick, styleButton]);
   return /*#__PURE__*/React.createElement(IconButton, null);
 };
+
 SelectIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   'data-name': PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","FaIcon","COLORS","style","ICON_COLOR","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","createElement","className","contentWrapper","checkIcon","iconName","backgroundColor","size","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","default","selected","handleOnClick","IconButton","type","propTypes","process","env","NODE_ENV","string","func","shape","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.default, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","FaIcon","COLORS","style","ICON_COLOR","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","contentWrapper","checkIcon","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","default","selected","handleOnClick","IconButton","propTypes","string","func","shape","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.default, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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"}

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

@@ -9,6 +9,7 @@ import Text from '../text/index.native';
 import ModalSelect from '../../hoc/modal/select/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
 const ICON_WIDTH = 15;
+
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -20,12 +21,14 @@ const createStyleSheet = theme => StyleSheet.create({
     textAlign: 'center'
   }
 });
+
 const logEvent = (eventName, analyticsID, analytics, questionType) => {
   analytics && analytics.logEvent(eventName, {
     id: analyticsID,
     questionType
   });
 };
+
 const Select = props => {
   const templateContext = useTemplateContext();
   const {
@@ -36,6 +39,7 @@ const Select = props => {
   const [styleSheet, setStylesheet] = useState(null);
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   const {
@@ -67,23 +71,25 @@ const Select = props => {
     onChange(_value);
     handleBlur();
   }, [onChange, handleBlur]);
+
   if (!styleSheet) {
     return null;
   }
+
   const selectedItem = values.find(item => item.selected);
   const text = selectedItem && selectedItem.text || placeholder || null;
-  let textStyles = {
-    ...styleSheet.text,
+  let textStyles = { ...styleSheet.text,
     ...textStyle
   };
   let color;
+
   if ((selectedItem?.value?.length || 0) > 0) {
     color = brandTheme?.colors?.primary;
-    textStyles = {
-      ...textStyles,
+    textStyles = { ...textStyles,
       color
     };
   }
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Touchable, {
     disabled: isDisabled,
     onPress: handleFocus,
@@ -112,5 +118,6 @@ const Select = props => {
     testID: `${testID}-modal`
   })));
 };
+
 export default Select;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","createElement","Fragment","disabled","onPress","type","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n  let textStyles: TextStyle = {\n    ...styleSheet.text,\n    ...textStyle\n  };\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles = {\n      ...textStyles,\n      color\n    };\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","length","primary","dark"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n  text: string;\n  selected: boolean;\n  _id: string;\n  value: string;\n};\n\nexport type Props = {\n  analyticsID: string;\n  questionType: QuestionType;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  values: Array<ChoiceItem>;\n  value?: string;\n  placeholder?: string;\n  onChange: OnChangeFunction;\n  onFocus: () => void;\n  onBlur: () => void;\n  style?: ViewStyle[];\n  textStyle?: ViewStyle[];\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: ViewStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    text: {\n      flex: 1,\n      color: theme.colors.gray.medium,\n      textAlign: 'center'\n    }\n  });\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  questionType: QuestionType\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      id: analyticsID,\n      questionType\n    });\n};\n\nconst Select = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const {brandTheme, theme, analytics} = templateContext;\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const {\n    analyticsID,\n    onBlur,\n    onFocus,\n    onChange,\n    values,\n    placeholder,\n    value,\n    style,\n    textStyle,\n    questionType,\n    isFocused = false,\n    isDisabled = false,\n    testID = 'select'\n  } = props;\n\n  const handleFocus = useCallback(() => {\n    if (!onFocus) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n    onFocus();\n  }, [analytics, analyticsID, onFocus, questionType]);\n\n  const handleBlur = useCallback(() => {\n    if (!onBlur) return;\n\n    analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n    onBlur();\n  }, [analytics, analyticsID, onBlur, questionType]);\n\n  const handleChange = useCallback(\n    _value => {\n      onChange(_value);\n      handleBlur();\n    },\n    [onChange, handleBlur]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const selectedItem = values.find(item => item.selected);\n  const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n  let textStyles: TextStyle = {\n    ...styleSheet.text,\n    ...textStyle\n  };\n\n  let color;\n  if ((selectedItem?.value?.length || 0) > 0) {\n    color = brandTheme?.colors?.primary;\n    textStyles = {\n      ...textStyles,\n      color\n    };\n  }\n\n  return (\n    <>\n      <Touchable\n        disabled={isDisabled}\n        onPress={handleFocus}\n        analyticsID={analyticsID}\n        testID={`${testID}-input`}\n      >\n        <View style={[styleSheet.container, style]}>\n          <Text style={textStyles}>{text}</Text>\n          <Space type=\"tiny\" />\n          <ArrowDown\n            color={color || theme.colors.gray.dark}\n            height={ICON_WIDTH}\n            width={ICON_WIDTH}\n          />\n        </View>\n      </Touchable>\n      <Modal\n        isVisible={isFocused}\n        onSwipeComplete={handleBlur}\n        onBackdropPress={handleBlur}\n        testID={testID}\n      >\n        <ModalSelect\n          value={value}\n          values={values}\n          onChange={handleChange}\n          onClose={handleBlur}\n          testID={`${testID}-modal`}\n        />\n      </Modal>\n    </>\n  );\n};\n\nexport default Select;\n"],"mappings":"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"}

package/es/atom/slide/index.js

@@ -1,8 +1,10 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Cta from '../cta';
 import style from './style.css';
+
 const Slide = props => {
   const {
     cover,
@@ -34,6 +36,7 @@ const Slide = props => {
     "data-name": "title"
   }, title), ctaView));
 };
+
 Slide.propTypes = process.env.NODE_ENV !== "production" ? {
   cover: PropTypes.string,
   title: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Cta","style","Slide","props","cover","title","subtitle","cta","light","alignment","imgCover","ctaView","createElement","_extends","className","hero","backgroundImage","content","textAlign","propTypes","process","env","NODE_ENV","string","bool","shape","oneOf"],"sources":["../../../src/atom/slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst Slide = props => {\n  const {cover, title, subtitle, cta, light, alignment = 'center'} = props;\n\n  const imgCover = cover;\n  const ctaView = cta ? <Cta {...cta} light={light} /> : null;\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage: `url(${imgCover})`\n      }}\n    >\n      <div\n        className={light ? style.light : style.content}\n        style={{\n          textAlign: alignment\n        }}\n      >\n        <h2 className={style.subtitle} data-name=\"subtitle\">\n          {subtitle}\n        </h2>\n        <h1 className={style.title} data-name=\"title\">\n          {title}\n        </h1>\n        {ctaView}\n      </div>\n    </div>\n  );\n};\n\nSlide.propTypes = {\n  cover: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  light: PropTypes.bool,\n  cta: PropTypes.shape(Cta.propTypes),\n  alignment: PropTypes.oneOf(['center', 'left', 'right'])\n};\n\nexport default Slide;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,QAAQ;AACxB,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,GAAG;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAQ,CAAC,GAAGN,KAAK;EAExE,MAAMO,QAAQ,GAAGN,KAAK;EACtB,MAAMO,OAAO,GAAGJ,GAAG,gBAAGT,KAAA,CAAAc,aAAA,CAACZ,GAAG,EAAAa,QAAA,KAAKN,GAAG;IAAEC,KAAK,EAAEA;EAAM,EAAE,CAAC,GAAG,IAAI;EAE3D,oBACEV,KAAA,CAAAc,aAAA;IACEE,SAAS,EAAEb,KAAK,CAACc,IAAK;IACtBd,KAAK,EAAE;MACLe,eAAe,EAAE,OAAON,QAAQ;IAClC;EAAE,gBAEFZ,KAAA,CAAAc,aAAA;IACEE,SAAS,EAAEN,KAAK,GAAGP,KAAK,CAACO,KAAK,GAAGP,KAAK,CAACgB,OAAQ;IAC/ChB,KAAK,EAAE;MACLiB,SAAS,EAAET;IACb;EAAE,gBAEFX,KAAA,CAAAc,aAAA;IAAIE,SAAS,EAAEb,KAAK,CAACK,QAAS;IAAC,aAAU;EAAU,GAChDA,QACC,CAAC,eACLR,KAAA,CAAAc,aAAA;IAAIE,SAAS,EAAEb,KAAK,CAACI,KAAM;IAAC,aAAU;EAAO,GAC1CA,KACC,CAAC,EACJM,OACE,CACF,CAAC;AAEV,CAAC;AAEDT,KAAK,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBlB,KAAK,EAAEL,SAAS,CAACwB,MAAM;EACvBlB,KAAK,EAAEN,SAAS,CAACwB,MAAM;EACvBjB,QAAQ,EAAEP,SAAS,CAACwB,MAAM;EAC1Bf,KAAK,EAAET,SAAS,CAACyB,IAAI;EACrBjB,GAAG,EAAER,SAAS,CAAC0B,KAAK,CAACzB,GAAG,CAACmB,SAAS,CAAC;EACnCV,SAAS,EAAEV,SAAS,CAAC2B,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;AACxD,CAAC;AAED,eAAexB,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Cta","style","Slide","props","cover","title","subtitle","cta","light","alignment","imgCover","ctaView","hero","backgroundImage","content","textAlign","propTypes","string","bool","shape","oneOf"],"sources":["../../../src/atom/slide/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst Slide = props => {\n  const {cover, title, subtitle, cta, light, alignment = 'center'} = props;\n\n  const imgCover = cover;\n  const ctaView = cta ? <Cta {...cta} light={light} /> : null;\n\n  return (\n    <div\n      className={style.hero}\n      style={{\n        backgroundImage: `url(${imgCover})`\n      }}\n    >\n      <div\n        className={light ? style.light : style.content}\n        style={{\n          textAlign: alignment\n        }}\n      >\n        <h2 className={style.subtitle} data-name=\"subtitle\">\n          {subtitle}\n        </h2>\n        <h1 className={style.title} data-name=\"title\">\n          {title}\n        </h1>\n        {ctaView}\n      </div>\n    </div>\n  );\n};\n\nSlide.propTypes = {\n  cover: PropTypes.string,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  light: PropTypes.bool,\n  cta: PropTypes.shape(Cta.propTypes),\n  alignment: PropTypes.oneOf(['center', 'left', 'right'])\n};\n\nexport default Slide;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,QAAhB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,KAAR;IAAeC,QAAf;IAAyBC,GAAzB;IAA8BC,KAA9B;IAAqCC,SAAS,GAAG;EAAjD,IAA6DN,KAAnE;EAEA,MAAMO,QAAQ,GAAGN,KAAjB;EACA,MAAMO,OAAO,GAAGJ,GAAG,gBAAG,oBAAC,GAAD,eAASA,GAAT;IAAc,KAAK,EAAEC;EAArB,GAAH,GAAoC,IAAvD;EAEA,oBACE;IACE,SAAS,EAAEP,KAAK,CAACW,IADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMH,QAAS;IAD5B;EAFT,gBAME;IACE,SAAS,EAAEF,KAAK,GAAGP,KAAK,CAACO,KAAT,GAAiBP,KAAK,CAACa,OADzC;IAEE,KAAK,EAAE;MACLC,SAAS,EAAEN;IADN;EAFT,gBAME;IAAI,SAAS,EAAER,KAAK,CAACK,QAArB;IAA+B,aAAU;EAAzC,GACGA,QADH,CANF,eASE;IAAI,SAAS,EAAEL,KAAK,CAACI,KAArB;IAA4B,aAAU;EAAtC,GACGA,KADH,CATF,EAYGM,OAZH,CANF,CADF;AAuBD,CA7BD;;AA+BAT,KAAK,CAACc,SAAN,2CAAkB;EAChBZ,KAAK,EAAEL,SAAS,CAACkB,MADD;EAEhBZ,KAAK,EAAEN,SAAS,CAACkB,MAFD;EAGhBX,QAAQ,EAAEP,SAAS,CAACkB,MAHJ;EAIhBT,KAAK,EAAET,SAAS,CAACmB,IAJD;EAKhBX,GAAG,EAAER,SAAS,CAACoB,KAAV,CAAgBnB,GAAG,CAACgB,SAApB,CALW;EAMhBP,SAAS,EAAEV,SAAS,CAACqB,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,OAAnB,CAAhB;AANK,CAAlB;AASA,eAAelB,KAAf"}

package/es/atom/social-link/index.js

@@ -17,6 +17,7 @@ const themeStyle = {
   default: style.link,
   footer: style.linkFooter
 };
+
 const SocialLink = props => {
   const {
     type,
@@ -36,6 +37,7 @@ const SocialLink = props => {
     className: style.icon
   }));
 };
+
 SocialLink.propTypes = process.env.NODE_ENV !== "production" ? {
   mode: PropTypes.string,
   type: PropTypes.string.isRequired,

package/es/atom/social-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyFacebook","FacebookIcon","NovaCompositionCoorpacademyGooglePlus","GooglePlusIcon","NovaCompositionCoorpacademyInstagram","InstagramIcon","NovaCompositionCoorpacademyLinkedin","LinkedinIcon","NovaCompositionCoorpacademyMail","MailIcon","NovaCompositionCoorpacademyPinterest","PinterestIcon","NovaCompositionCoorpacademyTwitter","TwitterIcon","NovaCompositionCoorpacademyVimeo","VimeoIcon","NovaCompositionCoorpacademyYoutube","YoutubeIcon","style","ICONS","mail","facebook","twitter","linkedin","instagram","youtube","vimeo","pinterest","themeStyle","default","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","createElement","href","className","target","rel","icon","propTypes","process","env","NODE_ENV","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SACEC,mCAAmC,IAAIC,YAAY,EACnDC,qCAAqC,IAAIC,cAAc,EACvDC,oCAAoC,IAAIC,aAAa,EACrDC,mCAAmC,IAAIC,YAAY,EACnDC,+BAA+B,IAAIC,QAAQ,EAC3CC,oCAAoC,IAAIC,aAAa,EACrDC,kCAAkC,IAAIC,WAAW,EACjDC,gCAAgC,IAAIC,SAAS,EAC7CC,kCAAkC,IAAIC,WAAW,QAC5C,0BAA0B;AACjC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG;EACZC,IAAI,EAAEX,QAAQ;EACd,aAAa,EAAEN,cAAc;EAC7BkB,QAAQ,EAAEpB,YAAY;EACtBqB,OAAO,EAAET,WAAW;EACpBU,QAAQ,EAAEhB,YAAY;EACtBiB,SAAS,EAAEnB,aAAa;EACxBoB,OAAO,EAAER,WAAW;EACpBS,KAAK,EAAEX,SAAS;EAChBY,SAAS,EAAEhB;AACb,CAAC;AACD,MAAMiB,UAAU,GAAG;EACjBC,OAAO,EAAEX,KAAK,CAACY,IAAI;EACnBC,MAAM,EAAEb,KAAK,CAACc;AAChB,CAAC;AACD,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAI;IAAEL,IAAI;IAAEM,IAAI,GAAG,SAAS;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGH,KAAK;EACrE,MAAMI,QAAQ,GAAGnB,KAAK,CAACgB,IAAI,CAAC;EAC5B,oBACErC,KAAA,CAAAyC,aAAA;IACEC,IAAI,EAAEV,IAAK;IACXW,SAAS,EAAEb,UAAU,CAACQ,IAAI,CAAE;IAC5BM,MAAM,EAAC,QAAQ;IACfC,GAAG,EAAC,qBAAqB;IACzB,cAAYN,SAAU;IACtB,aAAW,GAAGD,IAAI,IAAID,IAAI;EAAG,gBAE7BrC,KAAA,CAAAyC,aAAA,CAACD,QAAQ;IAACG,SAAS,EAAEvB,KAAK,CAAC0B;EAAK,CAAE,CACjC,CAAC;AAER,CAAC;AAEDX,UAAU,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBZ,IAAI,EAAErC,SAAS,CAACkD,MAAM;EACtBd,IAAI,EAAEpC,SAAS,CAACkD,MAAM,CAACC,UAAU;EACjCpB,IAAI,EAAE/B,SAAS,CAACkD,MAAM,CAACC,UAAU;EACjC,YAAY,EAAEnD,SAAS,CAACkD;AAC1B,CAAC;AAED,eAAehB,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyFacebook","FacebookIcon","NovaCompositionCoorpacademyGooglePlus","GooglePlusIcon","NovaCompositionCoorpacademyInstagram","InstagramIcon","NovaCompositionCoorpacademyLinkedin","LinkedinIcon","NovaCompositionCoorpacademyMail","MailIcon","NovaCompositionCoorpacademyPinterest","PinterestIcon","NovaCompositionCoorpacademyTwitter","TwitterIcon","NovaCompositionCoorpacademyVimeo","VimeoIcon","NovaCompositionCoorpacademyYoutube","YoutubeIcon","style","ICONS","mail","facebook","twitter","linkedin","instagram","youtube","vimeo","pinterest","themeStyle","default","link","footer","linkFooter","SocialLink","props","type","mode","ariaLabel","IconType","icon","propTypes","string","isRequired"],"sources":["../../../src/atom/social-link/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyFacebook as FacebookIcon,\n  NovaCompositionCoorpacademyGooglePlus as GooglePlusIcon,\n  NovaCompositionCoorpacademyInstagram as InstagramIcon,\n  NovaCompositionCoorpacademyLinkedin as LinkedinIcon,\n  NovaCompositionCoorpacademyMail as MailIcon,\n  NovaCompositionCoorpacademyPinterest as PinterestIcon,\n  NovaCompositionCoorpacademyTwitter as TwitterIcon,\n  NovaCompositionCoorpacademyVimeo as VimeoIcon,\n  NovaCompositionCoorpacademyYoutube as YoutubeIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  mail: MailIcon,\n  'google-plus': GooglePlusIcon,\n  facebook: FacebookIcon,\n  twitter: TwitterIcon,\n  linkedin: LinkedinIcon,\n  instagram: InstagramIcon,\n  youtube: YoutubeIcon,\n  vimeo: VimeoIcon,\n  pinterest: PinterestIcon\n};\nconst themeStyle = {\n  default: style.link,\n  footer: style.linkFooter\n};\nconst SocialLink = props => {\n  const {type, link, mode = 'default', 'aria-label': ariaLabel} = props;\n  const IconType = ICONS[type];\n  return (\n    <a\n      href={link}\n      className={themeStyle[mode]}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label={ariaLabel}\n      data-name={`${mode}-${type}`}\n    >\n      <IconType className={style.icon} />\n    </a>\n  );\n};\n\nSocialLink.propTypes = {\n  mode: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string\n};\n\nexport default SocialLink;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,mCAAmC,IAAIC,YADzC,EAEEC,qCAAqC,IAAIC,cAF3C,EAGEC,oCAAoC,IAAIC,aAH1C,EAIEC,mCAAmC,IAAIC,YAJzC,EAKEC,+BAA+B,IAAIC,QALrC,EAMEC,oCAAoC,IAAIC,aAN1C,EAOEC,kCAAkC,IAAIC,WAPxC,EAQEC,gCAAgC,IAAIC,SARtC,EASEC,kCAAkC,IAAIC,WATxC,QAUO,0BAVP;AAWA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,IAAI,EAAEX,QADM;EAEZ,eAAeN,cAFH;EAGZkB,QAAQ,EAAEpB,YAHE;EAIZqB,OAAO,EAAET,WAJG;EAKZU,QAAQ,EAAEhB,YALE;EAMZiB,SAAS,EAAEnB,aANC;EAOZoB,OAAO,EAAER,WAPG;EAQZS,KAAK,EAAEX,SARK;EASZY,SAAS,EAAEhB;AATC,CAAd;AAWA,MAAMiB,UAAU,GAAG;EACjBC,OAAO,EAAEX,KAAK,CAACY,IADE;EAEjBC,MAAM,EAAEb,KAAK,CAACc;AAFG,CAAnB;;AAIA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAD;IAAOL,IAAP;IAAaM,IAAI,GAAG,SAApB;IAA+B,cAAcC;EAA7C,IAA0DH,KAAhE;EACA,MAAMI,QAAQ,GAAGnB,KAAK,CAACgB,IAAD,CAAtB;EACA,oBACE;IACE,IAAI,EAAEL,IADR;IAEE,SAAS,EAAEF,UAAU,CAACQ,IAAD,CAFvB;IAGE,MAAM,EAAC,QAHT;IAIE,GAAG,EAAC,qBAJN;IAKE,cAAYC,SALd;IAME,aAAY,GAAED,IAAK,IAAGD,IAAK;EAN7B,gBAQE,oBAAC,QAAD;IAAU,SAAS,EAAEjB,KAAK,CAACqB;EAA3B,EARF,CADF;AAYD,CAfD;;AAiBAN,UAAU,CAACO,SAAX,2CAAuB;EACrBJ,IAAI,EAAErC,SAAS,CAAC0C,MADK;EAErBN,IAAI,EAAEpC,SAAS,CAAC0C,MAAV,CAAiBC,UAFF;EAGrBZ,IAAI,EAAE/B,SAAS,CAAC0C,MAAV,CAAiBC,UAHF;EAIrB,cAAc3C,SAAS,CAAC0C;AAJH,CAAvB;AAOA,eAAeR,UAAf"}

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { View } from 'react-native';
 import { useTemplateContext } from '../../template/app-review/template-context';
+
 const Space = ({
   type = 'tiny'
 }) => {
@@ -15,5 +16,6 @@ const Space = ({
     }
   });
 };
+
 export default Space;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","View","useTemplateContext","Space","type","templateContext","theme","createElement","style","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,IAAI,QAAO,cAAc;AAEjC,SAAQC,kBAAkB,QAAO,4CAA4C;AAM7E,MAAMC,KAAK,GAAGA,CAAC;EAACC,IAAI,GAAG;AAAa,CAAC,KAAK;EACxC,MAAMC,eAAe,GAAGH,kBAAkB,CAAC,CAAC;EAE5C,MAAM;IAACI;EAAK,CAAC,GAAGD,eAAe;EAE/B,oBACEL,KAAA,CAAAO,aAAA,CAACN,IAAI;IACHO,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACN,IAAI,CAAC;MAC1BO,MAAM,EAAEL,KAAK,CAACI,OAAO,CAACN,IAAI;IAC5B;EAAE,CACH,CAAC;AAEN,CAAC;AAED,eAAeD,KAAK","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","View","useTemplateContext","Space","type","templateContext","theme","width","spacing","height"],"sources":["../../../src/atom/space/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {View} from 'react-native';\nimport type {SpaceType} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type Props = {\n  type?: SpaceType;\n};\n\nconst Space = ({type = 'tiny'}: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme} = templateContext;\n\n  return (\n    <View\n      style={{\n        width: theme.spacing[type],\n        height: theme.spacing[type]\n      }}\n    />\n  );\n};\n\nexport default Space;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,QAAmB,cAAnB;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;;AAMA,MAAMC,KAAK,GAAG,CAAC;EAACC,IAAI,GAAG;AAAR,CAAD,KAA4B;EACxC,MAAMC,eAAe,GAAGH,kBAAkB,EAA1C;EAEA,MAAM;IAACI;EAAD,IAAUD,eAAhB;EAEA,oBACE,oBAAC,IAAD;IACE,KAAK,EAAE;MACLE,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcJ,IAAd,CADF;MAELK,MAAM,EAAEH,KAAK,CAACE,OAAN,CAAcJ,IAAd;IAFH;EADT,EADF;AAQD,CAbD;;AAeA,eAAeD,KAAf"}

package/es/atom/spinner/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { spinner, doubleBounce1, doubleBounce2 } from './style.css';
+
 const Spinner = () => {
   return /*#__PURE__*/React.createElement("div", {
     className: spinner
@@ -9,6 +10,7 @@ const Spinner = () => {
     className: doubleBounce2
   }));
 };
+
 Spinner.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
 export default Spinner;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","spinner","doubleBounce1","doubleBounce2","Spinner","createElement","className","propTypes","process","env","NODE_ENV"],"sources":["../../../src/atom/spinner/index.js"],"sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,OAAO,EAAEC,aAAa,EAAEC,aAAa,QAAO,aAAa;AAEjE,MAAMC,OAAO,GAAGA,CAAA,KAAM;EACpB,oBACEJ,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEL;EAAQ,gBACtBD,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEJ;EAAc,CAAE,CAAC,eACjCF,KAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEH;EAAc,CAAE,CAC7B,CAAC;AAEV,CAAC;AAEDC,OAAO,CAACG,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG,CAAC,CAAC;AAEtB,eAAeN,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","spinner","doubleBounce1","doubleBounce2","Spinner","propTypes"],"sources":["../../../src/atom/spinner/index.js"],"sourcesContent":["import React from 'react';\nimport {spinner, doubleBounce1, doubleBounce2} from './style.css';\n\nconst Spinner = () => {\n  return (\n    <div className={spinner}>\n      <div className={doubleBounce1} />\n      <div className={doubleBounce2} />\n    </div>\n  );\n};\n\nSpinner.propTypes = {};\n\nexport default Spinner;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,OAAR,EAAiBC,aAAjB,EAAgCC,aAAhC,QAAoD,aAApD;;AAEA,MAAMC,OAAO,GAAG,MAAM;EACpB,oBACE;IAAK,SAAS,EAAEH;EAAhB,gBACE;IAAK,SAAS,EAAEC;EAAhB,EADF,eAEE;IAAK,SAAS,EAAEC;EAAhB,EAFF,CADF;AAMD,CAPD;;AASAC,OAAO,CAACC,SAAR,2CAAoB,EAApB;AAEA,eAAeD,OAAf"}

package/es/atom/status-item/index.js

@@ -1,10 +1,12 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
 import Provider, { GetTranslateFromContext } from '../provider';
 import style from './style.css';
 import propTypes from './types';
+
 const Content = (props, legacyContext) => {
   const {
     icon,
@@ -14,6 +16,7 @@ const Content = (props, legacyContext) => {
   const translate = GetTranslateFromContext(legacyContext);
   let child;
   let contentAriaLabel;
+
   switch (icon) {
     case 'no-answer':
       child = value;
@@ -22,6 +25,7 @@ const Content = (props, legacyContext) => {
         headerStepValue: value
       });
       break;
+
     case 'right':
       child = /*#__PURE__*/React.createElement(RightIcon, {
         className: classnames(style.rightIcon, current && style.currentRightIcon),
@@ -32,6 +36,7 @@ const Content = (props, legacyContext) => {
         })
       });
       break;
+
     case 'wrong':
       child = /*#__PURE__*/React.createElement(WrongIcon, {
         className: classnames(style.wrongIcon, current && style.currentWrongIcon),
@@ -42,12 +47,14 @@ const Content = (props, legacyContext) => {
         })
       });
       break;
+
     case 'errors-number':
       child = value;
       contentAriaLabel = translate('bulk_import.errors_number', {
         bulkImportErrorsNumber: value
       });
       break;
+
     case 'valid':
       child = /*#__PURE__*/React.createElement(RightIcon, {
         className: classnames(style.validIcon),
@@ -55,6 +62,7 @@ const Content = (props, legacyContext) => {
         "aria-label": translate('bulk_import.valid_scorm')
       });
       break;
+
     case 'invalid':
       child = /*#__PURE__*/React.createElement(WrongIcon, {
         className: classnames(style.invalidIcon),
@@ -62,9 +70,11 @@ const Content = (props, legacyContext) => {
         "aria-label": translate('bulk_import.invalid_scorm')
       });
       break;
+
     default:
       return null;
   }
+
   return /*#__PURE__*/React.createElement("span", _extends({}, icon === 'no-answer' || icon === 'errors-number' ? {
     'aria-label': contentAriaLabel,
     role: 'status'
@@ -72,6 +82,7 @@ const Content = (props, legacyContext) => {
     className: style.value
   }), child);
 };
+
 const StatusItem = props => {
   const {
     icon,
@@ -83,6 +94,7 @@ const StatusItem = props => {
     "data-name": "status-item"
   }, /*#__PURE__*/React.createElement(Content, props));
 };
+
 Content.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 Content.contextTypes = {
   skin: Provider.childContextTypes.skin,

package/es/atom/status-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","Provider","GetTranslateFromContext","style","propTypes","Content","props","legacyContext","icon","current","value","translate","child","contentAriaLabel","headerStepValue","createElement","className","rightIcon","currentRightIcon","role","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","_extends","StatusItem","selected","default","right","wrong","valid","invalid","errorsNumber","process","env","NODE_ENV","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","Provider","GetTranslateFromContext","style","propTypes","Content","props","legacyContext","icon","current","value","translate","child","contentAriaLabel","headerStepValue","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","role","StatusItem","selected","default","right","wrong","valid","invalid","errorsNumber","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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"}

package/es/atom/status-item/index.native.js

@@ -2,19 +2,24 @@ import React, { useEffect, useState } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
 import { COLORS } from '../../variables/colors';
+
 const createStyle = (icon, current) => {
   let backgroundColor;
+
   switch (icon) {
     case 'right':
       backgroundColor = COLORS.positive;
       break;
+
     case 'wrong':
       backgroundColor = COLORS.negative;
       break;
+
     case 'no-answer':
     default:
       backgroundColor = COLORS.gray;
   }
+
   return StyleSheet.create({
     step: {
       width: current ? 40 : 32,
@@ -36,6 +41,7 @@ const createStyle = (icon, current) => {
     }
   });
 };
+
 const Step = ({
   value,
   icon,
@@ -44,12 +50,16 @@ const Step = ({
   const [style, setStyle] = useState(null);
   useEffect(() => {
     const _style = createStyle(icon, current);
+
     setStyle(_style);
   }, [current, icon]);
+
   if (!style) {
     return null;
   }
+
   let child;
+
   switch (icon) {
     case 'right':
       child = /*#__PURE__*/React.createElement(RightIcon, {
@@ -57,21 +67,25 @@ const Step = ({
         color: "#fff"
       });
       break;
+
     case 'wrong':
       child = /*#__PURE__*/React.createElement(WrongIcon, {
         style: style.icon,
         color: "#fff"
       });
       break;
+
     case 'no-answer':
     default:
       child = /*#__PURE__*/React.createElement(Text, {
         style: style.stepText
       }, value);
   }
+
   return /*#__PURE__*/React.createElement(View, {
     style: style.step
   }, child);
 };
+
 export default Step;
 //# sourceMappingURL=index.native.js.map

package/es/atom/status-item/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","COLORS","createStyle","icon","current","backgroundColor","positive","negative","gray","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","_style","child","createElement","color"],"sources":["../../../src/atom/status-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {StatusItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (icon: StatusItemProps['icon'], current?: boolean): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: StatusItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(icon, current);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,UAAU,EAAEC,IAAI,EAAaC,IAAI,QAAkB,cAAc;AACzE,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,MAAM,QAAO,wBAAwB;AAS7C,MAAMC,WAAW,GAAGA,CAACC,IAA6B,EAAEC,OAAiB,KAAqB;EACxF,IAAIC,eAAe;EAEnB,QAAQF,IAAI;IACV,KAAK,OAAO;MACVE,eAAe,GAAGJ,MAAM,CAACK,QAAQ;MACjC;IACF,KAAK,OAAO;MACVD,eAAe,GAAGJ,MAAM,CAACM,QAAQ;MACjC;IACF,KAAK,WAAW;IAChB;MACEF,eAAe,GAAGJ,MAAM,CAACO,IAAI;EACjC;EAEA,OAAOd,UAAU,CAACe,MAAM,CAAC;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBQ,MAAM,EAAER,OAAO,GAAG,EAAE,GAAG,EAAE;MACzBS,OAAO,EAAET,OAAO,GAAG,CAAC,GAAG,GAAG;MAC1BU,gBAAgB,EAAE,CAAC;MACnBT,eAAe;MACfU,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAEhB,OAAO,GAAG,EAAE,GAAG;IAC3B,CAAC;IACDD,IAAI,EAAE;MACJQ,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAG,EAAE;MACxBQ,MAAM,EAAER,OAAO,GAAG,EAAE,GAAG;IACzB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMiB,IAAI,GAAGA,CAAC;EAACC,KAAK;EAAEnB,IAAI;EAAEC;AAAwB,CAAC,KAAK;EACxD,MAAM,CAACmB,KAAK,EAAEC,QAAQ,CAAC,GAAG/B,QAAQ,CAAwB,IAAI,CAAC;EAE/DD,SAAS,CAAC,MAAM;IACd,MAAMiC,MAAM,GAAGvB,WAAW,CAACC,IAAI,EAAEC,OAAO,CAAC;IACzCoB,QAAQ,CAACC,MAAM,CAAC;EAClB,CAAC,EAAE,CAACrB,OAAO,EAAED,IAAI,CAAC,CAAC;EAEnB,IAAI,CAACoB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,IAAIG,KAAK;EAET,QAAQvB,IAAI;IACV,KAAK,OAAO;MACVuB,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAC7B,SAAS;QAACyB,KAAK,EAAEA,KAAK,CAACpB,IAAK;QAACyB,KAAK,EAAC;MAAM,CAAE,CAAC;MACrD;IACF,KAAK,OAAO;MACVF,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAC3B,SAAS;QAACuB,KAAK,EAAEA,KAAK,CAACpB,IAAK;QAACyB,KAAK,EAAC;MAAM,CAAE,CAAC;MACrD;IACF,KAAK,WAAW;IAChB;MACEF,KAAK,gBAAGnC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;QAAC4B,KAAK,EAAEA,KAAK,CAACL;MAAS,GAAEI,KAAY,CAAC;EACvD;EAEA,oBAAO/B,KAAA,CAAAoC,aAAA,CAAC/B,IAAI;IAAC2B,KAAK,EAAEA,KAAK,CAACb;EAAK,GAAEgB,KAAY,CAAC;AAChD,CAAC;AAED,eAAeL,IAAI","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","Text","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","COLORS","createStyle","icon","current","backgroundColor","positive","negative","gray","create","step","width","height","opacity","marginHorizontal","alignItems","justifyContent","borderRadius","stepText","fontWeight","fontSize","Step","value","style","setStyle","_style","child"],"sources":["../../../src/atom/status-item/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport {StatusItemProps} from './types';\n\ntype StyleSheetType = {\n  step: ViewStyle;\n  stepText: TextStyle;\n  icon: ViewStyle;\n};\n\nconst createStyle = (icon: StatusItemProps['icon'], current?: boolean): StyleSheetType => {\n  let backgroundColor;\n\n  switch (icon) {\n    case 'right':\n      backgroundColor = COLORS.positive;\n      break;\n    case 'wrong':\n      backgroundColor = COLORS.negative;\n      break;\n    case 'no-answer':\n    default:\n      backgroundColor = COLORS.gray;\n  }\n\n  return StyleSheet.create({\n    step: {\n      width: current ? 40 : 32,\n      height: current ? 40 : 32,\n      opacity: current ? 1 : 0.5,\n      marginHorizontal: 8,\n      backgroundColor,\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 50\n    },\n    stepText: {\n      fontWeight: '600',\n      fontSize: current ? 16 : 12\n    },\n    icon: {\n      width: current ? 14 : 12,\n      height: current ? 14 : 12\n    }\n  });\n};\n\nconst Step = ({value, icon, current}: StatusItemProps) => {\n  const [style, setStyle] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _style = createStyle(icon, current);\n    setStyle(_style);\n  }, [current, icon]);\n\n  if (!style) {\n    return null;\n  }\n\n  let child;\n\n  switch (icon) {\n    case 'right':\n      child = <RightIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'wrong':\n      child = <WrongIcon style={style.icon} color=\"#fff\" />;\n      break;\n    case 'no-answer':\n    default:\n      child = <Text style={style.stepText}>{value}</Text>;\n  }\n\n  return <View style={style.step}>{child}</View>;\n};\n\nexport default Step;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAAqCC,IAArC,QAA2D,cAA3D;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,SAAQC,MAAR,QAAqB,wBAArB;;AASA,MAAMC,WAAW,GAAG,CAACC,IAAD,EAAgCC,OAAhC,KAAsE;EACxF,IAAIC,eAAJ;;EAEA,QAAQF,IAAR;IACE,KAAK,OAAL;MACEE,eAAe,GAAGJ,MAAM,CAACK,QAAzB;MACA;;IACF,KAAK,OAAL;MACED,eAAe,GAAGJ,MAAM,CAACM,QAAzB;MACA;;IACF,KAAK,WAAL;IACA;MACEF,eAAe,GAAGJ,MAAM,CAACO,IAAzB;EATJ;;EAYA,OAAOd,UAAU,CAACe,MAAX,CAAkB;IACvBC,IAAI,EAAE;MACJC,KAAK,EAAEP,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJQ,MAAM,EAAER,OAAO,GAAG,EAAH,GAAQ,EAFnB;MAGJS,OAAO,EAAET,OAAO,GAAG,CAAH,GAAO,GAHnB;MAIJU,gBAAgB,EAAE,CAJd;MAKJT,eALI;MAMJU,UAAU,EAAE,QANR;MAOJC,cAAc,EAAE,QAPZ;MAQJC,YAAY,EAAE;IARV,CADiB;IAWvBC,QAAQ,EAAE;MACRC,UAAU,EAAE,KADJ;MAERC,QAAQ,EAAEhB,OAAO,GAAG,EAAH,GAAQ;IAFjB,CAXa;IAevBD,IAAI,EAAE;MACJQ,KAAK,EAAEP,OAAO,GAAG,EAAH,GAAQ,EADlB;MAEJQ,MAAM,EAAER,OAAO,GAAG,EAAH,GAAQ;IAFnB;EAfiB,CAAlB,CAAP;AAoBD,CAnCD;;AAqCA,MAAMiB,IAAI,GAAG,CAAC;EAACC,KAAD;EAAQnB,IAAR;EAAcC;AAAd,CAAD,KAA6C;EACxD,MAAM,CAACmB,KAAD,EAAQC,QAAR,IAAoB/B,QAAQ,CAAwB,IAAxB,CAAlC;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMiC,MAAM,GAAGvB,WAAW,CAACC,IAAD,EAAOC,OAAP,CAA1B;;IACAoB,QAAQ,CAACC,MAAD,CAAR;EACD,CAHQ,EAGN,CAACrB,OAAD,EAAUD,IAAV,CAHM,CAAT;;EAKA,IAAI,CAACoB,KAAL,EAAY;IACV,OAAO,IAAP;EACD;;EAED,IAAIG,KAAJ;;EAEA,QAAQvB,IAAR;IACE,KAAK,OAAL;MACEuB,KAAK,gBAAG,oBAAC,SAAD;QAAW,KAAK,EAAEH,KAAK,CAACpB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,OAAL;MACEuB,KAAK,gBAAG,oBAAC,SAAD;QAAW,KAAK,EAAEH,KAAK,CAACpB,IAAxB;QAA8B,KAAK,EAAC;MAApC,EAAR;MACA;;IACF,KAAK,WAAL;IACA;MACEuB,KAAK,gBAAG,oBAAC,IAAD;QAAM,KAAK,EAAEH,KAAK,CAACL;MAAnB,GAA8BI,KAA9B,CAAR;EATJ;;EAYA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEC,KAAK,CAACb;EAAnB,GAA0BgB,KAA1B,CAAP;AACD,CA3BD;;AA6BA,eAAeL,IAAf"}

package/es/atom/status-item/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","current","bool","selected","icon","oneOf","value","string"],"sources":["../../../src/atom/status-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  selected: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong', 'valid', 'invalid', 'errors-number']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type StatusItemProps = {\n  current?: boolean;\n  selected?: boolean;\n  icon: 'no-answer' | 'right' | 'wrong' | 'valid' | 'invalid' | 'errors-number';\n  value?: string;\n};\n\nexport type Fixture = {\n  props: StatusItemProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEF,SAAS,CAACG,IAAI;EACvBC,QAAQ,EAAEJ,SAAS,CAACG,IAAI;EACxBE,IAAI,EAAEL,SAAS,CAACM,KAAK,CAAC,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC;EAC3FC,KAAK,EAAEP,SAAS,CAACQ;AACnB,CAAC;AAED,eAAeP,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","current","bool","selected","icon","oneOf","value","string"],"sources":["../../../src/atom/status-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  selected: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong', 'valid', 'invalid', 'errors-number']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type StatusItemProps = {\n  current?: boolean;\n  selected?: boolean;\n  icon: 'no-answer' | 'right' | 'wrong' | 'valid' | 'invalid' | 'errors-number';\n  value?: string;\n};\n\nexport type Fixture = {\n  props: StatusItemProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEF,SAAS,CAACG,IADH;EAEhBC,QAAQ,EAAEJ,SAAS,CAACG,IAFJ;EAGhBE,IAAI,EAAEL,SAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,OAAvB,EAAgC,OAAhC,EAAyC,SAAzC,EAAoD,eAApD,CAAhB,CAHU;EAIhBC,KAAK,EAAEP,SAAS,CAACQ;AAJD,CAAlB;AAOA,eAAeP,SAAf"}