@trilogy-ds/react 4.0.7-fix-breadcrumbitem-test → 4.0.7-test-svg
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 +0 -2
- package/lib/components/alert/Alert.js +47 -54
- package/lib/components/alert/AlertProps.d.ts +0 -5
- package/lib/components/alert/AlertProps.js +1 -6
- package/lib/components/alert/ToasterStatusPropsDefaults.js +0 -8
- package/lib/components/badge/Badge.native.js +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +6 -3
- package/lib/components/card/Card.native.d.ts +1 -1
- package/lib/components/card/Card.native.js +13 -15
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +12 -12
- package/lib/components/input/Input.d.ts +1 -1
- package/lib/components/input/Input.js +17 -21
- package/lib/components/list/List.d.ts +2 -3
- package/lib/components/list/List.js +7 -9
- package/lib/components/list/List.native.d.ts +3 -4
- package/lib/components/list/List.native.js +7 -11
- package/lib/components/list/ListProps.d.ts +0 -1
- package/lib/components/list/ListPropsDefaults.js +0 -8
- package/lib/components/list/item/ListItem.native.d.ts +1 -1
- package/lib/components/list/item/ListItem.native.js +5 -19
- package/lib/components/modal/Modal.native.js +109 -51
- package/lib/components/modal/body/ModalBody.native.js +8 -13
- package/lib/components/modal/footer/ModalFooter.native.js +10 -20
- package/lib/components/progress/radial/ProgressRadial.native.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 +0 -7
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -2
- package/lib/components/list/context/ListContext.d.ts +0 -3
- package/lib/components/list/context/ListContext.js +0 -8
- package/lib/components/list/context/ListContextProps.d.ts +0 -7
- package/lib/components/list/context/ListContextProps.js +0 -2
- package/lib/components/list/context/ListContextPropsDefaults.js +0 -24
- package/lib/components/list/context/index.d.ts +0 -2
- package/lib/components/list/context/index.js +0 -3
- package/lib/components/modal/context/ModalContext.d.ts +0 -3
- package/lib/components/modal/context/ModalContext.js +0 -8
- package/lib/components/modal/context/ModalContextProps.d.ts +0 -8
- package/lib/components/modal/context/ModalContextProps.js +0 -2
- package/lib/components/modal/context/ModalContextPropsDefaults.js +0 -25
- package/lib/components/modal/context/index.d.ts +0 -2
- package/lib/components/modal/context/index.js +0 -3
|
@@ -1,22 +1,20 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { useTrilogyContext } from '../../context';
|
|
3
|
-
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
4
|
-
import { has } from '../../services/classify';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
2
|
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { hashClass } from '../../helpers';
|
|
5
|
+
import { useTrilogyContext } from '../../context';
|
|
6
|
+
import { has } from '../../services';
|
|
7
7
|
/**
|
|
8
8
|
* ListItem Component
|
|
9
9
|
* @param className {string} Additionnal CSS Classes
|
|
10
10
|
* @param children {React.ReactNode}
|
|
11
11
|
* @param hasIcon {boolean} If Have icon
|
|
12
|
-
* @param ordered {boolean} Display ordered list
|
|
13
12
|
*/
|
|
14
13
|
var List = function (_a) {
|
|
15
|
-
var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider,
|
|
14
|
+
var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, divider = _a.divider, others = __rest(_a, ["className", "id", "children", "testId", "divider"]);
|
|
16
15
|
var styled = useTrilogyContext().styled;
|
|
17
16
|
var classes = hashClass(styled, clsx('list', divider && has('divider'), className));
|
|
18
|
-
|
|
19
|
-
return (React.createElement(Tag, __assign({ id: id, "data-testid": testId, className: classes }, others), children));
|
|
17
|
+
return (React.createElement("ul", __assign({ id: id, "data-testid": testId, className: classes }, others), children));
|
|
20
18
|
};
|
|
21
19
|
export default List;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFaEM7Ozs7O0dBS0c7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQWtFO0lBQWhFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFyRCxvREFBdUQsQ0FBRjtJQUN6RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEdBQUcsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXJGLE9BQU8sQ0FDTCxxQ0FBSSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQzVELFFBQVEsQ0FDTixDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ListProps } from "./ListProps";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* List Component
|
|
6
6
|
* @param children {React.ReactNode}
|
|
7
|
-
* @param ordered {boolean} Display ordered list
|
|
8
7
|
*/
|
|
9
8
|
declare const List: {
|
|
10
|
-
({ children,
|
|
9
|
+
({ children, ...others }: ListProps): JSX.Element;
|
|
11
10
|
displayName: ComponentName;
|
|
12
11
|
};
|
|
13
12
|
export default List;
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import { __assign,
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import { View } from 'react-native';
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { View } from "../../components/view";
|
|
4
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
6
5
|
/**
|
|
7
6
|
* List Component
|
|
8
7
|
* @param children {React.ReactNode}
|
|
9
|
-
* @param ordered {boolean} Display ordered list
|
|
10
8
|
*/
|
|
11
9
|
var List = function (_a) {
|
|
12
|
-
var children = _a.children,
|
|
13
|
-
|
|
14
|
-
return (React.createElement(ListContext.Provider, { value: { ordered: ordered, divider: divider, chilIndexes: chilIndexes, setChildIndexes: setChildIndexes } },
|
|
15
|
-
React.createElement(View, __assign({ testID: testId }, others), children)));
|
|
10
|
+
var children = _a.children, others = __rest(_a, ["children"]);
|
|
11
|
+
return React.createElement(View, __assign({}, others), children);
|
|
16
12
|
};
|
|
17
13
|
List.displayName = ComponentName.List;
|
|
18
14
|
export default List;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFBa0M7SUFBaEMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDakMsT0FBTyxvQkFBQyxJQUFJLGVBQUssTUFBTSxHQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzVDLENBQUMsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUVyQyxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
-
import { ListItemProps } from '
|
|
3
|
+
import { ListItemProps } from './ListItemProps';
|
|
4
4
|
/**
|
|
5
5
|
* ListItem Component
|
|
6
6
|
* @param children {React.ReactNode}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { __read, __spreadArray } from "tslib";
|
|
2
1
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
2
|
import { Icon } from '../../../components/icon';
|
|
4
|
-
import { ListContext } from '../../../components/list/context';
|
|
5
3
|
import { Text, TextLevels } from '../../../components/text';
|
|
6
|
-
import { getColorStyle, TrilogyColor
|
|
7
|
-
import React, {
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
5
|
+
import React, { useMemo } from 'react';
|
|
8
6
|
import { StyleSheet, View } from 'react-native';
|
|
9
7
|
/**
|
|
10
8
|
* ListItem Component
|
|
@@ -14,12 +12,6 @@ import { StyleSheet, View } from 'react-native';
|
|
|
14
12
|
*/
|
|
15
13
|
var ListItem = function (_a) {
|
|
16
14
|
var children = _a.children, status = _a.status, iconName = _a.iconName;
|
|
17
|
-
var id = useId();
|
|
18
|
-
var _b = useContext(ListContext), ordered = _b.ordered, chilIndexes = _b.chilIndexes, setChildIndexes = _b.setChildIndexes, divider = _b.divider;
|
|
19
|
-
var isLastItem = chilIndexes[chilIndexes.length - 1] === id;
|
|
20
|
-
useEffect(function () {
|
|
21
|
-
setChildIndexes(function (prev) { return __spreadArray(__spreadArray([], __read(prev), false), [id], false); });
|
|
22
|
-
}, [id]);
|
|
23
15
|
var styles = StyleSheet.create({
|
|
24
16
|
text: {
|
|
25
17
|
paddingHorizontal: 16,
|
|
@@ -28,8 +20,6 @@ var ListItem = function (_a) {
|
|
|
28
20
|
flexDirection: 'row',
|
|
29
21
|
alignItems: 'center',
|
|
30
22
|
paddingVertical: iconName ? 8 : 2,
|
|
31
|
-
borderBottomWidth: divider && !isLastItem ? 1 : 0,
|
|
32
|
-
borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL),
|
|
33
23
|
},
|
|
34
24
|
disc: {
|
|
35
25
|
alignSelf: 'center',
|
|
@@ -46,12 +36,8 @@ var ListItem = function (_a) {
|
|
|
46
36
|
return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
|
|
47
37
|
}
|
|
48
38
|
}, [children]);
|
|
49
|
-
return (React.createElement(View, { style:
|
|
50
|
-
|
|
51
|
-
React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] },
|
|
52
|
-
chilIndexes.indexOf(id) + 1,
|
|
53
|
-
"."))),
|
|
54
|
-
!iconName && !ordered && (React.createElement(View, null,
|
|
39
|
+
return (React.createElement(View, { style: styles.content },
|
|
40
|
+
!iconName && (React.createElement(View, null,
|
|
55
41
|
React.createElement(View, { style: styles.disc }))),
|
|
56
42
|
iconName && (React.createElement(View, null,
|
|
57
43
|
React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
|
|
@@ -59,4 +45,4 @@ var ListItem = function (_a) {
|
|
|
59
45
|
};
|
|
60
46
|
ListItem.displayName = ComponentName.ListItem;
|
|
61
47
|
export default ListItem;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLGlCQUFpQixFQUFFLEVBQUU7U0FDdEI7UUFDRCxPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsUUFBUTtZQUNwQixlQUFlLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDbEM7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixLQUFLLEVBQUUsQ0FBQztZQUNSLE1BQU0sRUFBRSxDQUFDO1lBQ1QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxZQUFZLEdBQUcsT0FBTyxDQUFDO1FBQzNCLElBQUksT0FBTyxRQUFRLEtBQUssUUFBUTtZQUFFLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLFFBQVEsQ0FBUSxDQUFBO1FBQ3BGLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sUUFBUSxDQUFDLEVBQUU7WUFDbEQsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsSUFDNUMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPO1FBQ3hCLENBQUMsUUFBUSxJQUFJLENBQ1osb0JBQUMsSUFBSTtZQUNILG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksR0FBSSxDQUN2QixDQUNSO1FBQ0EsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSTtZQUNILG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFvQixFQUFFLEtBQUssRUFBRSxNQUFNLEdBQUksQ0FDM0QsQ0FDUjtRQUNELG9CQUFDLElBQUksUUFBRSxZQUFZLENBQVEsQ0FDdEIsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBRTdDLGVBQWUsUUFBUSxDQUFBIn0=
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
-
import {
|
|
3
|
+
import { Icon, IconName, IconSize } from '../../components/icon';
|
|
4
|
+
import { Alignable } from '../../objects/facets/Alignable';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
4
6
|
import React, { useEffect, useRef, useState } from 'react';
|
|
5
|
-
import { Dimensions, StyleSheet, TouchableOpacity, View
|
|
6
|
-
import
|
|
7
|
+
import { Animated, Dimensions, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
8
|
+
import NativeModal from 'react-native-modal';
|
|
7
9
|
import { Column, Columns } from '../columns';
|
|
8
|
-
import {
|
|
10
|
+
import { SpacerSize } from '../spacer';
|
|
9
11
|
import { Title } from '../title';
|
|
10
|
-
import { ModalContext } from './context/ModalContext';
|
|
11
12
|
/**
|
|
12
13
|
* Modal Component
|
|
13
14
|
* @param active {boolean} Activated Modal
|
|
@@ -20,57 +21,114 @@ import { ModalContext } from './context/ModalContext';
|
|
|
20
21
|
*/
|
|
21
22
|
var Modal = function (_a) {
|
|
22
23
|
var children = _a.children, _b = _a.active, active = _b === void 0 ? false : _b, onClose = _a.onClose, onModalHide = _a.onModalHide, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, _d = _a.unClosable, unClosable = _d === void 0 ? false : _d, trigger = _a.trigger, title = _a.title, others = __rest(_a, ["children", "active", "onClose", "onModalHide", "hideCloseButton", "unClosable", "trigger", "title"]);
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
24
|
+
var styles = StyleSheet.create({
|
|
25
|
+
centeredView: {
|
|
26
|
+
justifyContent: 'flex-end',
|
|
27
|
+
alignItems: 'center',
|
|
28
|
+
backgroundColor: 'rgba(0, 0, 0, 0.5)',
|
|
29
|
+
},
|
|
30
|
+
iconCenter: {
|
|
31
|
+
alignSelf: 'center',
|
|
32
|
+
marginBottom: 30,
|
|
33
|
+
},
|
|
34
|
+
modalView: {
|
|
35
|
+
margin: 0,
|
|
36
|
+
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
37
|
+
borderRadius: 6,
|
|
38
|
+
padding: 17,
|
|
39
|
+
shadowColor: '#000',
|
|
40
|
+
shadowOffset: {
|
|
41
|
+
width: 0,
|
|
42
|
+
height: 2,
|
|
43
|
+
},
|
|
44
|
+
shadowOpacity: 0.25,
|
|
45
|
+
shadowRadius: 3.84,
|
|
46
|
+
elevation: 5,
|
|
47
|
+
flex: 1,
|
|
48
|
+
},
|
|
49
|
+
title: {
|
|
50
|
+
textAlign: 'center',
|
|
51
|
+
fontSize: 21,
|
|
52
|
+
fontWeight: '600',
|
|
53
|
+
},
|
|
54
|
+
content: {
|
|
55
|
+
textAlign: 'center',
|
|
56
|
+
fontSize: 15,
|
|
57
|
+
paddingTop: 10,
|
|
58
|
+
},
|
|
59
|
+
overlay: {
|
|
60
|
+
flexDirection: 'row',
|
|
61
|
+
width: '100%',
|
|
62
|
+
height: '100%',
|
|
63
|
+
},
|
|
64
|
+
middleModal: {
|
|
65
|
+
justifyContent: 'center',
|
|
66
|
+
},
|
|
67
|
+
bottomModal: {
|
|
68
|
+
justifyContent: 'flex-end',
|
|
69
|
+
},
|
|
70
|
+
childrenContainer: {
|
|
71
|
+
flexWrap: 'wrap',
|
|
72
|
+
borderRadius: 6,
|
|
73
|
+
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
74
|
+
width: '100%',
|
|
75
|
+
},
|
|
76
|
+
horizontalMargin: {
|
|
77
|
+
marginTop: 50,
|
|
78
|
+
marginBottom: 0,
|
|
79
|
+
},
|
|
80
|
+
});
|
|
81
|
+
var defaultAnimPosition = Dimensions.get('window').height;
|
|
82
|
+
var translateAnim = useRef(new Animated.Value(defaultAnimPosition)).current;
|
|
83
|
+
var _e = __read(useState(active || false), 2), visible = _e[0], setVisible = _e[1];
|
|
84
|
+
useEffect(function () {
|
|
85
|
+
setVisible(active);
|
|
86
|
+
}, [active]);
|
|
87
|
+
useEffect(function () {
|
|
88
|
+
if (visible) {
|
|
89
|
+
Animated.timing(translateAnim, {
|
|
90
|
+
toValue: 0,
|
|
91
|
+
duration: 500,
|
|
92
|
+
useNativeDriver: true,
|
|
93
|
+
}).start();
|
|
94
|
+
}
|
|
95
|
+
else {
|
|
96
|
+
translateAnim.setValue(defaultAnimPosition);
|
|
97
|
+
}
|
|
98
|
+
}, [visible]);
|
|
99
|
+
var close = function (e) {
|
|
35
100
|
if (onClose)
|
|
36
101
|
onClose(e);
|
|
37
102
|
setVisible(false);
|
|
38
103
|
};
|
|
39
|
-
|
|
40
|
-
setVisible(active);
|
|
41
|
-
}, [active]);
|
|
42
|
-
return (React.createElement(ModalContext.Provider, { value: { scrollViewRef: scrollViewRef, handleOnScroll: handleOnScroll, isFooter: isFooter, setIsFooter: setIsFooter } },
|
|
104
|
+
return (React.createElement(React.Fragment, null,
|
|
43
105
|
trigger,
|
|
44
|
-
React.createElement(
|
|
45
|
-
React.createElement(View, { style: [styles.
|
|
46
|
-
React.createElement(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
106
|
+
React.createElement(NativeModal, __assign({ onSwipeComplete: function (e) { return close(e); }, onModalHide: onModalHide, swipeDirection: unClosable ? undefined : 'down', isVisible: visible, statusBarTranslucent: true, style: { width: '100%', padding: 0, margin: 0 }, propagateSwipe: true }, others),
|
|
107
|
+
React.createElement(View, { style: [styles.overlay, styles.bottomModal] },
|
|
108
|
+
React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: 0, height: '100%' }, onPress: close }),
|
|
109
|
+
React.createElement(View, { style: {
|
|
110
|
+
display: 'flex',
|
|
111
|
+
flexDirection: 'column',
|
|
112
|
+
flex: 1,
|
|
113
|
+
} },
|
|
114
|
+
React.createElement(TouchableOpacity, { activeOpacity: 1, style: { width: '100%', minHeight: 50, flexGrow: 1 }, onPress: close }),
|
|
115
|
+
React.createElement(View, { style: { flexShrink: 1 } },
|
|
116
|
+
React.createElement(Animated.View, { style: [styles.childrenContainer, { transform: [{ translateY: translateAnim }], overflow: 'hidden' }] },
|
|
117
|
+
!hideCloseButton && (React.createElement(View, { style: { paddingHorizontal: SpacerSize.FOUR, paddingVertical: 16 } },
|
|
118
|
+
React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
|
|
119
|
+
React.createElement(Column, null,
|
|
120
|
+
React.createElement(Title, { level: 4 }, title)),
|
|
121
|
+
React.createElement(Column, { narrow: true },
|
|
122
|
+
React.createElement(TouchableOpacity, { onPress: close },
|
|
123
|
+
React.createElement(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN })))))),
|
|
124
|
+
children)),
|
|
125
|
+
React.createElement(TouchableOpacity, { activeOpacity: 1, style: {
|
|
126
|
+
width: '100%',
|
|
127
|
+
minHeight: 0,
|
|
128
|
+
flexGrow: 0,
|
|
129
|
+
}, onPress: close })),
|
|
130
|
+
React.createElement(TouchableOpacity, { onPress: close, activeOpacity: 1, style: { width: 0, height: '100%' } })))));
|
|
54
131
|
};
|
|
55
132
|
Modal.displayName = ComponentName.Modal;
|
|
56
133
|
export default Modal;
|
|
57
|
-
|
|
58
|
-
modal: {
|
|
59
|
-
justifyContent: 'flex-end',
|
|
60
|
-
margin: 0,
|
|
61
|
-
},
|
|
62
|
-
body: {
|
|
63
|
-
paddingHorizontal: 16,
|
|
64
|
-
maxHeight: Dimensions.get('screen').height / 1.1,
|
|
65
|
-
shadowColor: '#000',
|
|
66
|
-
shadowOffset: {
|
|
67
|
-
width: 0,
|
|
68
|
-
height: 2,
|
|
69
|
-
},
|
|
70
|
-
shadowOpacity: 0.25,
|
|
71
|
-
shadowRadius: 3.84,
|
|
72
|
-
elevation: 5,
|
|
73
|
-
borderRadius: 6,
|
|
74
|
-
},
|
|
75
|
-
});
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2xFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxFQUNMLFVBQVUsRUFLVixVQUFVLEVBQ1YsZ0JBQWdCLEVBQ2hCLElBQUksR0FDTCxNQUFNLGNBQWMsQ0FBQTtBQUNyQixPQUFPLE9BQWtDLE1BQU0sb0JBQW9CLENBQUE7QUFDbkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDNUMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxVQUFVLENBQUE7QUFFaEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXJEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFVRjtJQVRYLElBQUEsUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDbEIsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVRJLHFHQVVkLENBRFU7SUFFVCxJQUFNLGFBQWEs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
|
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBeUIsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUM5RyxPQUFPLFdBQXNDLE1BQU0sb0JBQW9CLENBQUE7QUFDdkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDNUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBR2hDOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFVRjtJQVRYLElBQUEsUUFBUSxjQUFBLEVBQ1IsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLHVCQUF1QixFQUF2QixlQUFlLG1CQUFHLEtBQUssS0FBQSxFQUN2QixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDbEIsT0FBTyxhQUFBLEVBQ1AsS0FBSyxX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
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
-
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
4
3
|
import * as React from 'react';
|
|
5
|
-
import { Platform, ScrollView,
|
|
6
|
-
import { ModalContext } from '../context/ModalContext';
|
|
4
|
+
import { Platform, ScrollView, TouchableOpacity } from 'react-native';
|
|
7
5
|
/**
|
|
8
6
|
* Modal Footer Component
|
|
9
7
|
* @param children {React.ReactNode}
|
|
@@ -11,16 +9,13 @@ import { ModalContext } from '../context/ModalContext';
|
|
|
11
9
|
*/
|
|
12
10
|
var ModalBody = function (_a) {
|
|
13
11
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
paddingBottom: isFooter ? 8 : Platform.OS === 'ios' ? 40 : 16,
|
|
21
|
-
},
|
|
22
|
-
] }, others), children)));
|
|
12
|
+
return (React.createElement(ScrollView, { contentContainerStyle: { flexGrow: 1, paddingBottom: Platform.OS === 'ios' ? 40 : 10 } },
|
|
13
|
+
React.createElement(TouchableOpacity, __assign({ activeOpacity: 1 }, others, { style: {
|
|
14
|
+
bottom: 0,
|
|
15
|
+
width: '100%',
|
|
16
|
+
paddingHorizontal: 16,
|
|
17
|
+
} }), children)));
|
|
23
18
|
};
|
|
24
19
|
ModalBody.displayName = ComponentName.ModalBody;
|
|
25
20
|
export default ModalBody;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvYm9keS9Nb2RhbEJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JFOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3RDLE9BQU8sQ0FDTCxvQkFBQyxVQUFVLElBQUMscUJBQXFCLEVBQUUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxFQUFFLGFBQWEsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7UUFDaEcsb0JBQUMsZ0JBQWdCLGFBQ2YsYUFBYSxFQUFFLENBQUMsSUFDWixNQUFNLElBQ1YsS0FBSyxFQUFFO2dCQUNMLE1BQU0sRUFBRSxDQUFDO2dCQUNULEtBQUssRUFBRSxNQUFNO2dCQUNiLGlCQUFpQixFQUFFLEVBQUU7YUFDdEIsS0FFQSxRQUFRLENBQ1EsQ0FDUixDQUNkLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -1,34 +1,24 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
3
|
import { Title, TitleLevels } from '../../../components/title';
|
|
4
|
-
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
5
5
|
import * as React from 'react';
|
|
6
|
-
import { Platform,
|
|
7
|
-
import { ModalContext } from '../context';
|
|
6
|
+
import { Platform, View } from 'react-native';
|
|
8
7
|
/**
|
|
9
8
|
* Modal Footer Component
|
|
10
9
|
* @param children {React.ReactNode}
|
|
11
10
|
*/
|
|
12
11
|
var ModalFooter = function (_a) {
|
|
13
12
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
return (React.createElement(View, __assign({ style: [styles.container] }, others),
|
|
22
|
-
React.createElement(View, { style: [{ backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] }, (typeof children === 'string' && (React.createElement(Title, { level: TitleLevels.THREE, style: styles.title }, children))) ||
|
|
13
|
+
return (React.createElement(View, __assign({}, others, { style: {
|
|
14
|
+
bottom: 0,
|
|
15
|
+
width: '100%',
|
|
16
|
+
paddingBottom: Platform.OS === 'ios' ? 40 : 10,
|
|
17
|
+
} }),
|
|
18
|
+
React.createElement(View, { style: { width: '100%', height: 16, marginTop: -16, backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) } }),
|
|
19
|
+
React.createElement(View, { style: { paddingHorizontal: 16 } }, (typeof children === 'string' && (React.createElement(Title, { level: TitleLevels.THREE, style: { width: '100%', textAlign: 'center' } }, children))) ||
|
|
23
20
|
children)));
|
|
24
21
|
};
|
|
25
22
|
ModalFooter.displayName = ComponentName.ModalFooter;
|
|
26
23
|
export default ModalFooter;
|
|
27
|
-
|
|
28
|
-
container: {
|
|
29
|
-
paddingBottom: Platform.OS === 'ios' ? 40 : 10,
|
|
30
|
-
paddingTop: 16,
|
|
31
|
-
},
|
|
32
|
-
title: { width: '100%', textAlign: 'center' },
|
|
33
|
-
});
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9mb290ZXIvTW9kYWxGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHekM7OztHQUdHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQUF5QztJQUF2QyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNoQyxJQUFBLFdBQVcsR0FBSyxLQUFLLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxZQUFuQyxDQUFtQztJQUV0RCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFBO1FBRWpCLE9BQU87WUFDTCxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDcEIsQ0FBQyxDQUFBO0lBQ0gsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO0lBRU4sT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTTtRQUN6QyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLElBQ3ZFLENBQUMsT0FBTyxRQUFRLEtBQUssUUFBUSxJQUFJLENBQ2hDLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFDakQsUUFBUSxDQUNILENBQ1QsQ0FBQztZQUNBLFFBQVEsQ0FDTCxDQUNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUVuRCxlQUFlLFdBQVcsQ0FBQTtBQUUxQixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQy9CLFNBQVMsRUFBRTtRQUNULGFBQWEsRUFBRSxRQUFRLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1FBQzlDLFVBQVUsRUFBRSxFQUFFO0tBQ2Y7SUFDRCxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUU7Q0FDOUMsQ0FBQyxDQUFBIn0=
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9mb290ZXIvTW9kYWxGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUc3Qzs7O0dBR0c7QUFDSCxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQXlDO0lBQXZDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3hDLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGVBQ0MsTUFBTSxJQUNWLEtBQUssRUFBRTtZQUNMLE1BQU0sRUFBRSxDQUFDO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsUUFBUSxDQUFDLEVBQUUsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUMvQztRQUVELG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsRUFBRSxFQUFFLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxFQUFFLEdBQzdHO1FBQ0Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLGlCQUFpQixFQUFFLEVBQUUsRUFBRSxJQUNuQyxDQUFDLE9BQU8sUUFBUSxLQUFLLFFBQVEsSUFBSSxDQUNoQyxvQkFBQyxLQUFLLElBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLElBQzNFLFFBQVEsQ0FDSCxDQUNULENBQUM7WUFDQSxRQUFRLENBQ0wsQ0FDRixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==
|
|
@@ -21,7 +21,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
21
21
|
*/
|
|
22
22
|
var ProgressRadial = function (_a) {
|
|
23
23
|
var children = _a.children, value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["children", "value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
|
|
24
|
-
var color = getColorStyle(status || TrilogyColor.
|
|
24
|
+
var color = getColorStyle(status || TrilogyColor.INFO);
|
|
25
25
|
var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
|
|
26
26
|
var percentWidth = value || 0;
|
|
27
27
|
var secondFill = secondValue ? { secondFill: secondValue } : null;
|
|
@@ -12,5 +12,5 @@ import { StickerProps } from './StickerProps';
|
|
|
12
12
|
* @param className {string} Additionnal css classes
|
|
13
13
|
* @param others
|
|
14
14
|
*/
|
|
15
|
-
declare const Sticker: ({ className, id, variant, small, label, outlined, iconName,
|
|
15
|
+
declare const Sticker: ({ className, id, variant, small, label, outlined, iconName, ...others }: StickerProps) => JSX.Element;
|
|
16
16
|
export default Sticker;
|
|
@@ -5,7 +5,7 @@ import { is } from '../../services/classify';
|
|
|
5
5
|
import { getVariantClassName } from '../../objects';
|
|
6
6
|
import { hashClass } from '../../helpers';
|
|
7
7
|
import { useTrilogyContext } from '../../context';
|
|
8
|
-
import { Icon, IconSize } from
|
|
8
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
9
9
|
/**
|
|
10
10
|
* Sticker component
|
|
11
11
|
* @param children {ReactNode} Sticker child
|
|
@@ -19,12 +19,12 @@ import { Icon, IconSize } from '../../components/icon';
|
|
|
19
19
|
* @param others
|
|
20
20
|
*/
|
|
21
21
|
var Sticker = function (_a) {
|
|
22
|
-
var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName,
|
|
22
|
+
var className = _a.className, id = _a.id, variant = _a.variant, small = _a.small, label = _a.label, outlined = _a.outlined, iconName = _a.iconName, others = __rest(_a, ["className", "id", "variant", "small", "label", "outlined", "iconName"]);
|
|
23
23
|
var styled = useTrilogyContext().styled;
|
|
24
24
|
var classes = hashClass(styled, clsx('sticker', variant && is(getVariantClassName(variant)), small && is('small'), className, outlined && is('outlined'), is('vcentered')));
|
|
25
|
-
return (React.createElement("p", __assign({ id: id, className: classes
|
|
25
|
+
return (React.createElement("p", __assign({ id: id, className: classes }, others),
|
|
26
26
|
iconName && React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
|
|
27
27
|
label));
|
|
28
28
|
};
|
|
29
29
|
export default Sticker;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RpY2tlci9TdGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUMsRUFBRSxFQUFDLE1BQU0scUJBQXFCLENBQUE7QUFDdEMsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxXQUFXLENBQUE7QUFDbkMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFFakQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFGO0lBQW5GLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyRSx3RUFBdUUsQ0FBRjtJQUM1RSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsS0FBSyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFDcEIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9DQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQ3RDLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFJO1FBQ3JGLEtBQUssQ0FDSixDQUNMLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -12,7 +12,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
12
12
|
* @param others
|
|
13
13
|
*/
|
|
14
14
|
declare const Sticker: {
|
|
15
|
-
({ variant, small, outlined, label, iconName,
|
|
15
|
+
({ variant, small, outlined, label, iconName, ...others }: StickerProps): JSX.Element;
|
|
16
16
|
displayName: ComponentName;
|
|
17
17
|
};
|
|
18
18
|
export default Sticker;
|
|
@@ -4,7 +4,7 @@ import { Platform, StyleSheet, View } from 'react-native';
|
|
|
4
4
|
import { getColorStyle, getVariantStyle, TrilogyColor } from '../../objects';
|
|
5
5
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
6
6
|
import { Text } from '../../components/text';
|
|
7
|
-
import { Icon, IconSize } from
|
|
7
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
8
8
|
/**
|
|
9
9
|
* Sticker component
|
|
10
10
|
* @param children {ReactNode} Sticker child
|
|
@@ -16,7 +16,7 @@ import { Icon, IconSize } from '../../components/icon';
|
|
|
16
16
|
* @param others
|
|
17
17
|
*/
|
|
18
18
|
var Sticker = function (_a) {
|
|
19
|
-
var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, iconName = _a.iconName,
|
|
19
|
+
var variant = _a.variant, small = _a.small, outlined = _a.outlined, label = _a.label, iconName = _a.iconName, others = __rest(_a, ["variant", "small", "outlined", "label", "iconName"]);
|
|
20
20
|
var defaultColor = getColorStyle(TrilogyColor.MAIN);
|
|
21
21
|
var styles = StyleSheet.create({
|
|
22
22
|
sticker: {
|
|
@@ -38,7 +38,7 @@ var Sticker = function (_a) {
|
|
|
38
38
|
fontSize: small ? 12 : 16,
|
|
39
39
|
top: 0,
|
|
40
40
|
alignItems: 'center',
|
|
41
|
-
textAlign: 'center'
|
|
41
|
+
textAlign: 'center'
|
|
42
42
|
},
|
|
43
43
|
text: {
|
|
44
44
|
lineHeight: (!small && 20) || 15,
|
|
@@ -50,13 +50,13 @@ var Sticker = function (_a) {
|
|
|
50
50
|
fontSize: (!small && 16) || 12,
|
|
51
51
|
transform: Platform.OS === 'ios' ? [{ skewX: '0deg' }] : [],
|
|
52
52
|
marginLeft: (iconName && small && 4) || (iconName && !small && 5) || 0,
|
|
53
|
-
marginTop: 1
|
|
53
|
+
marginTop: 1
|
|
54
54
|
},
|
|
55
55
|
});
|
|
56
|
-
return (React.createElement(View, __assign({ style: styles.sticker
|
|
57
|
-
iconName &&
|
|
56
|
+
return (React.createElement(View, __assign({ style: styles.sticker }, others),
|
|
57
|
+
iconName && React.createElement(Icon, { color: TrilogyColor.BACKGROUND, size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName }),
|
|
58
58
|
label && React.createElement(Text, { style: styles.text }, label)));
|
|
59
59
|
};
|
|
60
60
|
Sticker.displayName = ComponentName.Sticker;
|
|
61
61
|
export default Sticker;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RpY2tlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvU3RpY2tlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUMsTUFBTSxjQUFjLENBQUE7QUFFdkQsT0FBTyxFQUFDLGFBQWEsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFDLE1BQU0sV0FBVyxDQUFBO0FBQ3RFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sbUJBQW1CLENBQUE7QUFDdEMsT0FBTyxFQUFDLElBQUksRUFBRSxRQUFRLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUVqRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXNFO0lBQXBFLElBQUEsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF0RCxxREFBd0QsQ0FBRjtJQUNyRSxJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3JELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pCLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM1QixXQUFXLEVBQUUsS0FBSyxDQUFDLENB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
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Small } from '../../objects/facets/Small';
|
|
2
|
-
import {
|
|
2
|
+
import { VariantProps } from '../../objects/facets';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
4
|
import { IconName, IconNameValues } from '../../components/icon';
|
|
5
|
-
export interface StickerProps extends Small, VariantProps, CommonProps
|
|
5
|
+
export interface StickerProps extends Small, VariantProps, CommonProps {
|
|
6
6
|
label: string;
|
|
7
7
|
iconName?: IconName | IconNameValues;
|
|
8
8
|
outlined?: boolean;
|