@trilogy-ds/react 4.0.1 → 4.0.3-beta-1
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/lib/components/accordion/item/body/AccordionBody.js +4 -2
- package/lib/components/autolayout/AutoLayout.helpers.js +7 -5
- package/lib/components/autolayout/DefaultSpacingMatrix.js +4 -3
- package/lib/components/button/Button.native.d.ts +2 -2
- package/lib/components/button/Button.native.js +66 -98
- package/lib/components/checkbox/Checkbox.native.js +6 -95
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +4 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.js +5 -3
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +8 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +20 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +12 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +13 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +8 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +126 -0
- package/lib/components/columns/Columns.native.d.ts +1 -1
- package/lib/components/columns/Columns.native.js +17 -17
- package/lib/components/columns/column/Column.native.d.ts +1 -4
- package/lib/components/columns/column/Column.native.js +5 -22
- package/lib/components/divider/Divider.js +7 -20
- package/lib/components/divider/Divider.native.d.ts +2 -2
- package/lib/components/divider/Divider.native.js +20 -20
- package/lib/components/enumsComponentsName.d.ts +6 -1
- package/lib/components/enumsComponentsName.js +7 -2
- package/lib/components/hero/Hero.native.js +2 -2
- package/lib/components/input/Input.js +2 -2
- package/lib/components/list/item/ListItem.native.js +18 -53
- package/lib/components/price/Price.native.d.ts +1 -1
- package/lib/components/price/Price.native.js +11 -11
- package/lib/components/range/Range.js +5 -4
- package/lib/components/section/Section.native.d.ts +2 -2
- package/lib/components/section/Section.native.js +6 -5
- package/lib/components/section/SectionProps.d.ts +5 -0
- package/lib/components/section/SectionPropsDefaults.js +7 -0
- package/lib/components/stepper/Stepper.native.js +6 -4
- package/lib/components/stepper/step/Step.native.js +2 -5
- package/lib/components/tabs/Tabs.d.ts +2 -1
- package/lib/components/tabs/Tabs.js +11 -4
- package/lib/components/tabs/Tabs.native.d.ts +14 -0
- package/lib/components/tabs/Tabs.native.js +32 -0
- package/lib/components/tabs/context/index.d.ts +2 -0
- package/lib/components/tabs/context/index.js +3 -1
- package/lib/components/tabs/tab-list/TabList.native.d.ts +17 -0
- package/lib/components/tabs/tab-list/TabList.native.js +37 -0
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +2 -2
- package/lib/components/tabs/tab-list/tab/Tab.js +10 -7
- package/lib/components/tabs/tab-list/tab/Tab.native.d.ts +19 -0
- package/lib/components/tabs/tab-list/tab/Tab.native.js +62 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +16 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.js +35 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +15 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +46 -0
- package/lib/components/tag/Tag.native.js +4 -6
- package/lib/components/timeline/marker/TimelineMarker.native.js +3 -3
- package/lib/components/view/ViewProps.d.ts +8 -1
- package/lib/components/view/ViewProps.js +8 -1
- package/lib/components/view/ViewPropsDefaults.js +15 -1
- package/lib/objects/Typography/TypographyBold.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -13,7 +13,9 @@ import { useTrilogyContext } from '../../../../context';
|
|
|
13
13
|
var AccordionBody = function (_a) {
|
|
14
14
|
var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
|
|
15
15
|
var styled = useTrilogyContext().styled;
|
|
16
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('accordion-body', className))
|
|
16
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('accordion-body', className)), onClick: function (e) {
|
|
17
|
+
e.stopPropagation();
|
|
18
|
+
} }, others), children));
|
|
17
19
|
};
|
|
18
20
|
export default AccordionBody;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFBMEQ7SUFBeEQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ2pELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -90,7 +90,7 @@ export var autoLayoutChildrenHandler = function (matrix, _a) {
|
|
|
90
90
|
};
|
|
91
91
|
var createChildrenArray = function (array, children) {
|
|
92
92
|
React.Children.forEach(children, function (child) {
|
|
93
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
93
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
94
94
|
if (isFragment(child)) {
|
|
95
95
|
React.Children.forEach(child === null || child === void 0 ? void 0 : child.props.children, function (item) {
|
|
96
96
|
createChildrenArray(array, item);
|
|
@@ -103,12 +103,14 @@ var createChildrenArray = function (array, children) {
|
|
|
103
103
|
}
|
|
104
104
|
else if ((child === null || child === void 0 ? void 0 : child.type) &&
|
|
105
105
|
((_c = child === null || child === void 0 ? void 0 : child.type) === null || _c === void 0 ? void 0 : _c.displayName) !== getTrilogyComponentName(child) &&
|
|
106
|
-
((_d = child === null || child === void 0 ? void 0 : child.type) === null || _d === void 0 ? void 0 : _d.$$typeof) === Symbol.for('react.memo')
|
|
106
|
+
((_d = child === null || child === void 0 ? void 0 : child.type) === null || _d === void 0 ? void 0 : _d.$$typeof) === Symbol.for('react.memo') &&
|
|
107
|
+
((_e = child === null || child === void 0 ? void 0 : child.type) === null || _e === void 0 ? void 0 : _e.type) !== undefined) {
|
|
107
108
|
createChildrenArray(array, child.type.type(child.props));
|
|
108
109
|
}
|
|
109
110
|
else if ((child === null || child === void 0 ? void 0 : child.type) &&
|
|
110
|
-
((
|
|
111
|
-
((
|
|
111
|
+
((_f = child === null || child === void 0 ? void 0 : child.type) === null || _f === void 0 ? void 0 : _f.$$typeof) === Symbol.for('react.forward_ref') &&
|
|
112
|
+
((_h = (_g = child === null || child === void 0 ? void 0 : child.type) === null || _g === void 0 ? void 0 : _g.render) === null || _h === void 0 ? void 0 : _h.displayName) !== getTrilogyComponentName(child) &&
|
|
113
|
+
((_j = child === null || child === void 0 ? void 0 : child.type) === null || _j === void 0 ? void 0 : _j.type) !== undefined) {
|
|
112
114
|
createChildrenArray(array, child.type.type(child.props));
|
|
113
115
|
}
|
|
114
116
|
else {
|
|
@@ -131,4 +133,4 @@ var checkRuleApplicable = function (previousType, nextType, previousChildType, n
|
|
|
131
133
|
}
|
|
132
134
|
return false;
|
|
133
135
|
};
|
|
134
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5oZWxwZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L0F1dG9MYXlvdXQuaGVscGVycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsTUFBTSxFQUFjLE1BQU0scUJBQXFCLENBQUE7QUFFeEQ7Ozs7O0dBS0c7QUFDSCxNQUFNLENBQUMsSUFBTSxVQUFVLEdBQUcsVUFBQyxPQUEyQixJQUFjLE9BQUEsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsSUFBSSxNQUFLLEtBQUssQ0FBQyxRQUFRLEVBQWhDLENBQWdDLENBQUE7QUFFcEcsSUFBTSx1QkFBdUIsR0FBRyxVQUFDLEtBQVU7SUFDekMsSUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxHQUFHLEVBQUgsQ0FBRyxDQUFDLENBQUE7SUFDdEUsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLFVBQUMsR0FBRyxvQkFBSyxPQUFBLEdBQUcsTUFBSyxNQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLElBQUksMENBQUUsTUFBTSwwQ0FBRSxXQUFXLENBQUEsSUFBSSxHQUFHLE1BQUssTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsSUFBSSwwQ0FBRSxXQUFXLENBQUEsQ0FBQSxFQUFBLENBQUMsQ0FBQTtBQUNuSCxDQUFDLENBQUE7QUFFRDs7Ozs7O0dBTUc7QUFDSCxNQUFNLENBQUMsSUFBTSxhQUFhLEdB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
|
|
2
2
|
import { SpacerSize } from '../../components/spacer';
|
|
3
|
-
var FOUR = SpacerSize.FOUR, THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
|
|
3
|
+
var FOUR = SpacerSize.FOUR, THREE = SpacerSize.THREE, TWO = SpacerSize.TWO, ONE = SpacerSize.ONE;
|
|
4
4
|
export var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
|
|
5
5
|
/**
|
|
6
6
|
* Spacing matrix for defining spacings between component types
|
|
@@ -26,7 +26,8 @@ export var DEFAULT_SPACING_MATRIX = [
|
|
|
26
26
|
[INSERT_SPACE_BETWEEN, 'Progress', 'default', TWO],
|
|
27
27
|
[INSERT_SPACE_BETWEEN, 'ProgressRadial', 'default', TWO],
|
|
28
28
|
[INSERT_SPACE_BETWEEN, 'Radio', 'default', THREE],
|
|
29
|
-
[INSERT_SPACE_BETWEEN, 'Checkbox', 'default',
|
|
29
|
+
[INSERT_SPACE_BETWEEN, 'Checkbox', 'default', TWO],
|
|
30
|
+
[INSERT_SPACE_BETWEEN, 'CheckboxTiles', 'default', THREE],
|
|
30
31
|
[INSERT_SPACE_BETWEEN, 'Switch', 'default', THREE],
|
|
31
32
|
[INSERT_SPACE_BETWEEN, 'Radio', 'default', FOUR],
|
|
32
33
|
[INSERT_SPACE_BETWEEN, 'Checkbox', 'default', FOUR],
|
|
@@ -37,4 +38,4 @@ export var DEFAULT_SPACING_MATRIX = [
|
|
|
37
38
|
[INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO],
|
|
38
39
|
[INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO],
|
|
39
40
|
];
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFNwYWNpbmdNYXRyaXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvRGVmYXVsdFNwYWNpbmdNYXRyaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxJQUFBLElBQUksR0FBc0IsVUFBVSxLQUFoQyxFQUFFLEtBQUssR0FBZSxVQUFVLE1BQXpCLEVBQUUsR0FBRyxHQUFVLFVBQVUsSUFBcEIsRUFBRSxHQUFHLEdBQUssVUFBVSxJQUFmLENBQWU7QUFFNUMsTUFBTSxDQUFTLElBQUEsb0JBQW9CLEdBQUssaUJBQWlCLHFCQUF0QixDQUFzQjtBQUV6RDs7R0FFRztBQUNILE1BQU0sQ0FBQyxJQUFNLHNCQUFzQixHQUFrQjtJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3BELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUM5QyxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2hELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxnQkFBZ0IsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDL0MsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNyRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUN4RCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUN6RCxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2hELENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQzlDLENBQUMsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztDQUM5QyxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ComponentName } from
|
|
3
|
-
import { ButtonProps } from
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { ButtonProps } from './ButtonProps';
|
|
4
4
|
/**
|
|
5
5
|
* Button Native Component
|
|
6
6
|
* @param loading {boolean} Loading button
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconSize } from '../../components/icon';
|
|
4
|
+
import { View } from '../../components/view';
|
|
5
|
+
import { getTypographyBoldStyle, TypographyBold } from '../../objects';
|
|
6
|
+
import { getButtonColorStyle, getColorStyle, getLoadingClassName, getVariantClassName, TrilogyColor, } from '../../objects/facets';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { ActivityIndicator, StyleSheet, Text, TouchableOpacity } from 'react-native';
|
|
9
|
+
import { ButtonVariant } from './ButtonEnum';
|
|
10
10
|
/**
|
|
11
11
|
* Button Native Component
|
|
12
12
|
* @param loading {boolean} Loading button
|
|
@@ -24,158 +24,126 @@ var Button = function (_a) {
|
|
|
24
24
|
var findBackgroundColor = function (_a) {
|
|
25
25
|
var disabled = _a.disabled, loading = _a.loading, variant = _a.variant;
|
|
26
26
|
return ((disabled && getColorStyle(TrilogyColor.NEUTRAL_FADE)) ||
|
|
27
|
-
(typeof loading ===
|
|
28
|
-
getLoadingClassName(loading) ===
|
|
27
|
+
(typeof loading === 'string' &&
|
|
28
|
+
getLoadingClassName(loading) === 'loading' &&
|
|
29
29
|
getButtonColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
30
|
-
(typeof loading ===
|
|
31
|
-
loading &&
|
|
32
|
-
getColorStyle(TrilogyColor.NEUTRAL)) ||
|
|
30
|
+
(typeof loading === 'boolean' && loading && getColorStyle(TrilogyColor.NEUTRAL)) ||
|
|
33
31
|
(variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.MAIN)) ||
|
|
34
|
-
(variant === ButtonVariant.SECONDARY &&
|
|
35
|
-
|
|
36
|
-
(variant === ButtonVariant.CONVERSION &&
|
|
37
|
-
getColorStyle(TrilogyColor.ACCENT)) ||
|
|
32
|
+
(variant === ButtonVariant.SECONDARY && getColorStyle(TrilogyColor.MAIN_FADE)) ||
|
|
33
|
+
(variant === ButtonVariant.CONVERSION && getColorStyle(TrilogyColor.ACCENT)) ||
|
|
38
34
|
(variant === ButtonVariant.GHOST && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
39
35
|
getColorStyle(TrilogyColor.MAIN));
|
|
40
36
|
};
|
|
41
37
|
var findTextColor = function (_a) {
|
|
42
38
|
var variant = _a.variant;
|
|
43
|
-
return ((variant &&
|
|
44
|
-
getVariantClassName(variant) ===
|
|
45
|
-
getColorStyle(TrilogyColor.
|
|
46
|
-
(variant &&
|
|
47
|
-
getVariantClassName(variant) === "accent" &&
|
|
48
|
-
getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
49
|
-
(variant &&
|
|
50
|
-
getVariantClassName(variant) === "primary" &&
|
|
51
|
-
getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
52
|
-
(variant &&
|
|
53
|
-
getVariantClassName(variant) === "ghost" &&
|
|
54
|
-
getColorStyle(TrilogyColor.FONT)) ||
|
|
39
|
+
return ((variant && getVariantClassName(variant) === 'secondary' && getColorStyle(TrilogyColor.FONT)) ||
|
|
40
|
+
(variant && getVariantClassName(variant) === 'accent' && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
41
|
+
(variant && getVariantClassName(variant) === 'primary' && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
42
|
+
(variant && getVariantClassName(variant) === 'ghost' && getColorStyle(TrilogyColor.FONT)) ||
|
|
55
43
|
getColorStyle(TrilogyColor.BACKGROUND));
|
|
56
44
|
};
|
|
57
45
|
var findBorderColor = function (_a) {
|
|
58
46
|
var disabled = _a.disabled, variant = _a.variant, loading = _a.loading;
|
|
59
|
-
return ((disabled &&
|
|
60
|
-
variant === ButtonVariant.PRIMARY &&
|
|
61
|
-
getColorStyle(TrilogyColor.
|
|
62
|
-
(!disabled &&
|
|
63
|
-
!!loading &&
|
|
64
|
-
variant === ButtonVariant.PRIMARY &&
|
|
65
|
-
getColorStyle(TrilogyColor.DISABLED)) ||
|
|
66
|
-
(!disabled &&
|
|
67
|
-
variant === ButtonVariant.PRIMARY &&
|
|
68
|
-
getColorStyle(TrilogyColor.INFO_FADE)) ||
|
|
47
|
+
return ((disabled && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
48
|
+
(!disabled && !!loading && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
49
|
+
(!disabled && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.INFO_FADE)) ||
|
|
69
50
|
getColorStyle(TrilogyColor.BACKGROUND));
|
|
70
51
|
};
|
|
71
52
|
var styles = StyleSheet.create({
|
|
72
53
|
button: {
|
|
73
|
-
maxWidth:
|
|
74
|
-
minWidth:
|
|
54
|
+
maxWidth: '100%',
|
|
55
|
+
minWidth: '100%',
|
|
75
56
|
paddingTop: variant === ButtonVariant.PRIMARY ? 13 : 15,
|
|
76
57
|
paddingBottom: variant === ButtonVariant.PRIMARY ? 13 : 15,
|
|
77
58
|
paddingLeft: variant === ButtonVariant.PRIMARY ? 13 : 15,
|
|
78
59
|
paddingRight: variant === ButtonVariant.PRIMARY ? 13 : 15,
|
|
79
|
-
justifyContent:
|
|
80
|
-
alignItems:
|
|
60
|
+
justifyContent: 'center',
|
|
61
|
+
alignItems: 'center',
|
|
81
62
|
backgroundColor: findBackgroundColor({ disabled: disabled, loading: loading, variant: variant }),
|
|
82
63
|
borderRadius: 4,
|
|
83
64
|
minHeight: 45,
|
|
84
|
-
height: loading ? 52 :
|
|
65
|
+
height: loading ? 52 : 'auto',
|
|
85
66
|
borderColor: findBorderColor({ disabled: disabled, variant: variant, loading: loading }),
|
|
86
67
|
},
|
|
87
68
|
text: {
|
|
88
69
|
fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
|
|
89
|
-
color: disabled
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
fontWeight: "bold",
|
|
95
|
-
justifyContent: "center",
|
|
70
|
+
color: disabled ? getColorStyle(TrilogyColor.BACKGROUND) : findTextColor({ variant: variant }),
|
|
71
|
+
alignSelf: 'center',
|
|
72
|
+
alignItems: 'center',
|
|
73
|
+
fontWeight: 'bold',
|
|
74
|
+
justifyContent: 'center',
|
|
96
75
|
},
|
|
97
76
|
textDisabled: {
|
|
98
|
-
color: getColorStyle(TrilogyColor.
|
|
99
|
-
alignSelf:
|
|
100
|
-
alignItems:
|
|
101
|
-
fontWeight:
|
|
102
|
-
justifyContent:
|
|
77
|
+
color: getColorStyle(TrilogyColor.DISABLED),
|
|
78
|
+
alignSelf: 'center',
|
|
79
|
+
alignItems: 'center',
|
|
80
|
+
fontWeight: 'bold',
|
|
81
|
+
justifyContent: 'center',
|
|
103
82
|
},
|
|
104
83
|
textDisabledIcon: {
|
|
105
84
|
color: getColorStyle(TrilogyColor.DISABLED_FADE),
|
|
106
|
-
alignSelf:
|
|
107
|
-
alignItems:
|
|
108
|
-
fontWeight:
|
|
109
|
-
justifyContent:
|
|
85
|
+
alignSelf: 'center',
|
|
86
|
+
alignItems: 'center',
|
|
87
|
+
fontWeight: 'bold',
|
|
88
|
+
justifyContent: 'center',
|
|
110
89
|
marginLeft: 12,
|
|
111
90
|
},
|
|
112
91
|
fullwidth: {
|
|
113
|
-
alignSelf:
|
|
92
|
+
alignSelf: 'stretch',
|
|
114
93
|
},
|
|
115
94
|
buttonIconContainer: {
|
|
116
|
-
flexDirection:
|
|
117
|
-
alignSelf:
|
|
118
|
-
alignItems:
|
|
119
|
-
fontWeight:
|
|
120
|
-
justifyContent:
|
|
95
|
+
flexDirection: 'row',
|
|
96
|
+
alignSelf: 'center',
|
|
97
|
+
alignItems: 'center',
|
|
98
|
+
fontWeight: 'bold',
|
|
99
|
+
justifyContent: 'center',
|
|
121
100
|
},
|
|
122
101
|
buttonIconText: {
|
|
123
|
-
color: disabled
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
fontWeight: "bold",
|
|
129
|
-
justifyContent: "center",
|
|
102
|
+
color: disabled ? getColorStyle(TrilogyColor.BACKGROUND) : findTextColor({ variant: variant }),
|
|
103
|
+
alignSelf: 'center',
|
|
104
|
+
alignItems: 'center',
|
|
105
|
+
fontWeight: 'bold',
|
|
106
|
+
justifyContent: 'center',
|
|
130
107
|
marginLeft: 8,
|
|
131
108
|
},
|
|
132
109
|
});
|
|
133
|
-
var buttonTestId = testId
|
|
134
|
-
? testId
|
|
135
|
-
: typeof children === "string"
|
|
136
|
-
? children
|
|
137
|
-
: "NotSpecified";
|
|
110
|
+
var buttonTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
|
|
138
111
|
var buttonAccessibilityLabel = accessibilityLabel
|
|
139
112
|
? accessibilityLabel
|
|
140
|
-
: typeof children ===
|
|
113
|
+
: typeof children === 'string'
|
|
141
114
|
? children
|
|
142
|
-
:
|
|
115
|
+
: 'NotSpecified';
|
|
143
116
|
/**
|
|
144
117
|
* Returns variant's classname depending on variant type
|
|
145
118
|
* @param variantType {string} - VariantType
|
|
146
119
|
* @returns {string} - Variant value
|
|
147
120
|
*/
|
|
148
121
|
var iconColorVariant = function (variantType) {
|
|
149
|
-
if (variantType && [
|
|
122
|
+
if (variantType && ['PRIMARY', 'ACCENT'].includes(variantType))
|
|
150
123
|
return TrilogyColor.BACKGROUND;
|
|
151
|
-
if (variantType ===
|
|
124
|
+
if (variantType === 'SECONDARY' || variantType === 'GHOST')
|
|
152
125
|
return TrilogyColor.MAIN;
|
|
153
126
|
return TrilogyColor.BACKGROUND;
|
|
154
127
|
};
|
|
155
128
|
return (React.createElement(TouchableOpacity, __assign({ accessible: !!buttonAccessibilityLabel, accessibilityLabel: buttonAccessibilityLabel, testID: buttonTestId, disabled: disabled || loading, style: [styles.button, fullwidth && styles.fullwidth], onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } }, others),
|
|
156
|
-
loading &&
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
alignItems: "center",
|
|
160
|
-
justifyContent: "center",
|
|
129
|
+
loading && typeof loading === 'string' && getLoadingClassName(loading) === 'loading' && (React.createElement(View, { style: {
|
|
130
|
+
alignItems: 'center',
|
|
131
|
+
justifyContent: 'center',
|
|
161
132
|
height: 45,
|
|
162
133
|
} },
|
|
163
134
|
React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
|
|
164
|
-
loading && typeof loading ===
|
|
165
|
-
alignItems:
|
|
135
|
+
loading && typeof loading === 'boolean' && loading === true && (React.createElement(View, { style: {
|
|
136
|
+
alignItems: 'center',
|
|
166
137
|
height: 45,
|
|
167
|
-
justifyContent:
|
|
138
|
+
justifyContent: 'center',
|
|
168
139
|
} },
|
|
169
140
|
React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
|
|
170
|
-
loading &&
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
!loading && children && typeof children === "string" && !iconName && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
|
|
174
|
-
!loading && children && typeof children === "string" && iconName && (React.createElement(View, { style: styles.buttonIconContainer },
|
|
141
|
+
loading && typeof loading === 'string' && getLoadingClassName(loading) === 'loaded' && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
|
|
142
|
+
!loading && children && typeof children === 'string' && !iconName && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
|
|
143
|
+
!loading && children && typeof children === 'string' && iconName && (React.createElement(View, { style: styles.buttonIconContainer },
|
|
175
144
|
!disabled ? (React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: iconColorVariant(variant), testId: 'button-icon' })) : (React.createElement(Icon, { testId: 'button-icon', name: iconName, size: IconSize.SMALL, color: getColorStyle(TrilogyColor.DISABLED) })),
|
|
176
|
-
React.createElement(Text, { style: (!disabled && styles.buttonIconText) ||
|
|
177
|
-
(disabled && styles.textDisabledIcon) }, children)))));
|
|
145
|
+
React.createElement(Text, { style: (!disabled && styles.buttonIconText) || (disabled && styles.textDisabledIcon) }, children)))));
|
|
178
146
|
};
|
|
179
147
|
Button.displayName = ComponentName.Button;
|
|
180
148
|
export default Button;
|
|
181
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
149
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLFlBQVksR0FDYixNQUFNLGtCQUFrQixDQUFBO0FBQ3pCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHNUM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBV0Y7SUFWWixJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULE1BQU0sWUFBQSxFQUNOLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBVkssa0hBV2YsQ0FEVTtJQUVULElBQU0sbUJBQW1CLEdBQUcsVUFBQyxFQUEyQztZQUF6QyxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUE7UUFDdkQsT0FBTyxDQUNMLENBQUMsUUFBUSxJ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
|
|
@@ -4,10 +4,8 @@ import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
|
4
4
|
import { IconName } from '../../components/icon/IconNameEnum';
|
|
5
5
|
import shortid from 'shortid';
|
|
6
6
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
|
-
import { Text
|
|
8
|
-
import { View } from '../../components/view';
|
|
7
|
+
import { Text } from '../../components/text';
|
|
9
8
|
import { Icon, IconSize } from '../../components/icon';
|
|
10
|
-
import { TypographyAlign, TypographyBold } from '../../objects';
|
|
11
9
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
12
10
|
/**
|
|
13
11
|
* Checkbox Native Component
|
|
@@ -23,24 +21,17 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
23
21
|
var Checkbox = function (_a) {
|
|
24
22
|
var _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label;
|
|
25
23
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
26
|
-
var horizontalTile = false;
|
|
27
|
-
// eslint-disable-next-line no-empty-pattern
|
|
28
|
-
var onClick = function (_a) { return null; };
|
|
29
|
-
var tile = false;
|
|
30
|
-
var description = 'de';
|
|
31
|
-
var iconTile = '';
|
|
32
24
|
useEffect(function () {
|
|
33
25
|
setChecked(checked || false);
|
|
34
26
|
}, [checked]);
|
|
35
27
|
var styles = StyleSheet.create({
|
|
36
28
|
container: {
|
|
37
29
|
flexDirection: 'row',
|
|
38
|
-
|
|
39
|
-
justifyContent: 'flex-start',
|
|
30
|
+
justifyContent: 'flex-start'
|
|
40
31
|
},
|
|
41
32
|
checkBox: {
|
|
42
33
|
alignItems: 'center',
|
|
43
|
-
justifyContent:
|
|
34
|
+
justifyContent: 'flex-start',
|
|
44
35
|
borderColor: getColorStyle(TrilogyColor.FONT),
|
|
45
36
|
borderWidth: 0.6,
|
|
46
37
|
width: 19,
|
|
@@ -53,52 +44,15 @@ var Checkbox = function (_a) {
|
|
|
53
44
|
'transparent',
|
|
54
45
|
},
|
|
55
46
|
label: {
|
|
47
|
+
marginTop: 2,
|
|
56
48
|
color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
57
49
|
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
58
50
|
getColorStyle(TrilogyColor.MAIN),
|
|
59
|
-
}
|
|
60
|
-
tile: {
|
|
61
|
-
padding: _checked ? 3 : 4,
|
|
62
|
-
paddingBottom: _checked ? 7 : 8,
|
|
63
|
-
maxWidth: 140,
|
|
64
|
-
borderWidth: (_checked && 2) || 1,
|
|
65
|
-
width: 126,
|
|
66
|
-
borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
67
|
-
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
68
|
-
getColorStyle(TrilogyColor.NEUTRAL),
|
|
69
|
-
borderRadius: 6,
|
|
70
|
-
textAlign: 'center',
|
|
71
|
-
alignItems: 'center',
|
|
72
|
-
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
|
|
73
|
-
},
|
|
74
|
-
tileDescription: {
|
|
75
|
-
color: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.MAIN),
|
|
76
|
-
alignSelf: horizontalTile ? 'flex-start' : 'center',
|
|
77
|
-
},
|
|
78
|
-
horizontalTile: {
|
|
79
|
-
paddingVertical: _checked ? 17 : 18,
|
|
80
|
-
paddingHorizontal: _checked ? 5 : 6,
|
|
81
|
-
width: '100%',
|
|
82
|
-
height: 'auto',
|
|
83
|
-
borderWidth: (_checked && 2) || 1,
|
|
84
|
-
borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
85
|
-
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
86
|
-
getColorStyle(TrilogyColor.MAIN_FADE),
|
|
87
|
-
borderRadius: 6,
|
|
88
|
-
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
|
|
89
|
-
},
|
|
51
|
+
}
|
|
90
52
|
});
|
|
91
53
|
var handleClick = function () {
|
|
92
54
|
if (!readonly) {
|
|
93
55
|
setChecked(!_checked);
|
|
94
|
-
if (onClick) {
|
|
95
|
-
onClick({
|
|
96
|
-
checkboxId: id,
|
|
97
|
-
checkboxValue: '',
|
|
98
|
-
checkboxName: name || '',
|
|
99
|
-
checkboxChecked: !_checked,
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
56
|
if (onChange) {
|
|
103
57
|
onChange({
|
|
104
58
|
checkboxId: id,
|
|
@@ -109,53 +63,10 @@ var Checkbox = function (_a) {
|
|
|
109
63
|
}
|
|
110
64
|
}
|
|
111
65
|
};
|
|
112
|
-
if (horizontalTile) {
|
|
113
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(); } },
|
|
114
|
-
React.createElement(View, { style: { flexDirection: 'row' } },
|
|
115
|
-
React.createElement(View, { style: {
|
|
116
|
-
width: '10%',
|
|
117
|
-
height: 'auto',
|
|
118
|
-
justifyContent: 'center',
|
|
119
|
-
alignItems: 'center',
|
|
120
|
-
marginLeft: 10,
|
|
121
|
-
} }, iconTile && (React.createElement(View, null,
|
|
122
|
-
React.createElement(Icon, { size: IconSize.SMALL, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
|
|
123
|
-
React.createElement(View, { style: {
|
|
124
|
-
width: '78%',
|
|
125
|
-
flexDirection: 'row',
|
|
126
|
-
alignSelf: 'stretch',
|
|
127
|
-
flexWrap: 'wrap',
|
|
128
|
-
height: 'auto',
|
|
129
|
-
} },
|
|
130
|
-
React.createElement(View, null,
|
|
131
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.TWO, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
132
|
-
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))),
|
|
133
|
-
React.createElement(View, { style: {
|
|
134
|
-
width: '12%',
|
|
135
|
-
alignItems: 'flex-end',
|
|
136
|
-
justifyContent: 'center',
|
|
137
|
-
paddingRight: 10,
|
|
138
|
-
} },
|
|
139
|
-
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))))));
|
|
140
|
-
}
|
|
141
|
-
if (tile) {
|
|
142
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: function () { return handleClick(); } },
|
|
143
|
-
React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.checkBox], disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
|
|
144
|
-
React.createElement(View, { style: { width: '70%' } },
|
|
145
|
-
iconTile && (React.createElement(View, { style: {
|
|
146
|
-
flexDirection: 'row',
|
|
147
|
-
alignItems: 'center',
|
|
148
|
-
justifyContent: 'center',
|
|
149
|
-
marginBottom: 5,
|
|
150
|
-
} },
|
|
151
|
-
React.createElement(Icon, { size: IconSize.MEDIUM, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: iconTile }))),
|
|
152
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: styles.label }, String(label))),
|
|
153
|
-
description && typeof description.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.THREE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED] }, String(description))))));
|
|
154
|
-
}
|
|
155
66
|
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(); } },
|
|
156
67
|
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
|
|
157
68
|
label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
|
|
158
69
|
};
|
|
159
70
|
Checkbox.displayName = ComponentName.Checkbox;
|
|
160
71
|
export default Checkbox;
|
|
161
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFFekQsT0FBTyxPQUFPLE1BQU0sU0FBUyxDQUFBO0FBQzdCLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBUUY7UUFQZCxVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUE7SUFFQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUFsRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQThCLENBQUE7SUFFekQsU0FBUyxDQUFDO1FBQ1IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUM5QixDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FB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
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CheckboxTilesProps } from './CheckboxTilesProps';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
5
|
-
* @param
|
|
4
|
+
* CheckboxTiles
|
|
5
|
+
* @param id
|
|
6
|
+
* @param align {Alignable}
|
|
7
|
+
* @param verticalAlign {Alignable}
|
|
6
8
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
7
9
|
* @param className {string} Additionnal CSS Classes
|
|
8
10
|
*/
|