@coorpacademy/components 10.30.2 → 10.30.3

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 (35) hide show
  1. package/es/atom/text/index.native.d.ts +1 -0
  2. package/es/atom/text/index.native.d.ts.map +1 -1
  3. package/es/atom/text/index.native.js +4 -2
  4. package/es/atom/text/index.native.js.map +1 -1
  5. package/es/hoc/touchable/index.native.d.ts +1 -0
  6. package/es/hoc/touchable/index.native.d.ts.map +1 -1
  7. package/es/hoc/touchable/index.native.js.map +1 -1
  8. package/es/molecule/review-correction-popin/index.native.d.ts +5 -0
  9. package/es/molecule/review-correction-popin/index.native.d.ts.map +1 -0
  10. package/es/molecule/review-correction-popin/index.native.js +316 -0
  11. package/es/molecule/review-correction-popin/index.native.js.map +1 -0
  12. package/es/molecule/review-correction-popin/prop-types.d.ts +7 -5
  13. package/es/molecule/review-correction-popin/prop-types.d.ts.map +1 -1
  14. package/es/molecule/review-correction-popin/prop-types.js.map +1 -1
  15. package/es/organism/review-slide/index.native.d.ts.map +1 -1
  16. package/es/organism/review-slide/index.native.js +16 -15
  17. package/es/organism/review-slide/index.native.js.map +1 -1
  18. package/lib/atom/text/index.native.d.ts +1 -0
  19. package/lib/atom/text/index.native.d.ts.map +1 -1
  20. package/lib/atom/text/index.native.js +4 -2
  21. package/lib/atom/text/index.native.js.map +1 -1
  22. package/lib/hoc/touchable/index.native.d.ts +1 -0
  23. package/lib/hoc/touchable/index.native.d.ts.map +1 -1
  24. package/lib/hoc/touchable/index.native.js.map +1 -1
  25. package/lib/molecule/review-correction-popin/index.native.d.ts +5 -0
  26. package/lib/molecule/review-correction-popin/index.native.d.ts.map +1 -0
  27. package/lib/molecule/review-correction-popin/index.native.js +334 -0
  28. package/lib/molecule/review-correction-popin/index.native.js.map +1 -0
  29. package/lib/molecule/review-correction-popin/prop-types.d.ts +7 -5
  30. package/lib/molecule/review-correction-popin/prop-types.d.ts.map +1 -1
  31. package/lib/molecule/review-correction-popin/prop-types.js.map +1 -1
  32. package/lib/organism/review-slide/index.native.d.ts.map +1 -1
  33. package/lib/organism/review-slide/index.native.js +19 -16
  34. package/lib/organism/review-slide/index.native.js.map +1 -1
  35. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","useWindowDimensions","View","get","getOr","Text","Answer","useTemplateContext","Touchable","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","klf","information","label","message","next","_correctionPopinProps","onClick","console","log","type","resultLabel","toString","createQuestionStyle","theme","brandTheme","create","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesContainer","flex","width","validateButton","backgroundColor","borderRadius","validateButtonText","white","Question","props","answerUI","style","setStyle","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","position","left","bottom","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","slideStyle","loading","parentContentTitle"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, useWindowDimensions, View, ViewStyle} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\n// import Loader from '../../atom/loader';\n// import ReviewCorrectionPopin from '../../molecule/review-correction-popin';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {ReviewCorrectionPopinProps} from '../../molecule/review-correction-popin/prop-types';\nimport {ReviewSlideProps, SlideProps} from './prop-types';\n\ntype PopinProps = {\n correctionPopinProps: ReviewCorrectionPopinProps;\n slideIndex: unknown;\n showCorrectionPopin: unknown;\n animateCorrectionPopin: unknown;\n};\n\nconst CorrectionPopin = ({\n correctionPopinProps,\n slideIndex,\n showCorrectionPopin,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n animateCorrectionPopin\n}: PopinProps) => {\n if (!showCorrectionPopin) return null;\n\n const klf = getOr({}, 'klf', correctionPopinProps);\n const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n const next = get('next', correctionPopinProps);\n\n const _correctionPopinProps = {\n next: {\n onClick: () => {\n // eslint-disable-next-line no-console\n console.log('Next Slide');\n },\n label: next && next.label,\n 'data-name': `next-question-button-${slideIndex}`,\n 'aria-label': next && next['aria-label']\n },\n klf,\n information,\n type: correctionPopinProps.type,\n resultLabel: correctionPopinProps.resultLabel\n };\n\n return (\n <Text>@todo ReviewCorrectionPopin {_correctionPopinProps.toString()}</Text>\n // <ReviewCorrectionPopin {..._correctionPopinProps} />\n );\n};\n\n// const ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {\n// const {label, onClick, disabled} = validateButton;\n// const validateButtonProps = {\n// type: 'primary',\n// label,\n// 'aria-label': label,\n// 'data-name': `slide-validate-button-${slideIndex}`,\n// onClick,\n// disabled,\n// customStyle: {\n// backgroundColor: primarySkinColor\n// }\n// };\n\n// return <Button title=\"validate todo\" />;\n// };\n\ntype StyleSheetType = {\n questionHeading: ViewStyle;\n questionOrigin: ViewStyle;\n questionText: TextStyle;\n questionHelp: ViewStyle;\n choicesContainer: ViewStyle;\n validateButton: ViewStyle;\n validateButtonText: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme, brandTheme: Brand): StyleSheetType =>\n StyleSheet.create({\n questionHeading: {\n justifyContent: 'space-between'\n },\n questionOrigin: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.tiny,\n marginTop: theme.spacing.small,\n textAlign: 'center'\n },\n questionText: {\n fontSize: 16,\n lineHeight: 22,\n fontWeight: '700',\n color: theme.colors.text.primary,\n textAlign: 'center'\n },\n questionHelp: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.gray.medium,\n marginBottom: 0,\n marginTop: theme.spacing.small,\n textAlign: 'center'\n },\n choicesContainer: {\n flex: 1,\n width: '100%',\n justifyContent: 'center'\n },\n validateButton: {\n backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n borderRadius: 7,\n width: '100%'\n },\n validateButtonText: {\n fontSize: 14,\n lineHeight: 20,\n fontWeight: '700',\n color: theme.colors.white,\n marginBottom: 16,\n marginTop: 16,\n textAlign: 'center'\n }\n });\n\ntype QuestionProps = {\n answerUI: SlideProps['answerUI'];\n questionText: SlideProps['questionText'];\n questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n const {answerUI, questionText, questionOrigin} = props;\n const {theme, brandTheme} = useTemplateContext();\n const [style, setStyle] = useState<StyleSheetType>();\n\n useEffect(() => {\n const questionStyle = createQuestionStyle(theme, brandTheme);\n setStyle(questionStyle);\n }, [theme, brandTheme]);\n\n if (!answerUI || !questionText || !style) return null;\n\n return (\n <>\n <View style={style.questionHeading}>\n <Text style={style.questionOrigin}>{questionOrigin}</Text>\n <Text style={style.questionText}>{questionText}</Text>\n <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n </View>\n <View style={style.choicesContainer}>\n <Answer {...answerUI} />\n </View>\n <Touchable style={style.validateButton}>\n <Text style={style.validateButtonText}>@todo validate</Text>\n </Touchable>\n </>\n );\n};\n\ntype SlideStyle = {\n slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n const slideWidth = screenWidth - 40 - num * 8;\n\n return StyleSheet.create({\n slide: {\n position: 'absolute',\n left: 20 + num * 4,\n bottom: 34 + num * 5,\n backgroundColor: '#fff', // theme.colors.white\n height: '90%',\n width: slideWidth,\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: 25,\n shadowColor: '#000',\n shadowOffset: {width: 0, height: -1},\n shadowOpacity: 0.05,\n shadowRadius: 16,\n elevation: 10 - num * 1,\n borderRadius: 16\n }\n });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n const {slide, correctionPopinProps, num, slideIndex = '0'} = props;\n\n const {width} = useWindowDimensions();\n const slideStyle = createSlideStyle(num, width);\n\n const {\n loading,\n parentContentTitle,\n questionText,\n answerUI,\n showCorrectionPopin,\n animateCorrectionPopin\n } = slide;\n\n return (\n <View style={slideStyle.slide}>\n {loading ? (\n // <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n <Text>@todo loader {num}</Text>\n ) : (\n <>\n <Question\n questionOrigin={parentContentTitle}\n questionText={questionText}\n answerUI={answerUI}\n key=\"question-container\"\n />\n {correctionPopinProps ? (\n <CorrectionPopin\n correctionPopinProps={correctionPopinProps}\n slideIndex={slideIndex}\n showCorrectionPopin={showCorrectionPopin}\n animateCorrectionPopin={animateCorrectionPopin}\n key=\"correction-popin\"\n />\n ) : null}\n </>\n )}\n </View>\n );\n};\n\nexport default Slide;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.native.js","names":["React","useEffect","useState","StyleSheet","useWindowDimensions","View","get","getOr","Text","Answer","ReviewCorrectionPopin","useTemplateContext","Touchable","styles","create","correctionPopinWrapper","position","bottom","width","CorrectionPopin","correctionPopinProps","slideIndex","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","createQuestionStyle","theme","brandTheme","questionHeading","justifyContent","questionOrigin","fontSize","lineHeight","color","colors","text","primary","marginBottom","spacing","tiny","marginTop","small","textAlign","questionText","fontWeight","questionHelp","gray","medium","choicesContainer","flex","validateButton","backgroundColor","borderRadius","validateButtonText","white","Question","props","answerUI","style","setStyle","questionStyle","createSlideStyle","num","screenWidth","slideWidth","slide","left","height","alignItems","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","slideStyle","loading","parentContentTitle","showCorrectionPopin","animateCorrectionPopin"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, useWindowDimensions, View, ViewStyle} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Text from '../../atom/text/index.native';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {ReviewCorrectionPopinProps} from '../../molecule/review-correction-popin/prop-types';\nimport {ReviewSlideProps, SlideProps} from './prop-types';\n\ntype PopinProps = {\n correctionPopinProps: ReviewCorrectionPopinProps;\n slideIndex: unknown;\n showCorrectionPopin: unknown;\n animateCorrectionPopin: unknown;\n};\n\nconst styles = StyleSheet.create({\n correctionPopinWrapper: {\n position: 'absolute',\n bottom: 16,\n width: '105%'\n }\n});\n\nconst CorrectionPopin = ({correctionPopinProps, slideIndex}: PopinProps) => {\n const klf = getOr(undefined, 'klf', correctionPopinProps);\n const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n const next = get('next', correctionPopinProps);\n const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n const _correctionPopinProps = {\n next: {\n onClick,\n label: next && next.label,\n 'data-name': `next-question-button-${slideIndex}`,\n 'aria-label': next && next['aria-label']\n },\n klf,\n information,\n type: correctionPopinProps.type,\n resultLabel: correctionPopinProps.resultLabel\n };\n\n return (\n <View style={styles.correctionPopinWrapper}>\n <ReviewCorrectionPopin {..._correctionPopinProps} />\n </View>\n );\n};\n\n// const ValidateButton = ({slideIndex, validateButton, primarySkinColor}) => {\n// const {label, onClick, disabled} = validateButton;\n// const validateButtonProps = {\n// type: 'primary',\n// label,\n// 'aria-label': label,\n// 'data-name': `slide-validate-button-${slideIndex}`,\n// onClick,\n// disabled,\n// customStyle: {\n// backgroundColor: primarySkinColor\n// }\n// };\n\n// return <Button title=\"validate todo\" />;\n// };\n\ntype StyleSheetType = {\n questionHeading: ViewStyle;\n questionOrigin: ViewStyle;\n questionText: TextStyle;\n questionHelp: ViewStyle;\n choicesContainer: ViewStyle;\n validateButton: ViewStyle;\n validateButtonText: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme, brandTheme: Brand): StyleSheetType =>\n StyleSheet.create({\n questionHeading: {\n justifyContent: 'space-between'\n },\n questionOrigin: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.tiny,\n marginTop: theme.spacing.small,\n textAlign: 'center'\n },\n questionText: {\n fontSize: 16,\n lineHeight: 22,\n fontWeight: '700',\n color: theme.colors.text.primary,\n textAlign: 'center'\n },\n questionHelp: {\n fontSize: 12,\n lineHeight: 16,\n color: theme.colors.gray.medium,\n marginBottom: 0,\n marginTop: theme.spacing.small,\n textAlign: 'center'\n },\n choicesContainer: {\n flex: 1,\n width: '100%',\n justifyContent: 'center'\n },\n validateButton: {\n backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n borderRadius: 7,\n width: '100%'\n },\n validateButtonText: {\n fontSize: 14,\n lineHeight: 20,\n fontWeight: '700',\n color: theme.colors.white,\n marginBottom: 16,\n marginTop: 16,\n textAlign: 'center'\n }\n });\n\ntype QuestionProps = {\n answerUI: SlideProps['answerUI'];\n questionText: SlideProps['questionText'];\n questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n const {answerUI, questionText, questionOrigin} = props;\n const {theme, brandTheme} = useTemplateContext();\n const [style, setStyle] = useState<StyleSheetType>();\n\n useEffect(() => {\n const questionStyle = createQuestionStyle(theme, brandTheme);\n setStyle(questionStyle);\n }, [theme, brandTheme]);\n\n if (!answerUI || !questionText || !style) return null;\n\n return (\n <>\n <View style={style.questionHeading}>\n <Text style={style.questionOrigin}>{questionOrigin}</Text>\n <Text style={style.questionText}>{questionText}</Text>\n <Text style={style.questionHelp}>{get('help', answerUI)}</Text>\n </View>\n <View style={style.choicesContainer}>\n <Answer {...answerUI} />\n </View>\n <Touchable style={style.validateButton}>\n <Text style={style.validateButtonText}>@todo validate</Text>\n </Touchable>\n </>\n );\n};\n\ntype SlideStyle = {\n slide: ViewStyle;\n};\n\nconst createSlideStyle = (num: number, screenWidth: number): SlideStyle => {\n const slideWidth = screenWidth - 40 - num * 8;\n\n return StyleSheet.create({\n slide: {\n position: 'absolute',\n left: 20 + num * 4,\n bottom: 34 + num * 5,\n backgroundColor: '#fff', // theme.colors.white\n height: '90%',\n width: slideWidth,\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: 25,\n shadowColor: '#000',\n shadowOffset: {width: 0, height: -1},\n shadowOpacity: 0.05,\n shadowRadius: 16,\n elevation: 10 - num * 1,\n borderRadius: 16\n }\n });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n const {slide, correctionPopinProps, num, slideIndex = '0'} = props;\n\n const {width} = useWindowDimensions();\n const slideStyle = createSlideStyle(num, width);\n\n const {\n loading,\n parentContentTitle,\n questionText,\n answerUI,\n showCorrectionPopin,\n animateCorrectionPopin\n } = slide;\n\n return (\n <View style={slideStyle.slide}>\n {loading ? (\n // <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n <Text>@todo loader {num}</Text>\n ) : (\n <>\n <Question\n questionOrigin={parentContentTitle}\n questionText={questionText}\n answerUI={answerUI}\n key=\"question-container\"\n />\n {correctionPopinProps ? (\n <CorrectionPopin\n correctionPopinProps={correctionPopinProps}\n slideIndex={slideIndex}\n showCorrectionPopin={showCorrectionPopin}\n animateCorrectionPopin={animateCorrectionPopin}\n key=\"correction-popin\"\n />\n ) : null}\n </>\n )}\n </View>\n );\n};\n\nexport default Slide;\n"],"mappings":"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"}
@@ -6,6 +6,7 @@ export declare type Props = {
6
6
  testID?: string;
7
7
  numberOfLines?: number;
8
8
  allowFontScaling?: boolean;
9
+ accessibilityLabel?: string;
9
10
  };
10
11
  export declare const DEFAULT_STYLE: {
11
12
  fontFamily?: string | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE/E,oBAAY,KAAK,GAAG;IAElB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAQF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAazB,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/text/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE/E,oBAAY,KAAK,GAAG;IAElB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;;CAMzB,CAAC;AAQF,QAAA,MAAM,IAAI,UAAW,KAAK,gBAqBzB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -31,13 +31,15 @@ const Text = props => {
31
31
  style,
32
32
  testID,
33
33
  numberOfLines,
34
- allowFontScaling = true
34
+ allowFontScaling = true,
35
+ accessibilityLabel
35
36
  } = props;
36
37
  return /*#__PURE__*/React.createElement(_reactNative.Text, {
37
38
  allowFontScaling: allowFontScaling,
38
39
  style: [styles.text, style],
39
40
  testID: testID,
40
- numberOfLines: numberOfLines
41
+ numberOfLines: numberOfLines,
42
+ accessibilityLabel: accessibilityLabel
41
43
  }, children);
42
44
  };
43
45
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["DEFAULT_STYLE","Platform","select","android","fontFamily","styles","StyleSheet","create","text","Text","props","children","style","testID","numberOfLines","allowFontScaling"],"sources":["../../../src/atom/text/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Text as TextBase, Platform, StyleSheet, TextStyle} from 'react-native';\n\nexport type Props = {\n // copied from node_modules/react-native/Libraries/Text/TextProps.js\n children: React.ReactNode;\n style?: TextStyle | TextStyle[];\n testID?: string;\n numberOfLines?: number;\n allowFontScaling?: boolean;\n};\n\nexport const DEFAULT_STYLE = {\n ...Platform.select({\n android: {\n fontFamily: 'Roboto'\n }\n })\n};\n\nconst styles = StyleSheet.create({\n text: {\n ...DEFAULT_STYLE\n }\n});\n\nconst Text = (props: Props) => {\n const {children, style, testID, numberOfLines, allowFontScaling = true} = props;\n\n return (\n <TextBase\n allowFontScaling={allowFontScaling}\n style={[styles.text, style]}\n testID={testID}\n numberOfLines={numberOfLines}\n >\n {children}\n </TextBase>\n );\n};\n\nexport default Text;\n"],"mappings":";;;;;AAAA;;AACA;;;;;;;;AAWO,MAAMA,aAAa,gBACrBC,qBAAA,CAASC,MAAT,CAAgB;EACjBC,OAAO,EAAE;IACPC,UAAU,EAAE;EADL;AADQ,CAAhB,CADqB,CAAnB;;;;AAQP,MAAMC,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,IAAI,eACCR,aADD;AAD2B,CAAlB,CAAf;;AAMA,MAAMS,IAAI,GAAIC,KAAD,IAAkB;EAC7B,MAAM;IAACC,QAAD;IAAWC,KAAX;IAAkBC,MAAlB;IAA0BC,aAA1B;IAAyCC,gBAAgB,GAAG;EAA5D,IAAoEL,KAA1E;EAEA,oBACE,oBAAC,iBAAD;IACE,gBAAgB,EAAEK,gBADpB;IAEE,KAAK,EAAE,CAACV,MAAM,CAACG,IAAR,EAAcI,KAAd,CAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,aAAa,EAAEC;EAJjB,GAMGH,QANH,CADF;AAUD,CAbD;;eAeeF,I"}
1
+ {"version":3,"file":"index.native.js","names":["DEFAULT_STYLE","Platform","select","android","fontFamily","styles","StyleSheet","create","text","Text","props","children","style","testID","numberOfLines","allowFontScaling","accessibilityLabel"],"sources":["../../../src/atom/text/index.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {Text as TextBase, Platform, StyleSheet, TextStyle} from 'react-native';\n\nexport type Props = {\n // copied from node_modules/react-native/Libraries/Text/TextProps.js\n children: React.ReactNode;\n style?: TextStyle | TextStyle[];\n testID?: string;\n numberOfLines?: number;\n allowFontScaling?: boolean;\n accessibilityLabel?: string;\n};\n\nexport const DEFAULT_STYLE = {\n ...Platform.select({\n android: {\n fontFamily: 'Roboto'\n }\n })\n};\n\nconst styles = StyleSheet.create({\n text: {\n ...DEFAULT_STYLE\n }\n});\n\nconst Text = (props: Props) => {\n const {\n children,\n style,\n testID,\n numberOfLines,\n allowFontScaling = true,\n accessibilityLabel\n } = props;\n\n return (\n <TextBase\n allowFontScaling={allowFontScaling}\n style={[styles.text, style]}\n testID={testID}\n numberOfLines={numberOfLines}\n accessibilityLabel={accessibilityLabel}\n >\n {children}\n </TextBase>\n );\n};\n\nexport default Text;\n"],"mappings":";;;;;AAAA;;AACA;;;;;;;;AAYO,MAAMA,aAAa,gBACrBC,qBAAA,CAASC,MAAT,CAAgB;EACjBC,OAAO,EAAE;IACPC,UAAU,EAAE;EADL;AADQ,CAAhB,CADqB,CAAnB;;;;AAQP,MAAMC,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,IAAI,eACCR,aADD;AAD2B,CAAlB,CAAf;;AAMA,MAAMS,IAAI,GAAIC,KAAD,IAAkB;EAC7B,MAAM;IACJC,QADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,aAJI;IAKJC,gBAAgB,GAAG,IALf;IAMJC;EANI,IAOFN,KAPJ;EASA,oBACE,oBAAC,iBAAD;IACE,gBAAgB,EAAEK,gBADpB;IAEE,KAAK,EAAE,CAACV,MAAM,CAACG,IAAR,EAAcI,KAAd,CAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,aAAa,EAAEC,aAJjB;IAKE,kBAAkB,EAAEE;EALtB,GAOGL,QAPH,CADF;AAWD,CArBD;;eAuBeF,I"}
@@ -3,6 +3,7 @@ import React from 'react';
3
3
  import { Analytics, AnalyticsEventParams } from '../../variables/analytics';
4
4
  import { Vibration } from '../../variables/vibration';
5
5
  export declare type Props = {
6
+ accessibilityLabel?: string;
6
7
  accessible?: boolean;
7
8
  children?: React.ReactNode;
8
9
  delayLongPress?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACd,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,gBAkE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACd,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,gBAkE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","useTemplateContext","theme","vibration","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","useMemo","event","vibrate","ANALYTICS_EVENT_TYPE","PRESS","handleLongPress","LONG_PRESS","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n TouchableOpacity,\n TouchableHighlight,\n ViewStyle,\n LayoutChangeEvent,\n NativeSyntheticEvent,\n GestureResponderEvent,\n TargetedEvent\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n left: 12,\n right: 12,\n bottom: 12,\n top: 12\n};\n\nexport type Props = {\n accessible?: boolean;\n children?: React.ReactNode;\n delayLongPress?: number;\n delayPressIn?: number;\n delayPressOut?: number;\n disabled?: boolean;\n focusable?: boolean;\n onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n onLayout?: (event: LayoutChangeEvent) => void;\n onLongPress?: (event: GestureResponderEvent) => void;\n onPress?: (event: GestureResponderEvent) => void;\n onPressIn?: (event: GestureResponderEvent) => void;\n onPressOut?: (event: GestureResponderEvent) => void;\n testID?: string;\n isHighlight?: boolean;\n isWithoutFeedback?: boolean;\n // for TouchableOpacity\n activeOpacity?: number;\n style?: ViewStyle;\n // Analytics\n analytics?: Analytics;\n analyticsID?: string;\n analyticsParams?: AnalyticsEventParams;\n vibration?: Vibration;\n};\n\nconst logEvent = (\n eventName: string,\n analyticsID: string,\n analytics: Analytics,\n analyticsParams?: AnalyticsEventParams\n) => {\n analytics &&\n analytics.logEvent(eventName, {\n ...(analyticsParams || {}),\n id: analyticsID\n });\n};\n\nconst Touchable = (props: Props) => {\n const templateContext = useTemplateContext();\n\n const {theme, vibration, analytics} = templateContext;\n\n const {\n analyticsID,\n analyticsParams,\n onPress,\n onLongPress,\n isWithoutFeedback,\n isHighlight,\n activeOpacity,\n disabled\n } = props;\n\n const handlePress = useMemo(\n () => (event: GestureResponderEvent) => {\n if (!onPress) return;\n\n vibration?.vibrate();\n\n analytics &&\n analyticsID &&\n logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n onPress(event);\n },\n [analytics, analyticsID, analyticsParams, onPress, vibration]\n );\n\n const handleLongPress = useMemo(\n () => (event: GestureResponderEvent) => {\n if (!onLongPress) return;\n\n vibration?.vibrate();\n\n analytics &&\n analyticsID &&\n logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n onLongPress(event);\n },\n [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n );\n\n if (isHighlight) {\n return (\n <TouchableHighlight\n {...props}\n hitSlop={hitSlop}\n underlayColor={theme.colors.gray.light}\n onPress={handlePress}\n onLongPress={handleLongPress}\n activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n />\n );\n }\n\n return (\n <TouchableOpacity\n {...props}\n hitSlop={hitSlop}\n onPress={handlePress}\n onLongPress={handleLongPress}\n activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n />\n );\n};\n\nexport default Touchable;\n"],"mappings":";;;;;AAAA;;AAUA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,OAAO,GAAG;EACdC,IAAI,EAAE,EADQ;EAEdC,KAAK,EAAE,EAFO;EAGdC,MAAM,EAAE,EAHM;EAIdC,GAAG,EAAE;AAJS,CAAhB;;AAmCA,MAAMC,QAAQ,GAAG,CACfC,SADe,EAEfC,WAFe,EAGfC,SAHe,EAIfC,eAJe,KAKZ;EACHD,SAAS,IACPA,SAAS,CAACH,QAAV,CAAmBC,SAAnB,eACMG,eAAe,IAAI,EADzB;IAEEC,EAAE,EAAEH;EAFN,GADF;AAKD,CAXD;;AAaA,MAAMI,SAAS,GAAIC,KAAD,IAAkB;EAClC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EAEA,MAAM;IAACC,KAAD;IAAQC,SAAR;IAAmBR;EAAnB,IAAgCK,eAAtC;EAEA,MAAM;IACJN,WADI;IAEJE,eAFI;IAGJQ,OAHI;IAIJC,WAJI;IAKJC,iBALI;IAMJC,WANI;IAOJC,aAPI;IAQJC;EARI,IASFV,KATJ;EAWA,MAAMW,WAAW,GAAG,IAAAC,cAAA,EAClB,MAAOC,KAAD,IAAkC;IACtC,IAAI,CAACR,OAAL,EAAc;IAEdD,SAAS,EAAEU,OAAX;IAEAlB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACsB,+BAAA,CAAqBC,KAAtB,EAA6BrB,WAA7B,EAA0CC,SAA1C,EAAqDC,eAArD,CAFV;IAGAQ,OAAO,CAACQ,KAAD,CAAP;EACD,CAViB,EAWlB,CAACjB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CQ,OAA1C,EAAmDD,SAAnD,CAXkB,CAApB;EAcA,MAAMa,eAAe,GAAG,IAAAL,cAAA,EACtB,MAAOC,KAAD,IAAkC;IACtC,IAAI,CAACP,WAAL,EAAkB;IAElBF,SAAS,EAAEU,OAAX;IAEAlB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACsB,+BAAA,CAAqBG,UAAtB,EAAkCvB,WAAlC,EAA+CC,SAA/C,EAA0DC,eAA1D,CAFV;IAGAS,WAAW,CAACO,KAAD,CAAX;EACD,CAVqB,EAWtB,CAACjB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CS,WAA1C,EAAuDF,SAAvD,CAXsB,CAAxB;;EAcA,IAAII,WAAJ,EAAiB;IACf,oBACE,6BAAC,+BAAD,eACMR,KADN;MAEE,OAAO,EAAEZ,OAFX;MAGE,aAAa,EAAEe,KAAK,CAACgB,MAAN,CAAaC,IAAb,CAAkBC,KAHnC;MAIE,OAAO,EAAEV,WAJX;MAKE,WAAW,EAAEM,eALf;MAME,aAAa,EAAER,aAAa,KAAKC,QAAQ,GAAG,CAAH,GAAO,IAApB;IAN9B,GADF;EAUD;;EAED,oBACE,6BAAC,6BAAD,eACMV,KADN;IAEE,OAAO,EAAEZ,OAFX;IAGE,OAAO,EAAEuB,WAHX;IAIE,WAAW,EAAEM,eAJf;IAKE,aAAa,EAAGV,iBAAiB,IAAI,CAAtB,IAA4BE,aAA5B,KAA8CC,QAAQ,GAAG,CAAH,GAAO,GAA7D;EALjB,GADF;AASD,CAlED;;eAoEeX,S"}
1
+ {"version":3,"file":"index.native.js","names":["hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","useTemplateContext","theme","vibration","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","useMemo","event","vibrate","ANALYTICS_EVENT_TYPE","PRESS","handleLongPress","LONG_PRESS","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n TouchableOpacity,\n TouchableHighlight,\n ViewStyle,\n LayoutChangeEvent,\n NativeSyntheticEvent,\n GestureResponderEvent,\n TargetedEvent\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n left: 12,\n right: 12,\n bottom: 12,\n top: 12\n};\n\nexport type Props = {\n accessibilityLabel?: string;\n accessible?: boolean;\n children?: React.ReactNode;\n delayLongPress?: number;\n delayPressIn?: number;\n delayPressOut?: number;\n disabled?: boolean;\n focusable?: boolean;\n onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n onLayout?: (event: LayoutChangeEvent) => void;\n onLongPress?: (event: GestureResponderEvent) => void;\n onPress?: (event: GestureResponderEvent) => void;\n onPressIn?: (event: GestureResponderEvent) => void;\n onPressOut?: (event: GestureResponderEvent) => void;\n testID?: string;\n isHighlight?: boolean;\n isWithoutFeedback?: boolean;\n // for TouchableOpacity\n activeOpacity?: number;\n style?: ViewStyle;\n // Analytics\n analytics?: Analytics;\n analyticsID?: string;\n analyticsParams?: AnalyticsEventParams;\n vibration?: Vibration;\n};\n\nconst logEvent = (\n eventName: string,\n analyticsID: string,\n analytics: Analytics,\n analyticsParams?: AnalyticsEventParams\n) => {\n analytics &&\n analytics.logEvent(eventName, {\n ...(analyticsParams || {}),\n id: analyticsID\n });\n};\n\nconst Touchable = (props: Props) => {\n const templateContext = useTemplateContext();\n\n const {theme, vibration, analytics} = templateContext;\n\n const {\n analyticsID,\n analyticsParams,\n onPress,\n onLongPress,\n isWithoutFeedback,\n isHighlight,\n activeOpacity,\n disabled\n } = props;\n\n const handlePress = useMemo(\n () => (event: GestureResponderEvent) => {\n if (!onPress) return;\n\n vibration?.vibrate();\n\n analytics &&\n analyticsID &&\n logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n onPress(event);\n },\n [analytics, analyticsID, analyticsParams, onPress, vibration]\n );\n\n const handleLongPress = useMemo(\n () => (event: GestureResponderEvent) => {\n if (!onLongPress) return;\n\n vibration?.vibrate();\n\n analytics &&\n analyticsID &&\n logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n onLongPress(event);\n },\n [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n );\n\n if (isHighlight) {\n return (\n <TouchableHighlight\n {...props}\n hitSlop={hitSlop}\n underlayColor={theme.colors.gray.light}\n onPress={handlePress}\n onLongPress={handleLongPress}\n activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n />\n );\n }\n\n return (\n <TouchableOpacity\n {...props}\n hitSlop={hitSlop}\n onPress={handlePress}\n onLongPress={handleLongPress}\n activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n />\n );\n};\n\nexport default Touchable;\n"],"mappings":";;;;;AAAA;;AAUA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,OAAO,GAAG;EACdC,IAAI,EAAE,EADQ;EAEdC,KAAK,EAAE,EAFO;EAGdC,MAAM,EAAE,EAHM;EAIdC,GAAG,EAAE;AAJS,CAAhB;;AAoCA,MAAMC,QAAQ,GAAG,CACfC,SADe,EAEfC,WAFe,EAGfC,SAHe,EAIfC,eAJe,KAKZ;EACHD,SAAS,IACPA,SAAS,CAACH,QAAV,CAAmBC,SAAnB,eACMG,eAAe,IAAI,EADzB;IAEEC,EAAE,EAAEH;EAFN,GADF;AAKD,CAXD;;AAaA,MAAMI,SAAS,GAAIC,KAAD,IAAkB;EAClC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EAEA,MAAM;IAACC,KAAD;IAAQC,SAAR;IAAmBR;EAAnB,IAAgCK,eAAtC;EAEA,MAAM;IACJN,WADI;IAEJE,eAFI;IAGJQ,OAHI;IAIJC,WAJI;IAKJC,iBALI;IAMJC,WANI;IAOJC,aAPI;IAQJC;EARI,IASFV,KATJ;EAWA,MAAMW,WAAW,GAAG,IAAAC,cAAA,EAClB,MAAOC,KAAD,IAAkC;IACtC,IAAI,CAACR,OAAL,EAAc;IAEdD,SAAS,EAAEU,OAAX;IAEAlB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACsB,+BAAA,CAAqBC,KAAtB,EAA6BrB,WAA7B,EAA0CC,SAA1C,EAAqDC,eAArD,CAFV;IAGAQ,OAAO,CAACQ,KAAD,CAAP;EACD,CAViB,EAWlB,CAACjB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CQ,OAA1C,EAAmDD,SAAnD,CAXkB,CAApB;EAcA,MAAMa,eAAe,GAAG,IAAAL,cAAA,EACtB,MAAOC,KAAD,IAAkC;IACtC,IAAI,CAACP,WAAL,EAAkB;IAElBF,SAAS,EAAEU,OAAX;IAEAlB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACsB,+BAAA,CAAqBG,UAAtB,EAAkCvB,WAAlC,EAA+CC,SAA/C,EAA0DC,eAA1D,CAFV;IAGAS,WAAW,CAACO,KAAD,CAAX;EACD,CAVqB,EAWtB,CAACjB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CS,WAA1C,EAAuDF,SAAvD,CAXsB,CAAxB;;EAcA,IAAII,WAAJ,EAAiB;IACf,oBACE,6BAAC,+BAAD,eACMR,KADN;MAEE,OAAO,EAAEZ,OAFX;MAGE,aAAa,EAAEe,KAAK,CAACgB,MAAN,CAAaC,IAAb,CAAkBC,KAHnC;MAIE,OAAO,EAAEV,WAJX;MAKE,WAAW,EAAEM,eALf;MAME,aAAa,EAAER,aAAa,KAAKC,QAAQ,GAAG,CAAH,GAAO,IAApB;IAN9B,GADF;EAUD;;EAED,oBACE,6BAAC,6BAAD,eACMV,KADN;IAEE,OAAO,EAAEZ,OAFX;IAGE,OAAO,EAAEuB,WAHX;IAIE,WAAW,EAAEM,eAJf;IAKE,aAAa,EAAGV,iBAAiB,IAAI,CAAtB,IAA4BE,aAA5B,KAA8CC,QAAQ,GAAG,CAAH,GAAO,GAA7D;EALjB,GADF;AASD,CAlED;;eAoEeX,S"}
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { ReviewCorrectionPopinProps } from './prop-types';
3
+ declare const ReviewCorrectionPopin: ({ information, klf, next, type, resultLabel }: ReviewCorrectionPopinProps) => JSX.Element | null;
4
+ export default ReviewCorrectionPopin;
5
+ //# sourceMappingURL=index.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAgC,0BAA0B,EAAC,MAAM,cAAc,CAAC;AA4QvF,QAAA,MAAM,qBAAqB,kDAMxB,0BAA0B,uBAiD5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
@@ -0,0 +1,334 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _react = _interopRequireWildcard(require("react"));
7
+
8
+ var _reactNative = require("react-native");
9
+
10
+ var _novaIcons = require("@coorpacademy/nova-icons");
11
+
12
+ var _index = _interopRequireDefault(require("../../atom/html/index.native"));
13
+
14
+ var _index2 = _interopRequireDefault(require("../../atom/text/index.native"));
15
+
16
+ var _index3 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
17
+
18
+ var _templateContext = require("../../template/app-review/template-context");
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
+
24
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+
26
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+ const createStyleSheet = (theme, type) => _reactNative.StyleSheet.create({
29
+ wrapper: {
30
+ height: 'auto',
31
+ color: theme.colors.white,
32
+ display: 'flex'
33
+ },
34
+ popin: {
35
+ padding: theme.spacing.medium,
36
+ borderRadius: 16,
37
+ display: 'flex',
38
+ flexDirection: 'column',
39
+ alignItems: 'flex-start',
40
+ backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,
41
+ shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,
42
+ shadowOpacity: 0.5,
43
+ shadowOffset: {
44
+ width: 0,
45
+ height: 0
46
+ },
47
+ shadowRadius: 15,
48
+ elevation: 4
49
+ },
50
+ correctionSection: {
51
+ flexDirection: 'row',
52
+ alignItems: 'center',
53
+ width: '80%'
54
+ },
55
+ iconCircle: {
56
+ width: 60,
57
+ height: 60,
58
+ alignItems: 'center',
59
+ justifyContent: 'center',
60
+ backgroundColor: theme.colors.white,
61
+ opacity: 0.7,
62
+ borderRadius: 50
63
+ },
64
+ icon: {
65
+ height: 30,
66
+ width: 30
67
+ },
68
+ resultLabel: {
69
+ color: theme.colors.white,
70
+ fontSize: 24,
71
+ fontWeight: '600',
72
+ lineHeight: 24,
73
+ marginLeft: 12,
74
+ textTransform: 'uppercase',
75
+ wordBreak: 'break-word'
76
+ },
77
+ feedbackSection: {
78
+ marginVertical: theme.spacing.medium
79
+ },
80
+ labelContainer: {
81
+ alignSelf: 'flex-start',
82
+ backgroundColor: 'rgba(255, 255, 255, 0.3)',
83
+ borderRadius: 56,
84
+ paddingHorizontal: theme.spacing.tiny,
85
+ paddingVertical: theme.spacing.micro,
86
+ marginBottom: 8
87
+ },
88
+ label: {
89
+ color: theme.colors.white,
90
+ fontSize: 14,
91
+ fontWeight: theme.fontWeight.extraBold,
92
+ lineHeight: 17,
93
+ wordBreak: 'break-word'
94
+ },
95
+ htmlInfoMessage: {
96
+ color: theme.colors.white,
97
+ fontSize: 16,
98
+ fontWeight: '600',
99
+ lineHeight: 19
100
+ },
101
+ button: {
102
+ alignSelf: 'stretch',
103
+ backgroundColor: theme.colors.white,
104
+ borderRadius: 7,
105
+ paddingHorizontal: theme.spacing.base,
106
+ paddingVertical: theme.spacing.small
107
+ },
108
+ buttonText: {
109
+ color: theme.colors.cta,
110
+ fontSize: 14,
111
+ fontWeight: theme.fontWeight.bold,
112
+ lineHeight: 20,
113
+ textAlign: 'center'
114
+ },
115
+ containerButtonKlf: {
116
+ width: '100%'
117
+ },
118
+ buttonKlf: {
119
+ flexDirection: 'row',
120
+ alignItems: 'center',
121
+ justifyContent: 'center',
122
+ backgroundColor: 'rgba(255, 255, 255, 0.1)',
123
+ borderRadius: 7,
124
+ paddingHorizontal: theme.spacing.base,
125
+ paddingVertical: theme.spacing.small,
126
+ marginBottom: theme.spacing.tiny
127
+ },
128
+ buttonKlfActive: {
129
+ backgroundColor: 'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'
130
+ },
131
+ buttonKlfText: {
132
+ color: 'white',
133
+ fontSize: 14,
134
+ fontWeight: theme.fontWeight.bold,
135
+ lineHeight: 20,
136
+ textAlign: 'center'
137
+ },
138
+ iconKey: {
139
+ width: 12,
140
+ height: 12,
141
+ marginRight: theme.spacing.tiny
142
+ },
143
+ containerTooltip: {
144
+ zIndex: 30,
145
+ position: 'relative',
146
+ shadowColor: theme.colors.black,
147
+ shadowOpacity: 0.3,
148
+ shadowOffset: {
149
+ width: 0,
150
+ height: 0
151
+ },
152
+ shadowRadius: 8
153
+ },
154
+ buttonTooltip: {
155
+ flexDirection: 'column',
156
+ justifyContent: 'center',
157
+ backgroundColor: theme.colors.white,
158
+ borderRadius: 15,
159
+ padding: theme.spacing.small,
160
+ width: '112%',
161
+ position: 'absolute',
162
+ bottom: 4,
163
+ right: -15,
164
+ zIndex: 20
165
+ },
166
+ htmlTooltipText: {
167
+ color: theme.colors.text.primary,
168
+ fontSize: 16,
169
+ fontWeight: '600',
170
+ lineHeight: 22,
171
+ textAlign: 'center'
172
+ },
173
+ triangleTooltip: {
174
+ width: 0,
175
+ height: 0,
176
+ backgroundColor: 'transparent',
177
+ borderStyle: 'solid',
178
+ borderLeftWidth: 13,
179
+ borderRightWidth: 13,
180
+ borderBottomWidth: 13,
181
+ borderTopWidth: 13,
182
+ borderLeftColor: 'transparent',
183
+ borderTopColor: 'transparent',
184
+ borderRightColor: theme.colors.white,
185
+ borderBottomColor: theme.colors.white,
186
+ transform: [{
187
+ rotate: '45deg'
188
+ }],
189
+ position: 'absolute',
190
+ left: 110,
191
+ top: -20,
192
+ borderRadius: 4
193
+ }
194
+ });
195
+
196
+ const KlfButton = ({
197
+ klf,
198
+ styleSheet
199
+ }) => {
200
+ const [displayTooltip, setDisplayTooltip] = (0, _react.useState)(false);
201
+ const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
202
+ const fadeIn = (0, _react.useCallback)(() => {
203
+ _reactNative.Animated.timing(fadeAnim, {
204
+ toValue: 1,
205
+ duration: 1000,
206
+ easing: _reactNative.Easing.bezier(0.25, 1, 0.5, 1),
207
+ useNativeDriver: true
208
+ }).start();
209
+ }, [fadeAnim]);
210
+ const fadeOut = (0, _react.useCallback)(() => {
211
+ _reactNative.Animated.timing(fadeAnim, {
212
+ toValue: 0,
213
+ duration: 500,
214
+ easing: _reactNative.Easing.bezier(0.25, 1, 0.5, 1),
215
+ useNativeDriver: true
216
+ }).start();
217
+ }, [fadeAnim]);
218
+ const handlePressKey = (0, _react.useCallback)(() => {
219
+ setDisplayTooltip(!displayTooltip);
220
+ !displayTooltip ? fadeIn() : fadeOut();
221
+ }, [displayTooltip, fadeIn, fadeOut]);
222
+ const {
223
+ buttonKlf,
224
+ buttonKlfActive,
225
+ buttonKlfText,
226
+ containerButtonKlf,
227
+ containerTooltip,
228
+ buttonTooltip,
229
+ htmlTooltipText,
230
+ iconKey,
231
+ triangleTooltip
232
+ } = styleSheet;
233
+ const {
234
+ label,
235
+ tooltip
236
+ } = klf;
237
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
238
+ style: containerButtonKlf
239
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
240
+ style: [containerTooltip, {
241
+ opacity: fadeAnim
242
+ }]
243
+ }, /*#__PURE__*/_react.default.createElement(_index3.default, {
244
+ style: buttonTooltip,
245
+ accessibilityLabel: `aria-label-tooltip`,
246
+ isHighlight: true,
247
+ onPress: handlePressKey,
248
+ testID: "button-tooltip"
249
+ }, /*#__PURE__*/_react.default.createElement(_index.default, {
250
+ style: htmlTooltipText
251
+ }, tooltip)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
252
+ style: triangleTooltip
253
+ })), /*#__PURE__*/_react.default.createElement(_index3.default, {
254
+ style: displayTooltip ? _extends({}, buttonKlf, buttonKlfActive) : buttonKlf,
255
+ accessibilityLabel: `aria-label-${label}`,
256
+ onPress: handlePressKey,
257
+ testID: "button-klf"
258
+ }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineLoginKey1, {
259
+ style: iconKey,
260
+ color: "white"
261
+ }), /*#__PURE__*/_react.default.createElement(_index2.default, {
262
+ style: buttonKlfText
263
+ }, label)));
264
+ };
265
+
266
+ const ICONS = {
267
+ right: _novaIcons.NovaCompositionCoorpacademyCheck,
268
+ wrong: _novaIcons.NovaSolidStatusClose
269
+ };
270
+
271
+ const ReviewCorrectionPopin = ({
272
+ information,
273
+ klf,
274
+ next,
275
+ type,
276
+ resultLabel
277
+ }) => {
278
+ const templateContext = (0, _templateContext.useTemplateContext)();
279
+ const [styleSheet, setStylesheet] = (0, _react.useState)(null);
280
+ const {
281
+ theme
282
+ } = templateContext;
283
+ const handlePressNext = next.onClick;
284
+ const Icon = ICONS[type];
285
+ (0, _react.useEffect)(() => {
286
+ const _stylesheet = createStyleSheet(theme, type);
287
+
288
+ setStylesheet(_stylesheet);
289
+ }, [theme, type]);
290
+
291
+ if (!styleSheet) {
292
+ return null;
293
+ }
294
+
295
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
296
+ style: styleSheet.wrapper
297
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
298
+ style: styleSheet.popin
299
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
300
+ style: styleSheet.correctionSection
301
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
302
+ style: styleSheet.iconCircle
303
+ }, /*#__PURE__*/_react.default.createElement(Icon, {
304
+ style: styleSheet.icon,
305
+ color: type === 'wrong' ? theme.colors.negative : theme.colors.positive
306
+ })), /*#__PURE__*/_react.default.createElement(_index2.default, {
307
+ style: styleSheet.resultLabel
308
+ }, resultLabel)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
309
+ style: styleSheet.feedbackSection,
310
+ accessibilityLabel: "answer-information"
311
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
312
+ style: styleSheet.labelContainer,
313
+ needsOffscreenAlphaCompositing: true
314
+ }, /*#__PURE__*/_react.default.createElement(_index2.default, {
315
+ accessibilityLabel: information.label,
316
+ style: styleSheet.label
317
+ }, information.label)), /*#__PURE__*/_react.default.createElement(_index.default, {
318
+ style: styleSheet.htmlInfoMessage
319
+ }, information.message)), klf && type === 'wrong' ? /*#__PURE__*/_react.default.createElement(KlfButton, {
320
+ styleSheet: styleSheet,
321
+ klf: klf
322
+ }) : null, /*#__PURE__*/_react.default.createElement(_index3.default, {
323
+ style: styleSheet.button,
324
+ onPress: handlePressNext,
325
+ accessibilityLabel: next['aria-label'],
326
+ testID: next['data-name']
327
+ }, /*#__PURE__*/_react.default.createElement(_index2.default, {
328
+ style: styleSheet.buttonText
329
+ }, next.label))));
330
+ };
331
+
332
+ var _default = ReviewCorrectionPopin;
333
+ exports.default = _default;
334
+ //# sourceMappingURL=index.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","type","StyleSheet","create","wrapper","height","color","colors","white","display","popin","padding","spacing","medium","borderRadius","flexDirection","alignItems","backgroundColor","negative","positive","shadowColor","shadowOpacity","shadowOffset","width","shadowRadius","elevation","correctionSection","iconCircle","justifyContent","opacity","icon","resultLabel","fontSize","fontWeight","lineHeight","marginLeft","textTransform","wordBreak","feedbackSection","marginVertical","labelContainer","alignSelf","paddingHorizontal","tiny","paddingVertical","micro","marginBottom","label","extraBold","htmlInfoMessage","button","base","small","buttonText","cta","bold","textAlign","containerButtonKlf","buttonKlf","buttonKlfActive","buttonKlfText","iconKey","marginRight","containerTooltip","zIndex","position","black","buttonTooltip","bottom","right","htmlTooltipText","text","primary","triangleTooltip","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderLeftColor","borderTopColor","borderRightColor","borderBottomColor","transform","rotate","left","top","KlfButton","klf","styleSheet","displayTooltip","setDisplayTooltip","useState","fadeAnim","useRef","Animated","Value","current","fadeIn","useCallback","timing","toValue","duration","easing","Easing","bezier","useNativeDriver","start","fadeOut","handlePressKey","tooltip","ICONS","RightIcon","wrong","WrongIcon","ReviewCorrectionPopin","information","next","templateContext","useTemplateContext","setStylesheet","handlePressNext","onClick","Icon","useEffect","_stylesheet","message"],"sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {Animated, Easing, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon,\n NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\nimport Html from '../../atom/html/index.native';\nimport {Theme} from '../../variables/theme.native';\nimport Text from '../../atom/text/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ReviewCorrectionPopinKLFProps, ReviewCorrectionPopinProps} from './prop-types';\n\ninterface StyleSheetType {\n wrapper: ViewStyle;\n popin: ViewStyle;\n correctionSection: ViewStyle;\n iconCircle: ViewStyle;\n icon: ViewStyle;\n resultLabel: TextStyle;\n feedbackSection: ViewStyle;\n labelContainer: ViewStyle;\n label: TextStyle;\n htmlInfoMessage: TextStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n buttonKlf: ViewStyle;\n buttonKlfActive: TextStyle;\n buttonKlfText: TextStyle;\n iconKey: ViewStyle;\n containerTooltip: ViewStyle;\n buttonTooltip: ViewStyle;\n containerButtonKlf: ViewStyle;\n triangleTooltip: ViewStyle;\n htmlTooltipText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme, type: string): StyleSheetType =>\n StyleSheet.create({\n wrapper: {\n height: 'auto',\n color: theme.colors.white,\n display: 'flex'\n },\n popin: {\n padding: theme.spacing.medium,\n borderRadius: 16,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'flex-start',\n backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n shadowOpacity: 0.5,\n shadowOffset: {width: 0, height: 0},\n shadowRadius: 15,\n elevation: 4\n },\n correctionSection: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '80%'\n },\n iconCircle: {\n width: 60,\n height: 60,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: theme.colors.white,\n opacity: 0.7,\n borderRadius: 50\n },\n icon: {\n height: 30,\n width: 30\n },\n resultLabel: {\n color: theme.colors.white,\n fontSize: 24,\n fontWeight: '600',\n lineHeight: 24,\n marginLeft: 12,\n textTransform: 'uppercase',\n wordBreak: 'break-word'\n },\n feedbackSection: {\n marginVertical: theme.spacing.medium\n },\n labelContainer: {\n alignSelf: 'flex-start',\n backgroundColor: 'rgba(255, 255, 255, 0.3)',\n borderRadius: 56,\n paddingHorizontal: theme.spacing.tiny,\n paddingVertical: theme.spacing.micro,\n marginBottom: 8\n },\n label: {\n color: theme.colors.white,\n fontSize: 14,\n fontWeight: theme.fontWeight.extraBold,\n lineHeight: 17,\n wordBreak: 'break-word'\n },\n htmlInfoMessage: {\n color: theme.colors.white,\n fontSize: 16,\n fontWeight: '600',\n lineHeight: 19\n },\n button: {\n alignSelf: 'stretch',\n backgroundColor: theme.colors.white,\n borderRadius: 7,\n paddingHorizontal: theme.spacing.base,\n paddingVertical: theme.spacing.small\n },\n buttonText: {\n color: theme.colors.cta,\n fontSize: 14,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 20,\n textAlign: 'center'\n },\n containerButtonKlf: {\n width: '100%'\n },\n buttonKlf: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.1)',\n borderRadius: 7,\n paddingHorizontal: theme.spacing.base,\n paddingVertical: theme.spacing.small,\n marginBottom: theme.spacing.tiny\n },\n buttonKlfActive: {\n backgroundColor:\n 'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'\n },\n buttonKlfText: {\n color: 'white',\n fontSize: 14,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 20,\n textAlign: 'center'\n },\n iconKey: {\n width: 12,\n height: 12,\n marginRight: theme.spacing.tiny\n },\n containerTooltip: {\n zIndex: 30,\n position: 'relative',\n shadowColor: theme.colors.black,\n shadowOpacity: 0.3,\n shadowOffset: {width: 0, height: 0},\n shadowRadius: 8\n },\n buttonTooltip: {\n flexDirection: 'column',\n justifyContent: 'center',\n backgroundColor: theme.colors.white,\n borderRadius: 15,\n padding: theme.spacing.small,\n width: '112%',\n position: 'absolute',\n bottom: 4,\n right: -15,\n zIndex: 20\n },\n htmlTooltipText: {\n color: theme.colors.text.primary,\n fontSize: 16,\n fontWeight: '600',\n lineHeight: 22,\n textAlign: 'center'\n },\n triangleTooltip: {\n width: 0,\n height: 0,\n backgroundColor: 'transparent',\n borderStyle: 'solid',\n borderLeftWidth: 13,\n borderRightWidth: 13,\n borderBottomWidth: 13,\n borderTopWidth: 13,\n borderLeftColor: 'transparent',\n borderTopColor: 'transparent',\n borderRightColor: theme.colors.white,\n borderBottomColor: theme.colors.white,\n transform: [{rotate: '45deg'}],\n position: 'absolute',\n left: 110,\n top: -20,\n borderRadius: 4\n }\n });\n\nconst KlfButton = ({\n klf,\n styleSheet\n}: {\n klf: ReviewCorrectionPopinKLFProps;\n styleSheet: StyleSheetType;\n}) => {\n const [displayTooltip, setDisplayTooltip] = useState(false);\n\n const fadeAnim = useRef(new Animated.Value(0)).current;\n\n const fadeIn = useCallback(() => {\n Animated.timing(fadeAnim, {\n toValue: 1,\n duration: 1000,\n easing: Easing.bezier(0.25, 1, 0.5, 1),\n useNativeDriver: true\n }).start();\n }, [fadeAnim]);\n\n const fadeOut = useCallback(() => {\n Animated.timing(fadeAnim, {\n toValue: 0,\n duration: 500,\n easing: Easing.bezier(0.25, 1, 0.5, 1),\n useNativeDriver: true\n }).start();\n }, [fadeAnim]);\n\n const handlePressKey = useCallback(() => {\n setDisplayTooltip(!displayTooltip);\n !displayTooltip ? fadeIn() : fadeOut();\n }, [displayTooltip, fadeIn, fadeOut]);\n\n const {\n buttonKlf,\n buttonKlfActive,\n buttonKlfText,\n containerButtonKlf,\n containerTooltip,\n buttonTooltip,\n htmlTooltipText,\n iconKey,\n triangleTooltip\n } = styleSheet;\n\n const {label, tooltip} = klf;\n\n return (\n <View style={containerButtonKlf}>\n <Animated.View style={[containerTooltip, {opacity: fadeAnim}]}>\n <Touchable\n style={buttonTooltip}\n accessibilityLabel={`aria-label-tooltip`}\n isHighlight\n onPress={handlePressKey}\n testID=\"button-tooltip\"\n >\n <Html style={htmlTooltipText}>{tooltip}</Html>\n </Touchable>\n <View style={triangleTooltip} />\n </Animated.View>\n <Touchable\n style={displayTooltip ? {...buttonKlf, ...buttonKlfActive} : buttonKlf}\n accessibilityLabel={`aria-label-${label}`}\n onPress={handlePressKey}\n testID=\"button-klf\"\n >\n <KlfIcon style={iconKey} color=\"white\" />\n <Text style={buttonKlfText}>{label}</Text>\n </Touchable>\n </View>\n );\n};\n\nconst ICONS = {\n right: RightIcon,\n wrong: WrongIcon\n};\n\nconst ReviewCorrectionPopin = ({\n information,\n klf,\n next,\n type,\n resultLabel\n}: ReviewCorrectionPopinProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n const handlePressNext = next.onClick;\n\n const Icon = ICONS[type];\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme, type);\n setStylesheet(_stylesheet);\n }, [theme, type]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.wrapper}>\n <View style={styleSheet.popin}>\n <View style={styleSheet.correctionSection}>\n <View style={styleSheet.iconCircle}>\n <Icon\n style={styleSheet.icon}\n color={type === 'wrong' ? theme.colors.negative : theme.colors.positive}\n />\n </View>\n <Text style={styleSheet.resultLabel}>{resultLabel}</Text>\n </View>\n <View style={styleSheet.feedbackSection} accessibilityLabel=\"answer-information\">\n <View style={styleSheet.labelContainer} needsOffscreenAlphaCompositing>\n <Text accessibilityLabel={information.label} style={styleSheet.label}>\n {information.label}\n </Text>\n </View>\n <Html style={styleSheet.htmlInfoMessage}>{information.message}</Html>\n </View>\n {klf && type === 'wrong' ? <KlfButton styleSheet={styleSheet} klf={klf} /> : null}\n <Touchable\n style={styleSheet.button}\n onPress={handlePressNext}\n accessibilityLabel={next['aria-label']}\n testID={next['data-name']}\n >\n <Text style={styleSheet.buttonText}>{next.label}</Text>\n </Touchable>\n </View>\n </View>\n );\n};\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}
@@ -17,11 +17,12 @@ declare const propTypes: {
17
17
  tooltip: PropTypes.Requireable<string>;
18
18
  }>>;
19
19
  };
20
+ export declare type ReviewCorrectionPopinKLFProps = {
21
+ label: string;
22
+ tooltip: string;
23
+ };
20
24
  export declare type ReviewCorrectionPopinProps = {
21
- klf?: {
22
- label: string;
23
- tooltip: string;
24
- };
25
+ klf?: ReviewCorrectionPopinKLFProps;
25
26
  information: {
26
27
  label: string;
27
28
  message: string;
@@ -29,7 +30,8 @@ export declare type ReviewCorrectionPopinProps = {
29
30
  next: {
30
31
  label: string;
31
32
  onClick: () => void;
32
- 'aria-label'?: string;
33
+ 'data-name'?: string;
34
+ 'aria-label': string;
33
35
  };
34
36
  resultLabel: string;
35
37
  type: 'right' | 'wrong';
@@ -1 +1 @@
1
- {"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACvC,GAAG,CAAC,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACvC,GAAG,CAAC,EAAE,6BAA6B,CAAC;IACpC,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"prop-types.js","names":["propTypes","type","PropTypes","oneOf","resultLabel","string","information","shape","label","message","next","onClick","func","klf","tooltip"],"sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n type: PropTypes.oneOf(['right', 'wrong']),\n resultLabel: PropTypes.string,\n information: PropTypes.shape({\n label: PropTypes.string,\n message: PropTypes.string\n }),\n next: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n 'data-name': PropTypes.string,\n 'aria-label': PropTypes.string\n }),\n klf: PropTypes.shape({\n label: PropTypes.string,\n tooltip: PropTypes.string\n })\n};\n\nexport type ReviewCorrectionPopinProps = {\n klf?: {\n label: string;\n tooltip: string;\n };\n information: {\n label: string;\n message: string;\n };\n next: {\n label: string;\n onClick: () => void;\n 'aria-label'?: string;\n };\n resultLabel: string;\n type: 'right' | 'wrong';\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADU;EAEhBC,WAAW,EAAEF,kBAAA,CAAUG,MAFP;EAGhBC,WAAW,EAAEJ,kBAAA,CAAUK,KAAV,CAAgB;IAC3BC,KAAK,EAAEN,kBAAA,CAAUG,MADU;IAE3BI,OAAO,EAAEP,kBAAA,CAAUG;EAFQ,CAAhB,CAHG;EAOhBK,IAAI,EAAER,kBAAA,CAAUK,KAAV,CAAgB;IACpBC,KAAK,EAAEN,kBAAA,CAAUG,MADG;IAEpBM,OAAO,EAAET,kBAAA,CAAUU,IAFC;IAGpB,aAAaV,kBAAA,CAAUG,MAHH;IAIpB,cAAcH,kBAAA,CAAUG;EAJJ,CAAhB,CAPU;EAahBQ,GAAG,EAAEX,kBAAA,CAAUK,KAAV,CAAgB;IACnBC,KAAK,EAAEN,kBAAA,CAAUG,MADE;IAEnBS,OAAO,EAAEZ,kBAAA,CAAUG;EAFA,CAAhB;AAbW,CAAlB;eAqCeL,S"}
1
+ {"version":3,"file":"prop-types.js","names":["propTypes","type","PropTypes","oneOf","resultLabel","string","information","shape","label","message","next","onClick","func","klf","tooltip"],"sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n type: PropTypes.oneOf(['right', 'wrong']),\n resultLabel: PropTypes.string,\n information: PropTypes.shape({\n label: PropTypes.string,\n message: PropTypes.string\n }),\n next: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n 'data-name': PropTypes.string,\n 'aria-label': PropTypes.string\n }),\n klf: PropTypes.shape({\n label: PropTypes.string,\n tooltip: PropTypes.string\n })\n};\n\nexport type ReviewCorrectionPopinKLFProps = {\n label: string;\n tooltip: string;\n};\n\nexport type ReviewCorrectionPopinProps = {\n klf?: ReviewCorrectionPopinKLFProps;\n information: {\n label: string;\n message: string;\n };\n next: {\n label: string;\n onClick: () => void;\n 'data-name'?: string;\n 'aria-label': string;\n };\n resultLabel: string;\n type: 'right' | 'wrong';\n};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADU;EAEhBC,WAAW,EAAEF,kBAAA,CAAUG,MAFP;EAGhBC,WAAW,EAAEJ,kBAAA,CAAUK,KAAV,CAAgB;IAC3BC,KAAK,EAAEN,kBAAA,CAAUG,MADU;IAE3BI,OAAO,EAAEP,kBAAA,CAAUG;EAFQ,CAAhB,CAHG;EAOhBK,IAAI,EAAER,kBAAA,CAAUK,KAAV,CAAgB;IACpBC,KAAK,EAAEN,kBAAA,CAAUG,MADG;IAEpBM,OAAO,EAAET,kBAAA,CAAUU,IAFC;IAGpB,aAAaV,kBAAA,CAAUG,MAHH;IAIpB,cAAcH,kBAAA,CAAUG;EAJJ,CAAhB,CAPU;EAahBQ,GAAG,EAAEX,kBAAA,CAAUK,KAAV,CAAgB;IACnBC,KAAK,EAAEN,kBAAA,CAAUG,MADE;IAEnBS,OAAO,EAAEZ,kBAAA,CAAUG;EAFA,CAAhB;AAbW,CAAlB;eAwCeL,S"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAC,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAuL1D,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBAyCrC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-slide/index.native.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAC,gBAAgB,EAAa,MAAM,cAAc,CAAC;AAsL1D,QAAA,MAAM,KAAK,UAAW,gBAAgB,gBAyCrC,CAAC;AAEF,eAAe,KAAK,CAAC"}