@trilogy-ds/react 0.0.1-beta-141 → 0.0.1-beta-143
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/badge/Badge.d.ts +6 -5
- package/lib/components/badge/Badge.js +40 -20
- package/lib/components/badge/Badge.native.d.ts +3 -7
- package/lib/components/badge/Badge.native.js +13 -29
- package/lib/components/badge/BadgeEnum.d.ts +9 -3
- package/lib/components/badge/BadgeEnum.js +11 -5
- package/lib/components/badge/BadgeProps.d.ts +6 -5
- package/lib/components/badge/BadgePropsDefaults.js +33 -8
- package/lib/components/badge/index.d.ts +0 -1
- package/lib/components/badge/index.js +1 -2
- package/lib/components/box/BoxPropsDefaults.js +4 -4
- package/lib/components/box/content/BoxContentPropsDefaults.js +2 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +2 -2
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +2 -2
- package/lib/components/hero/HeroPropsDefaults.js +2 -2
- package/lib/components/icon/Icon.d.ts +1 -1
- package/lib/components/icon/Icon.js +3 -4
- package/lib/components/icon/Icon.native.d.ts +1 -1
- package/lib/components/icon/Icon.native.js +2 -10
- package/lib/components/icon/IconProps.d.ts +1 -3
- package/lib/components/icon/IconPropsDefaults.js +2 -25
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +4 -4
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +2 -2
- package/lib/components/section/SectionPropsDefaults.js +2 -2
- package/lib/components/sticker/StickerPropsDefaults.js +2 -2
- package/lib/components/table/body/TableBodyPropsDefaults.js +4 -4
- package/lib/components/table/head/TableHeadPropsDefaults.js +4 -4
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +2 -2
- package/lib/components/tabs/tab-list/TabList.js +5 -3
- package/lib/components/view/ViewPropsDefaults.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -3,14 +3,15 @@ import { BadgeProps } from './BadgeProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Badge Component
|
|
5
5
|
* @param children {React.ReactNode} If no content add children (Icon for example)
|
|
6
|
-
* @param
|
|
7
|
-
* @param
|
|
6
|
+
* @param id
|
|
7
|
+
* @param label {string|number} Badge content text
|
|
8
8
|
* @param inverted {boolean} Inverted style for Badge
|
|
9
|
-
* @param reversed {boolean} Text reversed for Badge
|
|
10
9
|
* @param onClick {Function} onClick Event for Badge
|
|
11
|
-
* @param testId {string} Test Id for Test Integration
|
|
12
10
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
11
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
12
|
+
* @param variant
|
|
13
|
+
* @param position
|
|
14
|
+
* @param others
|
|
14
15
|
*/
|
|
15
|
-
declare const Badge: ({
|
|
16
|
+
declare const Badge: ({ className, children, id, label, inverted, onClick, variant, position, status, ...others }: BadgeProps) => JSX.Element;
|
|
16
17
|
export default Badge;
|
|
@@ -1,40 +1,60 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Text, TextMarkup } from '../../components/text';
|
|
4
3
|
import clsx from 'clsx';
|
|
5
4
|
import { hashClass } from '../../helpers';
|
|
6
5
|
import { useTrilogyContext } from '../../context';
|
|
7
|
-
import { is } from '../../services';
|
|
6
|
+
import { has, is } from '../../services';
|
|
7
|
+
import { getStatusClassName, getVariantClassName, StatusState, TrilogyColor } from '../../objects';
|
|
8
|
+
import { Icon, IconColor, IconName } from '../../components/icon';
|
|
8
9
|
/**
|
|
9
10
|
* Badge Component
|
|
10
11
|
* @param children {React.ReactNode} If no content add children (Icon for example)
|
|
11
|
-
* @param
|
|
12
|
-
* @param
|
|
12
|
+
* @param id
|
|
13
|
+
* @param label {string|number} Badge content text
|
|
13
14
|
* @param inverted {boolean} Inverted style for Badge
|
|
14
|
-
* @param reversed {boolean} Text reversed for Badge
|
|
15
15
|
* @param onClick {Function} onClick Event for Badge
|
|
16
|
-
* @param testId {string} Test Id for Test Integration
|
|
17
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
18
17
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
18
|
+
* @param variant
|
|
19
|
+
* @param position
|
|
20
|
+
* @param others
|
|
19
21
|
*/
|
|
20
22
|
var Badge = function (_a) {
|
|
21
|
-
var
|
|
23
|
+
var className = _a.className, children = _a.children, id = _a.id, label = _a.label, inverted = _a.inverted, onClick = _a.onClick, variant = _a.variant, position = _a.position, status = _a.status, others = __rest(_a, ["className", "children", "id", "label", "inverted", "onClick", "variant", "position", "status"]);
|
|
22
24
|
var styled = useTrilogyContext().styled;
|
|
23
|
-
var classes = hashClass(styled, clsx(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
var classes = hashClass(styled, clsx('badge', inverted && is('inverted'), variant && has("background-".concat(getVariantClassName(variant) || getStatusClassName(variant))), position && is(position), className));
|
|
26
|
+
var iconName = null;
|
|
27
|
+
var iconColor = null;
|
|
28
|
+
switch (status) {
|
|
29
|
+
case StatusState.SUCCESS:
|
|
30
|
+
iconName = IconName.CHECK_CIRCLE;
|
|
31
|
+
iconColor = IconColor.SUCCESS;
|
|
32
|
+
break;
|
|
33
|
+
case StatusState.WARNING:
|
|
34
|
+
iconName = IconName.EXCLAMATION_CIRCLE;
|
|
35
|
+
iconColor = IconColor.WARNING;
|
|
36
|
+
break;
|
|
37
|
+
case StatusState.ERROR:
|
|
38
|
+
iconName = IconName.TIMES_CIRCLE;
|
|
39
|
+
iconColor = IconColor.ERROR;
|
|
40
|
+
break;
|
|
41
|
+
case StatusState.INFO:
|
|
42
|
+
iconName = IconName.INFOS_CIRCLE;
|
|
43
|
+
iconColor = IconColor.INFO;
|
|
44
|
+
break;
|
|
45
|
+
default:
|
|
46
|
+
break;
|
|
32
47
|
}
|
|
33
|
-
|
|
48
|
+
var simpleBadge = status && iconName && iconColor ? (React.createElement(Icon, __assign({ name: iconName, className: clsx(position && is(position), 'badge-icon'), circled: true, backgroundColor: TrilogyColor.BACKGROUND, color: iconColor, id: id }, others))) : (React.createElement("span", __assign({ id: id, className: classes, onClick: function (e) {
|
|
34
49
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
35
50
|
e.stopPropagation();
|
|
36
|
-
} },
|
|
37
|
-
|
|
51
|
+
} }, others), label));
|
|
52
|
+
if (children) {
|
|
53
|
+
return (React.createElement("span", { className: 'badge-container' },
|
|
54
|
+
children,
|
|
55
|
+
simpleBadge));
|
|
56
|
+
}
|
|
57
|
+
return simpleBadge;
|
|
38
58
|
};
|
|
39
59
|
export default Badge;
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlGLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFXRjtJQVZYLElBQUEsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsRUFBRSxRQUFBLEVBQ0YsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVZJLGdHQVdkLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxFQUNQLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLE9BQU8sSUFBSSxHQUFHLENBQUMscUJBQWMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLENBQUUsQ0FBQyxFQUMzRixRQUFRLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN4QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBSSxRQUFRLEdBQW9CLElBQUksQ0FBQTtJQUNwQyxJQUFJLFNBQVMsR0FBcUIsSUFBSSxDQUFBO0lBRXRDLFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxXQUFXLENBQUMsT0FBTztZQUN0QixRQUFRLEdBQUcsUUFBUSxDQUFDLFlBQVksQ0FBQTtZQUNoQyxTQUFTLEdBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQTtZQUM3QixNQUFLO1FBQ1AsS0FBSyxXQUFXLENBQUMsT0FBTztZQUN0QixRQUFRLEdBQUcsUUFBUSxDQUFDLGtCQUFrQixDQUFBO1lBQ3RDLFNBQVMsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFBO1lBQzdCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxLQUFLO1lBQ3BCLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFBO1lBQzNCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxJQUFJO1lBQ25CLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFBO1lBQzFCLE1BQUs7UUFDUDtZQUNFLE1BQUs7S0FDUjtJQUVELElBQU0sV0FBVyxHQUNmLE1BQU0sSUFBSSxRQUFRLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUNoQyxvQkFBQyxJQUFJLGFBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsWUFBWSxDQUFDLEVBQ3ZELE9BQU8sUUFDUCxlQUFlLEVBQUUsWUFBWSxDQUFDLFVBQVUsRUFDeEMsS0FBSyxFQUFFLFNBQVMsRUFDaEIsRUFBRSxFQUFFLEVBQUUsSUFDRixNQUFNLEVBQ1YsQ0FDSCxDQUFDLENBQUMsQ0FBQyxDQUNGLHVDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLE9BQU8sRUFDbEIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLElBQ0csTUFBTSxHQUVULEtBQUssQ0FDRCxDQUNSLENBQUE7SUFFSCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw4QkFBTSxTQUFTLEVBQUMsaUJBQWlCO1lBQzlCLFFBQVE7WUFDUixXQUFXLENBQ1AsQ0FDUixDQUFBO0tBQ0Y7SUFFRCxPQUFPLFdBQVcsQ0FBQTtBQUNwQixDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BadgeProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { BadgeProps } from './BadgeProps';
|
|
3
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Badge Native Component
|
|
6
6
|
* @param children {React.ReactNode} If no content add children (Icon for example)
|
|
7
|
-
* @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
|
|
8
|
-
* @param content content {string|number} Badge content text
|
|
9
|
-
* @param direction {boolean} Text direction for Badge (LEFT|RIGHT)
|
|
10
7
|
* @param onClick {Function} onClick Event for Badge
|
|
11
|
-
* @param reversed {boolean} Text reversed for Badge
|
|
12
8
|
* @param testId {string} Test Id for Test Integration
|
|
13
9
|
*/
|
|
14
10
|
declare const Badge: {
|
|
15
|
-
({
|
|
11
|
+
({ label, onClick, testId, variant, ...others }: BadgeProps): JSX.Element;
|
|
16
12
|
displayName: ComponentName;
|
|
17
13
|
};
|
|
18
14
|
export default Badge;
|
|
@@ -1,35 +1,30 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from
|
|
3
|
-
import { StyleSheet,
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { ComponentName } from "../../components/enumsComponentsName";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
7
6
|
/**
|
|
8
7
|
* Badge Native Component
|
|
9
8
|
* @param children {React.ReactNode} If no content add children (Icon for example)
|
|
10
|
-
* @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
|
|
11
|
-
* @param content content {string|number} Badge content text
|
|
12
|
-
* @param direction {boolean} Text direction for Badge (LEFT|RIGHT)
|
|
13
9
|
* @param onClick {Function} onClick Event for Badge
|
|
14
|
-
* @param reversed {boolean} Text reversed for Badge
|
|
15
10
|
* @param testId {string} Test Id for Test Integration
|
|
16
11
|
*/
|
|
17
12
|
var Badge = function (_a) {
|
|
18
|
-
var
|
|
19
|
-
var badgeColor = getColorStyle(
|
|
13
|
+
var label = _a.label, onClick = _a.onClick, testId = _a.testId, variant = _a.variant, others = __rest(_a, ["label", "onClick", "testId", "variant"]);
|
|
14
|
+
var badgeColor = getColorStyle(variant || TrilogyColor.MAIN);
|
|
20
15
|
var textColor = getColorStyle(TrilogyColor.BACKGROUND);
|
|
21
16
|
var styles = StyleSheet.create({
|
|
22
17
|
container: {
|
|
23
|
-
flexDirection:
|
|
18
|
+
flexDirection: 'row',
|
|
24
19
|
},
|
|
25
20
|
badge: {
|
|
26
|
-
alignSelf:
|
|
21
|
+
alignSelf: 'baseline',
|
|
27
22
|
minWidth: 20,
|
|
28
23
|
height: 20,
|
|
29
24
|
backgroundColor: badgeColor,
|
|
30
25
|
borderRadius: 30,
|
|
31
|
-
justifyContent:
|
|
32
|
-
alignItems:
|
|
26
|
+
justifyContent: 'center',
|
|
27
|
+
alignItems: 'center',
|
|
33
28
|
},
|
|
34
29
|
text: {
|
|
35
30
|
color: textColor,
|
|
@@ -42,21 +37,10 @@ var Badge = function (_a) {
|
|
|
42
37
|
color: getColorStyle(TrilogyColor.MAIN),
|
|
43
38
|
},
|
|
44
39
|
});
|
|
45
|
-
var badgeView;
|
|
46
|
-
if (textContent) {
|
|
47
|
-
badgeView = (React.createElement(View, { style: styles.container },
|
|
48
|
-
!reversed && React.createElement(Text, { style: styles.textContent }, textContent),
|
|
49
|
-
React.createElement(View, { style: styles.badge },
|
|
50
|
-
React.createElement(Text, { style: styles.text }, content)),
|
|
51
|
-
reversed && (React.createElement(Text, { style: styles.textContent }, textContent))));
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
badgeView = (React.createElement(View, null, content ? (React.createElement(View, __assign({ style: styles.badge }, others),
|
|
55
|
-
React.createElement(Text, { style: styles.text }, content))) : (React.createElement(View, __assign({ style: styles.badge }, others), children))));
|
|
56
|
-
}
|
|
57
40
|
return onClick ? (React.createElement(View, null,
|
|
58
|
-
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId },
|
|
41
|
+
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId },
|
|
42
|
+
React.createElement(View, __assign({ style: styles.badge }, others), label)))) : (React.createElement(View, __assign({ style: styles.badge }, others), label));
|
|
59
43
|
};
|
|
60
44
|
Badge.displayName = ComponentName.Badge;
|
|
61
45
|
export default Badge;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7R0FLRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBMEQ7SUFBeEQsSUFBQSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTVDLHlDQUE4QyxDQUFGO0lBQ3pELElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxPQUFPLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzlELElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsS0FBSztTQUNyQjtRQUNELEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxVQUFVO1lBQ3JCLFFBQVEsRUFBRSxFQUFFO1lBQ1osTUFBTSxFQUFFLEVBQUU7WUFDVixlQUFlLEVBQUUsVUFBVTtZQUMzQixZQUFZLEVBQUUsRUFBRTtZQUNoQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxFQUFFO1NBQ2I7UUFDRCxXQUFXLEVBQUU7WUFDWCxRQUFRLEVBQUUsRUFBRTtZQUNaLFdBQVcsRUFBRSxDQUFDO1lBQ2QsVUFBVSxFQUFFLENBQUM7WUFDYixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDeEM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsZ0JBQWdCLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxNQUFNO1lBQ3JFLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBTSxNQUFNLEdBQ2xDLEtBQUssQ0FDRCxDQUNVLENBQ2QsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBTSxNQUFNLEdBQ2xDLEtBQUssQ0FDRCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Badge Enum
|
|
3
|
+
*/
|
|
4
|
+
export declare enum BadgePositionEnum {
|
|
5
|
+
TOP_LEFT = "top-left",
|
|
6
|
+
TOP_RIGHT = "top-right",
|
|
7
|
+
BOTTOM_LEFT = "bottom-left",
|
|
8
|
+
BOTTOM_RIGHT = "bottom-right"
|
|
3
9
|
}
|
|
4
|
-
export type
|
|
10
|
+
export type BadgePositionValues = `${BadgePositionEnum}`;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Badge Enum
|
|
3
|
+
*/
|
|
4
|
+
export var BadgePositionEnum;
|
|
5
|
+
(function (BadgePositionEnum) {
|
|
6
|
+
BadgePositionEnum["TOP_LEFT"] = "top-left";
|
|
7
|
+
BadgePositionEnum["TOP_RIGHT"] = "top-right";
|
|
8
|
+
BadgePositionEnum["BOTTOM_LEFT"] = "bottom-left";
|
|
9
|
+
BadgePositionEnum["BOTTOM_RIGHT"] = "bottom-right";
|
|
10
|
+
})(BadgePositionEnum || (BadgePositionEnum = {}));
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2VFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZUVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxpQkFLWDtBQUxELFdBQVksaUJBQWlCO0lBQzNCLDBDQUFxQixDQUFBO0lBQ3JCLDRDQUF1QixDQUFBO0lBQ3ZCLGdEQUEyQixDQUFBO0lBQzNCLGtEQUE2QixDQUFBO0FBQy9CLENBQUMsRUFMVyxpQkFBaUIsS0FBakIsaUJBQWlCLFFBSzVCIn0=
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Accessibility, Dev } from '../../objects';
|
|
2
|
+
import { Accessibility, Dev, StatusState, StatusStateValues, VariantProps } from '../../objects';
|
|
3
3
|
import { Clickable } from '../../objects/facets/Clickable';
|
|
4
4
|
import { Invertable } from '../../objects/facets/Invertable';
|
|
5
5
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
6
|
+
import { BadgePositionEnum, BadgePositionValues } from '../../components/badge/BadgeEnum';
|
|
6
7
|
/**
|
|
7
8
|
* Badge Interface
|
|
8
9
|
*/
|
|
9
|
-
export interface BadgeProps extends Clickable, Accessibility, Invertable, Dev, CommonProps {
|
|
10
|
+
export interface BadgeProps extends Clickable, Accessibility, Invertable, Dev, CommonProps, VariantProps {
|
|
10
11
|
children?: React.ReactNode;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
label?: string | number;
|
|
13
|
+
position?: BadgePositionEnum | BadgePositionValues;
|
|
14
|
+
status?: StatusState | StatusStateValues;
|
|
14
15
|
}
|
|
@@ -13,7 +13,7 @@ export default {
|
|
|
13
13
|
"ReactPortal"
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
-
"
|
|
16
|
+
"label": {
|
|
17
17
|
"type": "string",
|
|
18
18
|
"values": [
|
|
19
19
|
"undefined",
|
|
@@ -21,19 +21,32 @@ export default {
|
|
|
21
21
|
"number"
|
|
22
22
|
]
|
|
23
23
|
},
|
|
24
|
-
"
|
|
25
|
-
"type": "
|
|
24
|
+
"position": {
|
|
25
|
+
"type": "enum",
|
|
26
26
|
"values": [
|
|
27
27
|
"undefined",
|
|
28
|
-
"
|
|
28
|
+
"top-left",
|
|
29
|
+
"top-right",
|
|
30
|
+
"bottom-left",
|
|
31
|
+
"bottom-right",
|
|
32
|
+
"top-left",
|
|
33
|
+
"top-right",
|
|
34
|
+
"bottom-left",
|
|
35
|
+
"bottom-right"
|
|
29
36
|
]
|
|
30
37
|
},
|
|
31
|
-
"
|
|
32
|
-
"type": "
|
|
38
|
+
"status": {
|
|
39
|
+
"type": "enum",
|
|
33
40
|
"values": [
|
|
34
41
|
"undefined",
|
|
35
|
-
"
|
|
36
|
-
"
|
|
42
|
+
"SUCCESS",
|
|
43
|
+
"INFO",
|
|
44
|
+
"WARNING",
|
|
45
|
+
"ERROR",
|
|
46
|
+
"SUCCESS",
|
|
47
|
+
"INFO",
|
|
48
|
+
"WARNING",
|
|
49
|
+
"ERROR"
|
|
37
50
|
]
|
|
38
51
|
},
|
|
39
52
|
"onClick": {
|
|
@@ -78,5 +91,17 @@ export default {
|
|
|
78
91
|
"undefined",
|
|
79
92
|
"string"
|
|
80
93
|
]
|
|
94
|
+
},
|
|
95
|
+
"variant": {
|
|
96
|
+
"type": "enum",
|
|
97
|
+
"values": [
|
|
98
|
+
"undefined",
|
|
99
|
+
"INFO",
|
|
100
|
+
"MAIN",
|
|
101
|
+
"ACCENT",
|
|
102
|
+
"INFO",
|
|
103
|
+
"MAIN",
|
|
104
|
+
"ACCENT"
|
|
105
|
+
]
|
|
81
106
|
}
|
|
82
107
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import Badge from './Badge';
|
|
2
|
-
export * from './BadgeEnum';
|
|
3
2
|
export { Badge };
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==
|
|
@@ -36,6 +36,8 @@ export default {
|
|
|
36
36
|
"INFO",
|
|
37
37
|
"WARNING",
|
|
38
38
|
"ERROR",
|
|
39
|
+
"MAIN",
|
|
40
|
+
"ACCENT",
|
|
39
41
|
"WHITE",
|
|
40
42
|
"MAIN",
|
|
41
43
|
"MAIN_FADE",
|
|
@@ -54,9 +56,7 @@ export default {
|
|
|
54
56
|
"NEUTRAL",
|
|
55
57
|
"NEUTRAL_FADE",
|
|
56
58
|
"WHITE",
|
|
57
|
-
"MAIN",
|
|
58
59
|
"MAIN_FADE",
|
|
59
|
-
"ACCENT",
|
|
60
60
|
"FONT",
|
|
61
61
|
"SUCCESS_FADE",
|
|
62
62
|
"INFO_FADE",
|
|
@@ -123,6 +123,8 @@ export default {
|
|
|
123
123
|
"INFO",
|
|
124
124
|
"WARNING",
|
|
125
125
|
"ERROR",
|
|
126
|
+
"MAIN",
|
|
127
|
+
"ACCENT",
|
|
126
128
|
"WHITE",
|
|
127
129
|
"MAIN",
|
|
128
130
|
"MAIN_FADE",
|
|
@@ -141,9 +143,7 @@ export default {
|
|
|
141
143
|
"NEUTRAL",
|
|
142
144
|
"NEUTRAL_FADE",
|
|
143
145
|
"WHITE",
|
|
144
|
-
"MAIN",
|
|
145
146
|
"MAIN_FADE",
|
|
146
|
-
"ACCENT",
|
|
147
147
|
"FONT",
|
|
148
148
|
"SUCCESS_FADE",
|
|
149
149
|
"INFO_FADE",
|
|
@@ -21,6 +21,8 @@ export default {
|
|
|
21
21
|
"INFO",
|
|
22
22
|
"WARNING",
|
|
23
23
|
"ERROR",
|
|
24
|
+
"MAIN",
|
|
25
|
+
"ACCENT",
|
|
24
26
|
"WHITE",
|
|
25
27
|
"MAIN",
|
|
26
28
|
"MAIN_FADE",
|
|
@@ -39,9 +41,7 @@ export default {
|
|
|
39
41
|
"NEUTRAL",
|
|
40
42
|
"NEUTRAL_FADE",
|
|
41
43
|
"WHITE",
|
|
42
|
-
"MAIN",
|
|
43
44
|
"MAIN_FADE",
|
|
44
|
-
"ACCENT",
|
|
45
45
|
"FONT",
|
|
46
46
|
"SUCCESS_FADE",
|
|
47
47
|
"INFO_FADE",
|
|
@@ -21,6 +21,8 @@ export default {
|
|
|
21
21
|
"INFO",
|
|
22
22
|
"WARNING",
|
|
23
23
|
"ERROR",
|
|
24
|
+
"MAIN",
|
|
25
|
+
"ACCENT",
|
|
24
26
|
"WHITE",
|
|
25
27
|
"MAIN",
|
|
26
28
|
"MAIN_FADE",
|
|
@@ -39,9 +41,7 @@ export default {
|
|
|
39
41
|
"NEUTRAL",
|
|
40
42
|
"NEUTRAL_FADE",
|
|
41
43
|
"WHITE",
|
|
42
|
-
"MAIN",
|
|
43
44
|
"MAIN_FADE",
|
|
44
|
-
"ACCENT",
|
|
45
45
|
"FONT",
|
|
46
46
|
"SUCCESS_FADE",
|
|
47
47
|
"INFO_FADE",
|
|
@@ -21,6 +21,8 @@ export default {
|
|
|
21
21
|
"INFO",
|
|
22
22
|
"WARNING",
|
|
23
23
|
"ERROR",
|
|
24
|
+
"MAIN",
|
|
25
|
+
"ACCENT",
|
|
24
26
|
"WHITE",
|
|
25
27
|
"MAIN",
|
|
26
28
|
"MAIN_FADE",
|
|
@@ -39,9 +41,7 @@ export default {
|
|
|
39
41
|
"NEUTRAL",
|
|
40
42
|
"NEUTRAL_FADE",
|
|
41
43
|
"WHITE",
|
|
42
|
-
"MAIN",
|
|
43
44
|
"MAIN_FADE",
|
|
44
|
-
"ACCENT",
|
|
45
45
|
"FONT",
|
|
46
46
|
"SUCCESS_FADE",
|
|
47
47
|
"INFO_FADE",
|
|
@@ -37,6 +37,8 @@ export default {
|
|
|
37
37
|
"INFO",
|
|
38
38
|
"WARNING",
|
|
39
39
|
"ERROR",
|
|
40
|
+
"MAIN",
|
|
41
|
+
"ACCENT",
|
|
40
42
|
"WHITE",
|
|
41
43
|
"MAIN",
|
|
42
44
|
"MAIN_FADE",
|
|
@@ -55,9 +57,7 @@ export default {
|
|
|
55
57
|
"NEUTRAL",
|
|
56
58
|
"NEUTRAL_FADE",
|
|
57
59
|
"WHITE",
|
|
58
|
-
"MAIN",
|
|
59
60
|
"MAIN_FADE",
|
|
60
|
-
"ACCENT",
|
|
61
61
|
"FONT",
|
|
62
62
|
"SUCCESS_FADE",
|
|
63
63
|
"INFO_FADE",
|
|
@@ -17,5 +17,5 @@ import { IconProps } from './IconProps';
|
|
|
17
17
|
* @param className Additionnal css classes
|
|
18
18
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
19
19
|
*/
|
|
20
|
-
declare const Icon: ({ className, id, size, name,
|
|
20
|
+
declare const Icon: ({ className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, ...others }: IconProps) => JSX.Element;
|
|
21
21
|
export default Icon;
|
|
@@ -25,16 +25,15 @@ import { getStatusBackground, has, is } from '../../services';
|
|
|
25
25
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
26
26
|
*/
|
|
27
27
|
var Icon = function (_a) {
|
|
28
|
-
var className = _a.className, id = _a.id, size = _a.size, name = _a.name,
|
|
28
|
+
var className = _a.className, id = _a.id, size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, skeleton = _a.skeleton, others = __rest(_a, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton"]);
|
|
29
29
|
var styled = useTrilogyContext().styled;
|
|
30
30
|
var background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
|
|
31
31
|
(status && getStatusBackground(status, IconStatus.INFO)) ||
|
|
32
32
|
(circled && has(getBackgroundClassName(TrilogyColor.MAIN))) ||
|
|
33
33
|
'';
|
|
34
|
-
var classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), circled && is('circled'), circled && !color && has('text-white'), color && is("".concat(getColorClassName(color))), skeleton && is('loading'),
|
|
34
|
+
var classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), circled && is('circled'), circled && !color && has('text-white'), color && is("".concat(getColorClassName(color))), skeleton && is('loading'), background, className));
|
|
35
35
|
return (React.createElement("span", __assign({ id: id, onClick: onClick && onClick, className: classes }, others),
|
|
36
|
-
badgeContent && React.createElement("span", { className: hashClass(styled, clsx('badge', is('up'))) }, badgeContent),
|
|
37
36
|
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
|
|
38
37
|
};
|
|
39
38
|
export default Icon;
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQXNCLE1BQU0sd0JBQXdCLENBQUE7QUFDNUYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXpEOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBRUgsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQVlGO0lBWFYsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhHLDhHQVliLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLFVBQVUsR0FDZCxDQUFDLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztRQUNqRSxDQUFDLE1BQU0sSUFBSSxtQkFBbUIsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hELENBQUMsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMzRCxFQUFFLENBQUE7SUFFSixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLElBQUksSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQ2hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ3RDLEtBQUssSUFBSSxFQUFFLENBQUMsVUFBRyxpQkFBaUIsQ0FBQyxLQUEwQyxDQUFDLENBQUUsQ0FBQyxFQUMvRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUN2RSwyQkFBRyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsaUJBQWMsTUFBTSxHQUFHLENBQzdELENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=
|
|
@@ -19,7 +19,7 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
19
19
|
* @param skeleton {boolean} Icon Skeleton
|
|
20
20
|
*/
|
|
21
21
|
declare const Icon: {
|
|
22
|
-
({ size, name,
|
|
22
|
+
({ size, name, circled, stretched, color, backgroundColor, onClick, align, skeleton, testId, ...others }: IconProps): JSX.Element;
|
|
23
23
|
displayName: ComponentName;
|
|
24
24
|
};
|
|
25
25
|
export default Icon;
|
|
@@ -28,7 +28,7 @@ import Text from '../../components/text/Text.native';
|
|
|
28
28
|
* @param skeleton {boolean} Icon Skeleton
|
|
29
29
|
*/
|
|
30
30
|
var Icon = function (_a) {
|
|
31
|
-
var size = _a.size, name = _a.name,
|
|
31
|
+
var size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, testId = _a.testId, others = __rest(_a, ["size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "testId"]);
|
|
32
32
|
var icons = useContext(TrilogyThemeContext).theme.icons;
|
|
33
33
|
var statesContext = useContext(StatesContext);
|
|
34
34
|
var content = '';
|
|
@@ -40,7 +40,6 @@ var Icon = function (_a) {
|
|
|
40
40
|
(size === IconSize.SMALLER && 16) ||
|
|
41
41
|
20;
|
|
42
42
|
var iconColor = (color && getColorStyle(color)) ||
|
|
43
|
-
(status && getColorStyle(status)) ||
|
|
44
43
|
(statesContext.inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
45
44
|
getColorStyle(TrilogyColor.MAIN);
|
|
46
45
|
var iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
|
|
@@ -98,16 +97,9 @@ var Icon = function (_a) {
|
|
|
98
97
|
if (stretched && !circled) {
|
|
99
98
|
iconView = (React.createElement(View, { style: styles.stretched, testID: "".concat(testId, "-stretched") },
|
|
100
99
|
React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: defaultSize, height: defaultSize, color: getColorStyle(TrilogyColor.BACKGROUND) })));
|
|
101
|
-
} /* status icon */
|
|
102
|
-
else if (status && !circled && !stretched) {
|
|
103
|
-
// TODO: fix status icon
|
|
104
|
-
iconView = React.createElement(Text, null, "FAUT CORRIGER \u00C7A (status icon)");
|
|
105
100
|
}
|
|
106
101
|
else if (circled) {
|
|
107
102
|
iconView = React.createElement(Text, null, "FAUT CORRIGER \u00C7A (circled icon)");
|
|
108
|
-
} /* Text icon */
|
|
109
|
-
else if (content && !badgeContent) {
|
|
110
|
-
iconView = React.createElement(Text, null, "FAUT CORRIGER \u00C7A (icon + texte)");
|
|
111
103
|
}
|
|
112
104
|
else {
|
|
113
105
|
iconView = (React.createElement(View, __assign({}, others),
|
|
@@ -119,4 +111,4 @@ var Icon = function (_a) {
|
|
|
119
111
|
};
|
|
120
112
|
Icon.displayName = ComponentName.Icon;
|
|
121
113
|
export default Icon;
|
|
122
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ25ELE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFFbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNyQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQXNCLE1BQU0sd0JBQXdCLENBQUE7QUFDeEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSwrQkFBK0IsQ0FBQTtBQUVoRDs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFZRjtJQVhWLElBQUEsSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0wsZUFBZSxxQkFBQSxFQUNmLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FYRyw4R0FZYixDQURVO0lBR0UsSUFB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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IconColor, IconColorValues, IconSize, IconSizeValues
|
|
1
|
+
import { IconColor, IconColorValues, IconSize, IconSizeValues } from './IconEnum';
|
|
2
2
|
import { IconName, IconNameValues } from './IconNameEnum';
|
|
3
3
|
import { Accessibility, AlignableProps, Clickable, Dev, Stacked, TrilogyColor, TrilogyColorValues } from '../../objects';
|
|
4
4
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
@@ -7,8 +7,6 @@ import { CommonProps } from '../../objects/facets/CommonProps';
|
|
|
7
7
|
*/
|
|
8
8
|
export interface IconProps extends Stacked, AlignableProps, Clickable, Accessibility, Dev, CommonProps {
|
|
9
9
|
name: IconName | IconNameValues;
|
|
10
|
-
status?: IconStatus | IconStatusValues;
|
|
11
|
-
badgeContent?: string;
|
|
12
10
|
size?: IconSize | IconSizeValues;
|
|
13
11
|
circled?: boolean;
|
|
14
12
|
stretched?: boolean;
|
|
@@ -50,29 +50,6 @@ export default {
|
|
|
50
50
|
"tri-picto-payment-visa"
|
|
51
51
|
]
|
|
52
52
|
},
|
|
53
|
-
"status": {
|
|
54
|
-
"type": "enum",
|
|
55
|
-
"values": [
|
|
56
|
-
"undefined",
|
|
57
|
-
"SUCCESS",
|
|
58
|
-
"INFO",
|
|
59
|
-
"WARNING",
|
|
60
|
-
"ERROR",
|
|
61
|
-
"WHITE",
|
|
62
|
-
"SUCCESS",
|
|
63
|
-
"ERROR",
|
|
64
|
-
"WARNING",
|
|
65
|
-
"INFO",
|
|
66
|
-
"WHITE"
|
|
67
|
-
]
|
|
68
|
-
},
|
|
69
|
-
"badgeContent": {
|
|
70
|
-
"type": "string",
|
|
71
|
-
"values": [
|
|
72
|
-
"undefined",
|
|
73
|
-
"string"
|
|
74
|
-
]
|
|
75
|
-
},
|
|
76
53
|
"size": {
|
|
77
54
|
"type": "enum",
|
|
78
55
|
"values": [
|
|
@@ -120,6 +97,8 @@ export default {
|
|
|
120
97
|
"INFO",
|
|
121
98
|
"WARNING",
|
|
122
99
|
"ERROR",
|
|
100
|
+
"MAIN",
|
|
101
|
+
"ACCENT",
|
|
123
102
|
"WHITE",
|
|
124
103
|
"MAIN",
|
|
125
104
|
"MAIN_FADE",
|
|
@@ -138,9 +117,7 @@ export default {
|
|
|
138
117
|
"NEUTRAL",
|
|
139
118
|
"NEUTRAL_FADE",
|
|
140
119
|
"WHITE",
|
|
141
|
-
"MAIN",
|
|
142
120
|
"MAIN_FADE",
|
|
143
|
-
"ACCENT",
|
|
144
121
|
"FONT",
|
|
145
122
|
"SUCCESS_FADE",
|
|
146
123
|
"INFO_FADE",
|
|
@@ -43,6 +43,8 @@ export default {
|
|
|
43
43
|
"INFO",
|
|
44
44
|
"WARNING",
|
|
45
45
|
"ERROR",
|
|
46
|
+
"MAIN",
|
|
47
|
+
"ACCENT",
|
|
46
48
|
"WHITE",
|
|
47
49
|
"MAIN",
|
|
48
50
|
"MAIN_FADE",
|
|
@@ -61,9 +63,7 @@ export default {
|
|
|
61
63
|
"NEUTRAL",
|
|
62
64
|
"NEUTRAL_FADE",
|
|
63
65
|
"WHITE",
|
|
64
|
-
"MAIN",
|
|
65
66
|
"MAIN_FADE",
|
|
66
|
-
"ACCENT",
|
|
67
67
|
"FONT",
|
|
68
68
|
"SUCCESS_FADE",
|
|
69
69
|
"INFO_FADE",
|
|
@@ -90,6 +90,8 @@ export default {
|
|
|
90
90
|
"INFO",
|
|
91
91
|
"WARNING",
|
|
92
92
|
"ERROR",
|
|
93
|
+
"MAIN",
|
|
94
|
+
"ACCENT",
|
|
93
95
|
"WHITE",
|
|
94
96
|
"MAIN",
|
|
95
97
|
"MAIN_FADE",
|
|
@@ -108,9 +110,7 @@ export default {
|
|
|
108
110
|
"NEUTRAL",
|
|
109
111
|
"NEUTRAL_FADE",
|
|
110
112
|
"WHITE",
|
|
111
|
-
"MAIN",
|
|
112
113
|
"MAIN_FADE",
|
|
113
|
-
"ACCENT",
|
|
114
114
|
"FONT",
|
|
115
115
|
"SUCCESS_FADE",
|
|
116
116
|
"INFO_FADE",
|
|
@@ -73,6 +73,8 @@ export default {
|
|
|
73
73
|
"INFO",
|
|
74
74
|
"WARNING",
|
|
75
75
|
"ERROR",
|
|
76
|
+
"MAIN",
|
|
77
|
+
"ACCENT",
|
|
76
78
|
"WHITE",
|
|
77
79
|
"MAIN",
|
|
78
80
|
"MAIN_FADE",
|
|
@@ -91,9 +93,7 @@ export default {
|
|
|
91
93
|
"NEUTRAL",
|
|
92
94
|
"NEUTRAL_FADE",
|
|
93
95
|
"WHITE",
|
|
94
|
-
"MAIN",
|
|
95
96
|
"MAIN_FADE",
|
|
96
|
-
"ACCENT",
|
|
97
97
|
"FONT",
|
|
98
98
|
"SUCCESS_FADE",
|
|
99
99
|
"INFO_FADE",
|
|
@@ -15,6 +15,8 @@ export default {
|
|
|
15
15
|
"INFO",
|
|
16
16
|
"WARNING",
|
|
17
17
|
"ERROR",
|
|
18
|
+
"MAIN",
|
|
19
|
+
"ACCENT",
|
|
18
20
|
"WHITE",
|
|
19
21
|
"MAIN",
|
|
20
22
|
"MAIN_FADE",
|
|
@@ -33,9 +35,7 @@ export default {
|
|
|
33
35
|
"NEUTRAL",
|
|
34
36
|
"NEUTRAL_FADE",
|
|
35
37
|
"WHITE",
|
|
36
|
-
"MAIN",
|
|
37
38
|
"MAIN_FADE",
|
|
38
|
-
"ACCENT",
|
|
39
39
|
"FONT",
|
|
40
40
|
"SUCCESS_FADE",
|
|
41
41
|
"INFO_FADE",
|
|
@@ -21,6 +21,8 @@ export default {
|
|
|
21
21
|
"INFO",
|
|
22
22
|
"WARNING",
|
|
23
23
|
"ERROR",
|
|
24
|
+
"MAIN",
|
|
25
|
+
"ACCENT",
|
|
24
26
|
"WHITE",
|
|
25
27
|
"MAIN",
|
|
26
28
|
"MAIN_FADE",
|
|
@@ -39,9 +41,7 @@ export default {
|
|
|
39
41
|
"NEUTRAL",
|
|
40
42
|
"NEUTRAL_FADE",
|
|
41
43
|
"WHITE",
|
|
42
|
-
"MAIN",
|
|
43
44
|
"MAIN_FADE",
|
|
44
|
-
"ACCENT",
|
|
45
45
|
"FONT",
|
|
46
46
|
"SUCCESS_FADE",
|
|
47
47
|
"INFO_FADE",
|
|
@@ -61,6 +61,8 @@ export default {
|
|
|
61
61
|
"INFO",
|
|
62
62
|
"WARNING",
|
|
63
63
|
"ERROR",
|
|
64
|
+
"MAIN",
|
|
65
|
+
"ACCENT",
|
|
64
66
|
"WHITE",
|
|
65
67
|
"MAIN",
|
|
66
68
|
"MAIN_FADE",
|
|
@@ -79,9 +81,7 @@ export default {
|
|
|
79
81
|
"NEUTRAL",
|
|
80
82
|
"NEUTRAL_FADE",
|
|
81
83
|
"WHITE",
|
|
82
|
-
"MAIN",
|
|
83
84
|
"MAIN_FADE",
|
|
84
|
-
"ACCENT",
|
|
85
85
|
"FONT",
|
|
86
86
|
"SUCCESS_FADE",
|
|
87
87
|
"INFO_FADE",
|
|
@@ -21,6 +21,8 @@ export default {
|
|
|
21
21
|
"INFO",
|
|
22
22
|
"WARNING",
|
|
23
23
|
"ERROR",
|
|
24
|
+
"MAIN",
|
|
25
|
+
"ACCENT",
|
|
24
26
|
"WHITE",
|
|
25
27
|
"MAIN",
|
|
26
28
|
"MAIN_FADE",
|
|
@@ -39,9 +41,7 @@ export default {
|
|
|
39
41
|
"NEUTRAL",
|
|
40
42
|
"NEUTRAL_FADE",
|
|
41
43
|
"WHITE",
|
|
42
|
-
"MAIN",
|
|
43
44
|
"MAIN_FADE",
|
|
44
|
-
"ACCENT",
|
|
45
45
|
"FONT",
|
|
46
46
|
"SUCCESS_FADE",
|
|
47
47
|
"INFO_FADE",
|
|
@@ -61,6 +61,8 @@ export default {
|
|
|
61
61
|
"INFO",
|
|
62
62
|
"WARNING",
|
|
63
63
|
"ERROR",
|
|
64
|
+
"MAIN",
|
|
65
|
+
"ACCENT",
|
|
64
66
|
"WHITE",
|
|
65
67
|
"MAIN",
|
|
66
68
|
"MAIN_FADE",
|
|
@@ -79,9 +81,7 @@ export default {
|
|
|
79
81
|
"NEUTRAL",
|
|
80
82
|
"NEUTRAL_FADE",
|
|
81
83
|
"WHITE",
|
|
82
|
-
"MAIN",
|
|
83
84
|
"MAIN_FADE",
|
|
84
|
-
"ACCENT",
|
|
85
85
|
"FONT",
|
|
86
86
|
"SUCCESS_FADE",
|
|
87
87
|
"INFO_FADE",
|
|
@@ -58,6 +58,8 @@ export default {
|
|
|
58
58
|
"INFO",
|
|
59
59
|
"WARNING",
|
|
60
60
|
"ERROR",
|
|
61
|
+
"MAIN",
|
|
62
|
+
"ACCENT",
|
|
61
63
|
"WHITE",
|
|
62
64
|
"MAIN",
|
|
63
65
|
"MAIN_FADE",
|
|
@@ -76,9 +78,7 @@ export default {
|
|
|
76
78
|
"NEUTRAL",
|
|
77
79
|
"NEUTRAL_FADE",
|
|
78
80
|
"WHITE",
|
|
79
|
-
"MAIN",
|
|
80
81
|
"MAIN_FADE",
|
|
81
|
-
"ACCENT",
|
|
82
82
|
"FONT",
|
|
83
83
|
"SUCCESS_FADE",
|
|
84
84
|
"INFO_FADE",
|
|
@@ -3,15 +3,17 @@ import React from 'react';
|
|
|
3
3
|
import { hashClass } from '../../../helpers';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { useTrilogyContext } from '../../../context';
|
|
6
|
+
import { getAlignClassName } from '../../../objects';
|
|
7
|
+
import { is } from '../../../services';
|
|
6
8
|
/**
|
|
7
9
|
* Tabs Nav Component
|
|
8
10
|
* @param children {ReactChild} React Child Element
|
|
9
11
|
*/
|
|
10
12
|
var TabList = React.forwardRef(function (props) {
|
|
11
|
-
var children = props.children, className = props.className, id = props.id, testId = props.testId, others = __rest(props, ["children", "className", "id", "testId"]);
|
|
13
|
+
var children = props.children, className = props.className, id = props.id, testId = props.testId, align = props.align, others = __rest(props, ["children", "className", "id", "testId", "align"]);
|
|
12
14
|
var styled = useTrilogyContext().styled;
|
|
13
|
-
var classes = hashClass(styled, clsx('tab-list', className));
|
|
15
|
+
var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
|
|
14
16
|
return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
|
|
15
17
|
});
|
|
16
18
|
export default TabList;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7O0dBR0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUI7SUFDM0MsSUFBQSxRQUFRLEdBQThDLEtBQUssU0FBbkQsRUFBRSxTQUFTLEdBQW1DLEtBQUssVUFBeEMsRUFBRSxFQUFFLEdBQStCLEtBQUssR0FBcEMsRUFBRSxNQUFNLEdBQXVCLEtBQUssT0FBNUIsRUFBRSxLQUFLLEdBQWdCLEtBQUssTUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUE3RCxrREFBcUQsQ0FBRixDQUFVO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVyRyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsaUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUM3RCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -149,6 +149,8 @@ export default {
|
|
|
149
149
|
"INFO",
|
|
150
150
|
"WARNING",
|
|
151
151
|
"ERROR",
|
|
152
|
+
"MAIN",
|
|
153
|
+
"ACCENT",
|
|
152
154
|
"WHITE",
|
|
153
155
|
"MAIN",
|
|
154
156
|
"MAIN_FADE",
|
|
@@ -167,9 +169,7 @@ export default {
|
|
|
167
169
|
"NEUTRAL",
|
|
168
170
|
"NEUTRAL_FADE",
|
|
169
171
|
"WHITE",
|
|
170
|
-
"MAIN",
|
|
171
172
|
"MAIN_FADE",
|
|
172
|
-
"ACCENT",
|
|
173
173
|
"FONT",
|
|
174
174
|
"SUCCESS_FADE",
|
|
175
175
|
"INFO_FADE",
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.1-beta-
|
|
1
|
+
export declare const version = "0.0.1-beta-143";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "0.0.1-beta-
|
|
1
|
+
export var version = "0.0.1-beta-143";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGdCQUFnQixDQUFBIn0=
|