npm - @coorpacademy/components - Versions diffs - 11.40.17-react18.15 → 11.40.17-react18.16 - Mend

@coorpacademy/components 11.40.17-react18.15 → 11.40.17-react18.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/es/molecule/questions/mobile/template/index.native.d.ts.map CHANGED Viewed

	@@ -1 +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;~~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,sBA8CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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/lib/molecule/questions/mobile/template/index.native.d.ts.map CHANGED Viewed

	@@ -1 +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;~~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,sBA8CrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
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"}

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

@@ -115,12 +115,22 @@ const Item = props => {
       }));
     }
   }
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
+  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, {
     key: id,
-    fontSize: theme.fontSize.regular,
     testID: id,
     style: styles.htmlText
-  }, part.value === ' ' ? part.value : (0, _trim.default)(part.value || ''));
+  }, textValue);
 };
 const QuestionTemplate = props => {
   const {

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

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.40.17-react18.15+305f7e2f4",
+  "version": "11.40.17-react18.16+4a83b06db",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -170,5 +170,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "305f7e2f4260658ac0be06fe7c59f064582dc74e"
+  "gitHead": "4a83b06db3531ee5be090f1539a5a73d0d1dda5a"
 }