@coorpacademy/components 10.30.8 → 10.30.10-alpha.2

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 (92) hide show
  1. package/es/atom/button/index.native.d.ts +14 -0
  2. package/es/atom/button/index.native.d.ts.map +1 -0
  3. package/es/atom/button/index.native.js +57 -0
  4. package/es/atom/button/index.native.js.map +1 -0
  5. package/es/atom/input-search/index.d.ts.map +1 -1
  6. package/es/atom/input-search/index.js +1 -0
  7. package/es/atom/input-search/index.js.map +1 -1
  8. package/es/atom/text/index.native.d.ts +2 -2
  9. package/es/atom/text/index.native.d.ts.map +1 -1
  10. package/es/atom/text/index.native.js.map +1 -1
  11. package/es/hoc/touchable/index.native.d.ts +2 -2
  12. package/es/hoc/touchable/index.native.d.ts.map +1 -1
  13. package/es/hoc/touchable/index.native.js +3 -0
  14. package/es/hoc/touchable/index.native.js.map +1 -1
  15. package/es/molecule/card-congrats/index.native.d.ts +5 -0
  16. package/es/molecule/card-congrats/index.native.d.ts.map +1 -0
  17. package/es/molecule/card-congrats/index.native.js +102 -0
  18. package/es/molecule/card-congrats/index.native.js.map +1 -0
  19. package/es/molecule/card-congrats/types.d.ts +15 -0
  20. package/es/molecule/card-congrats/types.d.ts.map +1 -0
  21. package/es/molecule/card-congrats/types.js +2 -0
  22. package/es/molecule/card-congrats/types.js.map +1 -0
  23. package/es/molecule/review-card-congrats/index.js +2 -2
  24. package/es/molecule/review-card-congrats/index.js.map +1 -1
  25. package/es/molecule/review-correction-popin/prop-types.d.ts +3 -0
  26. package/es/molecule/review-correction-popin/prop-types.d.ts.map +1 -1
  27. package/es/molecule/review-correction-popin/prop-types.js.map +1 -1
  28. package/es/organism/mooc-header/index.d.ts.map +1 -1
  29. package/es/organism/mooc-header/index.js +6 -6
  30. package/es/organism/mooc-header/index.js.map +1 -1
  31. package/es/organism/review-congrats/index.native.d.ts +5 -0
  32. package/es/organism/review-congrats/index.native.d.ts.map +1 -0
  33. package/es/organism/review-congrats/index.native.js +130 -0
  34. package/es/organism/review-congrats/index.native.js.map +1 -0
  35. package/es/organism/review-slide/index.native.d.ts.map +1 -1
  36. package/es/organism/review-slide/index.native.js +16 -57
  37. package/es/organism/review-slide/index.native.js.map +1 -1
  38. package/es/organism/review-slide/prop-types.d.ts +5 -0
  39. package/es/organism/review-slide/prop-types.d.ts.map +1 -1
  40. package/es/organism/review-slide/prop-types.js.map +1 -1
  41. package/es/organism/review-stacked-slides/index.native.d.ts.map +1 -1
  42. package/es/organism/review-stacked-slides/index.native.js +1 -2
  43. package/es/organism/review-stacked-slides/index.native.js.map +1 -1
  44. package/es/template/app-review/player/index.native.d.ts.map +1 -1
  45. package/es/template/app-review/player/index.native.js +8 -9
  46. package/es/template/app-review/player/index.native.js.map +1 -1
  47. package/lib/atom/button/index.native.d.ts +14 -0
  48. package/lib/atom/button/index.native.d.ts.map +1 -0
  49. package/lib/atom/button/index.native.js +73 -0
  50. package/lib/atom/button/index.native.js.map +1 -0
  51. package/lib/atom/input-search/index.d.ts.map +1 -1
  52. package/lib/atom/input-search/index.js +1 -0
  53. package/lib/atom/input-search/index.js.map +1 -1
  54. package/lib/atom/text/index.native.d.ts +2 -2
  55. package/lib/atom/text/index.native.d.ts.map +1 -1
  56. package/lib/atom/text/index.native.js.map +1 -1
  57. package/lib/hoc/touchable/index.native.d.ts +2 -2
  58. package/lib/hoc/touchable/index.native.d.ts.map +1 -1
  59. package/lib/hoc/touchable/index.native.js +3 -0
  60. package/lib/hoc/touchable/index.native.js.map +1 -1
  61. package/lib/molecule/card-congrats/index.native.d.ts +5 -0
  62. package/lib/molecule/card-congrats/index.native.d.ts.map +1 -0
  63. package/lib/molecule/card-congrats/index.native.js +118 -0
  64. package/lib/molecule/card-congrats/index.native.js.map +1 -0
  65. package/lib/molecule/card-congrats/types.d.ts +15 -0
  66. package/lib/molecule/card-congrats/types.d.ts.map +1 -0
  67. package/lib/molecule/card-congrats/types.js +2 -0
  68. package/lib/molecule/card-congrats/types.js.map +1 -0
  69. package/lib/molecule/review-card-congrats/index.js.map +1 -1
  70. package/lib/molecule/review-correction-popin/prop-types.d.ts +3 -0
  71. package/lib/molecule/review-correction-popin/prop-types.d.ts.map +1 -1
  72. package/lib/molecule/review-correction-popin/prop-types.js.map +1 -1
  73. package/lib/organism/mooc-header/index.d.ts.map +1 -1
  74. package/lib/organism/mooc-header/index.js +6 -6
  75. package/lib/organism/mooc-header/index.js.map +1 -1
  76. package/lib/organism/review-congrats/index.native.d.ts +5 -0
  77. package/lib/organism/review-congrats/index.native.d.ts.map +1 -0
  78. package/lib/organism/review-congrats/index.native.js +149 -0
  79. package/lib/organism/review-congrats/index.native.js.map +1 -0
  80. package/lib/organism/review-slide/index.native.d.ts.map +1 -1
  81. package/lib/organism/review-slide/index.native.js +16 -57
  82. package/lib/organism/review-slide/index.native.js.map +1 -1
  83. package/lib/organism/review-slide/prop-types.d.ts +5 -0
  84. package/lib/organism/review-slide/prop-types.d.ts.map +1 -1
  85. package/lib/organism/review-slide/prop-types.js.map +1 -1
  86. package/lib/organism/review-stacked-slides/index.native.d.ts.map +1 -1
  87. package/lib/organism/review-stacked-slides/index.native.js +1 -2
  88. package/lib/organism/review-stacked-slides/index.native.js.map +1 -1
  89. package/lib/template/app-review/player/index.native.d.ts.map +1 -1
  90. package/lib/template/app-review/player/index.native.js +10 -10
  91. package/lib/template/app-review/player/index.native.js.map +1 -1
  92. package/package.json +4 -3
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["React","StyleSheet","View","keys","Slide","TOTAL_SLIDES_STACK","style","create","slides","flex","height","width","StackedSlides","props","validateButton","correctionPopinProps","indexes","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {ReviewStackProps} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n slides: {\n flex: 1,\n height: '100%',\n width: '100%'\n }\n});\n\nconst StackedSlides = (props: ReviewStackProps) => {\n const {slides, validateButton, correctionPopinProps} = props;\n\n const indexes = keys(slides).reverse();\n const stackedSlides = indexes.map(slideIndex => {\n const slide = slides[slideIndex];\n // const {animationType, hidden, position} = slide;\n\n return (\n <Slide\n {...{\n num: Number.parseInt(slideIndex),\n slideIndex,\n slide,\n validateButton,\n correctionPopinProps\n }}\n key={slideIndex}\n />\n );\n });\n\n return <View style={style.slides}>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA+B,cAA/B;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,8BAAlB;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,KAAK,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IACNC,IAAI,EAAE,CADA;IAENC,MAAM,EAAE,MAFF;IAGNC,KAAK,EAAE;EAHD;AADsB,CAAlB,CAAd;;AAQA,MAAMC,aAAa,GAAIC,KAAD,IAA6B;EACjD,MAAM;IAACL,MAAD;IAASM,cAAT;IAAyBC;EAAzB,IAAiDF,KAAvD;EAEA,MAAMG,OAAO,GAAGb,IAAI,CAACK,MAAD,CAAJ,CAAaS,OAAb,EAAhB;EACA,MAAMC,aAAa,GAAGF,OAAO,CAACG,GAAR,CAAYC,UAAU,IAAI;IAC9C,MAAMC,KAAK,GAAGb,MAAM,CAACY,UAAD,CAApB,CAD8C,CAE9C;;IAEA,oBACE,oBAAC,KAAD;MAEIE,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CAFT;MAGIA,UAHJ;MAIIC,KAJJ;MAKIP,cALJ;MAMIC,oBANJ;MAQE,GAAG,EAAEK;IARP,EADF;EAYD,CAhBqB,CAAtB;EAkBA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEd,KAAK,CAACE;EAAnB,GAA4BU,aAA5B,CAAP;AACD,CAvBD;;AAyBA,eAAeN,aAAf"}
1
+ {"version":3,"file":"index.native.js","names":["React","StyleSheet","View","keys","Slide","TOTAL_SLIDES_STACK","style","create","slides","flex","height","width","StackedSlides","props","validateButton","correctionPopinProps","indexes","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {ReviewStackProps} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n slides: {\n flex: 1,\n height: '100%',\n width: '100%'\n }\n});\n\nconst StackedSlides = (props: ReviewStackProps) => {\n const {slides, validateButton, correctionPopinProps} = props;\n\n const indexes = keys(slides).reverse();\n const stackedSlides = indexes.map(slideIndex => {\n const slide = slides[slideIndex];\n\n return (\n <Slide\n {...{\n num: Number.parseInt(slideIndex),\n slideIndex,\n slide,\n validateButton,\n correctionPopinProps\n }}\n key={slideIndex}\n />\n );\n });\n\n return <View style={style.slides}>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA+B,cAA/B;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,8BAAlB;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,KAAK,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IACNC,IAAI,EAAE,CADA;IAENC,MAAM,EAAE,MAFF;IAGNC,KAAK,EAAE;EAHD;AADsB,CAAlB,CAAd;;AAQA,MAAMC,aAAa,GAAIC,KAAD,IAA6B;EACjD,MAAM;IAACL,MAAD;IAASM,cAAT;IAAyBC;EAAzB,IAAiDF,KAAvD;EAEA,MAAMG,OAAO,GAAGb,IAAI,CAACK,MAAD,CAAJ,CAAaS,OAAb,EAAhB;EACA,MAAMC,aAAa,GAAGF,OAAO,CAACG,GAAR,CAAYC,UAAU,IAAI;IAC9C,MAAMC,KAAK,GAAGb,MAAM,CAACY,UAAD,CAApB;IAEA,oBACE,oBAAC,KAAD;MAEIE,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CAFT;MAGIA,UAHJ;MAIIC,KAJJ;MAKIP,cALJ;MAMIC,oBANJ;MAQE,GAAG,EAAEK;IARP,EADF;EAYD,CAfqB,CAAtB;EAiBA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEd,KAAK,CAACE;EAAnB,GAA4BU,aAA5B,CAAP;AACD,CAtBD;;AAwBA,eAAeN,aAAf"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAmB/C,QAAA,MAAM,MAAM,UAAW,iBAAiB,uBAyBvC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAmB/C,QAAA,MAAM,MAAM,UAAW,iBAAiB,uBAuBvC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,14 +1,15 @@
1
1
  import React, { useEffect, useState } from 'react';
2
2
  import { View, StyleSheet } from 'react-native';
3
3
  import StackedSlides from '../../../organism/review-stacked-slides/index.native';
4
+ import ReviewCongrats from '../../../organism/review-congrats/index.native';
4
5
  import ReviewHeader from '../../../organism/review-header/index.native';
5
6
  import { useTemplateContext } from '../template-context';
6
7
 
7
- const createStyleSheet = (theme, headerHeight) => StyleSheet.create({
8
+ const createStyleSheet = theme => StyleSheet.create({
8
9
  container: {
9
10
  flex: 1,
10
11
  width: '100%',
11
- paddingTop: headerHeight,
12
+ height: '100%',
12
13
  backgroundColor: theme.colors.white,
13
14
  flexDirection: 'column',
14
15
  justifyContent: 'space-between',
@@ -18,21 +19,19 @@ const createStyleSheet = (theme, headerHeight) => StyleSheet.create({
18
19
 
19
20
  const Slides = props => {
20
21
  const {
22
+ congrats,
21
23
  header,
22
24
  stack
23
25
  } = props;
24
26
  const {
25
- theme,
26
- display: {
27
- headerHeight
28
- }
27
+ theme
29
28
  } = useTemplateContext();
30
29
  const [styleSheet, setStylesheet] = useState(null);
31
30
  useEffect(() => {
32
- const _stylesheet = createStyleSheet(theme, headerHeight);
31
+ const _stylesheet = createStyleSheet(theme);
33
32
 
34
33
  setStylesheet(_stylesheet);
35
- }, [theme, headerHeight]);
34
+ }, [theme]);
36
35
 
37
36
  if (!styleSheet) {
38
37
  return null;
@@ -40,7 +39,7 @@ const Slides = props => {
40
39
 
41
40
  return /*#__PURE__*/React.createElement(View, {
42
41
  style: styleSheet.container
43
- }, /*#__PURE__*/React.createElement(ReviewHeader, header), stack ? /*#__PURE__*/React.createElement(StackedSlides, stack) : null);
42
+ }, /*#__PURE__*/React.createElement(ReviewHeader, header), stack ? /*#__PURE__*/React.createElement(StackedSlides, stack) : null, congrats ? /*#__PURE__*/React.createElement(ReviewCongrats, congrats) : null);
44
43
  };
45
44
 
46
45
  export default Slides;
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","StackedSlides","ReviewHeader","useTemplateContext","createStyleSheet","theme","headerHeight","create","container","flex","width","paddingTop","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","header","stack","display","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../../src/template/app-review/player/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewPlayerProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, headerHeight: number): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n paddingTop: headerHeight,\n backgroundColor: theme.colors.white,\n flexDirection: 'column',\n justifyContent: 'space-between',\n alignItems: 'center'\n }\n });\n\nconst Slides = (props: ReviewPlayerProps) => {\n const {header, stack} = props;\n\n const {\n theme,\n display: {headerHeight}\n } = useTemplateContext();\n\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme, headerHeight);\n setStylesheet(_stylesheet);\n }, [theme, headerHeight]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <ReviewHeader {...header} />\n {stack ? <StackedSlides {...stack} /> : null}\n </View>\n );\n};\n\nexport default Slides;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,UAAd,QAA0C,cAA1C;AACA,OAAOC,aAAP,MAA0B,sDAA1B;AACA,OAAOC,YAAP,MAAyB,8CAAzB;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAOA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,UAAU,EAAEL,YAHH;IAITM,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC,KAJrB;IAKTC,aAAa,EAAE,QALN;IAMTC,cAAc,EAAE,eANP;IAOTC,UAAU,EAAE;EAPH;AADK,CAAlB,CADF;;AAaA,MAAMC,MAAM,GAAIC,KAAD,IAA8B;EAC3C,MAAM;IAACC,MAAD;IAASC;EAAT,IAAkBF,KAAxB;EAEA,MAAM;IACJd,KADI;IAEJiB,OAAO,EAAE;MAAChB;IAAD;EAFL,IAGFH,kBAAkB,EAHtB;EAKA,MAAM,CAACoB,UAAD,EAAaC,aAAb,IAA8B1B,QAAQ,CAAwB,IAAxB,CAA5C;EAEAD,SAAS,CAAC,MAAM;IACd,MAAM4B,WAAW,GAAGrB,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;IACAkB,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACpB,KAAD,EAAQC,YAAR,CAHM,CAAT;;EAKA,IAAI,CAACiB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACf;EAAxB,gBACE,oBAAC,YAAD,EAAkBY,MAAlB,CADF,EAEGC,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;AA2BA,eAAeH,MAAf"}
1
+ {"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","StackedSlides","ReviewCongrats","ReviewHeader","useTemplateContext","createStyleSheet","theme","create","container","flex","width","height","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","congrats","header","stack","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../../src/template/app-review/player/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewCongrats from '../../../organism/review-congrats/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewPlayerProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n height: '100%',\n backgroundColor: theme.colors.white,\n flexDirection: 'column',\n justifyContent: 'space-between',\n alignItems: 'center'\n }\n });\n\nconst Slides = (props: ReviewPlayerProps) => {\n const {congrats, header, stack} = props;\n\n const {theme} = useTemplateContext();\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 (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <ReviewHeader {...header} />\n {stack ? <StackedSlides {...stack} /> : null}\n {congrats ? <ReviewCongrats {...congrats} /> : null}\n </View>\n );\n};\n\nexport default Slides;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,UAAd,QAA0C,cAA1C;AACA,OAAOC,aAAP,MAA0B,sDAA1B;AACA,OAAOC,cAAP,MAA2B,gDAA3B;AACA,OAAOC,YAAP,MAAyB,8CAAzB;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAOA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,MAAM,EAAE,MAHC;IAITC,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC,KAJrB;IAKTC,aAAa,EAAE,QALN;IAMTC,cAAc,EAAE,eANP;IAOTC,UAAU,EAAE;EAPH;AADK,CAAlB,CADF;;AAaA,MAAMC,MAAM,GAAIC,KAAD,IAA8B;EAC3C,MAAM;IAACC,QAAD;IAAWC,MAAX;IAAmBC;EAAnB,IAA4BH,KAAlC;EAEA,MAAM;IAACb;EAAD,IAAUF,kBAAkB,EAAlC;EAEA,MAAM,CAACmB,UAAD,EAAaC,aAAb,IAA8B1B,QAAQ,CAAwB,IAAxB,CAA5C;EAEAD,SAAS,CAAC,MAAM;IACd,MAAM4B,WAAW,GAAGpB,gBAAgB,CAACC,KAAD,CAApC;;IACAkB,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACnB,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACiB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACf;EAAxB,gBACE,oBAAC,YAAD,EAAkBa,MAAlB,CADF,EAEGC,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,EAGGF,QAAQ,gBAAG,oBAAC,cAAD,EAAoBA,QAApB,CAAH,GAAsC,IAHjD,CADF;AAOD,CAvBD;;AAyBA,eAAeF,MAAf"}
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { TextStyle, ViewStyle } from 'react-native';
3
+ declare type ButtonProps = {
4
+ accessibilityLabel?: string;
5
+ disabled?: boolean;
6
+ onPress: () => void;
7
+ style?: ViewStyle;
8
+ submitValue: string;
9
+ testID?: string;
10
+ textStyle?: TextStyle;
11
+ };
12
+ declare const Button: (props: ButtonProps) => JSX.Element | null;
13
+ export default Button;
14
+ //# sourceMappingURL=index.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B9D,aAAK,WAAW,GAAG;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,UAAW,WAAW,uBAuBjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,73 @@
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 _index = _interopRequireDefault(require("../text/index.native"));
11
+
12
+ var _templateContext = require("../../template/app-review/template-context");
13
+
14
+ var _index2 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ 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; }
21
+
22
+ const createStyle = (theme, brandTheme) => _reactNative.StyleSheet.create({
23
+ wrapper: {
24
+ backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,
25
+ borderRadius: 7,
26
+ width: '100%'
27
+ },
28
+ text: {
29
+ fontSize: 14,
30
+ lineHeight: 20,
31
+ fontWeight: '700',
32
+ color: theme.colors.white,
33
+ marginBottom: 16,
34
+ marginTop: 16,
35
+ textAlign: 'center'
36
+ }
37
+ });
38
+
39
+ const Button = props => {
40
+ const {
41
+ accessibilityLabel,
42
+ disabled,
43
+ onPress,
44
+ style,
45
+ submitValue,
46
+ testID,
47
+ textStyle
48
+ } = props;
49
+ const {
50
+ theme,
51
+ brandTheme
52
+ } = (0, _templateContext.useTemplateContext)();
53
+ const [styleSheet, setStylesheet] = (0, _react.useState)();
54
+ (0, _react.useEffect)(() => {
55
+ const _style = createStyle(theme, brandTheme);
56
+
57
+ setStylesheet(_style);
58
+ }, [theme, brandTheme]);
59
+ if (!styleSheet) return null;
60
+ return /*#__PURE__*/_react.default.createElement(_index2.default, {
61
+ testID: testID,
62
+ onPress: onPress,
63
+ disabled: disabled,
64
+ accessibilityLabel: accessibilityLabel,
65
+ style: [styleSheet.wrapper, style]
66
+ }, /*#__PURE__*/_react.default.createElement(_index.default, {
67
+ style: [styleSheet.text, textStyle]
68
+ }, submitValue));
69
+ };
70
+
71
+ var _default = Button;
72
+ exports.default = _default;
73
+ //# sourceMappingURL=index.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.native.js","names":["createStyle","theme","brandTheme","StyleSheet","create","wrapper","backgroundColor","colors","primary","text","borderRadius","width","fontSize","lineHeight","fontWeight","color","white","marginBottom","marginTop","textAlign","Button","props","accessibilityLabel","disabled","onPress","style","submitValue","testID","textStyle","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_style"],"sources":["../../../src/atom/button/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, TextStyle, ViewStyle} from 'react-native';\nimport Text from '../text/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';\n\ntype StyleSheetType = {\n wrapper: ViewStyle;\n text: ViewStyle;\n};\n\nconst createStyle = (theme: Theme, brandTheme: Brand): StyleSheetType =>\n StyleSheet.create({\n wrapper: {\n backgroundColor: brandTheme?.colors?.primary || theme.colors.text.primary,\n borderRadius: 7,\n width: '100%'\n },\n text: {\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 ButtonProps = {\n accessibilityLabel?: string;\n disabled?: boolean;\n onPress: () => void;\n style?: ViewStyle;\n submitValue: string;\n testID?: string;\n textStyle?: TextStyle;\n};\n\nconst Button = (props: ButtonProps) => {\n const {accessibilityLabel, disabled, onPress, style, submitValue, testID, textStyle} = props;\n const {theme, brandTheme} = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType>();\n\n useEffect(() => {\n const _style = createStyle(theme, brandTheme);\n setStylesheet(_style);\n }, [theme, brandTheme]);\n\n if (!styleSheet) return null;\n\n return (\n <Touchable\n testID={testID}\n onPress={onPress}\n disabled={disabled}\n accessibilityLabel={accessibilityLabel}\n style={[styleSheet.wrapper, style]}\n >\n <Text style={[styleSheet.text, textStyle]}>{submitValue}</Text>\n </Touchable>\n );\n};\n\nexport default Button;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAAeC,UAAf,KAClBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,OAAO,EAAE;IACPC,eAAe,EAAEJ,UAAU,EAAEK,MAAZ,EAAoBC,OAApB,IAA+BP,KAAK,CAACM,MAAN,CAAaE,IAAb,CAAkBD,OAD3D;IAEPE,YAAY,EAAE,CAFP;IAGPC,KAAK,EAAE;EAHA,CADO;EAMhBF,IAAI,EAAE;IACJG,QAAQ,EAAE,EADN;IAEJC,UAAU,EAAE,EAFR;IAGJC,UAAU,EAAE,KAHR;IAIJC,KAAK,EAAEd,KAAK,CAACM,MAAN,CAAaS,KAJhB;IAKJC,YAAY,EAAE,EALV;IAMJC,SAAS,EAAE,EANP;IAOJC,SAAS,EAAE;EAPP;AANU,CAAlB,CADF;;AA4BA,MAAMC,MAAM,GAAIC,KAAD,IAAwB;EACrC,MAAM;IAACC,kBAAD;IAAqBC,QAArB;IAA+BC,OAA/B;IAAwCC,KAAxC;IAA+CC,WAA/C;IAA4DC,MAA5D;IAAoEC;EAApE,IAAiFP,KAAvF;EACA,MAAM;IAACpB,KAAD;IAAQC;EAAR,IAAsB,IAAA2B,mCAAA,GAA5B;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,GAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,MAAM,GAAGlC,WAAW,CAACC,KAAD,EAAQC,UAAR,CAA1B;;IACA6B,aAAa,CAACG,MAAD,CAAb;EACD,CAHD,EAGG,CAACjC,KAAD,EAAQC,UAAR,CAHH;EAKA,IAAI,CAAC4B,UAAL,EAAiB,OAAO,IAAP;EAEjB,oBACE,6BAAC,eAAD;IACE,MAAM,EAAEH,MADV;IAEE,OAAO,EAAEH,OAFX;IAGE,QAAQ,EAAED,QAHZ;IAIE,kBAAkB,EAAED,kBAJtB;IAKE,KAAK,EAAE,CAACQ,UAAU,CAACzB,OAAZ,EAAqBoB,KAArB;EALT,gBAOE,6BAAC,cAAD;IAAM,KAAK,EAAE,CAACK,UAAU,CAACrB,IAAZ,EAAkBmB,SAAlB;EAAb,GAA4CF,WAA5C,CAPF,CADF;AAWD,CAvBD;;eAyBeN,M"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAYA,iDA8CC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-search/index.js"],"names":[],"mappings":";AAYA,iDA+CC"}
@@ -52,6 +52,7 @@ const Search = props => {
52
52
  }, placeholder) : null), /*#__PURE__*/_react.default.createElement("input", {
53
53
  "data-name": "search-input",
54
54
  className: _style.default.search,
55
+ "aria-label": placeholder,
55
56
  type: "text",
56
57
  name: "search",
57
58
  id: "search",
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Search","props","value","placeholder","onChange","onClear","onFocus","onBlur","theme","handleChange","useMemo","e","target","cmStyle","classnames","style","coorpmanager","isDefaultTheme","wrapperSearch","searchIcon","title","noValue","search","clearIcon","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","func","oneOf"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n NovaCompositionCoorpacademySearch as SearchIcon,\n NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst Search = props => {\n const {\n value,\n placeholder,\n onChange = noop,\n onClear = noop,\n onFocus,\n onBlur,\n theme = 'default'\n } = props;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const cmStyle = classnames(style.coorpmanager);\n const isDefaultTheme = theme === 'default';\n\n return (\n <div className={isDefaultTheme ? style.wrapperSearch : cmStyle}>\n <label htmlFor=\"search\" title={placeholder}>\n {!isDefaultTheme ? (\n <CMSearchIcon className={style.searchIcon} />\n ) : (\n <SearchIcon className={style.searchIcon} />\n )}\n {!isDefaultTheme ? (\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {placeholder}\n </span>\n ) : null}\n </label>\n <input\n data-name=\"search-input\"\n className={style.search}\n type=\"text\"\n name=\"search\"\n id=\"search\"\n placeholder={placeholder}\n value={value}\n onInput={handleChange}\n onFocus={onFocus}\n onChange={noop}\n onBlur={onBlur}\n />\n {value && !isDefaultTheme ? (\n <CloseIcon onClick={onClear} className={style.clearIcon} />\n ) : null}\n </div>\n );\n};\n\nSearch.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n value: PropTypes.string,\n placeholder: PropTypes.string.isRequired,\n onChange: PropTypes.func,\n onClear: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Search;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,KADI;IAEJC,WAFI;IAGJC,QAAQ,iBAHJ;IAIJC,OAAO,iBAJH;IAKJC,OALI;IAMJC,MANI;IAOJC,KAAK,GAAG;EAPJ,IAQFP,KARJ;EASA,MAAMQ,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAMC,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAF,CAASV,KAAV,CAA3B,EAA6C,CAACE,QAAD,CAA7C,CAArB;EACA,MAAMS,OAAO,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,YAAjB,CAAhB;EACA,MAAMC,cAAc,GAAGT,KAAK,KAAK,SAAjC;EAEA,oBACE;IAAK,SAAS,EAAES,cAAc,GAAGF,cAAA,CAAMG,aAAT,GAAyBL;EAAvD,gBACE;IAAO,OAAO,EAAC,QAAf;IAAwB,KAAK,EAAEV;EAA/B,GACG,CAACc,cAAD,gBACC,6BAAC,gDAAD;IAAc,SAAS,EAAEF,cAAA,CAAMI;EAA/B,EADD,gBAGC,6BAAC,4CAAD;IAAY,SAAS,EAAEJ,cAAA,CAAMI;EAA7B,EAJJ,EAMG,CAACF,cAAD,gBACC;IAAM,SAAS,EAAE,IAAAH,mBAAA,EAAWC,cAAA,CAAMK,KAAjB,EAAwB,uBAAQlB,KAAR,KAAkBa,cAAA,CAAMM,OAAhD;EAAjB,GACGlB,WADH,CADD,GAIG,IAVN,CADF,eAaE;IACE,aAAU,cADZ;IAEE,SAAS,EAAEY,cAAA,CAAMO,MAFnB;IAGE,IAAI,EAAC,MAHP;IAIE,IAAI,EAAC,QAJP;IAKE,EAAE,EAAC,QALL;IAME,WAAW,EAAEnB,WANf;IAOE,KAAK,EAAED,KAPT;IAQE,OAAO,EAAEO,YARX;IASE,OAAO,EAAEH,OATX;IAUE,QAAQ,gBAVV;IAWE,MAAM,EAAEC;EAXV,EAbF,EA0BGL,KAAK,IAAI,CAACe,cAAV,gBACC,6BAAC,+BAAD;IAAW,OAAO,EAAEZ,OAApB;IAA6B,SAAS,EAAEU,cAAA,CAAMQ;EAA9C,EADD,GAEG,IA5BN,CADF;AAgCD,CA9CD;;AAgDAvB,MAAM,CAACwB,YAAP,GAAsB;EACpBC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADb,CAAtB;AAIAzB,MAAM,CAAC4B,SAAP,2CAAmB;EACjB1B,KAAK,EAAE2B,kBAAA,CAAUC,MADA;EAEjB3B,WAAW,EAAE0B,kBAAA,CAAUC,MAAV,CAAiBC,UAFb;EAGjB3B,QAAQ,EAAEyB,kBAAA,CAAUG,IAHH;EAIjB3B,OAAO,EAAEwB,kBAAA,CAAUG,IAJF;EAKjB1B,OAAO,EAAEuB,kBAAA,CAAUG,IALF;EAMjBzB,MAAM,EAAEsB,kBAAA,CAAUG,IAND;EAOjBxB,KAAK,EAAEqB,kBAAA,CAAUI,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB;AAPU,CAAnB;eAUejC,M"}
1
+ {"version":3,"file":"index.js","names":["Search","props","value","placeholder","onChange","onClear","onFocus","onBlur","theme","handleChange","useMemo","e","target","cmStyle","classnames","style","coorpmanager","isDefaultTheme","wrapperSearch","searchIcon","title","noValue","search","clearIcon","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","func","oneOf"],"sources":["../../../src/atom/input-search/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademySearchThin as CMSearchIcon,\n NovaCompositionCoorpacademySearch as SearchIcon,\n NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {noop, isEmpty} from 'lodash/fp';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst Search = props => {\n const {\n value,\n placeholder,\n onChange = noop,\n onClear = noop,\n onFocus,\n onBlur,\n theme = 'default'\n } = props;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const cmStyle = classnames(style.coorpmanager);\n const isDefaultTheme = theme === 'default';\n\n return (\n <div className={isDefaultTheme ? style.wrapperSearch : cmStyle}>\n <label htmlFor=\"search\" title={placeholder}>\n {!isDefaultTheme ? (\n <CMSearchIcon className={style.searchIcon} />\n ) : (\n <SearchIcon className={style.searchIcon} />\n )}\n {!isDefaultTheme ? (\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {placeholder}\n </span>\n ) : null}\n </label>\n <input\n data-name=\"search-input\"\n className={style.search}\n aria-label={placeholder}\n type=\"text\"\n name=\"search\"\n id=\"search\"\n placeholder={placeholder}\n value={value}\n onInput={handleChange}\n onFocus={onFocus}\n onChange={noop}\n onBlur={onBlur}\n />\n {value && !isDefaultTheme ? (\n <CloseIcon onClick={onClear} className={style.clearIcon} />\n ) : null}\n </div>\n );\n};\n\nSearch.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSearch.propTypes = {\n value: PropTypes.string,\n placeholder: PropTypes.string.isRequired,\n onChange: PropTypes.func,\n onClear: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\n\nexport default Search;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAMA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,KADI;IAEJC,WAFI;IAGJC,QAAQ,iBAHJ;IAIJC,OAAO,iBAJH;IAKJC,OALI;IAMJC,MANI;IAOJC,KAAK,GAAG;EAPJ,IAQFP,KARJ;EASA,MAAMQ,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAMC,CAAC,IAAIP,QAAQ,CAACO,CAAC,CAACC,MAAF,CAASV,KAAV,CAA3B,EAA6C,CAACE,QAAD,CAA7C,CAArB;EACA,MAAMS,OAAO,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,YAAjB,CAAhB;EACA,MAAMC,cAAc,GAAGT,KAAK,KAAK,SAAjC;EAEA,oBACE;IAAK,SAAS,EAAES,cAAc,GAAGF,cAAA,CAAMG,aAAT,GAAyBL;EAAvD,gBACE;IAAO,OAAO,EAAC,QAAf;IAAwB,KAAK,EAAEV;EAA/B,GACG,CAACc,cAAD,gBACC,6BAAC,gDAAD;IAAc,SAAS,EAAEF,cAAA,CAAMI;EAA/B,EADD,gBAGC,6BAAC,4CAAD;IAAY,SAAS,EAAEJ,cAAA,CAAMI;EAA7B,EAJJ,EAMG,CAACF,cAAD,gBACC;IAAM,SAAS,EAAE,IAAAH,mBAAA,EAAWC,cAAA,CAAMK,KAAjB,EAAwB,uBAAQlB,KAAR,KAAkBa,cAAA,CAAMM,OAAhD;EAAjB,GACGlB,WADH,CADD,GAIG,IAVN,CADF,eAaE;IACE,aAAU,cADZ;IAEE,SAAS,EAAEY,cAAA,CAAMO,MAFnB;IAGE,cAAYnB,WAHd;IAIE,IAAI,EAAC,MAJP;IAKE,IAAI,EAAC,QALP;IAME,EAAE,EAAC,QANL;IAOE,WAAW,EAAEA,WAPf;IAQE,KAAK,EAAED,KART;IASE,OAAO,EAAEO,YATX;IAUE,OAAO,EAAEH,OAVX;IAWE,QAAQ,gBAXV;IAYE,MAAM,EAAEC;EAZV,EAbF,EA2BGL,KAAK,IAAI,CAACe,cAAV,gBACC,6BAAC,+BAAD;IAAW,OAAO,EAAEZ,OAApB;IAA6B,SAAS,EAAEU,cAAA,CAAMQ;EAA9C,EADD,GAEG,IA7BN,CADF;AAiCD,CA/CD;;AAiDAvB,MAAM,CAACwB,YAAP,GAAsB;EACpBC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADb,CAAtB;AAIAzB,MAAM,CAAC4B,SAAP,2CAAmB;EACjB1B,KAAK,EAAE2B,kBAAA,CAAUC,MADA;EAEjB3B,WAAW,EAAE0B,kBAAA,CAAUC,MAAV,CAAiBC,UAFb;EAGjB3B,QAAQ,EAAEyB,kBAAA,CAAUG,IAHH;EAIjB3B,OAAO,EAAEwB,kBAAA,CAAUG,IAJF;EAKjB1B,OAAO,EAAEuB,kBAAA,CAAUG,IALF;EAMjBzB,MAAM,EAAEsB,kBAAA,CAAUG,IAND;EAOjBxB,KAAK,EAAEqB,kBAAA,CAAUI,KAAV,CAAgB,CAAC,SAAD,EAAY,cAAZ,CAAhB;AAPU,CAAnB;eAUejC,M"}
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
- import { TextStyle } from 'react-native';
2
+ import { TextStyle, StyleProp } from 'react-native';
3
3
  export declare type Props = {
4
4
  children: React.ReactNode;
5
- style?: TextStyle | TextStyle[];
5
+ style?: StyleProp<TextStyle>;
6
6
  testID?: string;
7
7
  numberOfLines?: number;
8
8
  allowFontScaling?: boolean;
@@ -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;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"}
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,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAE1F,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,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"}
@@ -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","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"}
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, StyleProp} from 'react-native';\n\nexport type Props = {\n children: React.ReactNode;\n style?: StyleProp<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;;;;;;;;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;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"}
@@ -1,4 +1,4 @@
1
- import { ViewStyle, LayoutChangeEvent, NativeSyntheticEvent, GestureResponderEvent, TargetedEvent } from 'react-native';
1
+ import { ViewStyle, LayoutChangeEvent, NativeSyntheticEvent, GestureResponderEvent, TargetedEvent, StyleProp } from 'react-native';
2
2
  import React from 'react';
3
3
  import { Analytics, AnalyticsEventParams } from '../../variables/analytics';
4
4
  import { Vibration } from '../../variables/vibration';
@@ -22,7 +22,7 @@ export declare type Props = {
22
22
  isHighlight?: boolean;
23
23
  isWithoutFeedback?: boolean;
24
24
  activeOpacity?: number;
25
- style?: ViewStyle;
25
+ style?: StyleProp<ViewStyle>;
26
26
  analytics?: Analytics;
27
27
  analyticsID?: string;
28
28
  analyticsParams?: AnalyticsEventParams;
@@ -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,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
+ {"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,EACb,SAAS,EACV,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,SAAS,CAAC,CAAC;IAE7B,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,gBAqE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -40,6 +40,7 @@ const Touchable = props => {
40
40
  const {
41
41
  analyticsID,
42
42
  analyticsParams,
43
+ accessibilityLabel,
43
44
  onPress,
44
45
  onLongPress,
45
46
  isWithoutFeedback,
@@ -62,6 +63,7 @@ const Touchable = props => {
62
63
 
63
64
  if (isHighlight) {
64
65
  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, _extends({}, props, {
66
+ accessibilityLabel: accessibilityLabel,
65
67
  hitSlop: hitSlop,
66
68
  underlayColor: theme.colors.gray.light,
67
69
  onPress: handlePress,
@@ -71,6 +73,7 @@ const Touchable = props => {
71
73
  }
72
74
 
73
75
  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({}, props, {
76
+ accessibilityLabel: accessibilityLabel,
74
77
  hitSlop: hitSlop,
75
78
  onPress: handlePress,
76
79
  onLongPress: handleLongPress,
@@ -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 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"}
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","accessibilityLabel","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 StyleProp\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?: StyleProp<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 accessibilityLabel,\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 accessibilityLabel={accessibilityLabel}\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 accessibilityLabel={accessibilityLabel}\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;;AAWA;;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,kBAHI;IAIJC,OAJI;IAKJC,WALI;IAMJC,iBANI;IAOJC,WAPI;IAQJC,aARI;IASJC;EATI,IAUFX,KAVJ;EAYA,MAAMY,WAAW,GAAG,IAAAC,cAAA,EAClB,MAAOC,KAAD,IAAkC;IACtC,IAAI,CAACR,OAAL,EAAc;IAEdF,SAAS,EAAEW,OAAX;IAEAnB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACuB,+BAAA,CAAqBC,KAAtB,EAA6BtB,WAA7B,EAA0CC,SAA1C,EAAqDC,eAArD,CAFV;IAGAS,OAAO,CAACQ,KAAD,CAAP;EACD,CAViB,EAWlB,CAAClB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CS,OAA1C,EAAmDF,SAAnD,CAXkB,CAApB;EAcA,MAAMc,eAAe,GAAG,IAAAL,cAAA,EACtB,MAAOC,KAAD,IAAkC;IACtC,IAAI,CAACP,WAAL,EAAkB;IAElBH,SAAS,EAAEW,OAAX;IAEAnB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACuB,+BAAA,CAAqBG,UAAtB,EAAkCxB,WAAlC,EAA+CC,SAA/C,EAA0DC,eAA1D,CAFV;IAGAU,WAAW,CAACO,KAAD,CAAX;EACD,CAVqB,EAWtB,CAAClB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CU,WAA1C,EAAuDH,SAAvD,CAXsB,CAAxB;;EAcA,IAAIK,WAAJ,EAAiB;IACf,oBACE,6BAAC,+BAAD,eACMT,KADN;MAEE,kBAAkB,EAAEK,kBAFtB;MAGE,OAAO,EAAEjB,OAHX;MAIE,aAAa,EAAEe,KAAK,CAACiB,MAAN,CAAaC,IAAb,CAAkBC,KAJnC;MAKE,OAAO,EAAEV,WALX;MAME,WAAW,EAAEM,eANf;MAOE,aAAa,EAAER,aAAa,KAAKC,QAAQ,GAAG,CAAH,GAAO,IAApB;IAP9B,GADF;EAWD;;EAED,oBACE,6BAAC,6BAAD,eACMX,KADN;IAEE,kBAAkB,EAAEK,kBAFtB;IAGE,OAAO,EAAEjB,OAHX;IAIE,OAAO,EAAEwB,WAJX;IAKE,WAAW,EAAEM,eALf;IAME,aAAa,EAAGV,iBAAiB,IAAI,CAAtB,IAA4BE,aAA5B,KAA8CC,QAAQ,GAAG,CAAH,GAAO,GAA7D;EANjB,GADF;AAUD,CArED;;eAuEeZ,S"}
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { CardCongratsProps } from './types';
3
+ declare const CardCongrats: ({ animationUri, Icon, value, text, iconColor, textColor, direction }: CardCongratsProps) => JSX.Element | null;
4
+ export default CardCongrats;
5
+ //# sourceMappingURL=index.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-congrats/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAwD1C,QAAA,MAAM,YAAY,yEAQf,iBAAiB,uBA0BnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,118 @@
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 _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
11
+
12
+ var _templateContext = require("../../template/app-review/template-context");
13
+
14
+ var _shadow = require("../../variables/shadow");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ 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; }
21
+
22
+ 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); }
23
+
24
+ const createStyleSheet = theme => _reactNative.StyleSheet.create({
25
+ animation: {
26
+ marginBottom: 12,
27
+ width: 132,
28
+ height: 132
29
+ },
30
+ // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread
31
+ card: _extends({
32
+ alignItems: 'center',
33
+ paddingTop: 32,
34
+ paddingBottom: 24,
35
+ borderRadius: 24,
36
+ margin: 10,
37
+ width: 280,
38
+ height: 317
39
+ }, _shadow.BOX_STYLE, {
40
+ backgroundColor: theme.colors.white
41
+ }),
42
+ cardTitle: {
43
+ fontWeight: '400',
44
+ fontSize: 32,
45
+ lineHeight: 40,
46
+ color: theme.colors.text.primary
47
+ },
48
+ reward: {
49
+ alignItems: 'center'
50
+ },
51
+ rewardText: {
52
+ fontWeight: '700',
53
+ fontSize: 64,
54
+ lineHeight: 77,
55
+ marginHorizontal: 10
56
+ },
57
+ iconBig: {
58
+ width: 70,
59
+ height: 70
60
+ },
61
+ iconSmall: {
62
+ width: 53,
63
+ height: 53
64
+ }
65
+ });
66
+
67
+ const CardCongrats = ({
68
+ animationUri,
69
+ Icon,
70
+ value,
71
+ text,
72
+ iconColor,
73
+ textColor,
74
+ direction
75
+ }) => {
76
+ const {
77
+ theme
78
+ } = (0, _templateContext.useTemplateContext)();
79
+ const [styleSheet, setStylesheet] = (0, _react.useState)(null);
80
+ (0, _react.useEffect)(() => {
81
+ const _stylesheet = createStyleSheet(theme);
82
+
83
+ setStylesheet(_stylesheet);
84
+ }, [theme]);
85
+
86
+ if (!styleSheet) {
87
+ return null;
88
+ }
89
+
90
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
91
+ style: styleSheet.card
92
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
93
+ style: styleSheet.animation
94
+ }, /*#__PURE__*/_react.default.createElement(_lottieReactNative.default, {
95
+ source: {
96
+ uri: animationUri
97
+ },
98
+ autoPlay: true,
99
+ loop: false
100
+ })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
101
+ style: styleSheet.cardTitle
102
+ }, text), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
103
+ style: [styleSheet.reward, {
104
+ flexDirection: direction
105
+ }]
106
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
107
+ style: [styleSheet.rewardText, {
108
+ color: textColor
109
+ }]
110
+ }, value), /*#__PURE__*/_react.default.createElement(Icon, {
111
+ style: styleSheet.iconSmall,
112
+ color: iconColor
113
+ })));
114
+ };
115
+
116
+ var _default = CardCongrats;
117
+ exports.default = _default;
118
+ //# sourceMappingURL=index.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","animation","marginBottom","width","height","card","alignItems","paddingTop","paddingBottom","borderRadius","margin","BOX_STYLE","backgroundColor","colors","white","cardTitle","fontWeight","fontSize","lineHeight","color","text","primary","reward","rewardText","marginHorizontal","iconBig","iconSmall","CardCongrats","animationUri","Icon","value","iconColor","textColor","direction","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","uri","flexDirection"],"sources":["../../../src/molecule/card-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {StyleSheet, Text, TextStyle, View, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport {CardCongratsProps} from './types';\n\ntype StyleSheetType = {\n animation: ViewStyle;\n card: ViewStyle;\n cardTitle: TextStyle;\n iconBig: ViewStyle;\n iconSmall: ViewStyle;\n reward: ViewStyle;\n rewardText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n animation: {\n marginBottom: 12,\n width: 132,\n height: 132\n },\n // eslint-disable-next-line @coorpacademy/coorpacademy/no-overwriting-spread\n card: {\n alignItems: 'center',\n paddingTop: 32,\n paddingBottom: 24,\n borderRadius: 24,\n margin: 10,\n width: 280,\n height: 317,\n ...BOX_STYLE,\n backgroundColor: theme.colors.white\n },\n cardTitle: {\n fontWeight: '400',\n fontSize: 32,\n lineHeight: 40,\n color: theme.colors.text.primary\n },\n reward: {\n alignItems: 'center'\n },\n rewardText: {\n fontWeight: '700',\n fontSize: 64,\n lineHeight: 77,\n marginHorizontal: 10\n },\n iconBig: {\n width: 70,\n height: 70\n },\n iconSmall: {\n width: 53,\n height: 53\n }\n });\n\nconst CardCongrats = ({\n animationUri,\n Icon,\n value,\n text,\n iconColor,\n textColor,\n direction\n}: CardCongratsProps) => {\n const {theme} = useTemplateContext();\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 (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.card}>\n <View style={styleSheet.animation}>\n <LottieView source={{uri: animationUri}} autoPlay loop={false} />\n </View>\n <Text style={styleSheet.cardTitle}>{text}</Text>\n <View style={[styleSheet.reward, {flexDirection: direction}]}>\n <Text style={[styleSheet.rewardText, {color: textColor}]}>{value}</Text>\n <Icon style={styleSheet.iconSmall} color={iconColor} />\n </View>\n </View>\n );\n};\n\nexport default CardCongrats;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAaA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,YAAY,EAAE,EADL;IAETC,KAAK,EAAE,GAFE;IAGTC,MAAM,EAAE;EAHC,CADK;EAMhB;EACAC,IAAI;IACFC,UAAU,EAAE,QADV;IAEFC,UAAU,EAAE,EAFV;IAGFC,aAAa,EAAE,EAHb;IAIFC,YAAY,EAAE,EAJZ;IAKFC,MAAM,EAAE,EALN;IAMFP,KAAK,EAAE,GANL;IAOFC,MAAM,EAAE;EAPN,GAQCO,iBARD;IASFC,eAAe,EAAEd,KAAK,CAACe,MAAN,CAAaC;EAT5B,EAPY;EAkBhBC,SAAS,EAAE;IACTC,UAAU,EAAE,KADH;IAETC,QAAQ,EAAE,EAFD;IAGTC,UAAU,EAAE,EAHH;IAITC,KAAK,EAAErB,KAAK,CAACe,MAAN,CAAaO,IAAb,CAAkBC;EAJhB,CAlBK;EAwBhBC,MAAM,EAAE;IACNhB,UAAU,EAAE;EADN,CAxBQ;EA2BhBiB,UAAU,EAAE;IACVP,UAAU,EAAE,KADF;IAEVC,QAAQ,EAAE,EAFA;IAGVC,UAAU,EAAE,EAHF;IAIVM,gBAAgB,EAAE;EAJR,CA3BI;EAiChBC,OAAO,EAAE;IACPtB,KAAK,EAAE,EADA;IAEPC,MAAM,EAAE;EAFD,CAjCO;EAqChBsB,SAAS,EAAE;IACTvB,KAAK,EAAE,EADE;IAETC,MAAM,EAAE;EAFC;AArCK,CAAlB,CADF;;AA4CA,MAAMuB,YAAY,GAAG,CAAC;EACpBC,YADoB;EAEpBC,IAFoB;EAGpBC,KAHoB;EAIpBV,IAJoB;EAKpBW,SALoB;EAMpBC,SANoB;EAOpBC;AAPoB,CAAD,KAQI;EACvB,MAAM;IAACnC;EAAD,IAAU,IAAAoC,mCAAA,GAAhB;EAEA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,CAApC;;IACAsC,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACzC,KAAD,CAHH;;EAKA,IAAI,CAACqC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAAC9B;EAAxB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE8B,UAAU,CAAClC;EAAxB,gBACE,6BAAC,0BAAD;IAAY,MAAM,EAAE;MAACuC,GAAG,EAAEZ;IAAN,CAApB;IAAyC,QAAQ,MAAjD;IAAkD,IAAI,EAAE;EAAxD,EADF,CADF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAEO,UAAU,CAACpB;EAAxB,GAAoCK,IAApC,CAJF,eAKE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACe,UAAU,CAACb,MAAZ,EAAoB;MAACmB,aAAa,EAAER;IAAhB,CAApB;EAAb,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACE,UAAU,CAACZ,UAAZ,EAAwB;MAACJ,KAAK,EAAEa;IAAR,CAAxB;EAAb,GAA2DF,KAA3D,CADF,eAEE,6BAAC,IAAD;IAAM,KAAK,EAAEK,UAAU,CAACT,SAAxB;IAAmC,KAAK,EAAEK;EAA1C,EAFF,CALF,CADF;AAYD,CAlCD;;eAoCeJ,Y"}
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ import { ColorValue, ViewStyle } from 'react-native';
3
+ export declare type CardCongratsProps = {
4
+ animationUri: string;
5
+ Icon: React.FC<{
6
+ style: ViewStyle;
7
+ color: ColorValue;
8
+ }>;
9
+ value: string;
10
+ text: string;
11
+ iconColor: ColorValue;
12
+ textColor: ColorValue;
13
+ direction: ViewStyle['flexDirection'];
14
+ };
15
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-congrats/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAEnD,oBAAY,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAC,KAAK,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAC,CAAC,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;CACvC,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","names":[],"sources":["../../../src/molecule/card-congrats/types.ts"],"sourcesContent":["import {ColorValue, ViewStyle} from 'react-native';\n\nexport type CardCongratsProps = {\n animationUri: string;\n Icon: React.FC<{style: ViewStyle; color: ColorValue}>;\n value: string;\n text: string;\n iconColor: ColorValue;\n textColor: ColorValue;\n direction: ViewStyle['flexDirection'];\n};\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n setIsAnimationVisible('play');\n setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n cardType,\n iconAriaLabel,\n className,\n reviewCardTitle,\n reviewCardValue,\n rankSuffix,\n timerAnimation\n } = props;\n\n const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n const [isAnimated, setIsAnimated] = useState(false);\n\n useEffect(() => {\n let timer;\n // istanbul ignore else\n if (!isAnimationVisible || !isAnimated) {\n timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n }\n return () => timer && clearTimeout(timer);\n }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n const wrapperClassName = classnames(\n className,\n style.cardContainer,\n cardType === 'card-star' ? style.cardStar : style.cardRank\n );\n\n return (\n <div className={wrapperClassName} aria-label={ariaLabel} data-name={dataName}>\n <div className={style.mainIcon}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={isAnimationVisible}\n autoplay={false}\n data-name=\"lottie-wrapper\"\n className={style.wrapperLottie}\n backupImageClassName={style.ie11Backup}\n />\n </div>\n <div className={style.title}>{reviewCardTitle}</div>\n <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n {cardType === 'card-rank' ? (\n <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n ) : null}\n <AnimationScheduler animated={isAnimated}>\n <div>\n <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n {cardType === 'card-star' ? (\n <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n ) : (\n <div className={style.rankSuffix}>{rankSuffix}</div>\n )}\n </div>\n </div>\n );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n setIsAnimationVisible('play');\n setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n cardType,\n iconAriaLabel,\n className,\n reviewCardTitle,\n reviewCardValue,\n rankSuffix,\n timerAnimation\n } = props;\n\n const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n const [isAnimated, setIsAnimated] = useState(false);\n\n useEffect(() => {\n let timer;\n // istanbul ignore else\n if (!isAnimationVisible || !isAnimated) {\n timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n }\n return () => timer && clearTimeout(timer);\n }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n const wrapperClassName = classnames(\n className,\n style.cardContainer,\n cardType === 'card-star' ? style.cardStar : style.cardRank\n );\n\n return (\n <div className={wrapperClassName} aria-label={ariaLabel} data-name={dataName}>\n <div className={style.mainIcon}>\n <LottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={isAnimationVisible}\n autoplay={false}\n data-name=\"lottie-wrapper\"\n className={style.wrapperLottie}\n backupImageClassName={style.ie11Backup}\n />\n </div>\n <div className={style.title}>{reviewCardTitle}</div>\n <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n {cardType === 'card-rank' ? (\n <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n ) : null}\n <AnimationScheduler animated={isAnimated}>\n <div>\n <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n {cardType === 'card-star' ? (\n <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n ) : (\n <div className={style.rankSuffix}>{rankSuffix}</div>\n )}\n </div>\n </div>\n );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":"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"}
@@ -36,5 +36,8 @@ export declare type ReviewCorrectionPopinProps = {
36
36
  resultLabel: string;
37
37
  type: 'right' | 'wrong';
38
38
  };
39
+ export declare type Fixture = {
40
+ props: ReviewCorrectionPopinProps;
41
+ };
39
42
  export default propTypes;
40
43
  //# sourceMappingURL=prop-types.d.ts.map
@@ -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,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
+ {"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,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC;AAE1D,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 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
+ {"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 type Fixture = {props: ReviewCorrectionPopinProps};\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;eA0CeL,S"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyFE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BAmZC;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyFE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BA8YC;CACF"}