@coorpacademy/components 11.40.18-react18.9 → 11.40.19

package/lib/molecule/questions/mobile/template/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE3E,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EAEZ,MAAM,kDAAkD,CAAC;AA6J1D,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,sBA8CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/molecule/questions/mobile/template/index.native.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE3E,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EAEZ,MAAM,kDAAkD,CAAC;AAkJ1D,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;IAC3D,aAAa,EAAE,CAAC,IAAI,EAAE,kBAAkB,GAAG,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,gBAAgB,UAAW,KAAK,uBA8CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -115,22 +115,12 @@ const Item = props => {
       }));
     }
   }
-  const textValue = part.value === ' ' ? part.value : (0, _trim.default)(part.value || '');
-
-  // Use native Text for simple text, Html for content with HTML tags
-  if (textValue.includes('<')) {
-    return /*#__PURE__*/_react.default.createElement(_index.default, {
-      key: id,
-      fontSize: theme.fontSize.regular,
-      testID: id,
-      style: styles.htmlText
-    }, textValue);
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
     key: id,
+    fontSize: theme.fontSize.regular,
     testID: id,
     style: styles.htmlText
-  }, textValue);
+  }, part.value === ' ' ? part.value : (0, _trim.default)(part.value || ''));
 };
 const QuestionTemplate = props => {
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_trim","_interopRequireDefault","_index","_index2","_index3","_index4","_templateContext","_parseTemplateString","_shadow","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","BOX_STYLE","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","useTemplateContext","translations","inputNames","map","choice","name","id","value","isFocused","type","includes","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","createElement","View","style","testID","key","onChange","questionType","selectInputStyle","selectTextStyle","values","items","placeholder","selectAnAnswer","onBlur","onFocus","textStyle","analyticsID","textValue","trim","Text","QuestionTemplate","template","styleSheet","setStylesheet","useState","useEffect","_stylesheet","parts","parseTemplateString","_default","exports"],"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":[]}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_trim","_interopRequireDefault","_index","_index2","_index3","_index4","_templateContext","_parseTemplateString","_shadow","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","BOX_STYLE","backgroundColor","white","selectText","gray","medium","fontSize","textAlign","Item","props","part","isDisabled","focusedSelectId","choices","onInputChange","handleBlur","handleFocus","styles","templateContext","useTemplateContext","translations","inputNames","map","choice","name","id","value","isFocused","type","includes","choiceIndex","findIndex","disabledSuffix","selectedSuffix","handleInputChange","_item","_value","createElement","View","style","testID","key","onChange","questionType","selectInputStyle","selectTextStyle","values","items","placeholder","selectAnAnswer","onBlur","onFocus","textStyle","analyticsID","trim","QuestionTemplate","template","styleSheet","setStylesheet","useState","useEffect","_stylesheet","parts","parseTemplateString","_default","exports"],"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":[]}

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

@@ -1,5 +1,5 @@
 export default QCM;
-declare function QCM(props: any, legacyContext: any): React.JSX.Element;
+declare function QCM(props: any, legacyContext: any): JSX.Element;
 declare namespace QCM {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -25,15 +25,14 @@ 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/lib/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,wEAwDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/qcm/index.js"],"names":[],"mappings":";AASA,kEAwDC"}

package/lib/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): React.JSX.Element;
+}, legacyContext: any): JSX.Element;
 declare namespace QcmDrag {
     namespace propTypes {
         export { AnswersPropTypes as answers };
@@ -35,19 +35,18 @@ declare namespace QcmDrag {
         }>>;
     }
 }
-import React from "react";
-declare const AnswersPropTypes: PropTypes.Requireable<PropTypes.InferProps<{
+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;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace SelectedAnswerSections {
     export namespace propTypes_1 {
         export { AnswersPropTypes as answers };
@@ -60,7 +59,7 @@ declare namespace SelectedAnswerSections {
 import PropTypes from "prop-types";
 declare function EmptyView({ help }: {
     help: any;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace EmptyView {
     export namespace propTypes_2 {
         const help_2: PropTypes.Requireable<string>;

package/lib/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;;;;0CAYC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnHD;;;;;;MAQE;AA2CF;;;;sBA4CC;;;;;;;;;;;AArFD;;sBAA6E"}
+{"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"}

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

@@ -1,5 +1,5 @@
 export default QCMImage;
-declare function QCMImage(props: any, legacyContext: any): React.JSX.Element;
+declare function QCMImage(props: any, legacyContext: any): JSX.Element;
 declare namespace QCMImage {
     namespace contextTypes {
         const skin: PropTypes.Requireable<PropTypes.InferProps<{
@@ -25,16 +25,15 @@ 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/lib/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,6EAwEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/qcm-graphic/index.js"],"names":[],"mappings":";AAQA,uEAwEC"}

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

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

package/lib/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,kFAiCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/question-range/index.js"],"names":[],"mappings":";AAQA,4EAiCC"}

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

@@ -3,25 +3,35 @@ declare function Template({ template, answers, groupAriaLabel }: {
     template: any;
     answers: any;
     groupAriaLabel: any;
-}): React.JSX.Element;
+}): JSX.Element;
 declare namespace Template {
     namespace propTypes {
         const template: PropTypes.Requireable<string>;
-        const answers: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+        const answers: PropTypes.Requireable<((PropTypes.InferPropsInner<Pick<{
             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>>;
+                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>;
-        }>>[]>;
+        }, 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/lib/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;;;;sBA4CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecule/questions/template/index.js"],"names":[],"mappings":";AAQA;;;;gBA4CC"}

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

@@ -1,4 +1,4 @@
-import { Config } from '@jwplayer/jwplayer-react-native';
+import { Config } from 'react-native-jw-media-player';
 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/lib/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/lib/molecule/questions/types.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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":[]}

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

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

package/lib/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,8EAsEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AAsIA,wEAsEC"}

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

@@ -1,18 +1,17 @@
 export default QuickAccessCardGroup;
-declare function QuickAccessCardGroup(props: any): React.JSX.Element;
+declare function QuickAccessCardGroup(props: any): 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/lib/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,qEAuBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-cards-group/index.js"],"names":[],"mappings":";AAOA,+DAuBC"}

package/lib/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): React.JSX.Element;
+    ({ primaryOption, filterOptions, filterButton, filterOptionsAriaLabel }: QuickFiltersProps, context: WebContextValues): 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/lib/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/lib/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(): React.JSX.Element;
+    render(): JSX.Element;
 }
 import React from "react";
 import PropTypes from "prop-types";

package/lib/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,4BA0BC;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,sBA0BC;CACF"}

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

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

package/lib/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,mEAqEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/index.js"],"names":[],"mappings":"AAaO,0FAGN;;AAED,6DAqEC"}

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

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

package/lib/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,sEAqDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AA6EA,gEAqDC"}

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

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

package/lib/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,KAAyC,MAAM,OAAO,CAAC;AAa9D,OAAO,EAAgC,0BAA0B,EAAC,MAAM,cAAc,CAAC;AAoQvF,QAAA,MAAM,qBAAqB,kDAMxB,0BAA0B,sBAiD5B,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,EAAgC,0BAA0B,EAAC,MAAM,cAAc,CAAC;AAoQvF,QAAA,MAAM,qBAAqB,kDAMxB,0BAA0B,uBAiD5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

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

package/lib/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,kEAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/index.js"],"names":[],"mappings":";AAMA,4DAiBC"}

package/lib/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 = {