@trilogy-ds/react 4.19.0 → 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 +6 -4
- package/lib/components/accordion/item/AccordionItem.native.js +8 -6
- package/lib/components/accordion/item/body/AccordionBody.native.js +4 -3
- package/lib/components/accordion/item/header/AccordionHeader.native.js +4 -3
- package/lib/components/alert/Alert.native.js +8 -6
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +6 -4
- package/lib/components/badge/Badge.native.js +7 -5
- package/lib/components/box/Box.js +3 -3
- package/lib/components/box/Box.native.js +31 -44
- 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 +8 -14
- 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 +4 -9
- package/lib/components/box/header/BoxHeader.native.js +6 -18
- package/lib/components/box/item/BoxItem.native.js +4 -3
- package/lib/components/box/table-container/BoxTableContainer.native.js +4 -3
- package/lib/components/button/Button.native.js +6 -4
- package/lib/components/calendar/Calendar.native.js +16 -15
- package/lib/components/card/Card.js +3 -3
- package/lib/components/card/Card.native.js +7 -5
- package/lib/components/card/CardProps.d.ts +2 -0
- package/lib/components/card/CardPropsDefaults.js +16 -0
- package/lib/components/card/content/CardContent.native.js +4 -3
- package/lib/components/card/image/CardImage.native.js +5 -5
- package/lib/components/checkbox/Checkbox.native.js +4 -3
- package/lib/components/checkbox/list/CheckboxList.native.js +3 -3
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +4 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +8 -6
- package/lib/components/chips/Chips.native.js +6 -4
- package/lib/components/chips/list/ChipsList.native.js +4 -3
- package/lib/components/columns/column/Column.native.js +3 -3
- 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 +6 -4
- package/lib/components/datepicker/DatePicker.native.js +13 -13
- package/lib/components/divider/Divider.native.js +6 -3
- package/lib/components/fab/Fab.native.d.ts +3 -3
- package/lib/components/fab/Fab.native.js +24 -22
- package/lib/components/flex-box/FlexBox.native.js +4 -3
- package/lib/components/hero/Hero.native.js +4 -3
- package/lib/components/icon/Icon.native.js +23 -15
- package/lib/components/image/Image.native.js +5 -5
- package/lib/components/input/Input.native.js +6 -4
- package/lib/components/input/gauge/InputGauge.native.js +4 -3
- package/lib/components/link/Link.native.js +4 -3
- package/lib/components/list/item/ListItem.native.js +4 -3
- package/lib/components/modal/Modal.native.js +13 -6
- package/lib/components/modal/body/ModalBody.native.js +6 -2
- package/lib/components/modal/footer/ModalFooter.native.js +8 -4
- package/lib/components/otp/Otp.native.js +4 -3
- package/lib/components/pagination/Pagination.native.js +7 -5
- package/lib/components/popover/Popover.native.js +6 -4
- package/lib/components/price/Price.native.js +4 -3
- package/lib/components/progress/Progress.native.js +4 -3
- package/lib/components/progress/radial/ProgressRadial.native.js +4 -3
- package/lib/components/prompt/Prompt.native.js +6 -6
- package/lib/components/prompt/files/PromptFiles.native.js +4 -3
- package/lib/components/prompt/files/file/PromptFile.native.js +4 -3
- package/lib/components/prompt/toolbar/PromptToolbar.native.js +4 -3
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.js +3 -3
- package/lib/components/prompt/toolbar/submit/PromptSubmit.js +2 -2
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.js +6 -4
- package/lib/components/prompt/toolbar/tools/PromptTools.native.js +4 -3
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.js +4 -3
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.js +3 -3
- package/lib/components/radio/Radio.native.js +4 -3
- package/lib/components/radio/list/RadioList.native.js +3 -3
- package/lib/components/radio/tiles/RadioTiles.native.js +4 -3
- package/lib/components/radio/tiles/tile/RadioTile.native.js +9 -7
- package/lib/components/range/Range.native.js +6 -4
- package/lib/components/rows/Rows.native.js +4 -3
- package/lib/components/rows/row/Row.native.js +4 -3
- package/lib/components/scroll-view/ScrollView.native.js +4 -3
- package/lib/components/section/Section.native.js +4 -3
- package/lib/components/segment-control/SegmentControl.native.js +5 -4
- package/lib/components/segment-control/item/SegmentControlItem.native.js +6 -4
- package/lib/components/select/option/SelectOption.native.js +4 -3
- package/lib/components/spacer/Spacer.native.d.ts +1 -1
- package/lib/components/spacer/Spacer.native.js +4 -3
- package/lib/components/stepper/Stepper.native.js +4 -3
- package/lib/components/stepper/step/Step.native.js +3 -2
- package/lib/components/sticker/Sticker.native.js +6 -7
- package/lib/components/switch/Switch.native.js +4 -3
- package/lib/components/table/Table.native.js +4 -3
- package/lib/components/table/body/TableBody.native.d.ts +1 -1
- package/lib/components/table/body/TableBody.native.js +4 -3
- package/lib/components/table/head/TableHead.native.d.ts +1 -1
- package/lib/components/table/head/TableHead.native.js +4 -3
- package/lib/components/table/td/TableTd.native.d.ts +1 -1
- package/lib/components/table/td/TableTd.native.js +4 -3
- package/lib/components/table/th/TableTh.native.js +3 -3
- package/lib/components/table/tr/TableTr.native.js +4 -3
- package/lib/components/tabs/tab-list/TabList.native.js +4 -3
- package/lib/components/tabs/tab-list/tab/Tab.native.js +4 -3
- package/lib/components/tabs/tab-panels/TabPanels.native.js +4 -3
- package/lib/components/tag/Tag.native.js +6 -4
- package/lib/components/tag/list/TagList.native.js +4 -3
- package/lib/components/text/Text.native.js +4 -3
- package/lib/components/textarea/Textarea.native.js +6 -4
- package/lib/components/timeline/Timeline.native.d.ts +1 -1
- package/lib/components/timeline/Timeline.native.js +4 -3
- package/lib/components/timeline/content/TimelineContent.native.js +4 -3
- package/lib/components/timeline/item/TimelineItem.native.js +4 -3
- package/lib/components/timeline/marker/TimelineMarker.native.js +6 -3
- package/lib/components/title/Title.native.js +4 -3
- package/lib/components/view/View.native.js +4 -3
- package/lib/constants/theme.d.ts +9 -0
- package/lib/constants/theme.js +10 -0
- package/lib/helpers/memoStyles.d.ts +9 -0
- package/lib/helpers/memoStyles.js +18 -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 +2 -2
- package/package.json +1 -1
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { memoStyles } from '../../helpers/memoStyles';
|
|
6
|
+
import { Theme } from '../../constants/theme';
|
|
5
7
|
/**
|
|
6
8
|
* Accordion Component
|
|
7
9
|
* @param children {React.ReactNode} Accordion items (AccordionItem components)
|
|
@@ -11,15 +13,15 @@ import { StyleSheet, View } from 'react-native';
|
|
|
11
13
|
*/
|
|
12
14
|
var Accordion = React.forwardRef(function (_a, ref) {
|
|
13
15
|
var testId = _a.testId, others = __rest(_a, ["testId"]);
|
|
14
|
-
var styles =
|
|
16
|
+
var styles = memoStyles({
|
|
15
17
|
accordion: {
|
|
16
18
|
width: '100%',
|
|
17
19
|
minHeight: 10,
|
|
18
|
-
borderRadius:
|
|
20
|
+
borderRadius: Theme.radius.md,
|
|
19
21
|
},
|
|
20
22
|
});
|
|
21
23
|
return React.createElement(View, __assign({ ref: ref, testID: testId, style: styles.accordion }, others));
|
|
22
24
|
});
|
|
23
25
|
Accordion.displayName = ComponentName.Accordion;
|
|
24
26
|
export default Accordion;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDakQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXpDOzs7Ozs7R0FNRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFDLFVBQUMsRUFBcUIsRUFBRSxHQUFHO0lBQXhCLElBQUEsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFuQixVQUFxQixDQUFGO0lBQ3pGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQztRQUN4QixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxFQUFFO1lBQ2IsWUFBWSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtTQUM5QjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNoRixDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -5,7 +5,9 @@ import { IconName } from '../../../components/icon/IconNameEnum';
|
|
|
5
5
|
import { Spacer, SpacerSize } from '../../../components/spacer';
|
|
6
6
|
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
7
7
|
import React, { isValidElement, useEffect, useRef, useState } from 'react';
|
|
8
|
-
import { Animated, Easing,
|
|
8
|
+
import { Animated, Easing, TouchableWithoutFeedback, View } from 'react-native';
|
|
9
|
+
import { memoStyles } from '../../../helpers/memoStyles';
|
|
10
|
+
import { Theme } from '../../../constants/theme';
|
|
9
11
|
/**
|
|
10
12
|
* Accordion Item Component
|
|
11
13
|
* @param active {boolean} Active Accordion Item
|
|
@@ -25,17 +27,17 @@ var AccordionItem = React.forwardRef(function (_a, ref) {
|
|
|
25
27
|
header: undefined,
|
|
26
28
|
body: undefined,
|
|
27
29
|
}), 2), childs = _d[0], setChilds = _d[1];
|
|
28
|
-
var styles =
|
|
30
|
+
var styles = memoStyles({
|
|
29
31
|
item: {
|
|
30
32
|
width: '100%',
|
|
31
33
|
padding: 5,
|
|
32
|
-
borderRadius:
|
|
34
|
+
borderRadius: Theme.radius.md,
|
|
33
35
|
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
|
|
34
36
|
borderWidth: 1,
|
|
35
37
|
borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || getColorStyle(TrilogyColor.STROKE_FADE),
|
|
36
38
|
},
|
|
37
39
|
bodyBackground: {
|
|
38
|
-
borderRadius:
|
|
40
|
+
borderRadius: Theme.radius.md,
|
|
39
41
|
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
40
42
|
overflow: 'hidden',
|
|
41
43
|
},
|
|
@@ -57,7 +59,7 @@ var AccordionItem = React.forwardRef(function (_a, ref) {
|
|
|
57
59
|
paddingRight: 10,
|
|
58
60
|
position: 'absolute',
|
|
59
61
|
bottom: 0,
|
|
60
|
-
borderRadius:
|
|
62
|
+
borderRadius: Theme.radius.md,
|
|
61
63
|
left: 0,
|
|
62
64
|
right: 0,
|
|
63
65
|
},
|
|
@@ -139,4 +141,4 @@ var AccordionItem = React.forwardRef(function (_a, ref) {
|
|
|
139
141
|
});
|
|
140
142
|
AccordionItem.displayName = ComponentName.AccordionItem;
|
|
141
143
|
export default AccordionItem;
|
|
142
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSx3QkFBd0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRWpELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQU96Qzs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQTRELEVBQUUsR0FBRztJQUEvRCxJQUFBLElBQUksVUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBMUQsMkRBQTRELENBQUY7SUFDbkQsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FBVSxPQUFPLENBQUMsT0FBTyxJ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
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { memoStyles } from '../../../../helpers/memoStyles';
|
|
5
6
|
/**
|
|
6
7
|
* Accordion Body Component
|
|
7
8
|
* @param children {React.ReactNode} Children for Accordion body
|
|
@@ -10,11 +11,11 @@ import { StyleSheet, View } from 'react-native';
|
|
|
10
11
|
*/
|
|
11
12
|
var AccordionBody = React.forwardRef(function (_a, ref) {
|
|
12
13
|
var children = _a.children, testId = _a.testId, others = __rest(_a, ["children", "testId"]);
|
|
13
|
-
var styles =
|
|
14
|
+
var styles = memoStyles({
|
|
14
15
|
accordionBody: {},
|
|
15
16
|
});
|
|
16
17
|
return (React.createElement(View, __assign({ ref: ref, style: [styles.accordionBody], testID: testId }, others), children));
|
|
17
18
|
});
|
|
18
19
|
AccordionBody.displayName = ComponentName.AccordionBody;
|
|
19
20
|
export default AccordionBody;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvQWNjb3JkaW9uQm9keS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFHakQ7Ozs7O0dBS0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQStCLEVBQUUsR0FBRztJQUFsQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0Isc0JBQStCLENBQUY7SUFDNUIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLGFBQWEsRUFBRSxFQUFFO0tBQ2xCLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBTSxNQUFNLEdBQ3RFLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUV2RCxlQUFlLGFBQWEsQ0FBQSJ9
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { memoStyles } from '../../../../helpers/memoStyles';
|
|
4
5
|
/**
|
|
5
6
|
* Accordion Header
|
|
6
7
|
* @param children {React.ReactNode} Header content
|
|
@@ -9,7 +10,7 @@ import { StyleSheet, View } from 'react-native';
|
|
|
9
10
|
*/
|
|
10
11
|
var AccordionHeader = React.forwardRef(function (_a, ref) {
|
|
11
12
|
var children = _a.children;
|
|
12
|
-
var styles =
|
|
13
|
+
var styles = memoStyles({
|
|
13
14
|
header: {
|
|
14
15
|
maxWidth: '95%',
|
|
15
16
|
minWidth: '95%',
|
|
@@ -20,4 +21,4 @@ var AccordionHeader = React.forwardRef(function (_a, ref) {
|
|
|
20
21
|
});
|
|
21
22
|
AccordionHeader.displayName = ComponentName.AccordionHeader;
|
|
22
23
|
export default AccordionHeader;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vaGVhZGVyL0FjY29yZGlvbkhlYWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ25DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUdqRDs7Ozs7R0FLRztBQUNILElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3RDLFVBQUMsRUFBWSxFQUFFLEdBQUc7UUFBZixRQUFRLGNBQUE7SUFDVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUM7UUFDeEIsTUFBTSxFQUFFO1lBQ04sUUFBUSxFQUFFLEtBQUs7WUFDZixRQUFRLEVBQUUsS0FBSztZQUNmLEtBQUssRUFBRSxLQUFLO1NBQ2I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLElBQ2pDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUUzRCxlQUFlLGVBQWUsQ0FBQSJ9
|
|
@@ -9,11 +9,13 @@ import { View } from '../../components/view';
|
|
|
9
9
|
import { Alignable, TrilogyColor, TypographyBold } from '../../objects';
|
|
10
10
|
import { getStatusIconName, getStatusStyle } from '../../objects/facets/Status';
|
|
11
11
|
import * as React from 'react';
|
|
12
|
-
import {
|
|
12
|
+
import { TouchableOpacity } from 'react-native';
|
|
13
|
+
import { memoStyles } from '../../helpers/memoStyles';
|
|
13
14
|
import LibToast from 'react-native-toast-message';
|
|
14
15
|
import { Row, Rows } from '../rows';
|
|
15
16
|
import { ToasterAlertPosition } from './AlertProps';
|
|
16
17
|
import ToasterContext from './context';
|
|
18
|
+
import { Theme } from '../../constants/theme';
|
|
17
19
|
/**
|
|
18
20
|
* Function call by context for showing toast
|
|
19
21
|
* @param params {ToasterShowContext}
|
|
@@ -44,7 +46,7 @@ var Alert = React.forwardRef(function (_a, ref) {
|
|
|
44
46
|
var banner = _a.banner, status = _a.status, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, others = __rest(_a, ["banner", "status", "iconName", "title", "description", "onClick", "display"]);
|
|
45
47
|
var _c = getStatusStyle(status), color = _c.color, backgroundColor = _c.backgroundColor;
|
|
46
48
|
var alertView;
|
|
47
|
-
var styles =
|
|
49
|
+
var styles = memoStyles({
|
|
48
50
|
container: {
|
|
49
51
|
width: '100%',
|
|
50
52
|
paddingTop: 12,
|
|
@@ -52,7 +54,7 @@ var Alert = React.forwardRef(function (_a, ref) {
|
|
|
52
54
|
paddingBottom: 12,
|
|
53
55
|
borderWidth: banner ? 0 : 1,
|
|
54
56
|
backgroundColor: backgroundColor,
|
|
55
|
-
borderRadius: banner ? 0 :
|
|
57
|
+
borderRadius: banner ? 0 : Theme.radius.md,
|
|
56
58
|
alignItems: 'baseline',
|
|
57
59
|
textAlign: banner ? 'center' : 'left',
|
|
58
60
|
paddingLeft: 12,
|
|
@@ -100,7 +102,7 @@ export var ToasterAlert = function (_a) {
|
|
|
100
102
|
var props = _a.props;
|
|
101
103
|
var title = props.title, description = props.description, iconName = props.iconName, status = props.status, closable = props.closable, onClick = props.onClick;
|
|
102
104
|
var _b = getStatusStyle(status), color = _b.color, backgroundColor = _b.backgroundColor;
|
|
103
|
-
var styles =
|
|
105
|
+
var styles = memoStyles({
|
|
104
106
|
toaster: {
|
|
105
107
|
padding: 24,
|
|
106
108
|
},
|
|
@@ -109,7 +111,7 @@ export var ToasterAlert = function (_a) {
|
|
|
109
111
|
borderColor: color,
|
|
110
112
|
backgroundColor: backgroundColor,
|
|
111
113
|
padding: 14,
|
|
112
|
-
borderRadius:
|
|
114
|
+
borderRadius: Theme.radius.md,
|
|
113
115
|
},
|
|
114
116
|
});
|
|
115
117
|
return (React.createElement(View, { style: styles.toaster },
|
|
@@ -146,4 +148,4 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
146
148
|
};
|
|
147
149
|
Alert.displayName = ComponentName.Alert;
|
|
148
150
|
export default Alert;
|
|
149
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
151
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMzRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ25DLE9BQU8sRUFBOEIsb0JBQW9CLEVBQXNCLE1BQU0sY0FBYyxDQUFBO0FBQ25HLE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUV0QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFekM7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQXVCLFVBQUMsTUFBMEI7SUFDdkQsSUFBQSxRQUFRLEdBQXdGLE1BQU0sU0FBOUYsRUFBRSxRQUFRLEdBQThFLE1BQU0sU0FBcEYsRUFBRSxNQUFNLEdBQXNFLE1BQU0sT0FBNUUsRUFBRSxLQUFLLEdBQStELE1BQU0sTUFBckUsRUFBRSxXQUFXLEdBQWtELE1BQU0sWUFBeEQsRUFBRSxPQUFPLEdBQXlDLE1BQU0sUUFBL0MsRUFBRSxRQUFRLEdBQStCLE1BQU0sU0FBckMsRUFBRSxNQUFNLEdBQXVCLE1BQU0sT0FBN0IsRUFBRSxRQUFRLEdBQWEsTUFBTSxTQUFuQixFQUFFLE1BQU0sR0FBSyxNQUFNLE9BQVgsQ0FBVztJQUU5RyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQ1osSUFBSSxFQUFFLGFBQWE7UUFDbkIsUUFBUSxFQUFFLFFBQVEsSUFBSSxvQkFBb0IsQ0FBQyxNQUFNO1FBQ2pELFlBQVksRUFBRSxNQUFNLElBQUksRUFBRTtRQUMxQixTQUFTLEVBQUUsTUFBTSxJQUFJLEVBQUU7UUFDdkIsY0FBYyxFQUFFLFFBQVEsSUFBSSxJQUFJO1FBQ2hDLE1BQU0sUUFBQTtRQUNOLEtBQUssRUFBRSxFQUFFLEtBQUssT0FBQSxFQUFFLFdBQVcsYUFBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLEtBQUssT0FBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLE1BQU0sUUFBQSxFQUFFO0tBQzFFLENBQUMsQ0FBQTtBQUNKLENBQUMsQ0FBQTtBQUVEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQUMsRUFBb0YsRUFBRSxHQUFHO0lBQXZGLElBQUEsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUFLLE1BQU0sY0FBbEYsOEVBQW9GLENBQUY7SUFDM0UsSUFBQSxLQUE2QixjQUFjLENBQUMsTUFBTSxDQUFDLEVBQWpELEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQTJCLENBQUE7SUFDekQsSUFBSSxTQUFzQixDQUFBO0lBRTFCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQztRQUN4QixTQUFTLEVBQUU7WUFDVCxLQUFLLEVBQUUsTUFBTTtZQUNiLFVBQVUsRUFBRSxFQUFFO1lBQ2QsV0FBVyxFQUFFLE1BQU0sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsZUFBZTtZQUMzRCxhQUFhLEVBQUUsRUFBRTtZQUNqQixXQUFXLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDM0IsZUFBZSxFQUFFLGVBQWU7WUFDaEMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDMUMsVUFBVSxFQUFFLFVBQVU7WUFDdEIsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQ3JDLFdBQVcsRUFBRSxFQUFFO1lBQ2YsWUFBWSxFQUFFLEVBQUU7U0FDakI7UUFDRCxXQUFXLEVBQUU7WUFDWCxjQUFjLEVBQUUsUUFBUTtZQUN4QixpQkFBaUIsRUFBRSxRQUFRO1lBQzNCLFdBQVcsRUFBRSxDQUFDO1NBQ2Y7UUFDRCxjQUFjLEVBQUU7WUFDZCxXQUFXLEVBQUUsQ0FBQztZQUNkLFVBQVUsRUFBRSxNQUFNO1NBQ25CO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsd0NBQXdDO0lBQ3hDLFNBQVMsR0FBRyxDQUNWLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUFHLE1BQWMsQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLEVBQUUsR0FBRztRQUM5RCxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxhQUFhLEVBQUUsU0FBUyxDQUFDLGFBQWE7WUFDckQsb0JBQUMsTUFBTSxJQUFDLE1BQU07Z0JBQ1osb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUMsRUFBRTtvQkFDNUIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxFQUFFLE1BQU0sSUFBSSxZQUFZLENBQUMsSUFBSSxHQUFJLENBQzlGLENBQ0E7WUFDVCxvQkFBQyxNQUFNO2dCQUNMLG9CQUFDLElBQUksZUFBSyxFQUFFLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUUsRUFBRSxJQUFFLEdBQUcsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztvQkFDNUQsb0JBQUMsR0FBRzt3QkFDRixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxjQUFjLENBQUMsb0JBQW9CLElBQ25HLEtBQUssQ0FDRCxDQUNIO29CQUNMLFdBQVcsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxHQUFHLEdBQUk7b0JBQ2hELG9CQUFDLEdBQUcsUUFDRCxXQUFXLElBQUksT0FBTyxXQUFXLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUMxRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxXQUFXLElBQ25ELFdBQVcsQ0FDUCxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsV0FBVyxJQUFHLFdBQVcsQ0FBUSxDQUN0RCxDQUNHLENBQ0QsQ0FDQSxDQUNELENBQ0wsQ0FDUixDQUFBO0lBRUQsSUFBSSxPQUFPLElBQUksT0FBTztRQUNwQixPQUFPLENBQ0wsb0JBQUMsSUFBSTtZQUNILG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLElBQUksSUFDcEQsU0FBUyxDQUNPLENBQ2QsQ0FDUixDQUFBO0lBRUgsSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPO1FBQUUsT0FBTyxTQUFTLENBQUE7SUFFekMsT0FBTyxvQkFBQyxJQUFJLE9BQUcsQ0FBQTtBQUNqQixDQUFDLENBQ0YsQ0FBQTtBQUVEOzs7Ozs7OztHQVFHO0FBQ0gsTUFBTSxDQUFDLElBQU0sWUFBWSxHQUE0QyxVQUFDLEVBQVM7UUFBUCxLQUFLLFdBQUE7SUFDbkUsSUFBQSxLQUFLLEdBQXVELEtBQUssTUFBNUQsRUFBRSxXQUFXLEdBQTBDLEtBQUssWUFBL0MsRUFBRSxRQUFRLEdBQWdDLEtBQUssU0FBckMsRUFBRSxNQUFNLEdBQXdCLEtBQUssT0FBN0IsRUFBRSxRQUFRLEdBQWMsS0FBSyxTQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVTtJQUNuRSxJQUFBLEtBQTZCLGNBQWMsQ0FBQyxNQUFNLENBQUMsRUFBakQsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBMkIsQ0FBQTtJQUV6RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUM7UUFDeEIsT0FBTyxFQUFFO1lBQ1AsT0FBTyxFQUFFLEVBQUU7U0FDWjtRQUNELGdCQUFnQixFQUFFO1lBQ2hCLFdBQVcsRUFBRSxDQUFDO1lBQ2QsV0FBVyxFQUFFLEtBQUs7WUFDbEIsZUFBZSxFQUFFLGVBQWU7WUFDaEMsT0FBTyxFQUFFLEVBQUU7WUFDWCxZQUFZLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1NBQzlCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU87UUFDekIsb0JBQUMsZ0JBQWdCLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsT0FBTztZQUNoRSxvQkFBQyxPQUFPO2dCQUNOLG9CQUFDLE1BQU0sSUFBQyxJQUFJLEVBQUUsQ0FBQyxJQUFHLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxJQUFJLFlBQVksQ0FBQyxJQUFJLEdBQUksQ0FBVTtnQkFDcEcsb0JBQUMsTUFBTTtvQkFDSixLQUFLLElBQUksb0JBQUMsS0FBSyxJQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsR0FBRyxJQUFHLEtBQUssQ0FBUztvQkFDdkQsV0FBVyxJQUFJLENBQ2Q7d0JBQ0Usb0JBQUMsTUFBTSxJQUFDLElBQUksRUFBRSxVQUFVLENBQUMsR0FBRyxHQUFJO3dCQUNoQyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLElBQUcsV0FBVyxDQUFRLENBQ2xELENBQ0osQ0FDTTtnQkFDUixRQUFRLElBQUksQ0FDWCxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLENBQUM7b0JBQ2Isb0JBQUMsZ0JBQWdCLElBQ2YsT0FBTyxFQUFFLFVBQUMsQ0FBQzs0QkFDVCxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUE7NEJBQ2YsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFBO3dCQUNiLENBQUM7d0JBRUQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxHQUFJLENBQ25DLENBQ1osQ0FDVixDQUNPLENBQ08sQ0FDZCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRDs7Ozs7O0dBTUc7QUFDSCxNQUFNLENBQUMsSUFBTSxvQkFBb0IsR0FBRyxVQUFDLEVBQWdDO1FBQTlCLFFBQVEsY0FBQTtJQUM3QyxJQUFNLFdBQVcsR0FBRztRQUNsQixXQUFXLEVBQUUsWUFBWTtLQUMxQixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLElBQUksRUFBRTtRQUNyRSxRQUFRO1FBQ1Qsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxXQUFXLEdBQUksQ0FDVCxDQUMzQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { FlatList
|
|
2
|
+
import { FlatList } from 'react-native';
|
|
3
|
+
import { memoStyles } from '../../../helpers/memoStyles';
|
|
3
4
|
import { TrilogyColor, getColorStyle } from '../../../objects';
|
|
4
5
|
import AutoCompleteItemNative from '../../../components/autocomplete/item/AutoCompleteIem.native';
|
|
6
|
+
import { Theme } from '../../../constants/theme';
|
|
5
7
|
/**
|
|
6
8
|
* AutoCompleteMenu Component
|
|
7
9
|
* @param children {ReactNode} Children
|
|
@@ -12,13 +14,13 @@ import AutoCompleteItemNative from '../../../components/autocomplete/item/AutoCo
|
|
|
12
14
|
*/
|
|
13
15
|
var AutoCompleteMenuNative = function (_a) {
|
|
14
16
|
var suggestions = _a.suggestions, handleSelectItem = _a.handleSelectItem;
|
|
15
|
-
var styles =
|
|
17
|
+
var styles = memoStyles({
|
|
16
18
|
list: {
|
|
17
19
|
marginTop: 6,
|
|
18
20
|
marginBottom: 6,
|
|
19
21
|
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
20
22
|
borderWidth: 1,
|
|
21
|
-
borderRadius:
|
|
23
|
+
borderRadius: Theme.radius.md,
|
|
22
24
|
borderColor: getColorStyle(TrilogyColor.STROKE),
|
|
23
25
|
width: '100%',
|
|
24
26
|
maxHeight: 165,
|
|
@@ -36,4 +38,4 @@ var AutoCompleteMenuNative = function (_a) {
|
|
|
36
38
|
}, keyExtractor: function (item, index) { return String(index); } }));
|
|
37
39
|
};
|
|
38
40
|
export default AutoCompleteMenuNative;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L0F1dG9Db21wbGV0ZU1lbnUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLHNCQUFzQixNQUFNLHVEQUF1RCxDQUFBO0FBRTFGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV6Qzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxzQkFBc0IsR0FBRyxVQUFDLEVBQXdEO1FBQXRELFdBQVcsaUJBQUEsRUFBRSxnQkFBZ0Isc0JBQUE7SUFDN0QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxDQUFDO1lBQ1osWUFBWSxFQUFFLENBQUM7WUFDZixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUM7WUFDdkQsV0FBVyxFQUFFLENBQUM7WUFDZCxZQUFZLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzdCLFdBQVcsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQztZQUMvQyxLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxHQUFHO1lBQ2QsUUFBUSxFQUFFLENBQUM7U0FDWjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLElBQ1AseUJBQXlCLEVBQUMsU0FBUyxFQUNuQyxtQkFBbUIsUUFDbkIsYUFBYSxFQUFFLElBQUksRUFDbkIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQ2xCLElBQUksRUFBRSxXQUFXLEVBQ2pCLFVBQVUsRUFBRSxVQUFDLEVBQVE7Z0JBQU4sSUFBSSxVQUFBO1lBQ2pCLE9BQUEsc0JBQXNCLENBQUM7Z0JBQ3JCLElBQUksRUFBRSxJQUFJO2dCQUNWLFFBQVEsRUFBRTtvQkFDUixnQkFBZ0IsSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQTtnQkFDNUMsQ0FBQzthQUNGLENBQUM7UUFMRixDQUtFLEVBRUosWUFBWSxFQUFFLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBYixDQUFhLEdBQzVDLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsc0JBQXNCLENBQUEifQ==
|
|
@@ -5,7 +5,9 @@ import { Icon, IconColor, IconName, IconSize } from '../../components/icon';
|
|
|
5
5
|
import { StatusState } from '../../objects';
|
|
6
6
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
7
|
import React from 'react';
|
|
8
|
-
import {
|
|
8
|
+
import { Text, TouchableOpacity, View } from 'react-native';
|
|
9
|
+
import { memoStyles } from '../../helpers/memoStyles';
|
|
10
|
+
import { Theme } from '../../constants/theme';
|
|
9
11
|
/**
|
|
10
12
|
* Badge Component
|
|
11
13
|
* @param children {React.ReactNode} Content inside the badge (e.g. Icon)
|
|
@@ -22,7 +24,7 @@ var Badge = React.forwardRef(function (_a, ref) {
|
|
|
22
24
|
var children = _a.children, label = _a.label, onClick = _a.onClick, testId = _a.testId, variant = _a.variant, inverted = _a.inverted, position = _a.position, status = _a.status, others = __rest(_a, ["children", "label", "onClick", "testId", "variant", "inverted", "position", "status"]);
|
|
23
25
|
var badgeColor = getColorStyle(variant || TrilogyColor.MAIN);
|
|
24
26
|
var textColor = getColorStyle(TrilogyColor.BACKGROUND);
|
|
25
|
-
var styles =
|
|
27
|
+
var styles = memoStyles({
|
|
26
28
|
container: {
|
|
27
29
|
flexDirection: 'row',
|
|
28
30
|
},
|
|
@@ -31,7 +33,7 @@ var Badge = React.forwardRef(function (_a, ref) {
|
|
|
31
33
|
minWidth: label ? 20 : 10,
|
|
32
34
|
height: label ? 20 : 10,
|
|
33
35
|
backgroundColor: !inverted ? badgeColor : getColorStyle(TrilogyColor.BACKGROUND),
|
|
34
|
-
borderRadius:
|
|
36
|
+
borderRadius: Theme.radius.full,
|
|
35
37
|
justifyContent: 'center',
|
|
36
38
|
alignItems: 'center',
|
|
37
39
|
},
|
|
@@ -51,7 +53,7 @@ var Badge = React.forwardRef(function (_a, ref) {
|
|
|
51
53
|
backgroundColor: 'white',
|
|
52
54
|
width: 16,
|
|
53
55
|
minHeight: 16,
|
|
54
|
-
borderRadius:
|
|
56
|
+
borderRadius: Theme.radius.full,
|
|
55
57
|
},
|
|
56
58
|
iconStatusPositionTopLeft: {
|
|
57
59
|
top: -4,
|
|
@@ -114,4 +116,4 @@ var Badge = React.forwardRef(function (_a, ref) {
|
|
|
114
116
|
});
|
|
115
117
|
Badge.displayName = ComponentName.Badge;
|
|
116
118
|
export default Badge;
|
|
117
|
-
//# 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,10 +1,12 @@
|
|
|
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
|
|
7
|
-
import
|
|
6
|
+
import { getRadius, Radius } from '../../objects/facets/Radius';
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ImageBackground, Platform, TouchableOpacity, View } from 'react-native';
|
|
9
|
+
import { memoStyles } from '../../helpers/memoStyles';
|
|
8
10
|
import { Skeleton } from '../skeleton';
|
|
9
11
|
/**
|
|
10
12
|
* Box Component
|
|
@@ -24,13 +26,10 @@ import { Skeleton } from '../skeleton';
|
|
|
24
26
|
* @param fullheight {boolean} Full height box
|
|
25
27
|
*/
|
|
26
28
|
var Box = React.forwardRef(function (_a, ref) {
|
|
27
|
-
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"]);
|
|
28
30
|
var colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var _d = __read(useState(false), 2), header = _d[0], setHeader = _d[1];
|
|
32
|
-
var boxRadius = 6;
|
|
33
|
-
var styles = StyleSheet.create({
|
|
31
|
+
var boxRadius = getRadius(radius !== null && radius !== void 0 ? radius : Radius.LG);
|
|
32
|
+
var styles = memoStyles({
|
|
34
33
|
box: {
|
|
35
34
|
width: '100%',
|
|
36
35
|
backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
|
|
@@ -42,6 +41,8 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
42
41
|
borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.STROKE_FADE),
|
|
43
42
|
marginTop: headerOffset ? 35 : 0,
|
|
44
43
|
flex: fullheight ? 1 : 0,
|
|
44
|
+
borderLeftWidth: highlighted ? 4 : undefined,
|
|
45
|
+
borderLeftColor: highlighted ? getColorStyle(highlighted) : undefined,
|
|
45
46
|
},
|
|
46
47
|
shadow: shadowless
|
|
47
48
|
? {}
|
|
@@ -62,24 +63,12 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
62
63
|
overflow: 'hidden',
|
|
63
64
|
borderRadius: boxRadius,
|
|
64
65
|
},
|
|
65
|
-
highlighted: {
|
|
66
|
-
position: 'absolute',
|
|
67
|
-
width: 4,
|
|
68
|
-
borderTopStartRadius: 4,
|
|
69
|
-
borderBottomStartRadius: 4,
|
|
70
|
-
height: boxHeight,
|
|
71
|
-
backgroundColor: highlighted ? getColorStyle(highlighted) : 'transparent',
|
|
72
|
-
overflow: 'hidden',
|
|
73
|
-
},
|
|
74
66
|
boxImage: {
|
|
75
67
|
width: '100%',
|
|
76
68
|
minHeight: 100,
|
|
77
69
|
maxHeight: 300,
|
|
78
70
|
height: 'auto',
|
|
79
71
|
},
|
|
80
|
-
content: {
|
|
81
|
-
padding: 16,
|
|
82
|
-
},
|
|
83
72
|
});
|
|
84
73
|
var boxTestId = testId !== null && testId !== void 0 ? testId : 'NotSpecified';
|
|
85
74
|
var BoxSkeleton = function () { return (React.createElement(Skeleton, { style: styles.skeleton, width: '100%', height: 50, borderRadius: boxRadius, testID: 'skeleton' }, children)); };
|
|
@@ -89,31 +78,29 @@ var Box = React.forwardRef(function (_a, ref) {
|
|
|
89
78
|
if (onClick) {
|
|
90
79
|
return (React.createElement(BoxContext.Provider, { value: {
|
|
91
80
|
fullHeight: fullheight || false,
|
|
92
|
-
highlighted: highlighted,
|
|
93
|
-
numberOfContent: numberOfContent,
|
|
94
|
-
header: header,
|
|
95
|
-
setHeader: setHeader,
|
|
96
|
-
setNumberOfContent: setNumberOfContent,
|
|
97
81
|
} },
|
|
98
|
-
React.createElement(
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
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)))))));
|
|
106
91
|
}
|
|
107
|
-
return (React.createElement(BoxContext.Provider, { value: {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
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))))));
|
|
116
103
|
});
|
|
117
104
|
Box.displayName = ComponentName.Box;
|
|
118
105
|
export default Box;
|
|
119
|
-
//# 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": [
|