@trilogy-ds/react 0.0.9-beta-v4 → 4.0.0-icon-timelline-native
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/icon/Icon.native.d.ts +2 -2
- package/lib/components/icon/Icon.native.js +19 -11
- package/lib/components/timeline/content/TimelineContent.native.d.ts +1 -1
- package/lib/components/timeline/content/TimelineContent.native.js +7 -7
- package/lib/components/timeline/item/TimelineItem.native.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.native.js +3 -3
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +8 -6
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { IconProps } from '../../components/icon/IconProps';
|
|
4
4
|
/**
|
|
5
5
|
* Icon Component
|
|
6
6
|
* @param size Size of Icon
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { IconSize } from '../../components/icon/IconEnum';
|
|
4
|
+
import { StatesContext } from '../../context/providerStates';
|
|
5
|
+
import { TrilogyThemeContext } from '../../context/providerTheme.native';
|
|
6
|
+
import { getAlignStyle } from '../../objects/facets/Alignable';
|
|
7
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
2
8
|
import React, { useContext } from 'react';
|
|
9
|
+
import ContentLoader, { Circle } from 'react-content-loader/native';
|
|
3
10
|
import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
4
11
|
import { WithLocalSvg } from 'react-native-svg/css';
|
|
5
|
-
import ContentLoader, { Circle } from 'react-content-loader/native';
|
|
6
|
-
import { IconSize } from './IconEnum';
|
|
7
|
-
import { getAlignStyle } from '../../objects/facets/Alignable';
|
|
8
|
-
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
9
|
-
import { ComponentName } from '../enumsComponentsName';
|
|
10
|
-
import { TrilogyThemeContext } from '../../context/providerTheme.native';
|
|
11
|
-
import { StatesContext } from '../../context/providerStates';
|
|
12
|
-
import Text from '../../components/text/Text.native';
|
|
13
12
|
/**
|
|
14
13
|
* Icon Component
|
|
15
14
|
* @param size Size of Icon
|
|
@@ -31,7 +30,6 @@ var Icon = function (_a) {
|
|
|
31
30
|
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
31
|
var icons = useContext(TrilogyThemeContext).theme.icons;
|
|
33
32
|
var statesContext = useContext(StatesContext);
|
|
34
|
-
var content = '';
|
|
35
33
|
var style = {};
|
|
36
34
|
var defaultSize = (size === IconSize.HUGE && 66) ||
|
|
37
35
|
(size === IconSize.LARGE && 44) ||
|
|
@@ -42,6 +40,7 @@ var Icon = function (_a) {
|
|
|
42
40
|
var iconColor = (color && getColorStyle(color)) ||
|
|
43
41
|
(statesContext.inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
44
42
|
getColorStyle(TrilogyColor.MAIN);
|
|
43
|
+
var background = (backgroundColor && getColorStyle(backgroundColor)) || (circled && getColorStyle(TrilogyColor.MAIN)) || '';
|
|
45
44
|
var iconSkeletonRadius = (size === IconSize.HUGE && 50) ||
|
|
46
45
|
(size === IconSize.LARGE && 35) ||
|
|
47
46
|
(size === IconSize.MEDIUM && 25) ||
|
|
@@ -82,6 +81,14 @@ var Icon = function (_a) {
|
|
|
82
81
|
backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
83
82
|
overflow: 'hidden',
|
|
84
83
|
},
|
|
84
|
+
circled: {
|
|
85
|
+
width: circledWidth,
|
|
86
|
+
height: circledWidth,
|
|
87
|
+
borderRadius: circledWidth,
|
|
88
|
+
backgroundColor: background,
|
|
89
|
+
alignItems: 'center',
|
|
90
|
+
justifyContent: 'center',
|
|
91
|
+
},
|
|
85
92
|
});
|
|
86
93
|
var IconSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
|
|
87
94
|
React.createElement(View, { style: { opacity: 0 } }),
|
|
@@ -99,7 +106,8 @@ var Icon = function (_a) {
|
|
|
99
106
|
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) })));
|
|
100
107
|
}
|
|
101
108
|
else if (circled) {
|
|
102
|
-
iconView = React.createElement(
|
|
109
|
+
iconView = (React.createElement(View, { style: styles.circled, testID: "".concat(testId, "-circled") },
|
|
110
|
+
React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: defaultSize, height: defaultSize, color: iconColor })));
|
|
103
111
|
}
|
|
104
112
|
else {
|
|
105
113
|
iconView = (React.createElement(View, __assign({}, others),
|
|
@@ -111,4 +119,4 @@ var Icon = function (_a) {
|
|
|
111
119
|
};
|
|
112
120
|
Icon.displayName = ComponentName.Icon;
|
|
113
121
|
export default Icon;
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQXNCLE1BQU0sd0JBQXdCLENBQUE7QUFDeEYsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRW5EOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQVlGO0lBWFYsSUFBQSxJQUFJLFVBQUEsRUFDSixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVhHLDhHQVliLENBRFU7SUFHRSxJQUFBLEtBQUssR0FDWixVQUFVLENBQUMsbUJBQW1CLENB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TimelineContentProps } from './TimelineContentProps';
|
|
3
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { TimelineContentProps } from '../../../components/timeline/content/TimelineContentProps';
|
|
4
4
|
/**
|
|
5
5
|
* Timeline Content Component
|
|
6
6
|
* @param children {ReactNode} Use it if you want custom children for content
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React, { useContext } from 'react';
|
|
2
|
-
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
3
|
-
import { Text, TextLevels } from '../../../components/text';
|
|
4
|
-
import { Link } from '../../../components/link';
|
|
5
|
-
import { TypographyColor } from '../../../objects';
|
|
6
|
-
import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
|
|
7
1
|
import { AutoLayout } from '../../../components/autolayout';
|
|
8
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { Link } from '../../../components/link';
|
|
4
|
+
import { Text, TextLevels } from '../../../components/text';
|
|
5
|
+
import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
|
|
6
|
+
import { TypographyColor } from '../../../objects';
|
|
7
|
+
import React, { useContext } from 'react';
|
|
8
|
+
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
9
9
|
/**
|
|
10
10
|
* Timeline Content Component
|
|
11
11
|
* @param children {ReactNode} Use it if you want custom children for content
|
|
@@ -46,4 +46,4 @@ var TimelineContent = function (_a) {
|
|
|
46
46
|
};
|
|
47
47
|
TimelineContent.displayName = ComponentName.TimelineContent;
|
|
48
48
|
export default TimelineContent;
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvY29udGVudC9UaW1lbGluZUNvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0MsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQXVFO1FBQXJFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUN0RSxJQUFNLHFCQUFxQixHQUFHLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFBO0lBRTdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsSUFBSSxFQUFFLENBQUM7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7UUFDRCxPQUFPLEVBQUU7WUFDUCxZQUFZLEVBQUUsQ0FBQztZQUNmLFNBQVMsRUFBRSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEVBQUU7WUFDUCxVQUFVLEVBQUUscUJBQXFCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDeEQsWUFBWSxFQUFFLENBQUM7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsQ0FBQztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ2hCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVM7UUFDM0Isb0JBQUMsVUFBVSxRQUFFLFFBQVEsQ0FBYyxDQUM5QixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUztRQUMxQixDQUFDLENBQUMsT0FBTyxJQUFJLENBQ1osb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsU0FBUyxJQUNsRixPQUFPLENBQ0gsQ0FDUjtRQUNBLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FDWixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQy9DLE9BQU8sQ0FDSCxDQUNSO1FBQ0EsU0FBUyxJQUFJLE1BQU0sSUFBSSxDQUN0QixvQkFBQyxnQkFBZ0IsSUFBQyxNQUFNLEVBQUMsVUFBVTtZQUNqQyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJO2dCQUN0QixvQkFBQyxJQUFJLElBQUMsRUFBRSxFQUFFLE1BQU0sSUFBRyxTQUFTLENBQVEsQ0FDL0IsQ0FDVSxDQUNwQixDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUUzRCxlQUFlLGVBQWUsQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TimelineItemProps } from './TimelineItemProps';
|
|
3
1
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
2
|
+
import { TimelineItemProps } from '../../../components/timeline/item/TimelineItemProps';
|
|
3
|
+
import React from 'react';
|
|
4
4
|
export declare const TimelineItemContext: React.Context<{
|
|
5
5
|
done: boolean;
|
|
6
6
|
active: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
2
|
+
import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
|
|
1
3
|
import React, { createContext, useContext } from 'react';
|
|
2
4
|
import { StyleSheet, View } from 'react-native';
|
|
3
|
-
import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
|
|
4
|
-
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
5
|
export var TimelineItemContext = createContext({ done: false, active: false, cancel: false });
|
|
6
6
|
/**
|
|
7
7
|
* Timeline Item Component
|
|
@@ -35,4 +35,4 @@ var TimelineItem = function (_a) {
|
|
|
35
35
|
};
|
|
36
36
|
TimelineItem.displayName = ComponentName.TimelineItem;
|
|
37
37
|
export default TimelineItem;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvaXRlbS9UaW1lbGluZUl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDN0UsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUUvRjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQUFxRDtRQUFuRCxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDOUMsSUFBQSxLQUF3QixVQUFVLENBQUMscUJBQXFCLENBQUMsRUFBdkQsTUFBTSxZQUFBLEVBQUUsU0FBUyxlQUFzQyxDQUFBO0lBRS9ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsY0FBYztZQUM5QixNQUFNLEVBQUUsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUztZQUM1QyxZQUFZLEVBQUUsQ0FBQztTQUNoQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBSSxLQUFLLEVBQUU7UUFDNUcsb0JBQUMsSUFBSSxJQUNILFFBQVEsRUFBRSxVQUFDLEtBQUs7Z0JBQ04sSUFBUSxVQUFVLEdBQUssS0FBSyxDQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQTdCLENBQTZCO2dCQUN2RCxTQUFTLENBQUMsVUFBQyxJQUFJO29CQUNiLElBQUksSUFBSSxHQUFHLFVBQVU7d0JBQUUsT0FBTyxVQUFVLENBQUE7b0JBQ3hDLE9BQU8sSUFBSSxDQUFBO2dCQUNiLENBQUMsQ0FBQyxDQUFBO1lBQ0osQ0FBQyxFQUNELEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUVqQixRQUFRLENBQ0osQ0FDc0IsQ0FDaEMsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUVyRCxlQUFlLFlBQVksQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TimelineMarkerProps } from './TimelineMarkerProps';
|
|
3
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { TimelineMarkerProps } from '../../../components/timeline/marker/TimelineMarkerProps';
|
|
4
4
|
/**
|
|
5
5
|
* TimelineMarker Native Component
|
|
6
6
|
* @param iconName {IconName} Icon Name - sample : IconName.CHECK
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { StyleSheet, View } from 'react-native';
|
|
1
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
2
|
import { Icon, IconSize } from '../../../components/icon';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
3
|
+
import { SpacerSize } from '../../../components/spacer';
|
|
4
|
+
import { TimelineItemContext } from '../../../components/timeline/item/TimelineItem.native';
|
|
6
5
|
import { TimelineHeightContext } from '../../../components/timeline/Timeline.native';
|
|
7
|
-
import {
|
|
6
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
7
|
+
import React, { useContext } from 'react';
|
|
8
|
+
import { StyleSheet, View } from 'react-native';
|
|
8
9
|
/**
|
|
9
10
|
* TimelineMarker Native Component
|
|
10
11
|
* @param iconName {IconName} Icon Name - sample : IconName.CHECK
|
|
@@ -22,6 +23,7 @@ var TimelineMarker = function (_a) {
|
|
|
22
23
|
flexDirection: 'column',
|
|
23
24
|
},
|
|
24
25
|
divider: {
|
|
26
|
+
top: SpacerSize.TWO,
|
|
25
27
|
height: height ? height - 48 : 74,
|
|
26
28
|
borderStyle: 'solid',
|
|
27
29
|
borderLeftWidth: 2,
|
|
@@ -49,4 +51,4 @@ var TimelineMarker = function (_a) {
|
|
|
49
51
|
};
|
|
50
52
|
TimelineMarker.displayName = ComponentName.TimelineMarker;
|
|
51
53
|
export default TimelineMarker;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUE7QUFFcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQWlDO1FBQS9CLFFBQVEsY0FBQTtJQUMxQixJQUFBLEtBQTJCLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUF4RCxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQW9DLENBQUE7SUFDeEQsSUFBQSxNQUFNLEdBQUssVUFBVSxDQUFDLHFCQUFxQixDQUFDLE9BQXRDLENBQXNDO0lBRXBELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFLENBQUM7WUFDUCxTQUFTLEVBQUUsWUFBWTtZQUN2QixhQUFhLEVBQUUsUUFBUTtTQUN4QjtRQUNELE9BQU8sRUFBRTtZQUNQLEdBQUcsRUFBRSxVQUFVLENBQUMsR0FBRztZQUNuQixNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2pDLFdBQVcsRUFBRSxPQUFPO1lBQ3BCLGVBQWUsRUFBRSxDQUFDO1lBQ2xCLFVBQVUsRUFBRSxNQUFNO1lBQ2xCLFdBQVcsRUFBRSxNQUFNO1lBQ25CLFdBQVcsRUFDVCxDQUFDLE1BQU0sSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM1QyxDQUFDLE1BQU0sSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUMvQyxDQUFDLElBQUksSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMxQyxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztTQUMzQztRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU07UUFDeEIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtZQUN0QixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxPQUFPLFFBQ1AsS0FBSyxFQUNILENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxVQUFVLENBQUM7b0JBQ25DLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxZQUFZLENBQUM7b0JBQ3JDLENBQUMsSUFBSSxJQUFJLFlBQVksQ0FBQyxVQUFVLENBQUM7b0JBQ2pDLFlBQVksQ0FBQyxVQUFVLEVBRXpCLGVBQWUsRUFDYixDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUM3QixDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsT0FBTyxDQUFDO29CQUNoQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUMzQixZQUFZLENBQUMsWUFBWSxFQUUzQixJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEIsQ0FDRztRQUVQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sR0FBUyxDQUMvQixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFFekQsZUFBZSxjQUFjLENBQUEifQ==
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0
|
|
1
|
+
export declare const version = "4.0.0-icon-timelline-native";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "0.0
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.0.0-icon-timelline-native";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLDZCQUE2QixDQUFBIn0=
|