@trilogy-ds/react 4.0.7-test-svg → 4.1.0
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/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 +15 -13
- 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/input/Input.d.ts +1 -1
- package/lib/components/input/Input.js +29 -25
- package/lib/components/link/Link.native.d.ts +1 -1
- package/lib/components/link/Link.native.js +7 -18
- package/lib/components/link/LinkProps.d.ts +2 -0
- package/lib/components/link/LinkPropsNativeDefaults.js +14 -0
- 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 +4 -5
- package/lib/components/modal/Modal.native.js +51 -109
- package/lib/components/modal/body/ModalBody.native.js +13 -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 +20 -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 +1 -1
- package/lib/components/radio/Radio.native.js +2 -2
- package/lib/components/radio/list/RadioList.native.js +1 -1
- 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/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 +7 -7
- package/lib/components/sticker/StickerProps.d.ts +2 -2
- package/lib/components/sticker/StickerPropsDefaults.js +7 -0
- package/lib/components/tag/Tag.native.js +1 -1
- package/lib/components/text/TextPropsDefaults.js +9 -9
- 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 +2 -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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
|
|
@@ -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,10 @@
|
|
|
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 { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
8
8
|
export var CardContext = createContext({
|
|
9
9
|
floating: false,
|
|
10
10
|
backgroundColor: '' || {},
|
|
@@ -40,6 +40,8 @@ var Card = function (_a) {
|
|
|
40
40
|
'transparent',
|
|
41
41
|
borderRadius: cardRadius,
|
|
42
42
|
flex: fullheight ? 1 : 0,
|
|
43
|
+
overflow: 'hidden',
|
|
44
|
+
backgroundColor: getColorStyle(floating ? 'transparent' : TrilogyColor.BACKGROUND),
|
|
43
45
|
},
|
|
44
46
|
horizontal: {
|
|
45
47
|
flexDirection: 'row',
|
|
@@ -52,12 +54,6 @@ var Card = function (_a) {
|
|
|
52
54
|
shadowRadius: 2,
|
|
53
55
|
elevation: 5,
|
|
54
56
|
},
|
|
55
|
-
contentHorizontal: {
|
|
56
|
-
borderWidth: 2,
|
|
57
|
-
margin: 2,
|
|
58
|
-
padding: 10,
|
|
59
|
-
minHeight: 10,
|
|
60
|
-
},
|
|
61
57
|
skeleton: {
|
|
62
58
|
width: '100%',
|
|
63
59
|
minHeight: 50,
|
|
@@ -73,6 +69,10 @@ var Card = function (_a) {
|
|
|
73
69
|
React.createElement(View, { style: { opacity: 0 } }, children),
|
|
74
70
|
Platform.OS === 'android' && (React.createElement(View, null,
|
|
75
71
|
React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
|
|
72
|
+
var ShadowWrapper = function (_a) {
|
|
73
|
+
var children = _a.children;
|
|
74
|
+
return (React.createElement(View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
|
|
75
|
+
};
|
|
76
76
|
var cardView;
|
|
77
77
|
if (skeleton) {
|
|
78
78
|
return React.createElement(CardSkeleton, null);
|
|
@@ -95,15 +95,17 @@ var Card = function (_a) {
|
|
|
95
95
|
active: active || false,
|
|
96
96
|
} },
|
|
97
97
|
React.createElement(View, { style: { width: '100%' } },
|
|
98
|
-
React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
|
|
98
|
+
React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
|
|
99
|
+
React.createElement(ShadowWrapper, null, cardView)))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
|
|
99
100
|
React.createElement(CardContext.Provider, { value: {
|
|
100
101
|
floating: floating || false,
|
|
101
102
|
backgroundColor: 'white',
|
|
102
103
|
horizontal: horizontal || false,
|
|
103
104
|
reversed: reversed || false,
|
|
104
105
|
active: active || false,
|
|
105
|
-
} },
|
|
106
|
+
} },
|
|
107
|
+
React.createElement(ShadowWrapper, null, cardView))));
|
|
106
108
|
};
|
|
107
109
|
Card.displayName = ComponentName.Card;
|
|
108
110
|
export default Card;
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQXFCLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzNFLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUM7SUFDdkMsUUFBUSxFQUFFLEtBQUs7SUFDZixlQUFlLEVBQUUsRUFBRSxJQUFJLEVBQUU7SUFDekIsVUFBVSxFQUFFLEtBQUs7SUFDakIsUUFBUSxFQUFFLEtBQUs7SUFDZixNQUFNLEVBQUUsS0FBSztDQUNkLENBQUMsQ0FBQTtBQUVGOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFXRjtJQVZWLElBQUEsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVkcseUdBV2IsQ0FEVTtJQUVULElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQTtJQUMxQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUE7SUFD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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;
|
|
@@ -9,7 +9,7 @@ import React, { useState } from 'react';
|
|
|
9
9
|
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
10
10
|
import shortid from 'shortid';
|
|
11
11
|
var CheckboxTile = function (_a) {
|
|
12
|
-
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name,
|
|
12
|
+
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal"]);
|
|
13
13
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
14
14
|
var styles = StyleSheet.create({
|
|
15
15
|
container: {
|
|
@@ -118,4 +118,4 @@ var CheckboxTile = function (_a) {
|
|
|
118
118
|
};
|
|
119
119
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
120
120
|
export default CheckboxTile;
|
|
121
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
121
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hGLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0QsT0FBTyxPQUFPLE1BQU0sU0FBUyxDQUFBO0FBRzdCLElBQU0sWUFBWSxHQUFHLFVBQUMsRUFZRjtJQVhsQixJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1AsTUFBTSxjQVhXLDJHQVlyQixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXlCLFFBQVEs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
|
|
@@ -17,7 +17,7 @@ var ChipsList = function (_a) {
|
|
|
17
17
|
var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable"]);
|
|
18
18
|
var styled = useTrilogyContext().styled;
|
|
19
19
|
var classes = hashClass(styled, clsx('chips-list', multiple && is('multiple'), scrollable && is('scrollable'), className));
|
|
20
|
-
return (React.createElement("div", __assign({ id: id, role:
|
|
20
|
+
return (React.createElement("div", __assign({ id: id, role: 'group', className: classes }, others), children));
|
|
21
21
|
};
|
|
22
22
|
export default ChipsList;
|
|
23
23
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE0RTtJQUExRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLGNBQTFELHlEQUE0RCxDQUFGO0lBQ25FLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMxRixDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDckQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -11,7 +11,7 @@ import { DividerProps } from './DividerProps';
|
|
|
11
11
|
* @param others
|
|
12
12
|
*/
|
|
13
13
|
declare const Divider: {
|
|
14
|
-
({ content, unboxed, marginless, iconName,
|
|
14
|
+
({ content, unboxed, marginless, iconName, ...others }: DividerProps): JSX.Element;
|
|
15
15
|
displayName: ComponentName;
|
|
16
16
|
};
|
|
17
17
|
export default Divider;
|
|
@@ -15,7 +15,7 @@ import { StyleSheet, View } from 'react-native';
|
|
|
15
15
|
* @param others
|
|
16
16
|
*/
|
|
17
17
|
var Divider = function (_a) {
|
|
18
|
-
var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName,
|
|
18
|
+
var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName, others = __rest(_a, ["content", "unboxed", "marginless", "iconName"]);
|
|
19
19
|
var _b = __read(React.useState(0), 2), textWidth = _b[0], setTextWidth = _b[1];
|
|
20
20
|
var _c = __read(React.useState(0), 2), containerWidth = _c[0], setContainerWidth = _c[1];
|
|
21
21
|
var dividerColor = getColorStyle(TrilogyColor.NEUTRAL);
|
|
@@ -72,4 +72,4 @@ var Divider = function (_a) {
|
|
|
72
72
|
};
|
|
73
73
|
Divider.displayName = ComponentName.Divider;
|
|
74
74
|
export default Divider;
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW1FO0lBQWpFLElBQUEsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbkQsZ0RBQXFELENBQUY7SUFDNUQsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUFxQixDQUFBO0lBQzdDLElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQixDQUFBO0lBQzdELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxZQUFZLEVBQUUsRUFBRTtZQUNoQixTQUFTLEVBQUUs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
|