@coorpacademy/components 11.40.21 → 11.40.22-slider.13

package/es/molecule/questions/mobile/template/index.native.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { View } from 'react-native';
+import { View, Text } from 'react-native';
 import trim from 'lodash/fp/trim';
 import Html from '../../../../atom/html/index.native';
 import Select from '../../../../atom/select-modal/index.native';
@@ -108,12 +108,22 @@ const Item = props => {
       }));
     }
   }
-  return /*#__PURE__*/React.createElement(Html, {
+  const textValue = part.value === ' ' ? part.value : trim(part.value || '');
+
+  // Use native Text for simple text, Html for content with HTML tags
+  if (textValue.includes('<')) {
+    return /*#__PURE__*/React.createElement(Html, {
+      key: id,
+      fontSize: theme.fontSize.regular,
+      testID: id,
+      style: styles.htmlText
+    }, textValue);
+  }
+  return /*#__PURE__*/React.createElement(Text, {
     key: id,
-    fontSize: theme.fontSize.regular,
     testID: id,
     style: styles.htmlText
-  }, part.value === ' ' ? part.value : trim(part.value || ''));
+  }, textValue);
 };
 const QuestionTemplate = props => {
   const {

package/es/molecule/questions/mobile/template/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","trim","Html","Select","Space","FreeText","useTemplateContext","parseTemplateString","BOX_STYLE","createStyleSheet","theme","container","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","htmlText","color","colors","black","fontWeight","bold","lineHeight","selectInput","padding","borderRadius","radius","regular","minWidth","marginHorizontal","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","translations","inputNames","map","choice","name","id","value","isFocused","type","includes","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","createElement","style","testID","key","onChange","questionType","selectInputStyle","selectTextStyle","values","items","placeholder","selectAnAnswer","onBlur","onFocus","textStyle","analyticsID","QuestionTemplate","template","styleSheet","setStylesheet","_stylesheet","parts"],"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {TextStyle, View, ViewStyle} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport type {TemplateListOfChoices, TemplateTextChoice} from '../../types';\nimport FreeText from '../../free-text/index.native';\nimport {\n  FocusedSelectId,\n  HandleBlur,\n  HandleFocus,\n  useTemplateContext\n} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\nimport {BOX_STYLE} from '../../../../variables/shadow';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  spaced: ViewStyle;\n  htmlText: TextStyle;\n  selectInput: ViewStyle;\n  selectText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType => ({\n  container: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  htmlText: {\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 25\n  },\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  selectInput: {\n    padding: theme.spacing.tiny,\n    borderRadius: theme.radius.regular,\n    minWidth: 175,\n    marginHorizontal: 12,\n    paddingVertical: 16,\n    ...BOX_STYLE,\n    backgroundColor: theme.colors.white\n  },\n  selectText: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  isDisabled?: boolean;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: StyleSheetType;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    isDisabled = false,\n    focusedSelectId,\n    choices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, translations} = templateContext;\n\n  const inputNames = choices.map(choice => choice.name);\n  const id = `question-part-${part.value}`;\n  const isFocused = focusedSelectId === id;\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const choiceIndex = choices.findIndex(choice => choice.name === part.value);\n    const choice = choices[choiceIndex];\n    const {value} = choice;\n\n    if (!choice || !choice.type || !choice.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange =\n      (_item: TemplateTextChoice | TemplateListOfChoices) => (_value: string) =>\n        onInputChange(_item, _value);\n\n    if (choice.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(choice)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    const selectInputStyle: TextStyle[] = [styles.selectInput];\n    const selectTextStyle: TextStyle[] = [styles.selectText];\n\n    if (choice.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={choice.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(choice)}\n            textStyle={selectTextStyle}\n            style={selectInputStyle}\n            analyticsID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  return (\n    <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n      {part.value === ' ' ? part.value : trim(part.value || '')}\n    </Html>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    choices,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts: TemplatePart[] = parseTemplateString(template);\n\n  return (\n    <View style={styleSheet.container} testID=\"question-template\">\n      {parts.map(part => (\n        <View key={`question-part-${part.value}`} style={{flexDirection: 'row'}}>\n          <Item\n            part={part}\n            choices={choices}\n            focusedSelectId={focusedSelectId}\n            isDisabled={isDisabled}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            onInputChange={onInputChange}\n            styles={styleSheet}\n          />\n          <Space type=\"micro\" />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","Text","trim","Html","Select","Space","FreeText","useTemplateContext","parseTemplateString","BOX_STYLE","createStyleSheet","theme","container","width","flexDirection","flexWrap","justifyContent","alignItems","spaced","paddingVertical","spacing","tiny","htmlText","color","colors","black","fontWeight","bold","lineHeight","selectInput","padding","borderRadius","radius","regular","minWidth","marginHorizontal","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","translations","inputNames","map","choice","name","id","value","isFocused","type","includes","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","createElement","style","testID","key","onChange","questionType","selectInputStyle","selectTextStyle","values","items","placeholder","selectAnAnswer","onBlur","onFocus","textStyle","analyticsID","textValue","QuestionTemplate","template","styleSheet","setStylesheet","_stylesheet","parts"],"sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {TextStyle, View, ViewStyle, Text} from 'react-native';\n\nimport trim from 'lodash/fp/trim';\n\nimport Html from '../../../../atom/html/index.native';\nimport Select from '../../../../atom/select-modal/index.native';\nimport Space from '../../../../atom/space/index.native';\nimport type {TemplateListOfChoices, TemplateTextChoice} from '../../types';\nimport FreeText from '../../free-text/index.native';\nimport {\n  FocusedSelectId,\n  HandleBlur,\n  HandleFocus,\n  useTemplateContext\n} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\nimport parseTemplateString from '../../../../util/parse-template-string';\nimport {BOX_STYLE} from '../../../../variables/shadow';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  spaced: ViewStyle;\n  htmlText: TextStyle;\n  selectInput: ViewStyle;\n  selectText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType => ({\n  container: {\n    width: '100%',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  spaced: {\n    paddingVertical: theme.spacing.tiny\n  },\n  htmlText: {\n    color: theme.colors.black,\n    fontWeight: theme.fontWeight.bold,\n    lineHeight: 25\n  },\n  // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n  selectInput: {\n    padding: theme.spacing.tiny,\n    borderRadius: theme.radius.regular,\n    minWidth: 175,\n    marginHorizontal: 12,\n    paddingVertical: 16,\n    ...BOX_STYLE,\n    backgroundColor: theme.colors.white\n  },\n  selectText: {\n    color: theme.colors.gray.medium,\n    fontWeight: theme.fontWeight.bold,\n    fontSize: theme.fontSize.regular,\n    textAlign: 'center'\n  }\n});\n\ntype TemplatePart = {\n  type: 'string' | 'answerField';\n  value: string;\n};\n\ntype ItemProps = {\n  part: TemplatePart;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  isDisabled?: boolean;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n  styles: StyleSheetType;\n};\n\nconst Item = (props: ItemProps) => {\n  const {\n    part,\n    isDisabled = false,\n    focusedSelectId,\n    choices,\n    onInputChange,\n    handleBlur,\n    handleFocus,\n    styles\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme, translations} = templateContext;\n\n  const inputNames = choices.map(choice => choice.name);\n  const id = `question-part-${part.value}`;\n  const isFocused = focusedSelectId === id;\n\n  if (part.type === 'answerField' && inputNames.includes(part.value)) {\n    const choiceIndex = choices.findIndex(choice => choice.name === part.value);\n    const choice = choices[choiceIndex];\n    const {value} = choice;\n\n    if (!choice || !choice.type || !choice.name) {\n      return null;\n    }\n\n    const disabledSuffix = isDisabled ? '-disabled' : '';\n    const selectedSuffix = value ? '-selected' : '';\n\n    const handleInputChange =\n      (_item: TemplateTextChoice | TemplateListOfChoices) => (_value: string) =>\n        onInputChange(_item, _value);\n\n    if (choice.type === 'text') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <FreeText\n            key={id}\n            isDisabled={isDisabled}\n            onChange={handleInputChange(choice)}\n            value={value}\n            testID={`${id}-text${selectedSuffix}${disabledSuffix}`}\n            questionType=\"template\"\n          />\n        </View>\n      );\n    }\n\n    const selectInputStyle: TextStyle[] = [styles.selectInput];\n    const selectTextStyle: TextStyle[] = [styles.selectText];\n\n    if (choice.type === 'select') {\n      return (\n        <View style={styles.spaced} testID={id}>\n          <Select\n            isDisabled={isDisabled}\n            questionType=\"template\"\n            values={choice.items}\n            value={value}\n            placeholder={translations.selectAnAnswer}\n            isFocused={isFocused}\n            onBlur={handleBlur}\n            onFocus={handleFocus(id)}\n            onChange={handleInputChange(choice)}\n            textStyle={selectTextStyle}\n            style={selectInputStyle}\n            analyticsID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n            testID={`${id}-select${selectedSuffix}${disabledSuffix}`}\n          />\n        </View>\n      );\n    }\n  }\n\n  const textValue = part.value === ' ' ? part.value : trim(part.value || '');\n\n  // Use native Text for simple text, Html for content with HTML tags\n  if (textValue.includes('<')) {\n    return (\n      <Html key={id} fontSize={theme.fontSize.regular} testID={id} style={styles.htmlText}>\n        {textValue}\n      </Html>\n    );\n  }\n\n  return (\n    <Text key={id} testID={id} style={styles.htmlText}>\n      {textValue}\n    </Text>\n  );\n};\n\nexport type Props = {\n  isDisabled?: boolean;\n  template: string;\n  choices: Array<TemplateTextChoice | TemplateListOfChoices>;\n  onInputChange: (item: TemplateTextChoice | TemplateListOfChoices, value: string) => void;\n  focusedSelectId: FocusedSelectId;\n  handleBlur: HandleBlur;\n  handleFocus: HandleFocus;\n};\n\nconst QuestionTemplate = (props: Props) => {\n  const {\n    template,\n    onInputChange,\n    choices,\n    handleBlur,\n    handleFocus,\n    focusedSelectId,\n    isDisabled = false\n  } = props;\n\n  const templateContext = useTemplateContext();\n  const {theme} = templateContext;\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!template || !styleSheet) {\n    return null;\n  }\n\n  const parts: TemplatePart[] = parseTemplateString(template);\n\n  return (\n    <View style={styleSheet.container} testID=\"question-template\">\n      {parts.map(part => (\n        <View key={`question-part-${part.value}`} style={{flexDirection: 'row'}}>\n          <Item\n            part={part}\n            choices={choices}\n            focusedSelectId={focusedSelectId}\n            isDisabled={isDisabled}\n            handleBlur={handleBlur}\n            handleFocus={handleFocus}\n            onInputChange={onInputChange}\n            styles={styleSheet}\n          />\n          <Space type=\"micro\" />\n        </View>\n      ))}\n    </View>\n  );\n};\n\nexport default QuestionTemplate;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/questions/qcm/index.d.ts

@@ -1,5 +1,5 @@
 export default QCM;
-declare function QCM(props: any, legacyContext: any): JSX.Element;
+declare function QCM(props: any, legacyContext: any): React.JSX.Element;
 declare namespace QCM {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -25,14 +25,15 @@ declare namespace QCM {
         }>>;
     }
     namespace propTypes {
-        const answers: PropTypes.Requireable<(PropTypes.InferProps<{
+        const answers: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             selected: PropTypes.Requireable<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             'aria-label': PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const groupAriaLabel: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/questions/qcm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/qcm/index.js"],"names":[],"mappings":";AASA,kEAwDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/qcm/index.js"],"names":[],"mappings":";AASA,wEAwDC"}

package/es/molecule/questions/qcm-drag/index.d.ts

@@ -3,7 +3,7 @@ declare function QcmDrag({ answers, help, groupAriaLabel }: {
     answers: any;
     help: any;
     groupAriaLabel: any;
-}, legacyContext: any): JSX.Element;
+}, legacyContext: any): React.JSX.Element;
 declare namespace QcmDrag {
     namespace propTypes {
         export { AnswersPropTypes as answers };
@@ -35,18 +35,19 @@ declare namespace QcmDrag {
         }>>;
     }
 }
-declare const AnswersPropTypes: PropTypes.Requireable<(PropTypes.InferProps<{
+import React from "react";
+declare const AnswersPropTypes: PropTypes.Requireable<PropTypes.InferProps<{
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     order: PropTypes.Requireable<number>;
     selected: PropTypes.Requireable<boolean>;
     title: PropTypes.Requireable<string>;
     help: PropTypes.Requireable<string>;
-}> | null | undefined)[]>;
+}>[]>;
 declare function SelectedAnswerSections({ answers, help, backgroundColor }: {
     answers: any;
     help: any;
     backgroundColor: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace SelectedAnswerSections {
     export namespace propTypes_1 {
         export { AnswersPropTypes as answers };
@@ -59,7 +60,7 @@ declare namespace SelectedAnswerSections {
 import PropTypes from "prop-types";
 declare function EmptyView({ help }: {
     help: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace EmptyView {
     export namespace propTypes_2 {
         const help_2: PropTypes.Requireable<string>;

package/es/molecule/questions/qcm-drag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/qcm-drag/index.js"],"names":[],"mappings":";AA+GA;;;;oCAYC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnHD;;;;;;0BAQE;AA2CF;;;;gBA4CC;;;;;;;;;;;AArFD;;gBAA6E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/qcm-drag/index.js"],"names":[],"mappings":";AA+GA;;;;0CAYC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnHD;;;;;;MAQE;AA2CF;;;;sBA4CC;;;;;;;;;;;AArFD;;sBAA6E"}

package/es/molecule/questions/qcm-graphic/index.d.ts

@@ -1,5 +1,5 @@
 export default QCMImage;
-declare function QCMImage(props: any, legacyContext: any): JSX.Element;
+declare function QCMImage(props: any, legacyContext: any): React.JSX.Element;
 declare namespace QCMImage {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -25,15 +25,16 @@ declare namespace QCMImage {
         }>>;
     }
     namespace propTypes {
-        const answers: PropTypes.Requireable<(PropTypes.InferProps<{
+        const answers: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             selected: PropTypes.Requireable<boolean>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             image: PropTypes.Requireable<string>;
             ariaLabel: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const groupAriaLabel: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/questions/qcm-graphic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"names":[],"mappings":";AAQA,uEAwEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"names":[],"mappings":";AAQA,6EAwEC"}

package/es/molecule/questions/question-range/index.d.ts

@@ -1,5 +1,5 @@
 export default QuestionRange;
-declare function QuestionRange(props: any, legacyContext: any): JSX.Element;
+declare function QuestionRange(props: any, legacyContext: any): React.JSX.Element;
 declare namespace QuestionRange {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -50,5 +50,6 @@ declare namespace QuestionRange {
         }>>;
     };
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/questions/question-range/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/question-range/index.js"],"names":[],"mappings":";AAQA,4EAiCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/question-range/index.js"],"names":[],"mappings":";AAQA,kFAiCC"}

package/es/molecule/questions/template/index.d.ts

@@ -3,35 +3,25 @@ declare function Template({ template, answers, groupAriaLabel }: {
     template: any;
     answers: any;
     groupAriaLabel: any;
-}): JSX.Element;
+}): React.JSX.Element;
 declare namespace Template {
     namespace propTypes {
         const template: PropTypes.Requireable<string>;
-        const answers: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<{
+        const answers: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
+            options: PropTypes.Requireable<PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+                value: PropTypes.Requireable<NonNullable<string | number>>;
                 selected: PropTypes.Requireable<boolean>;
                 validOption: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
+            }>[]>;
             theme: PropTypes.Requireable<string>;
             'aria-label': PropTypes.Requireable<string>;
             groupAriaLabel: PropTypes.Requireable<string>;
-        }, never>> & Partial<PropTypes.InferPropsInner<Pick<{
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            options: PropTypes.Requireable<(PropTypes.InferProps<{
-                name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-                selected: PropTypes.Requireable<boolean>;
-                validOption: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
-            theme: PropTypes.Requireable<string>;
-            'aria-label': PropTypes.Requireable<string>;
-            groupAriaLabel: PropTypes.Requireable<string>;
-        }, "aria-label" | "onChange" | "theme" | "options" | "groupAriaLabel">>>) | null | undefined)[]>;
+        }>>[]>;
         const groupAriaLabel: PropTypes.Requireable<string>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/questions/template/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/template/index.js"],"names":[],"mappings":";AAQA;;;;gBA4CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/template/index.js"],"names":[],"mappings":";AAQA;;;;sBA4CC"}

package/es/molecule/questions/types.d.ts

@@ -1,4 +1,4 @@
-import { Config } from 'react-native-jw-media-player';
+import { Config } from '@jwplayer/jwplayer-react-native';
 import { ChoiceItem } from '../../atom/select-modal/index.native';
 declare type Url = string;
 declare type VideoMimeType = 'video/mp4' | 'application/kontiki' | 'application/jwplayer' | 'application/youtube' | 'application/omniPlayer' | 'application/uptale' | 'application/vimeo';

package/es/molecule/questions/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/questions/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/questions/types.ts"],"names":[],"mappings":"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"}

package/es/molecule/questions/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/molecule/questions/types.ts"],"sourcesContent":["import {Config} from 'react-native-jw-media-player';\nimport {ChoiceItem} from '../../atom/select-modal/index.native';\n\ntype Url = string;\n\ntype VideoMimeType =\n  | 'video/mp4'\n  | 'application/kontiki'\n  | 'application/jwplayer'\n  | 'application/youtube'\n  | 'application/omniPlayer'\n  | 'application/uptale'\n  | 'application/vimeo';\n\ntype ResourceMimeType =\n  | 'audio/acc'\n  | 'image/jpeg'\n  | 'image/png'\n  | 'application/pdf'\n  | VideoMimeType;\n\nexport type Source = {\n  _id?: string;\n  mimeType?: ResourceMimeType;\n  url: Url;\n  videoId?: string;\n};\n\nexport type MediaType = 'img' | 'audio' | 'video' | 'pdf';\n\nexport type Media = {\n  type?: MediaType;\n  description?: string;\n  loading?: boolean;\n  mimeType?: ResourceMimeType;\n  mediaRef?: string;\n  _id?: string;\n  jwpOptions?: {\n    // --- native JWPlayer\n    config?: Config;\n    // --- web JWPlayer\n    playlist?: Array<{\n      file: string;\n      tracks: [{file: string; kind: 'thumbnails'}];\n    }>;\n    playerId?: string;\n    playerScript?: string;\n    licenseKey?: string;\n    customProps?: {\n      playbackRateControls: boolean;\n      playbackRates: number[];\n      preload: 'auto';\n      autostart: 'true' | 'false';\n      width: string;\n      height: string;\n      visualplaylist: boolean;\n      nextUpDisplay: boolean;\n    };\n  };\n  mediaUrl?: Url;\n  url?: Url;\n  subtitles?: Array<string>;\n  posters?: Array<Url>;\n  src?: Array<Source>;\n  poster?: string;\n  videoId?: string;\n  onClick?: () => void;\n  onPlay?: () => void;\n  onPause?: () => void;\n  onResume?: () => void;\n  onEnded?: () => void;\n};\n\nexport type QuestionType = 'qcm' | 'qcmGraphic' | 'slider' | 'qcmDrag' | 'basic' | 'template';\n\ntype ChoiceBase = {\n  _id: string;\n  value?: string;\n  name?: string;\n  label?: string;\n};\n\nexport type SelectableChoice = {\n  _id: string;\n  label: string;\n  selected: boolean;\n  onPress: (value?: string) => void;\n  media?: Media;\n};\n\nexport type TemplateTextChoice = {\n  type: 'text';\n  _id: string;\n  name: string;\n  value: string;\n  label: string;\n  selected: boolean;\n};\n\nexport type TemplateListOfChoices = {\n  type: 'select';\n  _id: string;\n  name: string;\n  value: string;\n  label: string;\n  items: Array<ChoiceItem>;\n};\n\nexport type Choice = ChoiceBase | SelectableChoice | TemplateListOfChoices | TemplateTextChoice;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/molecule/questions/types.ts"],"sourcesContent":["import {Config} from '@jwplayer/jwplayer-react-native';\nimport {ChoiceItem} from '../../atom/select-modal/index.native';\n\ntype Url = string;\n\ntype VideoMimeType =\n  | 'video/mp4'\n  | 'application/kontiki'\n  | 'application/jwplayer'\n  | 'application/youtube'\n  | 'application/omniPlayer'\n  | 'application/uptale'\n  | 'application/vimeo';\n\ntype ResourceMimeType =\n  | 'audio/acc'\n  | 'image/jpeg'\n  | 'image/png'\n  | 'application/pdf'\n  | VideoMimeType;\n\nexport type Source = {\n  _id?: string;\n  mimeType?: ResourceMimeType;\n  url: Url;\n  videoId?: string;\n};\n\nexport type MediaType = 'img' | 'audio' | 'video' | 'pdf';\n\nexport type Media = {\n  type?: MediaType;\n  description?: string;\n  loading?: boolean;\n  mimeType?: ResourceMimeType;\n  mediaRef?: string;\n  _id?: string;\n  jwpOptions?: {\n    // --- native JWPlayer\n    config?: Config;\n    // --- web JWPlayer\n    playlist?: Array<{\n      file: string;\n      tracks: [{file: string; kind: 'thumbnails'}];\n    }>;\n    playerId?: string;\n    playerScript?: string;\n    licenseKey?: string;\n    customProps?: {\n      playbackRateControls: boolean;\n      playbackRates: number[];\n      preload: 'auto';\n      autostart: 'true' | 'false';\n      width: string;\n      height: string;\n      visualplaylist: boolean;\n      nextUpDisplay: boolean;\n    };\n  };\n  mediaUrl?: Url;\n  url?: Url;\n  subtitles?: Array<string>;\n  posters?: Array<Url>;\n  src?: Array<Source>;\n  poster?: string;\n  videoId?: string;\n  onClick?: () => void;\n  onPlay?: () => void;\n  onPause?: () => void;\n  onResume?: () => void;\n  onEnded?: () => void;\n};\n\nexport type QuestionType = 'qcm' | 'qcmGraphic' | 'slider' | 'qcmDrag' | 'basic' | 'template';\n\ntype ChoiceBase = {\n  _id: string;\n  value?: string;\n  name?: string;\n  label?: string;\n};\n\nexport type SelectableChoice = {\n  _id: string;\n  label: string;\n  selected: boolean;\n  onPress: (value?: string) => void;\n  media?: Media;\n};\n\nexport type TemplateTextChoice = {\n  type: 'text';\n  _id: string;\n  name: string;\n  value: string;\n  label: string;\n  selected: boolean;\n};\n\nexport type TemplateListOfChoices = {\n  type: 'select';\n  _id: string;\n  name: string;\n  value: string;\n  label: string;\n  items: Array<ChoiceItem>;\n};\n\nexport type Choice = ChoiceBase | SelectableChoice | TemplateListOfChoices | TemplateTextChoice;\n"],"mappings":"","ignoreList":[]}

package/es/molecule/quick-access-card/index.d.ts

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

package/es/molecule/quick-access-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AAsIA,wEAsEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AAsIA,8EAsEC"}

package/es/molecule/quick-access-cards-group/index.d.ts

@@ -1,17 +1,18 @@
 export default QuickAccessCardGroup;
-declare function QuickAccessCardGroup(props: any): JSX.Element;
+declare function QuickAccessCardGroup(props: any): React.JSX.Element;
 declare namespace QuickAccessCardGroup {
     namespace propTypes {
-        const list: PropTypes.Requireable<(PropTypes.InferProps<{
+        const list: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             href: PropTypes.Requireable<string>;
             openInNewTab: PropTypes.Requireable<boolean>;
             isMoocCard: PropTypes.Requireable<boolean>;
             feature: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         const loading: PropTypes.Requireable<boolean>;
     }
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/quick-access-cards-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-cards-group/index.js"],"names":[],"mappings":";AAOA,+DAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-cards-group/index.js"],"names":[],"mappings":";AAOA,qEAuBC"}

package/es/molecule/quick-filters/index.d.ts

@@ -3,7 +3,7 @@ import { WebContextValues } from '../../atom/provider/web-context';
 import { QuickFiltersProps } from './types';
 export declare const handleScroll: (direction: number, listRef: React.RefObject<HTMLDivElement>) => void;
 declare const QuickFilters: {
-    ({ primaryOption, filterOptions, filterButton, filterOptionsAriaLabel }: QuickFiltersProps, context: WebContextValues): JSX.Element;
+    ({ primaryOption, filterOptions, filterButton, filterOptionsAriaLabel }: QuickFiltersProps, context: WebContextValues): React.JSX.Element;
     propTypes: {
         primaryOption: import("prop-types").Requireable<import("prop-types").InferProps<{
             defaultLabel: import("prop-types").Requireable<string>;
@@ -14,14 +14,14 @@ declare const QuickFilters: {
             onDefaultClick: import("prop-types").Requireable<(...args: any[]) => any>;
         }>>;
         filterOptionsAriaLabel: import("prop-types").Requireable<string>;
-        filterOptions: import("prop-types").Requireable<(import("prop-types").InferProps<{
+        filterOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
             iconName: import("prop-types").Requireable<string>;
             label: import("prop-types").Requireable<string>;
             value: import("prop-types").Requireable<string>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             selected: import("prop-types").Requireable<boolean>;
             ariaLabel: import("prop-types").Requireable<string>;
-        }> | null | undefined)[]>;
+        }>[]>;
         filterButton: import("prop-types").Requireable<import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
             usage: import("prop-types").Requireable<string>;
@@ -42,7 +42,7 @@ declare const QuickFilters: {
                     size: import("prop-types").Requireable<number>;
                     customStyle: import("prop-types").Requireable<object>;
                 }>>;
-            }> | (import("prop-types").InferProps<{
+            }> | import("prop-types").InferProps<{
                 position: import("prop-types").Requireable<string>;
                 type: import("prop-types").Requireable<string>;
                 faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -52,7 +52,7 @@ declare const QuickFilters: {
                     size: import("prop-types").Requireable<number>;
                     customStyle: import("prop-types").Requireable<object>;
                 }>>;
-            }> | null | undefined)[] | null | undefined>>;
+            }>[]>>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             link: import("prop-types").Requireable<import("prop-types").InferProps<{
                 href: import("prop-types").Requireable<string>;

package/es/molecule/quick-filters/types.d.ts

@@ -35,14 +35,14 @@ export declare const propTypes: {
         onDefaultClick: PropTypes.Requireable<(...args: any[]) => any>;
     }>>;
     filterOptionsAriaLabel: PropTypes.Requireable<string>;
-    filterOptions: PropTypes.Requireable<(PropTypes.InferProps<{
+    filterOptions: PropTypes.Requireable<PropTypes.InferProps<{
         iconName: PropTypes.Requireable<string>;
         label: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         selected: PropTypes.Requireable<boolean>;
         ariaLabel: PropTypes.Requireable<string>;
-    }> | null | undefined)[]>;
+    }>[]>;
     filterButton: PropTypes.Requireable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
         usage: PropTypes.Requireable<string>;
@@ -63,7 +63,7 @@ export declare const propTypes: {
                 size: PropTypes.Requireable<number>;
                 customStyle: PropTypes.Requireable<object>;
             }>>;
-        }> | (PropTypes.InferProps<{
+        }> | PropTypes.InferProps<{
             position: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -73,7 +73,7 @@ export declare const propTypes: {
                 size: PropTypes.Requireable<number>;
                 customStyle: PropTypes.Requireable<object>;
             }>>;
-        }> | null | undefined)[] | null | undefined>>;
+        }>[]>>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         link: PropTypes.Requireable<PropTypes.InferProps<{
             href: PropTypes.Requireable<string>;

package/es/molecule/resource-player/index.d.ts

@@ -23,12 +23,12 @@ declare class ResourcePlayer extends React.Component<any, any, any> {
                 file: PropTypes.Requireable<any>;
                 customProps: PropTypes.Requireable<PropTypes.InferProps<{
                     aspectratio: PropTypes.Requireable<string>;
-                    tracks: PropTypes.Requireable<(PropTypes.InferProps<{
+                    tracks: PropTypes.Requireable<PropTypes.InferProps<{
                         file: PropTypes.Requireable<any>;
                         label: PropTypes.Requireable<string>;
                         kind: PropTypes.Requireable<string>;
                         default: PropTypes.Requireable<boolean>;
-                    }> | null | undefined)[]>;
+                    }>[]>;
                     autostart: PropTypes.Requireable<string>;
                     width: PropTypes.Requireable<string>;
                     skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -51,7 +51,7 @@ declare class ResourcePlayer extends React.Component<any, any, any> {
         }> | PropTypes.InferProps<{
             type: PropTypes.Validator<any>;
             url: PropTypes.Validator<string>;
-        }> | null | undefined>>;
+        }>>>;
         overlay: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             text: PropTypes.Requireable<string>;
@@ -64,7 +64,7 @@ declare class ResourcePlayer extends React.Component<any, any, any> {
         overlay: any;
     };
     handleOverlay(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/es/molecule/resource-player/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/resource-player/index.js"],"names":[],"mappings":"AAWA,+BAAgC;AAChC,6BAA8B;AAC9B,iCAAkC;AAClC,iCAAkC;;AAgGlC;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQE;IAEF,sCAQC;IANC;;;MAGC;IAKH,sBAKC;IAED,sBA0BC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/resource-player/index.js"],"names":[],"mappings":"AAWA,+BAAgC;AAChC,6BAA8B;AAC9B,iCAAkC;AAClC,iCAAkC;;AAgGlC;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQE;IAEF,sCAQC;IANC;;;MAGC;IAKH,sBAKC;IAED,4BA0BC;CACF"}

package/es/molecule/review-card-congrats/index.d.ts

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

package/es/molecule/review-card-congrats/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,6DAqEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,mEAqEC"}

package/es/molecule/review-correction-popin/index.d.ts

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

package/es/molecule/review-correction-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AA6EA,gEAqDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AA6EA,sEAqDC"}

package/es/molecule/review-correction-popin/index.native.d.ts

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

package/es/molecule/review-correction-popin/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAgC,0BAA0B,EAAC,MAAM,cAAc,CAAC;AAoQvF,QAAA,MAAM,qBAAqB,kDAMxB,0BAA0B,uBAiD5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAa9D,OAAO,EAAgC,0BAA0B,EAAC,MAAM,cAAc,CAAC;AAoQvF,QAAA,MAAM,qBAAqB,kDAMxB,0BAA0B,sBAiD5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/es/molecule/review-header-steps/index.d.ts

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

package/es/molecule/review-header-steps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/index.js"],"names":[],"mappings":";AAMA,4DAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/index.js"],"names":[],"mappings":";AAMA,kEAiBC"}

package/es/molecule/review-header-steps/prop-types.d.ts

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types';
 import { StatusItemProps } from '../../atom/status-item/types';
 declare const propTypes: {
-    steps: PropTypes.Requireable<(PropTypes.InferProps<{
+    steps: PropTypes.Requireable<PropTypes.InferProps<{
         current: PropTypes.Requireable<boolean>;
         selected: PropTypes.Requireable<boolean>;
         icon: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string>;
-    }> | null | undefined)[]>;
+    }>[]>;
 };
 export default propTypes;
 export declare type ReviewHeaderStepsProps = {