@trilogy-ds/react 4.19.0 → 4.20.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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.d.ts +2 -0
- package/lib/components/box/Box.js +5 -3
- package/lib/components/box/Box.native.d.ts +2 -0
- package/lib/components/box/Box.native.js +35 -44
- package/lib/components/box/BoxProps.d.ts +4 -0
- package/lib/components/box/BoxPropsDefaults.js +40 -0
- package/lib/components/box/content/BoxContent.native.js +10 -15
- package/lib/components/box/context/boxContext.d.ts +2 -6
- package/lib/components/box/context/boxContext.js +2 -10
- package/lib/components/box/footer/BoxFooter.native.js +7 -9
- package/lib/components/box/header/BoxHeader.native.js +9 -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 +2 -1
- package/lib/components/container/Container.js +5 -4
- package/lib/components/container/ContainerProps.d.ts +7 -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/Padding.d.ts +12 -0
- package/lib/objects/facets/Padding.js +37 -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
|
@@ -24,12 +24,12 @@ export var CardContext = createContext({ horizontal: false });
|
|
|
24
24
|
* @param testId {string} Test Id for Test Integration
|
|
25
25
|
*/
|
|
26
26
|
var Card = React.forwardRef(function (_a, ref) {
|
|
27
|
-
var className = _a.className, id = _a.id, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, href = _a.href, fullheight = _a.fullheight, active = _a.active, testId = _a.testId, others = __rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active", "testId"]);
|
|
27
|
+
var className = _a.className, id = _a.id, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, href = _a.href, fullheight = _a.fullheight, active = _a.active, testId = _a.testId, radius = _a.radius, others = __rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active", "testId", "radius"]);
|
|
28
28
|
var styled = useTrilogyContext().styled;
|
|
29
29
|
var hoverStyle = {
|
|
30
30
|
cursor: 'pointer',
|
|
31
31
|
};
|
|
32
|
-
var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
|
|
32
|
+
var classes = hashClass(styled, clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active'), radius && "radius-".concat(radius)));
|
|
33
33
|
if (href) {
|
|
34
34
|
return (React.createElement("a", __assign({ "data-testid": testId, ref: ref, id: id, href: href, onClick: function (e) {
|
|
35
35
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
@@ -40,4 +40,4 @@ var Card = React.forwardRef(function (_a, ref) {
|
|
|
40
40
|
});
|
|
41
41
|
Card.displayName = ComponentName.Card;
|
|
42
42
|
export default Card;
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RCxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBZUMsRUFDRCxHQUFHO0lBZkQsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FkWCw0SUFlQyxDQURVO0lBSUgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLE1BQU0sSUFBSSxpQkFBVSxNQUFNLENBQUUsQ0FDN0IsQ0FDRixDQUFBO0lBRUQsSUFBSSxJQUFJLEVBQUU7UUFDUixPQUFPLENBQ0wsbURBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBbUMsRUFDeEMsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUUsSUFBSSxFQUNWLE9BQU8sRUFBRSxVQUFDLENBQUM7Z0JBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtZQUNyQixDQUFDLElBQ0csTUFBTSxJQUNWLFNBQVMsRUFBRSxPQUFPLElBQ2xCLENBQ0gsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEdBQWdDLEVBQ3JDLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxPQUFPLGlCQUFTLFVBQVUsQ0FBRSxJQUMvQixNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -3,8 +3,10 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
3
3
|
import { StatesContext } from '../../context/providerStates';
|
|
4
4
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
5
|
import React, { createContext } from 'react';
|
|
6
|
-
import { Platform,
|
|
6
|
+
import { Platform, TouchableOpacity, View } from 'react-native';
|
|
7
|
+
import { memoStyles } from '../../helpers/memoStyles';
|
|
7
8
|
import { Skeleton } from '../skeleton';
|
|
9
|
+
import { getRadius, Radius } from '../../objects/facets/Radius';
|
|
8
10
|
export var CardContext = createContext({
|
|
9
11
|
floating: false,
|
|
10
12
|
backgroundColor: '',
|
|
@@ -26,10 +28,10 @@ export var CardContext = createContext({
|
|
|
26
28
|
* @param fullheight {boolean} Full height card
|
|
27
29
|
*/
|
|
28
30
|
var Card = React.forwardRef(function (_a, ref) {
|
|
29
|
-
var children = _a.children, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, onClick = _a.onClick, skeleton = _a.skeleton, reversed = _a.reversed, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["children", "flat", "horizontal", "floating", "onClick", "skeleton", "reversed", "fullheight", "active"]);
|
|
31
|
+
var children = _a.children, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, onClick = _a.onClick, skeleton = _a.skeleton, reversed = _a.reversed, fullheight = _a.fullheight, active = _a.active, radius = _a.radius, others = __rest(_a, ["children", "flat", "horizontal", "floating", "onClick", "skeleton", "reversed", "fullheight", "active", "radius"]);
|
|
30
32
|
var borderColor = getColorStyle(TrilogyColor.STROKE_FADE);
|
|
31
|
-
var cardRadius =
|
|
32
|
-
var styles =
|
|
33
|
+
var cardRadius = getRadius(radius !== null && radius !== void 0 ? radius : Radius.LG);
|
|
34
|
+
var styles = memoStyles({
|
|
33
35
|
card: {
|
|
34
36
|
width: '100%',
|
|
35
37
|
minHeight: 100,
|
|
@@ -107,4 +109,4 @@ var Card = React.forwardRef(function (_a, ref) {
|
|
|
107
109
|
});
|
|
108
110
|
Card.displayName = ComponentName.Card;
|
|
109
111
|
export default Card;
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQXFCLE1BQU0sT0FBTyxDQUFBO0FBRS9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBRXRDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFFM0QsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFO0lBQ25CLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsTUFBTSxFQUFFLEtBQUs7Q0FDZCxDQUFDLENBQUE7QUFFRjs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQTRHLEVBQzVHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExRyxtSEFBNEcsQ0FBRjtJQUcxRyxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQyxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUE7SUFFakQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEdBQUc7WUFDZCxXQUFXLEVBQUUsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQztZQUM5QyxXQUFXLEVBQ1QsQ0FBQyxJQUFJLElBQUksV0FBVyxDQUFDO2dCQUNyQixDQUFDLE1BQU0sSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM1QyxDQUFDLE1BQU0sS0FBSyxLQUFLLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDekQsYUFBYTtZQUNmLFlBQVksRUFBRSxVQUFVO1lBQ3hCLElBQUksRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN4QixRQUFRLEVBQUUsUUFBUTtZQUNsQixlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1NBQ25GO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE1BQU07U0FDakI7UUFDRCxNQUFNLEVBQUU7WUFDTixZQUFZLEVBQUUsVUFBVTtZQUN4QixlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ2xGLFdBQVcsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQjtZQUNsRixZQUFZLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUU7WUFDckMsYUFBYSxFQUFFLENBQUM7WUFDaEIsWUFBWSxFQUFFLENBQUM7WUFDZixTQUFTLEVBQUUsUUFBUSxDQUFDLEVBQUUsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUM3QztRQUNELFFBQVEsRUFBRTtZQUNSLEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEVBQUU7WUFDYixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDekQsUUFBUSxFQUFFLFFBQVE7WUFDbEIsWUFBWSxFQUFFLFVBQVU7U0FDekI7UUFDRCxRQUFRLEVBQUU7WUFDUixhQUFhLEVBQUUsZ0JBQWdCO1NBQ2hDO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxZQUFZLEdBQUcsY0FBTSxPQUFBLENBQ3pCLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUMsYUFBYSxJQUN0RyxRQUFRLENBQ0EsQ0FDWixFQUowQixDQUkxQixDQUFBO0lBRUQsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQUErQjtZQUE3QixRQUFRLGNBQUE7UUFBMEIsT0FBQSxDQUN6RCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFHLFFBQVEsQ0FBUSxDQUNqRjtJQUYwRCxDQUUxRCxDQUFBO0lBRUQsSUFBSSxRQUFxQixDQUFBO0lBRXpCLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxvQkFBQyxZQUFZLE9BQUcsQ0FBQTtLQUN4QjtJQUVELElBQUksVUFBVSxFQUFFO1FBQ2QsUUFBUSxHQUFHLENBQ1Qsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFDLGlCQUFpQixJQUM5RSxRQUFRLENBQ0osQ0FDUixDQUFBO0tBQ0Y7U0FBTSxJQUFJLFFBQVEsRUFBRTtRQUNuQixRQUFRLEdBQUcsQ0FDVCxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUMsZUFBZSxJQUMxRSxRQUFRLENBQ0osQ0FDUixDQUFBO0tBQ0Y7U0FBTTtRQUNMLFFBQVEsR0FBRyxDQUNULG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBTSxNQUFNLEdBQzdDLFFBQVEsQ0FDSixDQUNSLENBQUE7S0FDRjtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLGFBQWEsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUksRUFBRTtRQUNoRixvQkFBQyxXQUFXLENBQUMsUUFBUSxJQUNuQixLQUFLLEVBQUU7Z0JBQ0wsUUFBUSxFQUFFLFFBQVEsSUFBSSxLQUFLO2dCQUMzQixlQUFlLEVBQUUsT0FBTztnQkFDeEIsVUFBVSxFQUFFLFVBQVUsSUFBSSxLQUFLO2dCQUMvQixRQUFRLEVBQUUsUUFBUSxJQUFJLEtBQUs7Z0JBQzNCLE1BQU0sRUFBRSxNQUFNLElBQUksS0FBSzthQUN4QjtZQUVELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO2dCQUM1QixvQkFBQyxnQkFBZ0IsSUFBQyxNQUFNLEVBQUMsaUJBQWlCLEVBQUMsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLElBQUk7b0JBQ3hHLG9CQUFDLGFBQWEsUUFBRSxRQUFRLENBQWlCLENBQ3hCLENBQ2QsQ0FDYyxDQUNBLENBQzFCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsYUFBYSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFO1FBQ2hGLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQ25CLEtBQUssRUFBRTtnQkFDTCxRQUFRLEVBQUUsUUFBUSxJQUFJLEtBQUs7Z0JBQzNCLGVBQWUsRUFBRSxPQUFPO2dCQUN4QixVQUFVLEVBQUUsVUFBVSxJQUFJLEtBQUs7Z0JBQy9CLFFBQVEsRUFBRSxRQUFRLElBQUksS0FBSztnQkFDM0IsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLO2FBQ3hCO1lBRUQsb0JBQUMsYUFBYSxRQUFFLFFBQVEsQ0FBaUIsQ0FDcEIsQ0FDQSxDQUMxQixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFFckMsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -6,6 +6,7 @@ import { Clickable } from '../../objects/facets/Clickable';
|
|
|
6
6
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
7
7
|
import { Fullheight } from '../../objects/facets/Fullheight';
|
|
8
8
|
import { Dev } from '../../objects/facets/Dev';
|
|
9
|
+
import { Radius } from '../../objects/facets/Radius';
|
|
9
10
|
/**
|
|
10
11
|
* Card Interface
|
|
11
12
|
*/
|
|
@@ -19,6 +20,7 @@ export interface CardProps extends Fullheight, Clickable, Accessibility, CommonP
|
|
|
19
20
|
reversed?: boolean;
|
|
20
21
|
href?: string;
|
|
21
22
|
active?: boolean;
|
|
23
|
+
radius?: Radius | `${Radius}`;
|
|
22
24
|
}
|
|
23
25
|
export type CardRef = HTMLDivElement | HTMLAnchorElement;
|
|
24
26
|
export type CardNativeRef = View;
|
|
@@ -75,6 +75,22 @@ export default {
|
|
|
75
75
|
"true"
|
|
76
76
|
]
|
|
77
77
|
},
|
|
78
|
+
"radius": {
|
|
79
|
+
"type": "enum",
|
|
80
|
+
"values": [
|
|
81
|
+
"undefined",
|
|
82
|
+
"sm",
|
|
83
|
+
"md",
|
|
84
|
+
"lg",
|
|
85
|
+
"xs",
|
|
86
|
+
"sm",
|
|
87
|
+
"md",
|
|
88
|
+
"lg",
|
|
89
|
+
"full",
|
|
90
|
+
"xs",
|
|
91
|
+
"full"
|
|
92
|
+
]
|
|
93
|
+
},
|
|
78
94
|
"fullheight": {
|
|
79
95
|
"type": "boolean",
|
|
80
96
|
"values": [
|
|
@@ -2,7 +2,8 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { CardContext } from '../../../components/card/Card.native';
|
|
3
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
4
|
import React, { useContext } from 'react';
|
|
5
|
-
import {
|
|
5
|
+
import { View } from 'react-native';
|
|
6
|
+
import { memoStyles } from '../../../helpers/memoStyles';
|
|
6
7
|
/**
|
|
7
8
|
* Card Content Component
|
|
8
9
|
* @param children {React.ReactNode} Custom Card Content Children
|
|
@@ -12,7 +13,7 @@ import { StyleSheet, View } from 'react-native';
|
|
|
12
13
|
var CardContent = React.forwardRef(function (_a, ref) {
|
|
13
14
|
var children = _a.children, testId = _a.testId, others = __rest(_a, ["children", "testId"]);
|
|
14
15
|
var cardContextValues = useContext(CardContext);
|
|
15
|
-
var styles =
|
|
16
|
+
var styles = memoStyles({
|
|
16
17
|
card: {
|
|
17
18
|
padding: 16,
|
|
18
19
|
minHeight: 10,
|
|
@@ -23,4 +24,4 @@ var CardContent = React.forwardRef(function (_a, ref) {
|
|
|
23
24
|
});
|
|
24
25
|
CardContent.displayName = ComponentName.CardContent;
|
|
25
26
|
export default CardContent;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ25DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUdqRDs7Ozs7R0FLRztBQUNILElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2xDLFVBQUMsRUFBK0IsRUFBRSxHQUFHO0lBQWxDLElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE3QixzQkFBK0IsQ0FBRjtJQUM1QixJQUFNLGlCQUFpQixHQUFHLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUVqRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUM7UUFDeEIsSUFBSSxFQUFFO1lBQ0osT0FBTyxFQUFFLEVBQUU7WUFDWCxTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUMzQztLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFNLE1BQU0sR0FDM0QsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBIn0=
|
|
@@ -2,7 +2,8 @@ import { __assign, __read, __rest } from "tslib";
|
|
|
2
2
|
import { CardContext } from '../../../components/card/Card.native';
|
|
3
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
4
|
import React, { useContext, useEffect, useState } from 'react';
|
|
5
|
-
import { Image,
|
|
5
|
+
import { Image, TouchableOpacity, View } from 'react-native';
|
|
6
|
+
import { memoStyles } from '../../../helpers/memoStyles';
|
|
6
7
|
/**
|
|
7
8
|
* Card Image Component
|
|
8
9
|
* @param src Image source
|
|
@@ -18,11 +19,10 @@ var CardImage = React.forwardRef(function (_a, ref) {
|
|
|
18
19
|
var horizontal = useContext(CardContext).horizontal;
|
|
19
20
|
var maxSize = horizontal ? '50%' : '100%';
|
|
20
21
|
var _b = __read(useState(1), 2), ratio = _b[0], setRatio = _b[1];
|
|
21
|
-
var styles =
|
|
22
|
+
var styles = memoStyles({
|
|
22
23
|
cardImage: {
|
|
23
24
|
width: size ? "".concat(size, "0%") : maxSize,
|
|
24
25
|
aspectRatio: horizontal ? undefined : ratio,
|
|
25
|
-
resizeMode: contain ? 'contain' : 'cover',
|
|
26
26
|
alignSelf: contain ? 'flex-end' : 'auto',
|
|
27
27
|
marginBottom: 0,
|
|
28
28
|
height: horizontal ? 'auto' : undefined,
|
|
@@ -37,10 +37,10 @@ var CardImage = React.forwardRef(function (_a, ref) {
|
|
|
37
37
|
: setRatio(1);
|
|
38
38
|
}
|
|
39
39
|
}, [src, horizontal]);
|
|
40
|
-
var image = (React.createElement(Image, __assign({ ref: ref, accessibilityLabel: alt, style: styles.cardImage, source: typeof src === 'number' ? src : { uri: src } }, others)));
|
|
40
|
+
var image = (React.createElement(Image, __assign({ ref: ref, resizeMode: contain ? 'contain' : 'cover', accessibilityLabel: alt, style: styles.cardImage, source: typeof src === 'number' ? src : { uri: src } }, others)));
|
|
41
41
|
return onClick ? (React.createElement(View, null,
|
|
42
42
|
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image))) : (image);
|
|
43
43
|
});
|
|
44
44
|
CardImage.displayName = ComponentName.CardImage;
|
|
45
45
|
export default CardImage;
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUdqRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUFDLEVBQStDLEVBQUUsR0FBRztJQUFsRCxJQUFBLEdBQUcsU0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBN0MsNENBQStDLENBQUY7SUFDcEMsSUFBQSxVQUFVLEdBQUssVUFBVSxDQUFDLFdBQVcsQ0FBQyxXQUE1QixDQUE0QjtJQUM5QyxJQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFBO0lBQ3JDLElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBOUIsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFlLENBQUE7SUFFckMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDbkMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQzNDLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUN4QyxZQUFZLEVBQUUsQ0FBQztZQUNmLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUztTQUN4QztLQUNGLENBQUMsQ0FBQTtJQUVGLFNBQVMsQ0FBQztRQUNSLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDZixPQUFPLEdBQUcsS0FBSyxRQUFRO2dCQUNyQixDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FDWCxHQUFHLEVBQ0gsVUFBQyxDQUFDLEVBQUUsQ0FBQztvQkFDSCxDQUFDLElBQUksUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDdEIsQ0FBQyxFQUNELGNBQU0sT0FBQSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQVgsQ0FBVyxDQUNsQjtnQkFDSCxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFBO1NBQ2hCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUE7SUFFckIsSUFBTSxLQUFLLEdBQUcsQ0FDWixvQkFBQyxLQUFLLGFBQ0osR0FBRyxFQUFFLEdBQUcsRUFDUixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDekMsa0JBQWtCLEVBQUUsR0FBRyxFQUN2QixLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFDdkIsTUFBTSxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFDaEQsTUFBTSxFQUNWLENBQ0gsQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -5,7 +5,8 @@ import { IconName } from '../../components/icon/IconNameEnum';
|
|
|
5
5
|
import { Text } from '../../components/text';
|
|
6
6
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
7
|
import React, { useEffect, useState } from 'react';
|
|
8
|
-
import {
|
|
8
|
+
import { TouchableOpacity } from 'react-native';
|
|
9
|
+
import { memoStyles } from '../../helpers/memoStyles';
|
|
9
10
|
/**
|
|
10
11
|
* Checkbox Component
|
|
11
12
|
* @param checked {boolean} Checked Checkbox
|
|
@@ -23,7 +24,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
|
|
|
23
24
|
useEffect(function () {
|
|
24
25
|
setChecked(checked || false);
|
|
25
26
|
}, [checked]);
|
|
26
|
-
var styles =
|
|
27
|
+
var styles = memoStyles({
|
|
27
28
|
container: {
|
|
28
29
|
flexDirection: 'row',
|
|
29
30
|
justifyContent: 'flex-start',
|
|
@@ -64,4 +65,4 @@ var Checkbox = React.forwardRef(function (_a, ref) {
|
|
|
64
65
|
});
|
|
65
66
|
Checkbox.displayName = ComponentName.Checkbox;
|
|
66
67
|
export default Checkbox;
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFHakQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQUMsRUFBa0YsRUFBRSxHQUFHO1FBQXJGLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsTUFBTSxZQUFBO0lBQ3pFLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWxELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBOEIsQ0FBQTtJQUV6RCxTQUFTLENBQUM7UUFDUixVQUFVLENBQUMsT0FBTyxJQUFJ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
|
|
@@ -5,7 +5,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
5
5
|
import { SpacerSize } from '../../../components/spacer';
|
|
6
6
|
import { Text } from '../../../components/text';
|
|
7
7
|
import * as React from 'react';
|
|
8
|
-
import {
|
|
8
|
+
import { memoStyles } from '../../../helpers/memoStyles';
|
|
9
9
|
import { isRequiredChild } from '../../../helpers/require';
|
|
10
10
|
import { TypographyColor } from '../../../objects/Typography';
|
|
11
11
|
var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
|
|
@@ -22,7 +22,7 @@ var SPACING_MATRIX = [
|
|
|
22
22
|
*/
|
|
23
23
|
var CheckboxList = React.forwardRef(function (_a, ref) {
|
|
24
24
|
var children = _a.children, label = _a.label;
|
|
25
|
-
var styles =
|
|
25
|
+
var styles = memoStyles({
|
|
26
26
|
label: {
|
|
27
27
|
marginBottom: 8,
|
|
28
28
|
},
|
|
@@ -36,4 +36,4 @@ var CheckboxList = React.forwardRef(function (_a, ref) {
|
|
|
36
36
|
});
|
|
37
37
|
CheckboxList.displayName = ComponentName.CheckboxList;
|
|
38
38
|
export default CheckboxList;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvbGlzdC9DaGVja2JveExpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRTlDLElBQUEsS0FBSyxHQUFVLFVBQVUsTUFBcEIsRUFBRSxHQUFHLEdBQUssVUFBVSxJQUFmLENBQWU7QUFDekIsSUFBQSxvQkFBb0IsR0FBSyxpQkFBaUIscUJBQXRCLENBQXNCO0FBRWxELElBQU0sY0FBYyxHQUFrQjtJQUNwQyxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQ2xELENBQUMsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxHQUFHLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEtBQUssQ0FBQztDQUN0RCxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJDLFVBQUMsRUFBbUIsRUFBRSxHQUFHO1FBQXRCLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQTtJQUNoRyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUM7UUFDeEIsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsaUJBQWlCLGVBQUssRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFO1FBQ2xELEtBQUssSUFBSSxDQUNSLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUs7WUFBRyxLQUFLOztZQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVLFFBQVUsQ0FBUSxDQUMxSDtRQUNBLFFBQVEsQ0FDUyxDQUNyQixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFFckQsZUFBZSxZQUFZLENBQUEifQ==
|
|
@@ -3,7 +3,8 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
3
3
|
import { SpacerSize } from '../../../components/spacer';
|
|
4
4
|
import { getAlignStyle } from '../../../objects/facets/Alignable';
|
|
5
5
|
import React, { useCallback, useMemo } from 'react';
|
|
6
|
-
import { FlatList,
|
|
6
|
+
import { FlatList, View } from 'react-native';
|
|
7
|
+
import { memoStyles } from '../../../helpers/memoStyles';
|
|
7
8
|
import { CheckboxTilesContext } from './context';
|
|
8
9
|
/**
|
|
9
10
|
* CheckboxTiles
|
|
@@ -27,7 +28,7 @@ var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
|
27
28
|
return null;
|
|
28
29
|
return numberCols.mobile || numberCols.tablet;
|
|
29
30
|
}, [numberCols]);
|
|
30
|
-
var styles =
|
|
31
|
+
var styles = memoStyles({
|
|
31
32
|
container: {
|
|
32
33
|
flexDirection: 'row',
|
|
33
34
|
flexWrap: 'wrap',
|
|
@@ -56,4 +57,4 @@ var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
|
56
57
|
});
|
|
57
58
|
CheckboxTiles.displayName = ComponentName.CheckboxTiles;
|
|
58
59
|
export default CheckboxTiles;
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L3RpbGVzL0NoZWNrYm94VGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxLQUFLLEVBQUUsRUFBd0IsV0FBVyxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFFakQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRWhEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBcUUsRUFBRSxHQUFHO0lBQXhFLElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQW5FLG9FQUFxRSxDQUFGO0lBQ2xFLElBQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsRUFBN0QsQ0FBNkQsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFM0csSUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO1FBQzFCLElBQUksQ0FB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
|
|
@@ -7,8 +7,10 @@ import { Text, TextLevels } from '../../../../components/text';
|
|
|
7
7
|
import { View } from '../../../../components/view';
|
|
8
8
|
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, VariantState } from '../../../../objects';
|
|
9
9
|
import React, { useContext, useState } from 'react';
|
|
10
|
-
import {
|
|
10
|
+
import { TouchableOpacity, View as ViewRN } from 'react-native';
|
|
11
|
+
import { memoStyles } from '../../../../helpers/memoStyles';
|
|
11
12
|
import { CheckboxTilesContext } from '../context';
|
|
13
|
+
import { Theme } from '../../../../constants/theme';
|
|
12
14
|
/**
|
|
13
15
|
* CheckboxTile
|
|
14
16
|
* @param id {string} Custom id attribute
|
|
@@ -32,7 +34,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
32
34
|
var _d = __read(useState(checked || false), 2), _checked = _d[0], setChecked = _d[1];
|
|
33
35
|
var _e = __read(useState(0), 2), stickerHeight = _e[0], setStickerHeight = _e[1];
|
|
34
36
|
var isGrid = useContext(CheckboxTilesContext).isGrid;
|
|
35
|
-
var styles =
|
|
37
|
+
var styles = memoStyles({
|
|
36
38
|
container: {
|
|
37
39
|
flexDirection: 'row',
|
|
38
40
|
paddingBottom: 5,
|
|
@@ -45,7 +47,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
45
47
|
borderWidth: 1,
|
|
46
48
|
width: 19,
|
|
47
49
|
height: 19,
|
|
48
|
-
borderRadius:
|
|
50
|
+
borderRadius: Theme.radius.xs,
|
|
49
51
|
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : 'transparent'),
|
|
50
52
|
},
|
|
51
53
|
label: {
|
|
@@ -58,7 +60,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
58
60
|
borderWidth: (_checked && 2) || 1,
|
|
59
61
|
width: 'auto',
|
|
60
62
|
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
61
|
-
borderRadius:
|
|
63
|
+
borderRadius: Theme.radius.md,
|
|
62
64
|
textAlign: 'center',
|
|
63
65
|
alignItems: 'center',
|
|
64
66
|
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : 'transparent'),
|
|
@@ -77,7 +79,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
77
79
|
height: 'auto',
|
|
78
80
|
borderWidth: (_checked && 2) || 1,
|
|
79
81
|
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
80
|
-
borderRadius:
|
|
82
|
+
borderRadius: Theme.radius.md,
|
|
81
83
|
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : 'transparent'),
|
|
82
84
|
},
|
|
83
85
|
sticker: {
|
|
@@ -129,4 +131,4 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
129
131
|
});
|
|
130
132
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
131
133
|
export default CheckboxTile;
|
|
132
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEcsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ25ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLElBQUksTUFBTSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFakQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXpDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFlQyxFQUNELEdBQUc7SUFmRCxJQUFBLFFBQVEsY0FBQSxF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
|
|
@@ -4,7 +4,9 @@ import { Spacer, SpacerSize } from '../../components/spacer';
|
|
|
4
4
|
import { Text, TextLevels } from '../../components/text';
|
|
5
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
6
|
import React, { useContext, useEffect, useState } from 'react';
|
|
7
|
-
import {
|
|
7
|
+
import { Theme } from '../../constants/theme';
|
|
8
|
+
import { TouchableOpacity } from 'react-native';
|
|
9
|
+
import { memoStyles } from '../../helpers/memoStyles';
|
|
8
10
|
import { Icon, IconColor, IconName, IconSize } from '../icon';
|
|
9
11
|
import { ChipsContext } from './list/ChipsList.native';
|
|
10
12
|
/**
|
|
@@ -23,12 +25,12 @@ var Chips = React.forwardRef(function (_a, ref) {
|
|
|
23
25
|
useEffect(function () {
|
|
24
26
|
setActiveItem(active || false);
|
|
25
27
|
}, [active]);
|
|
26
|
-
var styles =
|
|
28
|
+
var styles = memoStyles({
|
|
27
29
|
chips: {
|
|
28
30
|
backgroundColor: (disabled && getColorStyle(TrilogyColor.NEUTRAL_FADE)) ||
|
|
29
31
|
(activeItem && getColorStyle(TrilogyColor.MAIN)) ||
|
|
30
32
|
getColorStyle(TrilogyColor.BACKGROUND),
|
|
31
|
-
borderRadius:
|
|
33
|
+
borderRadius: Theme.radius.full,
|
|
32
34
|
paddingLeft: 12,
|
|
33
35
|
paddingRight: 12,
|
|
34
36
|
paddingTop: 6,
|
|
@@ -59,4 +61,4 @@ var Chips = React.forwardRef(function (_a, ref) {
|
|
|
59
61
|
});
|
|
60
62
|
Chips.displayName = ComponentName.Chips;
|
|
61
63
|
export default Chips;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9DaGlwcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM5RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDekMsT0FBTyxFQUF5QixnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUN0RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDakQsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUU3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFFdEQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUFDLEVBQTBELEVBQUUsR0FBRztJQUE3RCxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBeEQsdURBQTBELENBQUY7SUFDakQsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFB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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 React, { createContext } from 'react';
|
|
4
|
-
import { ScrollView,
|
|
4
|
+
import { ScrollView, View } from 'react-native';
|
|
5
|
+
import { memoStyles } from '../../../helpers/memoStyles';
|
|
5
6
|
export var ChipsContext = createContext({ isMultiple: false });
|
|
6
7
|
/**
|
|
7
8
|
* ChipsList Component - Container for Chips
|
|
@@ -13,7 +14,7 @@ export var ChipsContext = createContext({ isMultiple: false });
|
|
|
13
14
|
*/
|
|
14
15
|
var ChipsList = React.forwardRef(function (_a, ref) {
|
|
15
16
|
var children = _a.children, multiple = _a.multiple, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b, testId = _a.testId, others = __rest(_a, ["children", "multiple", "scrollable", "testId"]);
|
|
16
|
-
var styles =
|
|
17
|
+
var styles = memoStyles({
|
|
17
18
|
container: {
|
|
18
19
|
flexWrap: 'wrap',
|
|
19
20
|
flexDirection: 'row',
|
|
@@ -23,4 +24,4 @@ var ChipsList = React.forwardRef(function (_a, ref) {
|
|
|
23
24
|
});
|
|
24
25
|
ChipsList.displayName = ComponentName.ChipsList;
|
|
25
26
|
export default ChipsList;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hpcHMvbGlzdC9DaGlwc0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUdqRCxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBNEQsRUFBRSxHQUFHO0lBQS9ELElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsa0JBQWlCLEVBQWpCLFVBQVUsbUJBQUcsSUFBSSxLQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExRCxnREFBNEQsQ0FBRjtJQUN6RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUM7UUFDeEIsU0FBUyxFQUFFO1lBQ1QsUUFBUSxFQUFFLE1BQU07WUFDaEIsYUFBYSxFQUFFLEtBQUs7U0FDckI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsWUFBWSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsUUFBUSxJQUFJLEtBQUssRUFBRSxJQUM1RCxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQ1osb0JBQUMsVUFBVSxhQUNULE1BQU0sRUFBRSxNQUFNLEVBQ2QsR0FBRyxFQUFFLEdBQTRCLEVBQ2pDLFVBQVUsUUFDViw4QkFBOEIsRUFBRSxLQUFLLEVBQ3JDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUNuQixNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQXNCLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUNuRSxRQUFRLENBQ0osQ0FDUixDQUNxQixDQUN6QixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -15,7 +15,7 @@ var Column = React.memo(React.forwardRef(function (_a, ref) {
|
|
|
15
15
|
var children = _a.children, narrow = _a.narrow, size = _a.size, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "narrow", "size", "verticalAlign"]);
|
|
16
16
|
var _b = React.useContext(ColumnsContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrensLength = _b.childrensLength;
|
|
17
17
|
var calculatedWidth = React.useMemo(function () {
|
|
18
|
-
return (size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : null);
|
|
18
|
+
return (size && width > 0 ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : null);
|
|
19
19
|
}, [size, width, realGap, childrensLength]);
|
|
20
20
|
var scrollableStyle = React.useMemo(function () { return ({
|
|
21
21
|
width: calculatedWidth || (narrow ? 'auto' : width - 2 * realGap),
|
|
@@ -24,7 +24,7 @@ var Column = React.memo(React.forwardRef(function (_a, ref) {
|
|
|
24
24
|
flex: narrow ? 0 : 1,
|
|
25
25
|
flexGrow: size || narrow ? 0 : 1,
|
|
26
26
|
flexShrink: narrow ? 1 : 0,
|
|
27
|
-
flexBasis: calculatedWidth || 'auto',
|
|
27
|
+
flexBasis: calculatedWidth || (size ? "".concat((size / 12) * 100, "%") : 'auto'),
|
|
28
28
|
}); }, [narrow, size, calculatedWidth]);
|
|
29
29
|
var justifyContentStyle = React.useMemo(function () { return ({ justifyContent: getAlignStyle(verticalAlign) }); }, [verticalAlign]);
|
|
30
30
|
return (React.createElement(View, __assign({ ref: ref, style: [
|
|
@@ -35,4 +35,4 @@ var Column = React.memo(React.forwardRef(function (_a, ref) {
|
|
|
35
35
|
}));
|
|
36
36
|
Column.displayName = ComponentName.Column;
|
|
37
37
|
export default Column;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQ3hDLFVBQUMsRUFBb0QsRUFBRSxHQUFHO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBbEQsK0NBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFrRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUFoRixLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZUFBZSxxQkFBcUMsQ0FBQTtJQUV4RixJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3BDLE9BQUEsQ0FBQyxJQUFJLElBQUksS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFBdEcsQ0FBc0csRUFDdEcsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FDeEMsQ0FBQTtJQUVELElBQU0sZUFBZSxHQUFjLEtBQUssQ0FBQyxPQUFPLENBQzlDLGNBQU0sT0FBQSxDQUFDO1FBQ0wsS0FBSyxFQUFFLGVBQWUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQztLQUNsRSxDQUFDLEVBRkksQ0FFSixFQUNGLENBQUMsZUFBZSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQzFDLENBQUE7SUFFRCxJQUFNLGlCQUFpQixHQUFjLEtBQUssQ0FBQyxPQUFPLENBQ2hELGNBQU0sT0FBQSxDQUFDO1FBQ0wsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLFFBQVEsRUFBRSxJQUFJLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxlQUFlLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsR0FBRyxNQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztLQUN4RSxDQUFDLEVBTEksQ0FLSixFQUNGLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsQ0FDaEMsQ0FBQTtJQUVELElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDdkMsY0FBTSxPQUFBLENBQUMsRUFBRSxjQUFjLEVBQUUsYUFBYSxDQUFDLGFBQWEsQ0FBNkYsRUFBRSxDQUFDLEVBQTlJLENBQThJLEVBQ3BKLENBQUMsYUFBYSxDQUFDLENBQ2hCLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFO1lBQ0wsVUFBVSxJQUFJLGVBQWU7WUFDN0IsQ0FBQyxVQUFVLElBQUksaUJBQWlCO1lBQ2hDLG1CQUFtQjtTQUNwQixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUMsQ0FBQTtBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUV6QyxlQUFlLE1BQU0sQ0FBQSJ9
|
|
@@ -7,7 +7,8 @@ import { ContainerProps } from '../../components/container/ContainerProps';
|
|
|
7
7
|
* @param id {string} Custom id attribute
|
|
8
8
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
9
9
|
* @param className {string} Additional CSS Classes
|
|
10
|
-
* @param medium {boolean}
|
|
10
|
+
* @param medium {boolean} Deprecated: use size="small" instead (same 960px max-width)
|
|
11
|
+
* @param size {ContainerSizes | `${ContainerSizes}`} Set container size
|
|
11
12
|
*/
|
|
12
13
|
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
14
|
export default Container;
|
|
@@ -12,14 +12,15 @@ import { is } from '../../services/classify';
|
|
|
12
12
|
* @param id {string} Custom id attribute
|
|
13
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
14
|
* @param className {string} Additional CSS Classes
|
|
15
|
-
* @param medium {boolean}
|
|
15
|
+
* @param medium {boolean} Deprecated: use size="small" instead (same 960px max-width)
|
|
16
|
+
* @param size {ContainerSizes | `${ContainerSizes}`} Set container size
|
|
16
17
|
*/
|
|
17
18
|
var Container = React.forwardRef(function (_a, ref) {
|
|
18
|
-
var className = _a.className, id = _a.id, medium = _a.medium, testId = _a.testId, others = __rest(_a, ["className", "id", "medium", "testId"]);
|
|
19
|
+
var className = _a.className, id = _a.id, medium = _a.medium, testId = _a.testId, size = _a.size, others = __rest(_a, ["className", "id", "medium", "testId", "size"]);
|
|
19
20
|
var styled = useTrilogyContext().styled;
|
|
20
|
-
var classes = hashClass(styled, clsx('container', medium && is('medium'), className));
|
|
21
|
+
var classes = hashClass(styled, clsx('container', medium && is('medium'), size && "size-".concat(size), className));
|
|
21
22
|
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others)));
|
|
22
23
|
});
|
|
23
24
|
Container.displayName = ComponentName.Container;
|
|
24
25
|
export default Container;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsVUFBQyxFQUFrRCxFQUFFLEdBQUc7SUFBckQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQUEsRUFBSyxNQUFNLGNBQWhELCtDQUFrRCxDQUFGO0lBQ3ZDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLElBQUksSUFBSSxlQUFRLElBQUksQ0FBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFL0csT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFzQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUNsSCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -4,7 +4,14 @@ import { CommonProps } from '../../objects/facets/CommonProps';
|
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
export interface ContainerProps extends CommonProps, Dev {
|
|
6
6
|
children?: React.ReactNode;
|
|
7
|
+
/** @deprecated Use size="small" instead (same 960px max-width). */
|
|
7
8
|
medium?: boolean;
|
|
9
|
+
size?: ContainerSizes | `${ContainerSizes}`;
|
|
8
10
|
}
|
|
9
11
|
export type ContainerRef = HTMLDivElement;
|
|
10
12
|
export type ContainerNativeRef = View;
|
|
13
|
+
export declare enum ContainerSizes {
|
|
14
|
+
SM = "sm",
|
|
15
|
+
MD = "md",
|
|
16
|
+
LG = "lg"
|
|
17
|
+
}
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export var ContainerSizes;
|
|
2
|
+
(function (ContainerSizes) {
|
|
3
|
+
ContainerSizes["SM"] = "sm";
|
|
4
|
+
ContainerSizes["MD"] = "md";
|
|
5
|
+
ContainerSizes["LG"] = "lg";
|
|
6
|
+
})(ContainerSizes || (ContainerSizes = {}));
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9Db250YWluZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjQSxNQUFNLENBQU4sSUFBWSxjQUlYO0FBSkQsV0FBWSxjQUFjO0lBQ3hCLDJCQUFTLENBQUE7SUFDVCwyQkFBUyxDQUFBO0lBQ1QsMkJBQVMsQ0FBQTtBQUNYLENBQUMsRUFKVyxjQUFjLEtBQWQsY0FBYyxRQUl6QiJ9
|