@coorpacademy/components 11.2.13 → 11.3.0
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.
- package/es/atom/review-background/index.d.ts.map +1 -1
- package/es/atom/review-background/index.js +18 -9
- package/es/atom/review-background/index.js.map +1 -1
- package/es/organism/review-header/index.native.d.ts.map +1 -1
- package/es/organism/review-header/index.native.js +34 -3
- package/es/organism/review-header/index.native.js.map +1 -1
- package/lib/atom/review-background/index.d.ts.map +1 -1
- package/lib/atom/review-background/index.js +18 -9
- package/lib/atom/review-background/index.js.map +1 -1
- package/lib/organism/review-header/index.native.d.ts.map +1 -1
- package/lib/organism/review-header/index.native.js +36 -3
- package/lib/organism/review-header/index.native.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/index.js"],"names":[],"mappings":";AAIA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/index.js"],"names":[],"mappings":";AAIA,2DAmBC"}
|
|
@@ -8,23 +8,32 @@ const ReviewBackground = props => {
|
|
|
8
8
|
} = props;
|
|
9
9
|
return /*#__PURE__*/React.createElement("div", {
|
|
10
10
|
className: style.mainContainer,
|
|
11
|
-
"aria-label": ariaLabel
|
|
11
|
+
"aria-label": ariaLabel,
|
|
12
|
+
tabIndex: -1
|
|
12
13
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13
|
-
className: style.container
|
|
14
|
+
className: style.container,
|
|
15
|
+
tabIndex: -1
|
|
14
16
|
}, /*#__PURE__*/React.createElement("span", {
|
|
15
|
-
className: style.interrogationLeft
|
|
17
|
+
className: style.interrogationLeft,
|
|
18
|
+
tabIndex: -1
|
|
16
19
|
}, "?"), /*#__PURE__*/React.createElement("span", {
|
|
17
|
-
className: style.interrogationRight
|
|
20
|
+
className: style.interrogationRight,
|
|
21
|
+
tabIndex: -1
|
|
18
22
|
}, "?"), /*#__PURE__*/React.createElement("div", {
|
|
19
|
-
className: style.recYellow
|
|
23
|
+
className: style.recYellow,
|
|
24
|
+
tabIndex: -1
|
|
20
25
|
}), /*#__PURE__*/React.createElement("div", {
|
|
21
|
-
className: style.recRed
|
|
26
|
+
className: style.recRed,
|
|
27
|
+
tabIndex: -1
|
|
22
28
|
}), /*#__PURE__*/React.createElement("div", {
|
|
23
|
-
className: style.recBlue
|
|
29
|
+
className: style.recBlue,
|
|
30
|
+
tabIndex: -1
|
|
24
31
|
}), /*#__PURE__*/React.createElement("div", {
|
|
25
|
-
className: style.recGreen
|
|
32
|
+
className: style.recGreen,
|
|
33
|
+
tabIndex: -1
|
|
26
34
|
}), /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: style.recGreenLight
|
|
35
|
+
className: style.recGreenLight,
|
|
36
|
+
tabIndex: -1
|
|
28
37
|
})));
|
|
29
38
|
};
|
|
30
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","style","propTypes","ReviewBackground","props","ariaLabel","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight"],"sources":["../../../src/atom/review-background/index.js"],"sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel}>\n <div className={style.container}>\n <span className={style.interrogationLeft}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","style","propTypes","ReviewBackground","props","ariaLabel","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight"],"sources":["../../../src/atom/review-background/index.js"],"sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} tabIndex={-1}>\n <div className={style.container} tabIndex={-1}>\n <span className={style.interrogationLeft} tabIndex={-1}>\n ?\n </span>\n <span className={style.interrogationRight} tabIndex={-1}>\n ?\n </span>\n <div className={style.recYellow} tabIndex={-1} />\n <div className={style.recRed} tabIndex={-1} />\n <div className={style.recBlue} tabIndex={-1} />\n <div className={style.recGreen} tabIndex={-1} />\n <div className={style.recGreenLight} tabIndex={-1} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = propTypes;\n\nexport default ReviewBackground;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAGC,KAAK,IAAI;EAChC,MAAM;IAAC,cAAcC;EAAf,IAA4BD,KAAlC;EACA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACK,aAAtB;IAAqC,cAAYD,SAAjD;IAA4D,QAAQ,EAAE,CAAC;EAAvE,gBACE;IAAK,SAAS,EAAEJ,KAAK,CAACM,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,gBACE;IAAM,SAAS,EAAEN,KAAK,CAACO,iBAAvB;IAA0C,QAAQ,EAAE,CAAC;EAArD,OADF,eAIE;IAAM,SAAS,EAAEP,KAAK,CAACQ,kBAAvB;IAA2C,QAAQ,EAAE,CAAC;EAAtD,OAJF,eAOE;IAAK,SAAS,EAAER,KAAK,CAACS,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,EAPF,eAQE;IAAK,SAAS,EAAET,KAAK,CAACU,MAAtB;IAA8B,QAAQ,EAAE,CAAC;EAAzC,EARF,eASE;IAAK,SAAS,EAAEV,KAAK,CAACW,OAAtB;IAA+B,QAAQ,EAAE,CAAC;EAA1C,EATF,eAUE;IAAK,SAAS,EAAEX,KAAK,CAACY,QAAtB;IAAgC,QAAQ,EAAE,CAAC;EAA3C,EAVF,eAWE;IAAK,SAAS,EAAEZ,KAAK,CAACa,aAAtB;IAAqC,QAAQ,EAAE,CAAC;EAAhD,EAXF,CADF,CADF;AAiBD,CAnBD;;AAqBAX,gBAAgB,CAACD,SAAjB,2CAA6BA,SAA7B;AAEA,eAAeC,gBAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.native.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.native.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAqCpC,QAAA,MAAM,YAAY,UAAW,WAAW,gBAqBvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -2,27 +2,58 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { StyleSheet, View } from 'react-native';
|
|
5
|
+
import { NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
|
|
5
6
|
import Step from '../../atom/review-header-step-item/index.native';
|
|
7
|
+
import Touchable from '../../hoc/touchable/index.native';
|
|
6
8
|
const style = StyleSheet.create({
|
|
9
|
+
container: {
|
|
10
|
+
flexDirection: 'row',
|
|
11
|
+
justifyContent: 'center',
|
|
12
|
+
alignItems: 'center',
|
|
13
|
+
alignContent: 'center'
|
|
14
|
+
},
|
|
7
15
|
header: {
|
|
8
|
-
width: '
|
|
16
|
+
width: '80%',
|
|
9
17
|
flexDirection: 'row',
|
|
10
18
|
alignItems: 'center',
|
|
11
19
|
justifyContent: 'center',
|
|
12
20
|
height: 70,
|
|
13
21
|
paddingTop: 25
|
|
22
|
+
},
|
|
23
|
+
iconContainer: {
|
|
24
|
+
position: 'absolute',
|
|
25
|
+
right: 5,
|
|
26
|
+
bottom: 10,
|
|
27
|
+
borderRadius: 12,
|
|
28
|
+
padding: 5
|
|
29
|
+
},
|
|
30
|
+
icon: {
|
|
31
|
+
width: 12,
|
|
32
|
+
height: 12
|
|
14
33
|
}
|
|
15
34
|
});
|
|
16
35
|
|
|
17
36
|
const ReviewHeader = props => {
|
|
18
37
|
const {
|
|
19
|
-
steps
|
|
38
|
+
steps,
|
|
39
|
+
onQuitClick
|
|
20
40
|
} = props;
|
|
21
41
|
return /*#__PURE__*/React.createElement(View, {
|
|
42
|
+
style: style.container
|
|
43
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
22
44
|
style: style.header
|
|
23
45
|
}, steps.map(step => /*#__PURE__*/React.createElement(Step, _extends({}, step, {
|
|
24
46
|
key: step.value
|
|
25
|
-
}))))
|
|
47
|
+
})))), /*#__PURE__*/React.createElement(Touchable, {
|
|
48
|
+
style: style.iconContainer,
|
|
49
|
+
isHighlight: true,
|
|
50
|
+
onPress: onQuitClick,
|
|
51
|
+
accessibilityLabel: "open-popin-button",
|
|
52
|
+
testID: "open-popin-button"
|
|
53
|
+
}, /*#__PURE__*/React.createElement(CloseIcon, {
|
|
54
|
+
style: style.icon,
|
|
55
|
+
color: "#06265B"
|
|
56
|
+
})));
|
|
26
57
|
};
|
|
27
58
|
|
|
28
59
|
export default ReviewHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","Step","style","create","
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","NovaSolidStatusClose","CloseIcon","Step","Touchable","style","create","container","flexDirection","justifyContent","alignItems","alignContent","header","width","height","paddingTop","iconContainer","position","right","bottom","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n header: ViewStyle;\n iconContainer: ViewStyle;\n icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n container: {\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n alignContent: 'center'\n },\n header: {\n width: '80%',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n height: 70,\n paddingTop: 25\n },\n iconContainer: {\n position: 'absolute',\n right: 5,\n bottom: 10,\n borderRadius: 12,\n padding: 5\n },\n icon: {\n width: 12,\n height: 12\n }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n const {steps, onQuitClick} = props;\n\n return (\n <View style={style.container}>\n <View style={style.header}>\n {steps.map(step => (\n <Step {...step} key={step.value} />\n ))}\n </View>\n <Touchable\n style={style.iconContainer}\n isHighlight\n onPress={onQuitClick}\n accessibilityLabel=\"open-popin-button\"\n testID=\"open-popin-button\"\n >\n <CloseIcon style={style.icon} color=\"#06265B\" />\n </Touchable>\n </View>\n );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA0C,cAA1C;AACA,SAAQC,oBAAoB,IAAIC,SAAhC,QAAgD,0BAAhD;AACA,OAAOC,IAAP,MAAiB,iDAAjB;AACA,OAAOC,SAAP,MAAsB,kCAAtB;AAUA,MAAMC,KAAqB,GAAGN,UAAU,CAACO,MAAX,CAAkB;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,YAAY,EAAE;EAJL,CADmC;EAO9CC,MAAM,EAAE;IACNC,KAAK,EAAE,KADD;IAENL,aAAa,EAAE,KAFT;IAGNE,UAAU,EAAE,QAHN;IAIND,cAAc,EAAE,QAJV;IAKNK,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN,CAPsC;EAe9CC,aAAa,EAAE;IACbC,QAAQ,EAAE,UADG;IAEbC,KAAK,EAAE,CAFM;IAGbC,MAAM,EAAE,EAHK;IAIbC,YAAY,EAAE,EAJD;IAKbC,OAAO,EAAE;EALI,CAf+B;EAsB9CC,IAAI,EAAE;IACJT,KAAK,EAAE,EADH;IAEJC,MAAM,EAAE;EAFJ;AAtBwC,CAAlB,CAA9B;;AA4BA,MAAMS,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAuBF,KAA7B;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEnB,KAAK,CAACE;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEF,KAAK,CAACO;EAAnB,GACGa,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,oBAAC,IAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,oBAAC,SAAD;IACE,KAAK,EAAExB,KAAK,CAACW,aADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAEU,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,SAAD;IAAW,KAAK,EAAErB,KAAK,CAACiB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;AAuBA,eAAeC,YAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/index.js"],"names":[],"mappings":";AAIA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-background/index.js"],"names":[],"mappings":";AAIA,2DAmBC"}
|
|
@@ -17,23 +17,32 @@ const ReviewBackground = props => {
|
|
|
17
17
|
} = props;
|
|
18
18
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
19
|
className: _style.default.mainContainer,
|
|
20
|
-
"aria-label": ariaLabel
|
|
20
|
+
"aria-label": ariaLabel,
|
|
21
|
+
tabIndex: -1
|
|
21
22
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
22
|
-
className: _style.default.container
|
|
23
|
+
className: _style.default.container,
|
|
24
|
+
tabIndex: -1
|
|
23
25
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
24
|
-
className: _style.default.interrogationLeft
|
|
26
|
+
className: _style.default.interrogationLeft,
|
|
27
|
+
tabIndex: -1
|
|
25
28
|
}, "?"), /*#__PURE__*/_react.default.createElement("span", {
|
|
26
|
-
className: _style.default.interrogationRight
|
|
29
|
+
className: _style.default.interrogationRight,
|
|
30
|
+
tabIndex: -1
|
|
27
31
|
}, "?"), /*#__PURE__*/_react.default.createElement("div", {
|
|
28
|
-
className: _style.default.recYellow
|
|
32
|
+
className: _style.default.recYellow,
|
|
33
|
+
tabIndex: -1
|
|
29
34
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
30
|
-
className: _style.default.recRed
|
|
35
|
+
className: _style.default.recRed,
|
|
36
|
+
tabIndex: -1
|
|
31
37
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
32
|
-
className: _style.default.recBlue
|
|
38
|
+
className: _style.default.recBlue,
|
|
39
|
+
tabIndex: -1
|
|
33
40
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
34
|
-
className: _style.default.recGreen
|
|
41
|
+
className: _style.default.recGreen,
|
|
42
|
+
tabIndex: -1
|
|
35
43
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
36
|
-
className: _style.default.recGreenLight
|
|
44
|
+
className: _style.default.recGreenLight,
|
|
45
|
+
tabIndex: -1
|
|
37
46
|
})));
|
|
38
47
|
};
|
|
39
48
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ReviewBackground","props","ariaLabel","style","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes"],"sources":["../../../src/atom/review-background/index.js"],"sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel}>\n <div className={style.container}>\n <span className={style.interrogationLeft}
|
|
1
|
+
{"version":3,"file":"index.js","names":["ReviewBackground","props","ariaLabel","style","mainContainer","container","interrogationLeft","interrogationRight","recYellow","recRed","recBlue","recGreen","recGreenLight","propTypes"],"sources":["../../../src/atom/review-background/index.js"],"sourcesContent":["import React from 'react';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewBackground = props => {\n const {'aria-label': ariaLabel} = props;\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} tabIndex={-1}>\n <div className={style.container} tabIndex={-1}>\n <span className={style.interrogationLeft} tabIndex={-1}>\n ?\n </span>\n <span className={style.interrogationRight} tabIndex={-1}>\n ?\n </span>\n <div className={style.recYellow} tabIndex={-1} />\n <div className={style.recRed} tabIndex={-1} />\n <div className={style.recBlue} tabIndex={-1} />\n <div className={style.recGreen} tabIndex={-1} />\n <div className={style.recGreenLight} tabIndex={-1} />\n </div>\n </div>\n );\n};\n\nReviewBackground.propTypes = propTypes;\n\nexport default ReviewBackground;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAGC,KAAK,IAAI;EAChC,MAAM;IAAC,cAAcC;EAAf,IAA4BD,KAAlC;EACA,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMC,aAAtB;IAAqC,cAAYF,SAAjD;IAA4D,QAAQ,EAAE,CAAC;EAAvE,gBACE;IAAK,SAAS,EAAEC,cAAA,CAAME,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,gBACE;IAAM,SAAS,EAAEF,cAAA,CAAMG,iBAAvB;IAA0C,QAAQ,EAAE,CAAC;EAArD,OADF,eAIE;IAAM,SAAS,EAAEH,cAAA,CAAMI,kBAAvB;IAA2C,QAAQ,EAAE,CAAC;EAAtD,OAJF,eAOE;IAAK,SAAS,EAAEJ,cAAA,CAAMK,SAAtB;IAAiC,QAAQ,EAAE,CAAC;EAA5C,EAPF,eAQE;IAAK,SAAS,EAAEL,cAAA,CAAMM,MAAtB;IAA8B,QAAQ,EAAE,CAAC;EAAzC,EARF,eASE;IAAK,SAAS,EAAEN,cAAA,CAAMO,OAAtB;IAA+B,QAAQ,EAAE,CAAC;EAA1C,EATF,eAUE;IAAK,SAAS,EAAEP,cAAA,CAAMQ,QAAtB;IAAgC,QAAQ,EAAE,CAAC;EAA3C,EAVF,eAWE;IAAK,SAAS,EAAER,cAAA,CAAMS,aAAtB;IAAqC,QAAQ,EAAE,CAAC;EAAhD,EAXF,CADF,CADF;AAiBD,CAnBD;;AAqBAZ,gBAAgB,CAACa,SAAjB,2CAA6BA,kBAA7B;eAEeb,gB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.native.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/index.native.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAqCpC,QAAA,MAAM,YAAY,UAAW,WAAW,gBAqBvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -7,32 +7,65 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
7
7
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
|
|
10
|
+
var _novaIcons = require("@coorpacademy/nova-icons");
|
|
11
|
+
|
|
10
12
|
var _index = _interopRequireDefault(require("../../atom/review-header-step-item/index.native"));
|
|
11
13
|
|
|
14
|
+
var _index2 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
|
|
15
|
+
|
|
12
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
17
|
|
|
14
18
|
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); }
|
|
15
19
|
|
|
16
20
|
const style = _reactNative.StyleSheet.create({
|
|
21
|
+
container: {
|
|
22
|
+
flexDirection: 'row',
|
|
23
|
+
justifyContent: 'center',
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
alignContent: 'center'
|
|
26
|
+
},
|
|
17
27
|
header: {
|
|
18
|
-
width: '
|
|
28
|
+
width: '80%',
|
|
19
29
|
flexDirection: 'row',
|
|
20
30
|
alignItems: 'center',
|
|
21
31
|
justifyContent: 'center',
|
|
22
32
|
height: 70,
|
|
23
33
|
paddingTop: 25
|
|
34
|
+
},
|
|
35
|
+
iconContainer: {
|
|
36
|
+
position: 'absolute',
|
|
37
|
+
right: 5,
|
|
38
|
+
bottom: 10,
|
|
39
|
+
borderRadius: 12,
|
|
40
|
+
padding: 5
|
|
41
|
+
},
|
|
42
|
+
icon: {
|
|
43
|
+
width: 12,
|
|
44
|
+
height: 12
|
|
24
45
|
}
|
|
25
46
|
});
|
|
26
47
|
|
|
27
48
|
const ReviewHeader = props => {
|
|
28
49
|
const {
|
|
29
|
-
steps
|
|
50
|
+
steps,
|
|
51
|
+
onQuitClick
|
|
30
52
|
} = props;
|
|
31
53
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
54
|
+
style: style.container
|
|
55
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
32
56
|
style: style.header
|
|
33
57
|
}, steps.map(step => /*#__PURE__*/_react.default.createElement(_index.default, _extends({}, step, {
|
|
34
58
|
key: step.value
|
|
35
|
-
}))))
|
|
59
|
+
})))), /*#__PURE__*/_react.default.createElement(_index2.default, {
|
|
60
|
+
style: style.iconContainer,
|
|
61
|
+
isHighlight: true,
|
|
62
|
+
onPress: onQuitClick,
|
|
63
|
+
accessibilityLabel: "open-popin-button",
|
|
64
|
+
testID: "open-popin-button"
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
|
|
66
|
+
style: style.icon,
|
|
67
|
+
color: "#06265B"
|
|
68
|
+
})));
|
|
36
69
|
};
|
|
37
70
|
|
|
38
71
|
var _default = ReviewHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","container","flexDirection","justifyContent","alignItems","alignContent","header","width","height","paddingTop","iconContainer","position","right","bottom","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n header: ViewStyle;\n iconContainer: ViewStyle;\n icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n container: {\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n alignContent: 'center'\n },\n header: {\n width: '80%',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n height: 70,\n paddingTop: 25\n },\n iconContainer: {\n position: 'absolute',\n right: 5,\n bottom: 10,\n borderRadius: 12,\n padding: 5\n },\n icon: {\n width: 12,\n height: 12\n }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n const {steps, onQuitClick} = props;\n\n return (\n <View style={style.container}>\n <View style={style.header}>\n {steps.map(step => (\n <Step {...step} key={step.value} />\n ))}\n </View>\n <Touchable\n style={style.iconContainer}\n isHighlight\n onPress={onQuitClick}\n accessibilityLabel=\"open-popin-button\"\n testID=\"open-popin-button\"\n >\n <CloseIcon style={style.icon} color=\"#06265B\" />\n </Touchable>\n </View>\n );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAUA,MAAMA,KAAqB,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,YAAY,EAAE;EAJL,CADmC;EAO9CC,MAAM,EAAE;IACNC,KAAK,EAAE,KADD;IAENL,aAAa,EAAE,KAFT;IAGNE,UAAU,EAAE,QAHN;IAIND,cAAc,EAAE,QAJV;IAKNK,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN,CAPsC;EAe9CC,aAAa,EAAE;IACbC,QAAQ,EAAE,UADG;IAEbC,KAAK,EAAE,CAFM;IAGbC,MAAM,EAAE,EAHK;IAIbC,YAAY,EAAE,EAJD;IAKbC,OAAO,EAAE;EALI,CAf+B;EAsB9CC,IAAI,EAAE;IACJT,KAAK,EAAE,EADH;IAEJC,MAAM,EAAE;EAFJ;AAtBwC,CAAlB,CAA9B;;AA4BA,MAAMS,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAuBF,KAA7B;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEpB,KAAK,CAACG;EAAnB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH,KAAK,CAACQ;EAAnB,GACGa,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,6BAAC,cAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,6BAAC,eAAD;IACE,KAAK,EAAEzB,KAAK,CAACY,aADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAEU,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,+BAAD;IAAW,KAAK,EAAEtB,KAAK,CAACkB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;eAuBeC,Y"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.3.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -160,5 +160,5 @@
|
|
|
160
160
|
"last 2 versions",
|
|
161
161
|
"IE 11"
|
|
162
162
|
],
|
|
163
|
-
"gitHead": "
|
|
163
|
+
"gitHead": "19ad2bc9fd3531d637fe0aede0727cc87ab049be"
|
|
164
164
|
}
|