@trilogy-ds/react 4.18.3-beta-2 → 4.20.0-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/Accordion.native.js +3 -2
- package/lib/components/accordion/item/AccordionItem.native.js +5 -4
- package/lib/components/alert/Alert.native.js +4 -3
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +3 -2
- package/lib/components/badge/Badge.native.js +4 -3
- package/lib/components/box/Box.js +3 -3
- package/lib/components/box/Box.native.js +28 -42
- package/lib/components/box/BoxProps.d.ts +2 -0
- package/lib/components/box/BoxPropsDefaults.js +16 -0
- package/lib/components/box/content/BoxContent.native.js +5 -12
- package/lib/components/box/context/boxContext.d.ts +0 -6
- package/lib/components/box/context/boxContext.js +1 -10
- package/lib/components/box/footer/BoxFooter.native.js +1 -7
- package/lib/components/box/header/BoxHeader.native.js +3 -16
- package/lib/components/button/Button.native.js +3 -2
- package/lib/components/calendar/Calendar.native.js +16 -15
- package/lib/components/card/Card.js +3 -3
- package/lib/components/card/Card.native.js +4 -3
- package/lib/components/card/CardProps.d.ts +2 -0
- package/lib/components/card/CardPropsDefaults.js +16 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +5 -4
- package/lib/components/chips/Chips.native.js +3 -2
- package/lib/components/container/Container.d.ts +1 -0
- package/lib/components/container/Container.js +4 -3
- package/lib/components/container/ContainerProps.d.ts +6 -0
- package/lib/components/container/ContainerProps.js +7 -2
- package/lib/components/container/ContainerPropsDefaults.js +12 -0
- package/lib/components/countdown/Countdown.native.js +3 -2
- package/lib/components/datepicker/DatePicker.native.js +11 -12
- package/lib/components/divider/Divider.native.js +3 -1
- package/lib/components/fab/Fab.native.d.ts +2 -2
- package/lib/components/fab/Fab.native.js +21 -20
- package/lib/components/input/Input.native.js +4 -3
- package/lib/components/input/gauge/InputGauge.native.js +4 -3
- package/lib/components/modal/Modal.native.js +10 -4
- package/lib/components/otp/Otp.native.js +4 -3
- package/lib/components/pagination/Pagination.native.js +4 -3
- package/lib/components/popover/Popover.native.js +3 -2
- package/lib/components/prompt/Prompt.native.js +3 -4
- package/lib/components/prompt/toolbar/submit/PromptSubmit.js +2 -2
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.js +3 -2
- package/lib/components/radio/tiles/tile/RadioTile.native.js +5 -4
- package/lib/components/range/Range.native.js +3 -2
- package/lib/components/segment-control/SegmentControl.native.js +3 -2
- package/lib/components/segment-control/item/SegmentControlItem.native.js +3 -2
- package/lib/components/stepper/step/Step.native.js +3 -2
- package/lib/components/sticker/Sticker.native.js +3 -5
- package/lib/components/tag/Tag.native.js +3 -2
- package/lib/components/textarea/Textarea.native.js +3 -2
- package/lib/components/timeline/item/TimelineItem.native.js +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +3 -1
- package/lib/constants/theme.d.ts +9 -0
- package/lib/constants/theme.js +10 -0
- package/lib/objects/facets/Radius.d.ts +8 -0
- package/lib/objects/facets/Radius.js +25 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { memoStyles } from '../../helpers/memoStyles';
|
|
6
|
+
import { Theme } from '../../constants/theme';
|
|
6
7
|
/**
|
|
7
8
|
* Accordion Component
|
|
8
9
|
* @param children {React.ReactNode} Accordion items (AccordionItem components)
|
|
@@ -16,11 +17,11 @@ var Accordion = React.forwardRef(function (_a, ref) {
|
|
|
16
17
|
accordion: {
|
|
17
18
|
width: '100%',
|
|
18
19
|
minHeight: 10,
|
|
19
|
-
borderRadius:
|
|
20
|
+
borderRadius: Theme.radius.md,
|
|
20
21
|
},
|
|
21
22
|
});
|
|
22
23
|
return React.createElement(View, __assign({ ref: ref, testID: testId, style: styles.accordion }, others));
|
|
23
24
|
});
|
|
24
25
|
Accordion.displayName = ComponentName.Accordion;
|
|
25
26
|
export default Accordion;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDakQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXpDOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFDLFVBQUMsRUFBcUIsRUFBRSxHQUFHO0lBQXhCLElBQUEsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFuQixVQUFxQixDQUFGO0lBQ3pGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQztRQUN4QixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxFQUFFO1lBQ2IsWUFBWSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtTQUM5QjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNoRixDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -7,6 +7,7 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
|
7
7
|
import React, { isValidElement, useEffect, useRef, useState } from 'react';
|
|
8
8
|
import { Animated, Easing, TouchableWithoutFeedback, View } from 'react-native';
|
|
9
9
|
import { memoStyles } from '../../../helpers/memoStyles';
|
|
10
|
+
import { Theme } from '../../../constants/theme';
|
|
10
11
|
/**
|
|
11
12
|
* Accordion Item Component
|
|
12
13
|
* @param active {boolean} Active Accordion Item
|
|
@@ -30,13 +31,13 @@ var AccordionItem = React.forwardRef(function (_a, ref) {
|
|
|
30
31
|
item: {
|
|
31
32
|
width: '100%',
|
|
32
33
|
padding: 5,
|
|
33
|
-
borderRadius:
|
|
34
|
+
borderRadius: Theme.radius.md,
|
|
34
35
|
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
|
|
35
36
|
borderWidth: 1,
|
|
36
37
|
borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || getColorStyle(TrilogyColor.STROKE_FADE),
|
|
37
38
|
},
|
|
38
39
|
bodyBackground: {
|
|
39
|
-
borderRadius:
|
|
40
|
+
borderRadius: Theme.radius.md,
|
|
40
41
|
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
41
42
|
overflow: 'hidden',
|
|
42
43
|
},
|
|
@@ -58,7 +59,7 @@ var AccordionItem = React.forwardRef(function (_a, ref) {
|
|
|
58
59
|
paddingRight: 10,
|
|
59
60
|
position: 'absolute',
|
|
60
61
|
bottom: 0,
|
|
61
|
-
borderRadius:
|
|
62
|
+
borderRadius: Theme.radius.md,
|
|
62
63
|
left: 0,
|
|
63
64
|
right: 0,
|
|
64
65
|
},
|
|
@@ -140,4 +141,4 @@ var AccordionItem = React.forwardRef(function (_a, ref) {
|
|
|
140
141
|
});
|
|
141
142
|
AccordionItem.displayName = ComponentName.AccordionItem;
|
|
142
143
|
export default AccordionItem;
|
|
143
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSx3QkFBd0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRWpELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQU96Qzs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQTRELEVBQUUsR0FBRztJQUEvRCxJQUFBLElBQUksVUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBMUQsMkRBQTRELENBQUY7SUFDbkQsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FBVSxPQUFPLENBQUMsT0FBTyxJ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
|
|
@@ -15,6 +15,7 @@ import LibToast from 'react-native-toast-message';
|
|
|
15
15
|
import { Row, Rows } from '../rows';
|
|
16
16
|
import { ToasterAlertPosition } from './AlertProps';
|
|
17
17
|
import ToasterContext from './context';
|
|
18
|
+
import { Theme } from '../../constants/theme';
|
|
18
19
|
/**
|
|
19
20
|
* Function call by context for showing toast
|
|
20
21
|
* @param params {ToasterShowContext}
|
|
@@ -53,7 +54,7 @@ var Alert = React.forwardRef(function (_a, ref) {
|
|
|
53
54
|
paddingBottom: 12,
|
|
54
55
|
borderWidth: banner ? 0 : 1,
|
|
55
56
|
backgroundColor: backgroundColor,
|
|
56
|
-
borderRadius: banner ? 0 :
|
|
57
|
+
borderRadius: banner ? 0 : Theme.radius.md,
|
|
57
58
|
alignItems: 'baseline',
|
|
58
59
|
textAlign: banner ? 'center' : 'left',
|
|
59
60
|
paddingLeft: 12,
|
|
@@ -110,7 +111,7 @@ export var ToasterAlert = function (_a) {
|
|
|
110
111
|
borderColor: color,
|
|
111
112
|
backgroundColor: backgroundColor,
|
|
112
113
|
padding: 14,
|
|
113
|
-
borderRadius:
|
|
114
|
+
borderRadius: Theme.radius.md,
|
|
114
115
|
},
|
|
115
116
|
});
|
|
116
117
|
return (React.createElement(View, { style: styles.toaster },
|
|
@@ -147,4 +148,4 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
147
148
|
};
|
|
148
149
|
Alert.displayName = ComponentName.Alert;
|
|
149
150
|
export default Alert;
|
|
150
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
151
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMzRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ25DLE9BQU8sRUFBOEIsb0JBQW9CLEVBQXNCLE1BQU0sY0FBYyxDQUFBO0FBQ25HLE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUV0QyxP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
|
|
@@ -3,6 +3,7 @@ import { FlatList } from 'react-native';
|
|
|
3
3
|
import { memoStyles } from '../../../helpers/memoStyles';
|
|
4
4
|
import { TrilogyColor, getColorStyle } from '../../../objects';
|
|
5
5
|
import AutoCompleteItemNative from '../../../components/autocomplete/item/AutoCompleteIem.native';
|
|
6
|
+
import { Theme } from '../../../constants/theme';
|
|
6
7
|
/**
|
|
7
8
|
* AutoCompleteMenu Component
|
|
8
9
|
* @param children {ReactNode} Children
|
|
@@ -19,7 +20,7 @@ var AutoCompleteMenuNative = function (_a) {
|
|
|
19
20
|
marginBottom: 6,
|
|
20
21
|
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
21
22
|
borderWidth: 1,
|
|
22
|
-
borderRadius:
|
|
23
|
+
borderRadius: Theme.radius.md,
|
|
23
24
|
borderColor: getColorStyle(TrilogyColor.STROKE),
|
|
24
25
|
width: '100%',
|
|
25
26
|
maxHeight: 165,
|
|
@@ -37,4 +38,4 @@ var AutoCompleteMenuNative = function (_a) {
|
|
|
37
38
|
}, keyExtractor: function (item, index) { return String(index); } }));
|
|
38
39
|
};
|
|
39
40
|
export default AutoCompleteMenuNative;
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L0F1dG9Db21wbGV0ZU1lbnUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLHNCQUFzQixNQUFNLHVEQUF1RCxDQUFBO0FBRTFGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV6Qzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxzQkFBc0IsR0FBRyxVQUFDLEVBQXdEO1FBQXRELFdBQVcsaUJBQUEsRUFBRSxnQkFBZ0Isc0JBQUE7SUFDN0QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxDQUFDO1lBQ1osWUFBWSxFQUFFLENBQUM7WUFDZixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUM7WUFDdkQsV0FBVyxFQUFFLENBQUM7WUFDZCxZQUFZLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzdCLFdBQVcsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQztZQUMvQyxLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxHQUFHO1lBQ2QsUUFBUSxFQUFFLENBQUM7U0FDWjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLElBQ1AseUJBQXlCLEVBQUMsU0FBUyxFQUNuQyxtQkFBbUIsUUFDbkIsYUFBYSxFQUFFLElBQUksRUFDbkIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2xCLElBQUksRUFBRSxXQUFXLEVBQ2pCLFVBQVUsRUFBRSxVQUFDLEVBQVE7Z0JBQU4sSUFBSSxVQUFBO1lBQ2pCLE9BQUEsc0JBQXNCLENBQUM7Z0JBQ3JCLElBQUksRUFBRSxJQUFJO2dCQUNWLFFBQVEsRUFBRTtvQkFDUixnQkFBZ0IsSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQTtnQkFDNUMsQ0FBQzthQUNGLENBQUM7UUFMRixDQUtFLEVBRUosWUFBWSxFQUFFLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBYixDQUFhLEdBQzVDLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsc0JBQXNCLENBQUEifQ==
|
|
@@ -7,6 +7,7 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { Text, TouchableOpacity, View } from 'react-native';
|
|
9
9
|
import { memoStyles } from '../../helpers/memoStyles';
|
|
10
|
+
import { Theme } from '../../constants/theme';
|
|
10
11
|
/**
|
|
11
12
|
* Badge Component
|
|
12
13
|
* @param children {React.ReactNode} Content inside the badge (e.g. Icon)
|
|
@@ -32,7 +33,7 @@ var Badge = React.forwardRef(function (_a, ref) {
|
|
|
32
33
|
minWidth: label ? 20 : 10,
|
|
33
34
|
height: label ? 20 : 10,
|
|
34
35
|
backgroundColor: !inverted ? badgeColor : getColorStyle(TrilogyColor.BACKGROUND),
|
|
35
|
-
borderRadius:
|
|
36
|
+
borderRadius: Theme.radius.full,
|
|
36
37
|
justifyContent: 'center',
|
|
37
38
|
alignItems: 'center',
|
|
38
39
|
},
|
|
@@ -52,7 +53,7 @@ var Badge = React.forwardRef(function (_a, ref) {
|
|
|
52
53
|
backgroundColor: 'white',
|
|
53
54
|
width: 16,
|
|
54
55
|
minHeight: 16,
|
|
55
|
-
borderRadius:
|
|
56
|
+
borderRadius: Theme.radius.full,
|
|
56
57
|
},
|
|
57
58
|
iconStatusPositionTopLeft: {
|
|
58
59
|
top: -4,
|
|
@@ -115,4 +116,4 @@ var Badge = React.forwardRef(function (_a, ref) {
|
|
|
115
116
|
});
|
|
116
117
|
Badge.displayName = ComponentName.Badge;
|
|
117
118
|
export default Badge;
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV6Qzs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQUMsRUFBb0YsRUFBRSxHQUFHO0lBQXZGLElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFsRix1RkFBb0YsQ0FBRjtJQUNqRixJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsT0FBTyxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUM5RCxJQUFNLFNBQVMsR0FBRyxhQUFhLENB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
|
|
@@ -29,9 +29,9 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
29
29
|
* @param blank {boolean} Target blank when href is set
|
|
30
30
|
*/
|
|
31
31
|
var Box = React.forwardRef(function (_a, ref) {
|
|
32
|
-
var inverted = _a.inverted, children = _a.children, className = _a.className, id = _a.id, onClick = _a.onClick, skeleton = _a.skeleton, href = _a.href, blank = _a.blank, backgroundColor = _a.backgroundColor, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundSrc = _a.backgroundSrc, flat = _a.flat, headerOffset = _a.headerOffset, fullheight = _a.fullheight, active = _a.active, testId = _a.testId, others = __rest(_a, ["inverted", "children", "className", "id", "onClick", "skeleton", "href", "blank", "backgroundColor", "highlighted", "shadowless", "backgroundSrc", "flat", "headerOffset", "fullheight", "active", "testId"]);
|
|
32
|
+
var inverted = _a.inverted, children = _a.children, className = _a.className, id = _a.id, onClick = _a.onClick, skeleton = _a.skeleton, href = _a.href, blank = _a.blank, backgroundColor = _a.backgroundColor, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundSrc = _a.backgroundSrc, flat = _a.flat, headerOffset = _a.headerOffset, fullheight = _a.fullheight, active = _a.active, testId = _a.testId, radius = _a.radius, others = __rest(_a, ["inverted", "children", "className", "id", "onClick", "skeleton", "href", "blank", "backgroundColor", "highlighted", "shadowless", "backgroundSrc", "flat", "headerOffset", "fullheight", "active", "testId", "radius"]);
|
|
33
33
|
var styled = useTrilogyContext().styled;
|
|
34
|
-
var classes = hashClass(styled, clsx('box', shadowless && is('shadowless'), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading'), highlighted && "".concat(is('highlighted'), " ").concat(is(getColorClassName(highlighted))), flat && is('flat'), headerOffset && is('offset-header'), fullheight && is('fullheight'), active && is('active')));
|
|
34
|
+
var classes = hashClass(styled, clsx('box', shadowless && is('shadowless'), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading'), highlighted && "".concat(is('highlighted'), " ").concat(is(getColorClassName(highlighted))), flat && is('flat'), headerOffset && is('offset-header'), fullheight && is('fullheight'), active && is('active'), radius && "radius-".concat(radius)));
|
|
35
35
|
var Tag = href ? 'a' : 'div';
|
|
36
36
|
var hoverStyle = {
|
|
37
37
|
cursor: 'pointer',
|
|
@@ -49,4 +49,4 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
49
49
|
});
|
|
50
50
|
Box.displayName = ComponentName.Box;
|
|
51
51
|
export default Box;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQ0UsRUFvQkMsRUFDRCxHQUFHO0lBcEJELElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsZUFBZSxxQkFBQSxFQUNmLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsYUFBYSxtQkFBQSxFQUNiLElBQUksVUFBQSxFQUNKLFlBQVksa0JBQUEsRUFDWixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQW5CWCx3TkFvQkMsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixLQUFLLEVBQ0wsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxFQUNULGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsV0FBVyxJQUFJLFVBQUcsRUFBRSxDQUFDLGFBQWEsQ0FBQyxjQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFFLEVBQzNFLElBQUksSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ2xCLFlBQVksSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLEVBQ25DLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLE1BQU0sSUFBSSxpQkFBVSxNQUFNLENBQUUsQ0FDN0IsQ0FDRixDQUFBO0lBRUQsSUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUU5QixJQUFNLFVBQVUsR0FBd0I7UUFDdEMsTUFBTSxFQUFFLFNBQVM7S0FDbEIsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxHQUFHLDRCQUNXLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEdBQTJFLEVBQ2hGLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLE9BQU8saUJBQVMsVUFBVSxDQUFFLEVBQ25DLElBQUksRUFBRSxJQUFJLElBQ04sQ0FBQyxJQUFJO1FBQ1AsS0FBSyxJQUFJO1FBQ1AsTUFBTSxFQUFFLFFBQVE7S0FDakIsQ0FBQyxJQUNKLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7UUFDZCxDQUFDLEVBQ0QsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNLEVBQ04sQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1NBQ3pDO0tBQ0YsQ0FBQyxHQUVELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUNELEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUNuQyxlQUFlLEdBQUcsQ0FBQSJ9
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
2
|
import { BoxContext } from '../../components/box/context/boxContext';
|
|
3
3
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
import { StatesContext } from '../../context/providerStates';
|
|
5
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
|
-
import
|
|
6
|
+
import { getRadius, Radius } from '../../objects/facets/Radius';
|
|
7
|
+
import React from 'react';
|
|
7
8
|
import { ImageBackground, Platform, TouchableOpacity, View } from 'react-native';
|
|
8
9
|
import { memoStyles } from '../../helpers/memoStyles';
|
|
9
10
|
import { Skeleton } from '../skeleton';
|
|
@@ -25,12 +26,9 @@ import { Skeleton } from '../skeleton';
|
|
|
25
26
|
* @param fullheight {boolean} Full height box
|
|
26
27
|
*/
|
|
27
28
|
var Box = React.forwardRef(function (_a, ref) {
|
|
28
|
-
var children = _a.children, onClick = _a.onClick, skeleton = _a.skeleton, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, flat = _a.flat, headerOffset = _a.headerOffset, fullheight = _a.fullheight, active = _a.active, testId = _a.testId, others = __rest(_a, ["children", "onClick", "skeleton", "highlighted", "shadowless", "backgroundColor", "backgroundSrc", "inverted", "flat", "headerOffset", "fullheight", "active", "testId"]);
|
|
29
|
+
var children = _a.children, onClick = _a.onClick, skeleton = _a.skeleton, highlighted = _a.highlighted, shadowless = _a.shadowless, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, flat = _a.flat, headerOffset = _a.headerOffset, fullheight = _a.fullheight, active = _a.active, testId = _a.testId, radius = _a.radius, others = __rest(_a, ["children", "onClick", "skeleton", "highlighted", "shadowless", "backgroundColor", "backgroundSrc", "inverted", "flat", "headerOffset", "fullheight", "active", "testId", "radius"]);
|
|
29
30
|
var colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
|
|
30
|
-
var
|
|
31
|
-
var _c = __read(useState(0), 2), numberOfContent = _c[0], setNumberOfContent = _c[1];
|
|
32
|
-
var _d = __read(useState(false), 2), header = _d[0], setHeader = _d[1];
|
|
33
|
-
var boxRadius = 6;
|
|
31
|
+
var boxRadius = getRadius(radius !== null && radius !== void 0 ? radius : Radius.LG);
|
|
34
32
|
var styles = memoStyles({
|
|
35
33
|
box: {
|
|
36
34
|
width: '100%',
|
|
@@ -43,6 +41,8 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
43
41
|
borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.STROKE_FADE),
|
|
44
42
|
marginTop: headerOffset ? 35 : 0,
|
|
45
43
|
flex: fullheight ? 1 : 0,
|
|
44
|
+
borderLeftWidth: highlighted ? 4 : undefined,
|
|
45
|
+
borderLeftColor: highlighted ? getColorStyle(highlighted) : undefined,
|
|
46
46
|
},
|
|
47
47
|
shadow: shadowless
|
|
48
48
|
? {}
|
|
@@ -63,24 +63,12 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
63
63
|
overflow: 'hidden',
|
|
64
64
|
borderRadius: boxRadius,
|
|
65
65
|
},
|
|
66
|
-
highlighted: {
|
|
67
|
-
position: 'absolute',
|
|
68
|
-
width: 4,
|
|
69
|
-
borderTopStartRadius: 4,
|
|
70
|
-
borderBottomStartRadius: 4,
|
|
71
|
-
height: boxHeight,
|
|
72
|
-
backgroundColor: highlighted ? getColorStyle(highlighted) : 'transparent',
|
|
73
|
-
overflow: 'hidden',
|
|
74
|
-
},
|
|
75
66
|
boxImage: {
|
|
76
67
|
width: '100%',
|
|
77
68
|
minHeight: 100,
|
|
78
69
|
maxHeight: 300,
|
|
79
70
|
height: 'auto',
|
|
80
71
|
},
|
|
81
|
-
content: {
|
|
82
|
-
padding: 16,
|
|
83
|
-
},
|
|
84
72
|
});
|
|
85
73
|
var boxTestId = testId !== null && testId !== void 0 ? testId : 'NotSpecified';
|
|
86
74
|
var BoxSkeleton = function () { return (React.createElement(Skeleton, { style: styles.skeleton, width: '100%', height: 50, borderRadius: boxRadius, testID: 'skeleton' }, children)); };
|
|
@@ -90,31 +78,29 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
90
78
|
if (onClick) {
|
|
91
79
|
return (React.createElement(BoxContext.Provider, { value: {
|
|
92
80
|
fullHeight: fullheight || false,
|
|
93
|
-
highlighted: highlighted,
|
|
94
|
-
numberOfContent: numberOfContent,
|
|
95
|
-
header: header,
|
|
96
|
-
setHeader: setHeader,
|
|
97
|
-
setNumberOfContent: setNumberOfContent,
|
|
98
81
|
} },
|
|
99
|
-
React.createElement(
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
82
|
+
React.createElement(View, { style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style] },
|
|
83
|
+
React.createElement(TouchableOpacity, { ref: ref, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, testID: boxTestId, style: {
|
|
84
|
+
overflow: 'hidden',
|
|
85
|
+
borderRadius: boxRadius,
|
|
86
|
+
borderTopLeftRadius: boxRadius - (highlighted ? 2.5 : 0),
|
|
87
|
+
borderBottomLeftRadius: boxRadius - (highlighted ? 2.5 : 0),
|
|
88
|
+
} }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
|
|
89
|
+
React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))) : (React.createElement(React.Fragment, null,
|
|
90
|
+
React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children)))))));
|
|
107
91
|
}
|
|
108
|
-
return (React.createElement(BoxContext.Provider, { value: {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
92
|
+
return (React.createElement(BoxContext.Provider, { value: {
|
|
93
|
+
fullHeight: fullheight || false,
|
|
94
|
+
} },
|
|
95
|
+
React.createElement(View, { style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style] },
|
|
96
|
+
React.createElement(View, { ref: ref, testID: boxTestId, style: {
|
|
97
|
+
overflow: 'hidden',
|
|
98
|
+
borderRadius: boxRadius,
|
|
99
|
+
borderTopLeftRadius: boxRadius - (highlighted ? 2.5 : 0),
|
|
100
|
+
borderBottomLeftRadius: boxRadius - (highlighted ? 2.5 : 0),
|
|
101
|
+
} }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } },
|
|
102
|
+
React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))) : (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))))));
|
|
117
103
|
});
|
|
118
104
|
Box.displayName = ComponentName.Box;
|
|
119
105
|
export default Box;
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYm94L0JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzNELE9BQU8sS0FBZ0MsTUFBTSxPQUFPLENBQUE7QUFFcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBRXRDOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDMUIsVUFDRSxFQWdCQyxFQUNELEdBQUc7SUFoQkQsSUFBQSxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osWUFBWSxrQkFBQSxFQUNaLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBZlgsb0xBZ0JDLENBRFU7SUFJWCxJQUFN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
|
|
@@ -7,6 +7,7 @@ import { TrilogyColor, TrilogyColorValues } from '../../objects/facets/Color';
|
|
|
7
7
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
8
8
|
import { Dev } from '../../objects/facets/Dev';
|
|
9
9
|
import { Fullheight } from '../../objects/facets/Fullheight';
|
|
10
|
+
import { Radius } from '../../objects/facets/Radius';
|
|
10
11
|
/**
|
|
11
12
|
* Box Interface
|
|
12
13
|
*/
|
|
@@ -22,6 +23,7 @@ export interface BoxProps extends BackgroundProps, Clickable, Fullheight, Access
|
|
|
22
23
|
active?: boolean;
|
|
23
24
|
inverted?: boolean;
|
|
24
25
|
blank?: boolean;
|
|
26
|
+
radius?: Radius | `${Radius}`;
|
|
25
27
|
}
|
|
26
28
|
export type BoxRef = HTMLDivElement;
|
|
27
29
|
export type BoxNativeRef = View | TouchableOpacity;
|
|
@@ -135,6 +135,22 @@ export default {
|
|
|
135
135
|
"true"
|
|
136
136
|
]
|
|
137
137
|
},
|
|
138
|
+
"radius": {
|
|
139
|
+
"type": "enum",
|
|
140
|
+
"values": [
|
|
141
|
+
"undefined",
|
|
142
|
+
"xs",
|
|
143
|
+
"sm",
|
|
144
|
+
"md",
|
|
145
|
+
"lg",
|
|
146
|
+
"full",
|
|
147
|
+
"xs",
|
|
148
|
+
"sm",
|
|
149
|
+
"md",
|
|
150
|
+
"lg",
|
|
151
|
+
"full"
|
|
152
|
+
]
|
|
153
|
+
},
|
|
138
154
|
"backgroundColor": {
|
|
139
155
|
"type": "enum",
|
|
140
156
|
"values": [
|
|
@@ -5,6 +5,7 @@ import { getColorStyle } from '../../../objects/facets/Color';
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { ImageBackground, Text, View } from 'react-native';
|
|
7
7
|
import { memoStyles } from '../../../helpers/memoStyles';
|
|
8
|
+
import { Theme } from '../../../constants/theme';
|
|
8
9
|
/**
|
|
9
10
|
* Box Content
|
|
10
11
|
* @param children {React.ReactNode} Box Content Children
|
|
@@ -15,25 +16,17 @@ import { memoStyles } from '../../../helpers/memoStyles';
|
|
|
15
16
|
*/
|
|
16
17
|
var BoxContent = React.forwardRef(function (_a, ref) {
|
|
17
18
|
var children = _a.children, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, testId = _a.testId, others = __rest(_a, ["children", "backgroundColor", "backgroundSrc", "testId"]);
|
|
18
|
-
var
|
|
19
|
+
var fullHeight = React.useContext(BoxContext).fullHeight;
|
|
19
20
|
var styles = memoStyles({
|
|
20
21
|
boxContent: {
|
|
21
22
|
padding: 16,
|
|
22
23
|
backgroundColor: (backgroundColor && getColorStyle(backgroundColor)) || 'transparent',
|
|
23
|
-
borderRadius: 6,
|
|
24
24
|
flex: fullHeight ? 1 : undefined,
|
|
25
|
-
marginLeft: highlighted ? 4 : 0,
|
|
26
|
-
borderTopLeftRadius: (highlighted && numberOfContent > 1) || header ? 0 : 6,
|
|
27
|
-
borderTopRightRadius: header ? 0 : 6,
|
|
28
|
-
borderBottomLeftRadius: numberOfContent > 1 || highlighted ? 0 : 6,
|
|
29
|
-
borderBottomRightRadius: numberOfContent > 1 ? 0 : 6,
|
|
30
25
|
},
|
|
31
26
|
});
|
|
32
|
-
var content = (React.createElement(View, __assign({ testID: testId, ref: ref, style: [styles.boxContent] }, others,
|
|
33
|
-
setNumberOfContent(function (prev) { return prev + 1; });
|
|
34
|
-
} }), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, children) : children));
|
|
27
|
+
var content = (React.createElement(View, __assign({ testID: testId, ref: ref, style: [styles.boxContent] }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, children) : children));
|
|
35
28
|
if (backgroundSrc) {
|
|
36
|
-
return (React.createElement(ImageBackground, { source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius:
|
|
29
|
+
return (React.createElement(ImageBackground, { source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: Theme.radius.lg } }, content));
|
|
37
30
|
}
|
|
38
31
|
else {
|
|
39
32
|
return content;
|
|
@@ -41,4 +34,4 @@ var BoxContent = React.forwardRef(function (_a, ref) {
|
|
|
41
34
|
});
|
|
42
35
|
BoxContent.displayName = ComponentName.BoxContent;
|
|
43
36
|
export default BoxContent;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Q29udGVudC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9jb250ZW50L0JveENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGVBQWUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFekM7Ozs7Ozs7R0FPRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2pDLFVBQUMsRUFBK0QsRUFBRSxHQUFHO0lBQWxFLElBQUEsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTdELDBEQUErRCxDQUFGO0lBQ3BELElBQUEsVUFBVSxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLFdBQWpDLENBQWlDO0lBRW5ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQztRQUN4QixVQUFVLEVBQUU7WUFDVixPQUFPLEVBQUUsRUFBRTtZQUNYLGVBQWUsRUFBRSxDQUFDLGVBQWUsSUFBSSxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUMsSUFBSSxhQUFhO1lBQ3JGLElBQUksRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUNqQztLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sT0FBTyxHQUFHLENBQ2Qsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQU0sTUFBTSxHQUNuRSxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FDbkYsQ0FDUixDQUFBO0lBRUQsSUFBSSxhQUFhLEVBQUU7UUFDakIsT0FBTyxDQUNMLG9CQUFDLGVBQWUsSUFDZCxNQUFNLEVBQUUsT0FBTyxhQUFhLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxFQUNsRixLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQ2xCLFVBQVUsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxJQUU1QyxPQUFPLENBQ1EsQ0FDbkIsQ0FBQTtLQUNGO1NBQU07UUFDTCxPQUFPLE9BQU8sQ0FBQTtLQUNmO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
|
|
@@ -1,12 +1,6 @@
|
|
|
1
|
-
import { TrilogyColor, TrilogyColorValues } from '../../../objects';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
interface BoxContextValue {
|
|
4
3
|
fullHeight: boolean;
|
|
5
|
-
highlighted?: TrilogyColor | TrilogyColorValues;
|
|
6
|
-
numberOfContent: number;
|
|
7
|
-
setNumberOfContent: React.Dispatch<React.SetStateAction<number>>;
|
|
8
|
-
header: boolean;
|
|
9
|
-
setHeader: React.Dispatch<React.SetStateAction<boolean>>;
|
|
10
4
|
}
|
|
11
5
|
export declare const BoxContext: React.Context<BoxContextValue>;
|
|
12
6
|
export {};
|
|
@@ -1,14 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export var BoxContext = React.createContext({
|
|
3
3
|
fullHeight: false,
|
|
4
|
-
highlighted: undefined,
|
|
5
|
-
numberOfContent: 0,
|
|
6
|
-
header: false,
|
|
7
|
-
setHeader: function () {
|
|
8
|
-
//
|
|
9
|
-
},
|
|
10
|
-
setNumberOfContent: function () {
|
|
11
|
-
//
|
|
12
|
-
},
|
|
13
4
|
});
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94Q29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2NvbnRleHQvYm94Q29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBTXpCLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFrQjtJQUM3RCxVQUFVLEVBQUUsS0FBSztDQUNsQixDQUFDLENBQUEifQ==
|
|
@@ -4,7 +4,6 @@ import { getColorStyle } from '../../../objects';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { Text, View } from 'react-native';
|
|
6
6
|
import { memoStyles } from '../../../helpers/memoStyles';
|
|
7
|
-
import { BoxContext } from '../context/boxContext';
|
|
8
7
|
/**
|
|
9
8
|
* Box Footer Component
|
|
10
9
|
* @param children {React.ReactNode} Children
|
|
@@ -14,20 +13,15 @@ import { BoxContext } from '../context/boxContext';
|
|
|
14
13
|
*/
|
|
15
14
|
var BoxFooter = React.forwardRef(function (_a, ref) {
|
|
16
15
|
var children = _a.children, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["children", "backgroundColor", "testId"]);
|
|
17
|
-
var boxRadius = 6;
|
|
18
|
-
var highlighted = React.useContext(BoxContext).highlighted;
|
|
19
16
|
var styles = memoStyles({
|
|
20
17
|
boxFooter: {
|
|
21
18
|
padding: 12,
|
|
22
19
|
justifyContent: 'center',
|
|
23
20
|
backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : 'transparent',
|
|
24
|
-
borderBottomLeftRadius: highlighted ? 0 : boxRadius,
|
|
25
|
-
borderBottomRightRadius: boxRadius,
|
|
26
|
-
marginLeft: highlighted ? 4 : 0,
|
|
27
21
|
},
|
|
28
22
|
});
|
|
29
23
|
return (React.createElement(View, __assign({ ref: ref, style: [styles.boxFooter], testID: testId }, others), children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
|
|
30
24
|
});
|
|
31
25
|
BoxFooter.displayName = ComponentName.BoxFooter;
|
|
32
26
|
export default BoxFooter;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94Rm9vdGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2Zvb3Rlci9Cb3hGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDekMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBR2pEOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBZ0QsRUFBRSxHQUFHO0lBQW5ELElBQUEsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUMseUNBQWdELENBQUY7SUFDN0MsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLFNBQVMsRUFBRTtZQUNULE9BQU8sRUFBRSxFQUFFO1lBQ1gsY0FBYyxFQUFFLFFBQVE7WUFDeEIsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhO1NBQ2xGO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxNQUFNLEVBQUUsTUFBTSxJQUFNLE1BQU0sR0FDbEUsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxRQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQzNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
|