@trilogy-ds/react 4.0.7-test-svg-beta-3 → 4.1.1-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/alert/Alert.d.ts +2 -0
- package/lib/components/alert/Alert.js +54 -47
- package/lib/components/alert/Alert.native.js +12 -13
- package/lib/components/alert/AlertProps.d.ts +5 -0
- package/lib/components/alert/AlertProps.js +6 -1
- package/lib/components/alert/ToasterStatusPropsDefaults.js +8 -0
- package/lib/components/badge/Badge.native.js +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +1 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +4 -7
- package/lib/components/button/list/ButtonList.js +4 -3
- package/lib/components/button/list/index.d.ts +1 -0
- package/lib/components/button/list/index.js +2 -1
- package/lib/components/card/Card.native.d.ts +1 -1
- package/lib/components/card/Card.native.js +17 -14
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +12 -12
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +1 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +2 -2
- package/lib/components/chips/list/ChipsList.js +1 -1
- package/lib/components/divider/Divider.native.d.ts +1 -1
- package/lib/components/divider/Divider.native.js +2 -2
- package/lib/components/hero/Hero.native.js +2 -1
- package/lib/components/icon/Icon.js +1 -1
- package/lib/components/icon/Icon.native.js +6 -5
- package/lib/components/input/Input.d.ts +1 -1
- package/lib/components/input/Input.js +29 -25
- package/lib/components/input/Input.native.js +5 -4
- package/lib/components/link/Link.native.d.ts +1 -2
- package/lib/components/link/Link.native.js +9 -51
- package/lib/components/list/List.d.ts +3 -2
- package/lib/components/list/List.js +9 -7
- package/lib/components/list/List.native.d.ts +4 -3
- package/lib/components/list/List.native.js +11 -7
- package/lib/components/list/ListProps.d.ts +1 -0
- package/lib/components/list/ListPropsDefaults.js +8 -0
- package/lib/components/list/context/ListContext.d.ts +3 -0
- package/lib/components/list/context/ListContext.js +8 -0
- package/lib/components/list/context/ListContextProps.d.ts +7 -0
- package/lib/components/list/context/ListContextProps.js +2 -0
- package/lib/components/list/context/ListContextPropsDefaults.js +24 -0
- package/lib/components/list/context/index.d.ts +2 -0
- package/lib/components/list/context/index.js +3 -0
- package/lib/components/list/item/ListItem.native.d.ts +1 -1
- package/lib/components/list/item/ListItem.native.js +19 -5
- package/lib/components/modal/Modal.d.ts +1 -2
- package/lib/components/modal/Modal.js +5 -6
- package/lib/components/modal/Modal.native.js +52 -109
- package/lib/components/modal/body/ModalBody.native.js +14 -8
- package/lib/components/modal/context/ModalContext.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.js +8 -0
- package/lib/components/modal/context/ModalContextProps.d.ts +8 -0
- package/lib/components/modal/context/ModalContextProps.js +2 -0
- package/lib/components/modal/context/ModalContextPropsDefaults.js +25 -0
- package/lib/components/modal/context/index.d.ts +2 -0
- package/lib/components/modal/context/index.js +3 -0
- package/lib/components/modal/footer/ModalFooter.native.js +21 -10
- package/lib/components/progress/Progress.js +5 -5
- package/lib/components/progress/radial/ProgressRadial.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js +5 -4
- package/lib/components/radio/Radio.native.js +2 -2
- package/lib/components/radio/list/RadioList.native.js +1 -1
- package/lib/components/scroll-view/ScrollView.native.d.ts +3 -3
- package/lib/components/scroll-view/ScrollView.native.js +13 -12
- package/lib/components/select/Select.native.js +3 -3
- package/lib/components/select/option/SelectOption.js +2 -2
- package/lib/components/select/web/SelectDynamic.js +6 -7
- package/lib/components/spacer/Spacer.js +2 -2
- package/lib/components/stepper/Stepper.js +1 -1
- package/lib/components/sticker/Sticker.d.ts +1 -1
- package/lib/components/sticker/Sticker.js +4 -4
- package/lib/components/sticker/Sticker.native.d.ts +1 -1
- package/lib/components/sticker/Sticker.native.js +10 -9
- package/lib/components/sticker/StickerProps.d.ts +2 -2
- package/lib/components/sticker/StickerPropsDefaults.js +7 -0
- package/lib/components/switch/Switch.native.d.ts +2 -2
- package/lib/components/switch/Switch.native.js +11 -12
- package/lib/components/tag/Tag.native.js +1 -1
- package/lib/components/text/Text.native.js +4 -3
- package/lib/components/title/Title.native.js +4 -3
- package/lib/helpers/device.d.ts +3 -0
- package/lib/helpers/device.js +5 -4
- package/lib/helpers/device.native.d.ts +19 -0
- package/lib/helpers/device.native.js +36 -0
- package/lib/objects/Typography/TypographyBold.js +1 -1
- package/lib/objects/facets/Color.d.ts +1 -1
- package/lib/objects/facets/Color.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -18,6 +18,8 @@ declare const Alert: ({ banner, status, className, id, iconName, title, descript
|
|
|
18
18
|
* @param children {React.ReactNode} Custom Toast Content
|
|
19
19
|
* @param duration {number} Duration in MS (Default: 5000)
|
|
20
20
|
* @param offset {number} Offset position margin (Default: 10 dp)
|
|
21
|
+
* @param onShow {() => void} Fonction appelée lors de l'affichage du toast
|
|
22
|
+
* @param onHide {() => void} Fonction appelée lors de la fermeture du toast
|
|
21
23
|
* @param others
|
|
22
24
|
*/
|
|
23
25
|
export declare const ToasterAlertProvider: ({ children }: ToasterStatusProps) => JSX.Element;
|
|
@@ -9,50 +9,59 @@ import { has, is } from '../../services/classify';
|
|
|
9
9
|
import clsx from 'clsx';
|
|
10
10
|
import * as React from 'react';
|
|
11
11
|
import { useEffect, useRef, useState } from 'react';
|
|
12
|
-
import { ToasterAlertPosition } from './AlertProps';
|
|
12
|
+
import { ToasterAlertFloat, ToasterAlertPosition } from './AlertProps';
|
|
13
13
|
import ToasterContext from './context';
|
|
14
14
|
/**
|
|
15
15
|
* Toaster Component
|
|
16
|
-
*
|
|
16
|
+
*
|
|
17
|
+
* Ce composant affiche un toast avec différentes options de personnalisation.
|
|
18
|
+
*
|
|
19
|
+
* @param {Object} props - Propriétés du composant
|
|
20
|
+
* @param {React.ReactNode} [props.children] - Contenu personnalisé du toast
|
|
21
|
+
* @param {React.ReactNode} [props.toasterChildren] - Contenu facultatif du toast
|
|
22
|
+
* @param {string} [props.className] - Classes CSS supplémentaires
|
|
23
|
+
* @param {IconName | IconNameValues} [props.iconName] - Nom de l'icône à afficher
|
|
24
|
+
* @param {string | React.ReactNode} [props.title] - Titre du toast
|
|
25
|
+
* @param {string | React.ReactNode} [props.description] - Description du toast
|
|
26
|
+
* @param {ClickEvent} [props.closable] - Fonction pour la fermeture
|
|
27
|
+
* @param {ToasterAlertPosition} [props.position] - Position du toast
|
|
28
|
+
* @param {ToasterAlertFloat} [props.float] - Floating du toast
|
|
29
|
+
* @param {number} [props.offset] - Offset par rapport à la position
|
|
30
|
+
* @param {boolean} [props.display] - Indique si le toast doit être affiché
|
|
31
|
+
* @param {string} [props.id] - Identifiant unique pour le toast
|
|
32
|
+
* @param {string} [props.testId] - Identifiant de test pour l'intégration des tests
|
|
33
|
+
* @param {string} [props.status] - Statut actuel du toast (INFO | SUCCESS | WARNING | ERROR)
|
|
34
|
+
* @param {ClickEvent} [props.onClick] - Fonction appelée lors du clic sur le toast
|
|
35
|
+
* @param {Object} [props.others] - Autres propriétés supplémentaires
|
|
36
|
+
*
|
|
37
|
+
* @returns {JSX.Element | null} Le composant toast à afficher
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* <ToasterAlert
|
|
41
|
+
* title="Notification"
|
|
42
|
+
* description="This is a test notification"
|
|
43
|
+
* status="INFO"
|
|
44
|
+
* position={ToasterAlertPosition.TOP}
|
|
45
|
+
* closable={() => console.log('Toast closed')}
|
|
46
|
+
* />
|
|
17
47
|
*/
|
|
18
48
|
var ToasterAlert = function (_a) {
|
|
19
|
-
var
|
|
49
|
+
var title = _a.title, position = _a.position, float = _a.float, description = _a.description, iconName = _a.iconName, status = _a.status, closable = _a.closable, onClick = _a.onClick, className = _a.className, id = _a.id, testId = _a.testId, offset = _a.offset, display = _a.display, children = _a.children, toasterChildren = _a.toasterChildren, others = __rest(_a, ["title", "position", "float", "description", "iconName", "status", "closable", "onClick", "className", "id", "testId", "offset", "display", "children", "toasterChildren"]);
|
|
20
50
|
var styled = useTrilogyContext().styled;
|
|
21
|
-
var
|
|
22
|
-
var displayed = Boolean(title);
|
|
23
|
-
var positionTop = {
|
|
24
|
-
top: offset || 0,
|
|
25
|
-
position: 'fixed',
|
|
26
|
-
};
|
|
27
|
-
var positionBottom = {
|
|
28
|
-
bottom: offset || 0,
|
|
29
|
-
position: 'fixed',
|
|
30
|
-
};
|
|
51
|
+
var positionStyles = __assign(__assign({ position: 'fixed' }, (position === ToasterAlertPosition.BOTTOM ? { bottom: offset || 0 } : { top: offset || 0 })), (float === ToasterAlertFloat.RIGHT ? { right: offset || 0 } : { left: offset || 0 }));
|
|
31
52
|
var classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !status && is('info'), className));
|
|
32
|
-
|
|
33
|
-
return null;
|
|
34
|
-
}
|
|
35
|
-
if (children) {
|
|
36
|
-
return (React.createElement("div", __assign({ id: id, style: (position === ToasterAlertPosition.TOP && positionTop) ||
|
|
37
|
-
(position === ToasterAlertPosition.BOTTOM && positionBottom) ||
|
|
38
|
-
positionTop, onClick: function (e) {
|
|
39
|
-
// eslint-disable-next-line no-unused-expressions
|
|
40
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
41
|
-
e.stopPropagation();
|
|
42
|
-
}, className: classes }, others), children));
|
|
43
|
-
}
|
|
44
|
-
return title ? (React.createElement("div", __assign({ style: (position === ToasterAlertPosition.TOP && positionTop) ||
|
|
45
|
-
(position === ToasterAlertPosition.BOTTOM && positionBottom) ||
|
|
46
|
-
positionTop, onClick: function (e) {
|
|
53
|
+
return title && display !== false ? (React.createElement("div", __assign({ id: id, style: positionStyles, onClick: function (e) {
|
|
47
54
|
// eslint-disable-next-line no-unused-expressions
|
|
48
55
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
49
56
|
e.stopPropagation();
|
|
50
|
-
}, className: classes }, others),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
57
|
+
}, className: classes, "data-testid": testId }, others), children ? children :
|
|
58
|
+
(React.createElement(React.Fragment, null,
|
|
59
|
+
iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
|
|
60
|
+
React.createElement("div", { className: hashClass(styled, clsx('body')) },
|
|
61
|
+
title && React.createElement(Title, { level: TitleLevels.SIX }, title),
|
|
62
|
+
description && React.createElement(Text, null, description),
|
|
63
|
+
toasterChildren && toasterChildren),
|
|
64
|
+
closable && React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL }))))) : null;
|
|
56
65
|
};
|
|
57
66
|
/**
|
|
58
67
|
* Alert Component
|
|
@@ -97,6 +106,8 @@ var Alert = function (_a) {
|
|
|
97
106
|
* @param children {React.ReactNode} Custom Toast Content
|
|
98
107
|
* @param duration {number} Duration in MS (Default: 5000)
|
|
99
108
|
* @param offset {number} Offset position margin (Default: 10 dp)
|
|
109
|
+
* @param onShow {() => void} Fonction appelée lors de l'affichage du toast
|
|
110
|
+
* @param onHide {() => void} Fonction appelée lors de la fermeture du toast
|
|
100
111
|
* @param others
|
|
101
112
|
*/
|
|
102
113
|
export var ToasterAlertProvider = function (_a) {
|
|
@@ -105,29 +116,25 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
105
116
|
var _c = __read(useState(5000), 2), duration = _c[0], setDuration = _c[1];
|
|
106
117
|
var timeRef = useRef(null);
|
|
107
118
|
var showToast = function (params) {
|
|
119
|
+
var _a;
|
|
108
120
|
setToasterState(params);
|
|
121
|
+
(_a = params.onShow) === null || _a === void 0 ? void 0 : _a.call(params);
|
|
109
122
|
params.duration && params.duration > 0 && setDuration(params.duration);
|
|
110
123
|
timeRef.current && clearTimeout(timeRef.current);
|
|
111
124
|
};
|
|
112
125
|
useEffect(function () {
|
|
113
126
|
timeRef.current = setTimeout(function () {
|
|
127
|
+
var _a;
|
|
128
|
+
(_a = toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide) === null || _a === void 0 ? void 0 : _a.call(toasterState);
|
|
114
129
|
setToasterState(null);
|
|
115
130
|
}, duration);
|
|
131
|
+
return function () {
|
|
132
|
+
timeRef.current && clearTimeout(timeRef.current);
|
|
133
|
+
};
|
|
116
134
|
}, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
|
|
117
135
|
return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: function () { return null; } } },
|
|
118
136
|
children,
|
|
119
|
-
React.createElement(ToasterAlert, {
|
|
120
|
-
title: toasterState === null || toasterState === void 0 ? void 0 : toasterState.title,
|
|
121
|
-
id: toasterState === null || toasterState === void 0 ? void 0 : toasterState.id,
|
|
122
|
-
description: toasterState === null || toasterState === void 0 ? void 0 : toasterState.description,
|
|
123
|
-
position: toasterState === null || toasterState === void 0 ? void 0 : toasterState.position,
|
|
124
|
-
iconName: toasterState === null || toasterState === void 0 ? void 0 : toasterState.iconName,
|
|
125
|
-
status: toasterState === null || toasterState === void 0 ? void 0 : toasterState.status,
|
|
126
|
-
onClick: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onClick,
|
|
127
|
-
onHide: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide,
|
|
128
|
-
closable: toasterState === null || toasterState === void 0 ? void 0 : toasterState.closable,
|
|
129
|
-
offset: toasterState === null || toasterState === void 0 ? void 0 : toasterState.offset,
|
|
130
|
-
} })));
|
|
137
|
+
toasterState && React.createElement(ToasterAlert, { title: toasterState.title, id: toasterState.id, testId: toasterState.testId, description: toasterState.description, position: toasterState.position, iconName: toasterState.iconName, status: toasterState.status, onClick: toasterState.onClick, closable: toasterState.closable, float: toasterState.float, offset: toasterState.offset, className: toasterState.className, toasterChildren: toasterState.toasterChildren, display: toasterState.display })));
|
|
131
138
|
};
|
|
132
139
|
export default Alert;
|
|
133
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
140
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9FLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEUsT0FBTyxFQUFjLGlCQUFpQixFQUFFLG9CQUFvQixFQUFzQixNQUFNLGNBQWMsQ0FBQTtBQUN0RyxPQUFPLGNBQWMsTUFBTSxXQUFXLENBQUE7QUFFdEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWlDRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFpQkQ7SUFoQm5CLElBQUEsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFB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
|
|
@@ -10,10 +10,11 @@ import { getStatusIconName, getStatusStyle } from '../../objects/facets/Status';
|
|
|
10
10
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
11
11
|
import { ToasterAlertPosition } from './AlertProps';
|
|
12
12
|
import { Icon, IconName, IconSize } from '../../components/icon';
|
|
13
|
-
import { TypographyBold } from '../../objects';
|
|
13
|
+
import { Alignable, TypographyBold } from '../../objects';
|
|
14
14
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
15
15
|
import ToasterContext from './context';
|
|
16
16
|
import LibToast from 'react-native-toast-message';
|
|
17
|
+
import { Row, Rows } from '../rows';
|
|
17
18
|
/**
|
|
18
19
|
* Function call by context for showing toast
|
|
19
20
|
* @param params {ToasterShowContext}
|
|
@@ -47,9 +48,9 @@ var Alert = function (_a) {
|
|
|
47
48
|
var styles = StyleSheet.create({
|
|
48
49
|
container: {
|
|
49
50
|
width: '100%',
|
|
50
|
-
paddingTop:
|
|
51
|
+
paddingTop: 12,
|
|
51
52
|
borderColor: status !== undefined ? color : backgroundColor,
|
|
52
|
-
paddingBottom:
|
|
53
|
+
paddingBottom: 12,
|
|
53
54
|
borderWidth: banner ? 0 : 1,
|
|
54
55
|
backgroundColor: backgroundColor,
|
|
55
56
|
borderRadius: banner ? 0 : 6,
|
|
@@ -66,7 +67,6 @@ var Alert = function (_a) {
|
|
|
66
67
|
description: {
|
|
67
68
|
justifyContent: 'center',
|
|
68
69
|
alignItems: 'center',
|
|
69
|
-
paddingBottom: 5,
|
|
70
70
|
textAlignVertical: 'center',
|
|
71
71
|
paddingLeft: 8,
|
|
72
72
|
},
|
|
@@ -79,15 +79,14 @@ var Alert = function (_a) {
|
|
|
79
79
|
alertView = (
|
|
80
80
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
81
81
|
React.createElement(View, { style: [styles.container, others.style] },
|
|
82
|
-
React.createElement(Columns,
|
|
83
|
-
React.createElement(Column, {
|
|
82
|
+
React.createElement(Columns, { gap: 2, verticalAlign: Alignable.ALIGNED_START },
|
|
83
|
+
React.createElement(Column, { narrow: true },
|
|
84
84
|
React.createElement(Icon, { name: iconName ? iconName : getStatusIconName(status) })),
|
|
85
|
-
React.createElement(Column,
|
|
86
|
-
React.createElement(
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
React.createElement(Column, { size: 11 }, typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))))));
|
|
85
|
+
React.createElement(Column, null,
|
|
86
|
+
React.createElement(Rows, { gap: 2 },
|
|
87
|
+
React.createElement(Row, null,
|
|
88
|
+
React.createElement(Text, { style: styles.containerTitle, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title)),
|
|
89
|
+
React.createElement(Row, null, description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (React.createElement(View, { style: styles.description }, description))))))));
|
|
91
90
|
if (onClick && display)
|
|
92
91
|
return (React.createElement(View, null,
|
|
93
92
|
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, alertView)));
|
|
@@ -159,4 +158,4 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
159
158
|
};
|
|
160
159
|
Alert.displayName = ComponentName.Alert;
|
|
161
160
|
export default Alert;
|
|
162
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
161
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDdEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBYyxvQkFBb0IsRUFBc0IsTUFBTSxjQUFjLENBQUE7QUFDbkYsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUN0QyxPQUFPLFFBQVEsTUFBTSw0QkFBNEIsQ0FBQTtBQUVqRCxPQUFPLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxNQUFNLFNBQVMsQ0FB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
|
|
@@ -8,6 +8,10 @@ export declare enum ToasterAlertPosition {
|
|
|
8
8
|
TOP = "top",
|
|
9
9
|
BOTTOM = "bottom"
|
|
10
10
|
}
|
|
11
|
+
export declare enum ToasterAlertFloat {
|
|
12
|
+
RIGHT = "right",
|
|
13
|
+
LEFT = "left"
|
|
14
|
+
}
|
|
11
15
|
export interface ToasterStatusProps extends StatusProps, Clickable, Accessibility, Dev {
|
|
12
16
|
children?: React.ReactNode;
|
|
13
17
|
className?: string;
|
|
@@ -18,6 +22,7 @@ export interface ToasterStatusProps extends StatusProps, Clickable, Accessibilit
|
|
|
18
22
|
deletable?: ClickEvent | boolean;
|
|
19
23
|
closable?: ClickEvent;
|
|
20
24
|
position?: ToasterAlertPosition;
|
|
25
|
+
float?: ToasterAlertFloat;
|
|
21
26
|
duration?: number;
|
|
22
27
|
offset?: number;
|
|
23
28
|
display?: boolean;
|
|
@@ -3,4 +3,9 @@ export var ToasterAlertPosition;
|
|
|
3
3
|
ToasterAlertPosition["TOP"] = "top";
|
|
4
4
|
ToasterAlertPosition["BOTTOM"] = "bottom";
|
|
5
5
|
})(ToasterAlertPosition || (ToasterAlertPosition = {}));
|
|
6
|
-
|
|
6
|
+
export var ToasterAlertFloat;
|
|
7
|
+
(function (ToasterAlertFloat) {
|
|
8
|
+
ToasterAlertFloat["RIGHT"] = "right";
|
|
9
|
+
ToasterAlertFloat["LEFT"] = "left";
|
|
10
|
+
})(ToasterAlertFloat || (ToasterAlertFloat = {}));
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWxlcnQvQWxlcnRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQSxNQUFNLENBQU4sSUFBWSxvQkFHWDtBQUhELFdBQVksb0JBQW9CO0lBQzlCLG1DQUFXLENBQUE7SUFDWCx5Q0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUcvQjtBQUNELE1BQU0sQ0FBTixJQUFZLGlCQUdYO0FBSEQsV0FBWSxpQkFBaUI7SUFDM0Isb0NBQWUsQ0FBQTtJQUNmLGtDQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsaUJBQWlCLEtBQWpCLGlCQUFpQixRQUc1QiJ9
|
|
@@ -29,8 +29,8 @@ var Badge = function (_a) {
|
|
|
29
29
|
},
|
|
30
30
|
badge: {
|
|
31
31
|
alignSelf: 'baseline',
|
|
32
|
-
minWidth: label ? 20 :
|
|
33
|
-
height: label ? 20 :
|
|
32
|
+
minWidth: label ? 20 : 10,
|
|
33
|
+
height: label ? 20 : 10,
|
|
34
34
|
backgroundColor: !inverted ? badgeColor : getColorStyle(TrilogyColor.BACKGROUND),
|
|
35
35
|
borderRadius: 30,
|
|
36
36
|
justifyContent: 'center',
|
|
@@ -14,5 +14,5 @@ import { BreadcrumbItemPropsWeb } from './BreadcrumbItemProps';
|
|
|
14
14
|
* @param className {string} Additionnal CSS Classes
|
|
15
15
|
* @param others
|
|
16
16
|
*/
|
|
17
|
-
declare const BreadcrumbItem: ({ children, active,
|
|
17
|
+
declare const BreadcrumbItem: ({ children, active, id, href, to, routerLink, testId, onClick, ...others }: BreadcrumbItemPropsWeb) => JSX.Element;
|
|
18
18
|
export default BreadcrumbItem;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { is } from '../../../services/classify';
|
|
4
3
|
import clsx from 'clsx';
|
|
5
4
|
import { hashClass } from '../../../helpers';
|
|
6
5
|
import { useTrilogyContext } from '../../../context';
|
|
@@ -20,16 +19,14 @@ import { Link } from '../../../components/link';
|
|
|
20
19
|
* @param others
|
|
21
20
|
*/
|
|
22
21
|
var BreadcrumbItem = function (_a) {
|
|
23
|
-
var children = _a.children, active = _a.active,
|
|
22
|
+
var children = _a.children, active = _a.active, id = _a.id, href = _a.href, to = _a.to, routerLink = _a.routerLink, testId = _a.testId, onClick = _a.onClick, others = __rest(_a, ["children", "active", "id", "href", "to", "routerLink", "testId", "onClick"]);
|
|
24
23
|
var styled = useTrilogyContext().styled;
|
|
25
|
-
var classes = hashClass(styled, clsx(active && is('active'), className));
|
|
26
24
|
if (routerLink && to) {
|
|
27
25
|
var RouterLink = (routerLink ? routerLink : 'a');
|
|
28
|
-
return (React.createElement("li", { id: id, "data-testid": testId,
|
|
26
|
+
return (React.createElement("li", { id: id, "data-testid": testId, onClick: onClick, "aria-current": active ? 'page' : undefined },
|
|
29
27
|
React.createElement(RouterLink, __assign({ className: hashClass(styled, clsx('link')), to: to }, others), children)));
|
|
30
28
|
}
|
|
31
|
-
return (React.createElement("li", { id: id,
|
|
32
|
-
React.createElement(Link, __assign({ href: active ? undefined : href }, others), children)));
|
|
29
|
+
return (React.createElement("li", { id: id, onClick: onClick, "aria-current": active ? 'page' : undefined }, active ? (children) : (React.createElement(Link, __assign({ href: href }, others), children))));
|
|
33
30
|
};
|
|
34
31
|
export default BreadcrumbItem;
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFVQztJQVR2QixJQUFBLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDSixNQUFNLGNBVGEsNkVBVXZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxVQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBQ3ZFLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU8sa0JBQWdCLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzFGLG9CQUFDLFVBQVUsYUFBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFNLE1BQU0sR0FDdkUsUUFBUSxDQUNFLENBQ1YsQ0FDTixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsNEJBQUksRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDcEUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUNSLFFBQVEsQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLElBQUksYUFBQyxJQUFJLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDekIsUUFBUSxDQUNKLENBQ1IsQ0FDRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGNBQWMsQ0FBQSJ9
|
|
@@ -5,14 +5,15 @@ import clsx from 'clsx';
|
|
|
5
5
|
import { hashClass } from '../../../helpers';
|
|
6
6
|
import { useTrilogyContext } from '../../../context';
|
|
7
7
|
import { getJustifiedClassName } from '../../../objects';
|
|
8
|
+
import { ButtonListDirectionEnum } from './';
|
|
8
9
|
/**
|
|
9
10
|
* Button List Component
|
|
10
11
|
* @param children {ReactNode} ButtonList children
|
|
11
12
|
*/
|
|
12
13
|
var ButtonList = function (_a) {
|
|
13
|
-
var className = _a.className, id = _a.id, align = _a.align,
|
|
14
|
+
var className = _a.className, id = _a.id, align = _a.align, direction = _a.direction, others = __rest(_a, ["className", "id", "align", "direction"]);
|
|
14
15
|
var styled = useTrilogyContext().styled;
|
|
15
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction ===
|
|
16
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === ButtonListDirectionEnum.COLUMN && is('vertical'))) }, others)));
|
|
16
17
|
};
|
|
17
18
|
export default ButtonList;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxJQUFJLENBQUE7QUFFNUM7OztHQUdHO0FBRUgsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQU1DO0lBTG5CLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ04sTUFBTSxjQUxTLHlDQU1uQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsU0FBUyxFQUNULEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsU0FBUyxLQUFLLHVCQUF1QixDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQy9ELENBQ0YsSUFDRyxNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import ButtonList from './ButtonList';
|
|
2
|
+
export * from './ButtonListEnum';
|
|
2
3
|
export { ButtonList };
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2J1dHRvbi9saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUNyQyxjQUFjLGtCQUFrQixDQUFBO0FBRWhDLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { CardProps } from './CardProps';
|
|
3
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
export declare const CardContext: React.Context<{
|
|
5
5
|
floating: boolean;
|
|
6
6
|
backgroundColor: {};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { createContext } from 'react';
|
|
3
|
-
import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
4
|
-
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
-
import ContentLoader, { Rect } from 'react-content-loader/native';
|
|
6
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
7
3
|
import { StatesContext } from '../../context/providerStates';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
+
import React, { createContext } from 'react';
|
|
6
|
+
import ContentLoader, { Rect } from 'react-content-loader/native';
|
|
7
|
+
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
8
|
+
import { isAndroid } from '../../helpers';
|
|
8
9
|
export var CardContext = createContext({
|
|
9
10
|
floating: false,
|
|
10
11
|
backgroundColor: '' || {},
|
|
@@ -40,6 +41,8 @@ var Card = function (_a) {
|
|
|
40
41
|
'transparent',
|
|
41
42
|
borderRadius: cardRadius,
|
|
42
43
|
flex: fullheight ? 1 : 0,
|
|
44
|
+
overflow: 'hidden',
|
|
45
|
+
backgroundColor: getColorStyle(floating ? 'transparent' : TrilogyColor.BACKGROUND),
|
|
43
46
|
},
|
|
44
47
|
horizontal: {
|
|
45
48
|
flexDirection: 'row',
|
|
@@ -52,12 +55,6 @@ var Card = function (_a) {
|
|
|
52
55
|
shadowRadius: 2,
|
|
53
56
|
elevation: 5,
|
|
54
57
|
},
|
|
55
|
-
contentHorizontal: {
|
|
56
|
-
borderWidth: 2,
|
|
57
|
-
margin: 2,
|
|
58
|
-
padding: 10,
|
|
59
|
-
minHeight: 10,
|
|
60
|
-
},
|
|
61
58
|
skeleton: {
|
|
62
59
|
width: '100%',
|
|
63
60
|
minHeight: 50,
|
|
@@ -71,8 +68,12 @@ var Card = function (_a) {
|
|
|
71
68
|
});
|
|
72
69
|
var CardSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others, { testID: 'skeleton-id' }),
|
|
73
70
|
React.createElement(View, { style: { opacity: 0 } }, children),
|
|
74
|
-
|
|
71
|
+
isAndroid && (React.createElement(View, null,
|
|
75
72
|
React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
|
|
73
|
+
var ShadowWrapper = function (_a) {
|
|
74
|
+
var children = _a.children;
|
|
75
|
+
return (React.createElement(View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
|
|
76
|
+
};
|
|
76
77
|
var cardView;
|
|
77
78
|
if (skeleton) {
|
|
78
79
|
return React.createElement(CardSkeleton, null);
|
|
@@ -95,15 +96,17 @@ var Card = function (_a) {
|
|
|
95
96
|
active: active || false,
|
|
96
97
|
} },
|
|
97
98
|
React.createElement(View, { style: { width: '100%' } },
|
|
98
|
-
React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
|
|
99
|
+
React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
|
|
100
|
+
React.createElement(ShadowWrapper, null, cardView)))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
|
|
99
101
|
React.createElement(CardContext.Provider, { value: {
|
|
100
102
|
floating: floating || false,
|
|
101
103
|
backgroundColor: 'white',
|
|
102
104
|
horizontal: horizontal || false,
|
|
103
105
|
reversed: reversed || false,
|
|
104
106
|
active: active || false,
|
|
105
|
-
} },
|
|
107
|
+
} },
|
|
108
|
+
React.createElement(ShadowWrapper, null, cardView))));
|
|
106
109
|
};
|
|
107
110
|
Card.displayName = ComponentName.Card;
|
|
108
111
|
export default Card;
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQXFCLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFZLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDO0lBQ3ZDLFFBQVEsRUFBRSxLQUFLO0lBQ2YsZUFBZSxFQUFFLEVBQUUsSUFBSSxFQUFFO0lBQ3pCLFVBQVUsRUFBRSxLQUFLO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsTUFBTSxFQUFFLEtBQUs7Q0FDZCxDQUFDLENBQUE7QUFFRjs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBV0Y7SUFWVixJQUFBLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVZHLHlHQVdiLENBRFU7SUFFVCxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUE7SUFD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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CardImageProps } from './CardImageProps';
|
|
3
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { CardImageProps } from './CardImageProps';
|
|
4
4
|
/**
|
|
5
5
|
* Card Image Component
|
|
6
6
|
* @param src Image source
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useContext, useEffect, useState } from 'react';
|
|
3
|
-
import { StyleSheet, Image, View, TouchableOpacity } from 'react-native';
|
|
4
2
|
import { CardContext } from '../../../components/card/Card.native';
|
|
5
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
|
+
import React, { useContext, useEffect, useState } from 'react';
|
|
5
|
+
import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
6
6
|
/**
|
|
7
7
|
* Card Image Component
|
|
8
8
|
* @param src Image source
|
|
@@ -14,17 +14,17 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
14
14
|
*/
|
|
15
15
|
var CardImage = function (_a) {
|
|
16
16
|
var src = _a.src, size = _a.size, alt = _a.alt, onClick = _a.onClick, contain = _a.contain, others = __rest(_a, ["src", "size", "alt", "onClick", "contain"]);
|
|
17
|
-
var
|
|
17
|
+
var horizontal = useContext(CardContext).horizontal;
|
|
18
18
|
var maxSize = horizontal ? '50%' : '100%';
|
|
19
|
-
var
|
|
20
|
-
var getBorderRadius = function (isHorizontal, isReversed, isActive) { return ({
|
|
21
|
-
borderBottomRightRadius: (isHorizontal && 1) || (isReversed && 8) || 0,
|
|
22
|
-
borderBottomLeftRadius: (isHorizontal && 8) || (isReversed && 8) || 0,
|
|
23
|
-
borderTopRightRadius: (isHorizontal && 1) || (isReversed && 1) || (isActive && 5) || 8,
|
|
24
|
-
borderTopLeftRadius: (isHorizontal && 1) || (isReversed && 1) || (isActive && 5) || 8,
|
|
25
|
-
}); };
|
|
19
|
+
var _b = __read(useState(1), 2), ratio = _b[0], setRatio = _b[1];
|
|
26
20
|
var styles = StyleSheet.create({
|
|
27
|
-
cardImage:
|
|
21
|
+
cardImage: {
|
|
22
|
+
width: size ? "".concat(size, "0%") : maxSize,
|
|
23
|
+
aspectRatio: ratio,
|
|
24
|
+
resizeMode: contain ? 'contain' : 'cover',
|
|
25
|
+
alignSelf: contain ? 'flex-end' : 'auto',
|
|
26
|
+
marginBottom: 0,
|
|
27
|
+
},
|
|
28
28
|
});
|
|
29
29
|
useEffect(function () {
|
|
30
30
|
if (!horizontal) {
|
|
@@ -41,4 +41,4 @@ var CardImage = function (_a) {
|
|
|
41
41
|
};
|
|
42
42
|
CardImage.displayName = ComponentName.CardImage;
|
|
43
43
|
export default CardImage;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd4RTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBK0Q7SUFBN0QsSUFBQSxHQUFHLFNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTdDLDRDQUErQyxDQUFGO0lBQ3RELElBQUEsVUFBVSxHQUFLLFVBQVUsQ0FBQyxXQUFXLENBQUMsV0FBNUIsQ0FBNEI7SUFDOUMsSUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQTtJQUNyQyxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBRXJDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLE9BQUksQ0FBQyxDQUFDLENBQUMsT0FBTztZQUNuQyxXQUFXLEVBQUUsS0FBSztZQUNsQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDekMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQ3hDLFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNmLE9BQU8sR0FBRyxLQUFLLFFBQVE7Z0JBQ3JCLENBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUNYLEdBQUcsRUFDSCxVQUFDLENBQUMsRUFBRSxDQUFDO29CQUNILENBQUMsSUFBSSxRQUFRLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUN0QixDQUFDLEVBQ0QsY0FBTSxPQUFBLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBWCxDQUFXLENBQ2xCO2dCQUNILENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7U0FDaEI7SUFDSCxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUVyQixJQUFNLEtBQUssR0FBRyxDQUNaLG9CQUFDLEtBQUssYUFDSixrQkFBa0IsRUFBRSxHQUFHLEVBQ3ZCLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUN2QixNQUFNLEVBQUUsT0FBTyxHQUFHLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUNoRCxNQUFNLEVBQ1YsQ0FDSCxDQUFBO0lBRUQsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsSUFBSTtRQUNILG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLElBQUksSUFDcEQsS0FBSyxDQUNXLENBQ2QsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGLEtBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
3
|
import { CheckboxTileProps } from './CheckboxTileProps';
|
|
4
4
|
declare const CheckboxTile: {
|
|
5
|
-
({ disabled, checked, readonly, id, label, onChange, name,
|
|
5
|
+
({ disabled, checked, readonly, id, label, onChange, name, description, icon, horizontal, ...others }: CheckboxTileProps): JSX.Element;
|
|
6
6
|
displayName: ComponentName;
|
|
7
7
|
};
|
|
8
8
|
export default CheckboxTile;
|