@trilogy-ds/react 4.0.1 → 4.0.2
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/autolayout/AutoLayout.helpers.js +7 -5
- package/lib/components/autolayout/DefaultSpacingMatrix.js +4 -3
- package/lib/components/button/Button.native.d.ts +2 -2
- package/lib/components/button/Button.native.js +66 -98
- package/lib/components/checkbox/Checkbox.native.js +6 -95
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +4 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.js +5 -3
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +8 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +20 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +12 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +13 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +8 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +126 -0
- package/lib/components/columns/Columns.native.d.ts +1 -1
- package/lib/components/columns/Columns.native.js +19 -13
- package/lib/components/columns/column/Column.native.d.ts +1 -1
- package/lib/components/columns/column/Column.native.js +5 -19
- package/lib/components/divider/Divider.native.d.ts +2 -2
- package/lib/components/divider/Divider.native.js +20 -20
- package/lib/components/enumsComponentsName.d.ts +6 -1
- package/lib/components/enumsComponentsName.js +7 -2
- package/lib/components/hero/Hero.native.js +2 -2
- package/lib/components/list/item/ListItem.native.js +18 -53
- package/lib/components/price/Price.native.d.ts +1 -1
- package/lib/components/price/Price.native.js +11 -11
- package/lib/components/stepper/Stepper.native.js +6 -4
- package/lib/components/stepper/step/Step.native.js +2 -5
- package/lib/components/tabs/Tabs.d.ts +2 -1
- package/lib/components/tabs/Tabs.js +11 -4
- package/lib/components/tabs/Tabs.native.d.ts +14 -0
- package/lib/components/tabs/Tabs.native.js +32 -0
- package/lib/components/tabs/context/index.d.ts +2 -0
- package/lib/components/tabs/context/index.js +3 -1
- package/lib/components/tabs/tab-list/TabList.native.d.ts +17 -0
- package/lib/components/tabs/tab-list/TabList.native.js +37 -0
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +2 -2
- package/lib/components/tabs/tab-list/tab/Tab.js +10 -7
- package/lib/components/tabs/tab-list/tab/Tab.native.d.ts +19 -0
- package/lib/components/tabs/tab-list/tab/Tab.native.js +62 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +16 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.js +35 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +15 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +46 -0
- package/lib/components/timeline/marker/TimelineMarker.native.js +3 -3
- package/lib/objects/Typography/TypographyBold.js +2 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
|
+
import { Icon } from '../../../../components/icon';
|
|
4
|
+
import { TabsContext } from '../../../../components/tabs/context';
|
|
5
|
+
import { Text } from '../../../../components/text';
|
|
6
|
+
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
9
|
+
/**
|
|
10
|
+
* Tabs Item Component
|
|
11
|
+
* @param active {boolean} active tab item
|
|
12
|
+
* @param children {ReactChild} React Child Element
|
|
13
|
+
* @param onClick onClick Event
|
|
14
|
+
* @param iconName {IconNameValues | IconName} add icon name
|
|
15
|
+
* @param disabled {boolean} disable tab item
|
|
16
|
+
* @param label {string} Tab content
|
|
17
|
+
* @param to {string} Link
|
|
18
|
+
* @param href {string} Link
|
|
19
|
+
*/
|
|
20
|
+
var Tab = function (_a) {
|
|
21
|
+
var active = _a.active, onClick = _a.onClick, to = _a.to, href = _a.href, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, others = __rest(_a, ["active", "onClick", "to", "href", "iconName", "label", "disabled"]);
|
|
22
|
+
var _b = others, index = _b.index, props = __rest(_b, ["index"]);
|
|
23
|
+
var _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted;
|
|
24
|
+
var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
|
|
25
|
+
var handleClick = React.useCallback(function (e) {
|
|
26
|
+
if (!disabled) {
|
|
27
|
+
if (onClick)
|
|
28
|
+
onClick(e);
|
|
29
|
+
if (!to && !href)
|
|
30
|
+
setActiveIndex(index);
|
|
31
|
+
if (to || href)
|
|
32
|
+
Linking.openURL(to || href || '');
|
|
33
|
+
}
|
|
34
|
+
}, [disabled, onClick, index, setActiveIndex, to, href]);
|
|
35
|
+
var styles = React.useMemo(function () {
|
|
36
|
+
return StyleSheet.create({
|
|
37
|
+
tab: {
|
|
38
|
+
paddingVertical: 4,
|
|
39
|
+
paddingHorizontal: 12,
|
|
40
|
+
borderBottomWidth: 2,
|
|
41
|
+
borderBottomColor: isActive
|
|
42
|
+
? getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
|
|
43
|
+
: 'transparent',
|
|
44
|
+
},
|
|
45
|
+
text: {
|
|
46
|
+
textAlign: 'center',
|
|
47
|
+
color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN),
|
|
48
|
+
},
|
|
49
|
+
});
|
|
50
|
+
}, [isActive, disabled, inverted]);
|
|
51
|
+
React.useEffect(function () {
|
|
52
|
+
if (active)
|
|
53
|
+
setActiveIndex(index);
|
|
54
|
+
}, [active, setActiveIndex, index]);
|
|
55
|
+
return (React.createElement(TouchableOpacity, __assign({ activeOpacity: 1, style: styles.tab, onPress: handleClick }, props),
|
|
56
|
+
iconName && (React.createElement(View, { style: { alignSelf: 'center' } },
|
|
57
|
+
React.createElement(Icon, { color: disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN, size: 'small', name: iconName }))),
|
|
58
|
+
React.createElement(Text, { style: styles.text }, label && label)));
|
|
59
|
+
};
|
|
60
|
+
Tab.displayName = ComponentName.Tab;
|
|
61
|
+
export default Tab;
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQXlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpHOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBQTZFO0lBQTNFLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUM1RSxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ25DLElBQUEsS0FBNEMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBdkUsV0FBVyxpQkFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxRQUFRLGNBQWtDLENBQUE7SUFDL0UsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsV0FBVyxLQUFL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
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
2
|
+
import { TabPanelsProps } from '../../../components/tabs/tab-panels/TabPanelsProps';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* Tabs Nav Component
|
|
6
|
+
* @param children {ReactChild} React Child Element
|
|
7
|
+
* @param className
|
|
8
|
+
* @param id
|
|
9
|
+
* @param testId
|
|
10
|
+
* @param others
|
|
11
|
+
*/
|
|
12
|
+
declare const TabPanels: {
|
|
13
|
+
({ children, ...others }: TabPanelsProps): React.JSX.Element;
|
|
14
|
+
displayName: ComponentName;
|
|
15
|
+
};
|
|
16
|
+
export default TabPanels;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { TabsContext } from '../../../components/tabs/context';
|
|
4
|
+
import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { StyleSheet, View } from 'react-native';
|
|
8
|
+
/**
|
|
9
|
+
* Tabs Nav Component
|
|
10
|
+
* @param children {ReactChild} React Child Element
|
|
11
|
+
* @param className
|
|
12
|
+
* @param id
|
|
13
|
+
* @param testId
|
|
14
|
+
* @param others
|
|
15
|
+
*/
|
|
16
|
+
var TabPanels = function (_a) {
|
|
17
|
+
var children = _a.children, others = __rest(_a, ["children"]);
|
|
18
|
+
var inverted = React.useContext(TabsContext).inverted;
|
|
19
|
+
var styles = React.useMemo(function () {
|
|
20
|
+
return StyleSheet.create({
|
|
21
|
+
tabPanels: {
|
|
22
|
+
paddingVertical: 8,
|
|
23
|
+
backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : undefined,
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
}, [inverted]);
|
|
27
|
+
return (React.createElement(View, __assign({ style: styles.tabPanels }, others), React.Children.map(children, function (child, index) {
|
|
28
|
+
if (!React.isValidElement(child))
|
|
29
|
+
return false;
|
|
30
|
+
return React.createElement(TabPanel, __assign({}, child.props, { index: index }));
|
|
31
|
+
})));
|
|
32
|
+
};
|
|
33
|
+
TabPanels.displayName = ComponentName.TabPanels;
|
|
34
|
+
export default TabPanels;
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItcGFuZWxzL1RhYlBhbmVscy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sUUFBUSxNQUFNLHdDQUF3QyxDQUFBO0FBRTdELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQzs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUF1QztJQUFyQyxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUM5QixJQUFBLFFBQVEsR0FBSyxLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxTQUFsQyxDQUFrQztJQUVsRCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUMxQjtRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixTQUFTLEVBQUU7Z0JBQ1QsZUFBZSxFQUFFLENBQUM7Z0JBQ2xCLGVBQWUsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVM7YUFDekU7U0FDRixDQUFDO0lBTEYsQ0FLRSxFQUNKLENBQUMsUUFBUSxDQUFDLENBQ1gsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUN0QyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSztRQUN6QyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7WUFBRSxPQUFPLEtBQUssQ0FBQTtRQUM5QyxPQUFPLG9CQUFDLFFBQVEsZUFBSyxLQUFLLENBQUMsS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLElBQUksQ0FBQTtJQUNwRCxDQUFDLENBQUMsQ0FDRyxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
2
|
+
import { TabPanelProps } from '../../../../components/tabs/tab-panels/tab-panel/TabPanelProps';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* Tab Panel Component
|
|
6
|
+
* @param children {ReactChild} React Child Element
|
|
7
|
+
* @param className
|
|
8
|
+
* @param testId
|
|
9
|
+
* @param others
|
|
10
|
+
*/
|
|
11
|
+
declare const TabPanel: {
|
|
12
|
+
({ children, testId, ...others }: TabPanelProps): React.JSX.Element;
|
|
13
|
+
displayName: ComponentName;
|
|
14
|
+
};
|
|
15
|
+
export default TabPanel;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
|
+
import { TabsContext } from '../../../../components/tabs/context';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { Animated, StyleSheet } from 'react-native';
|
|
6
|
+
/**
|
|
7
|
+
* Tab Panel Component
|
|
8
|
+
* @param children {ReactChild} React Child Element
|
|
9
|
+
* @param className
|
|
10
|
+
* @param testId
|
|
11
|
+
* @param others
|
|
12
|
+
*/
|
|
13
|
+
var TabPanel = function (_a) {
|
|
14
|
+
var children = _a.children, testId = _a.testId, others = __rest(_a, ["children", "testId"]);
|
|
15
|
+
var _b = others, index = _b.index, props = __rest(_b, ["index"]);
|
|
16
|
+
var activeIndex = React.useContext(TabsContext).activeIndex;
|
|
17
|
+
var opacity = React.useRef(new Animated.Value(0)).current;
|
|
18
|
+
var styles = React.useMemo(function () {
|
|
19
|
+
return StyleSheet.create({
|
|
20
|
+
tabPanel: {
|
|
21
|
+
display: activeIndex !== index ? 'none' : 'flex',
|
|
22
|
+
opacity: opacity,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
}, [activeIndex, index, opacity]);
|
|
26
|
+
React.useEffect(function () {
|
|
27
|
+
if (activeIndex === index) {
|
|
28
|
+
Animated.timing(opacity, {
|
|
29
|
+
toValue: 1,
|
|
30
|
+
duration: 300,
|
|
31
|
+
useNativeDriver: true,
|
|
32
|
+
}).start();
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
Animated.timing(opacity, {
|
|
36
|
+
toValue: 0,
|
|
37
|
+
duration: 300,
|
|
38
|
+
useNativeDriver: true,
|
|
39
|
+
}).start();
|
|
40
|
+
}
|
|
41
|
+
}, [activeIndex, index, opacity]);
|
|
42
|
+
return (React.createElement(Animated.View, __assign({ style: styles.tabPanel }, props, { testID: testId }), children));
|
|
43
|
+
};
|
|
44
|
+
TabPanel.displayName = ComponentName.TabPanel;
|
|
45
|
+
export default TabPanel;
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvdGFiLXBhbmVsL1RhYlBhbmVsLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5EOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBOEM7SUFBNUMsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTdCLHNCQUErQixDQUFGO0lBQzdDLElBQU0sS0FBc0IsTUFBYSxFQUFqQyxLQUFLLFdBQUEsRUFBSyxLQUFLLGNBQWpCLFNBQW1CLENBQWdCLENBQUE7SUFDakMsSUFBQSxXQUFXLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsWUFBbEMsQ0FBa0M7SUFDckQsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFM0QsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDMUI7UUFDRSxPQUFBLFVBQVUsQ0FBQyxNQUFNLENBQUM7WUFDaEIsUUFBUSxFQUFFO2dCQUNSLE9BQU8sRUFBRSxXQUFXLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07Z0JBQ2hELE9BQU8sRUFBRSxPQUFPO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixDQUFDLFdBQVcsRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQzlCLENBQUE7SUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxXQUFXLEtBQUssS0FBSyxFQUFFO1lBQ3pCLFFBQVEsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUN2QixPQUFPLEVBQUUsQ0FBQztnQkFDVixRQUFRLEVBQUUsR0FBRztnQkFDYixlQUFlLEVBQUUsSUFBSTthQUN0QixDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7U0FDWDthQUFNO1lBQ0wsUUFBUSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQ3ZCLE9BQU8sRUFBRSxDQUFDO2dCQUNWLFFBQVEsRUFBRSxHQUFHO2dCQUNiLGVBQWUsRUFBRSxJQUFJO2FBQ3RCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtTQUNYO0lBQ0gsQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFBO0lBRWpDLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLENBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxJQUFNLEtBQUssSUFBRSxNQUFNLEVBQUUsTUFBTSxLQUM3RCxRQUFRLENBQ0ssQ0FDakIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9
|
|
@@ -32,7 +32,7 @@ var TimelineMarker = function (_a) {
|
|
|
32
32
|
borderColor: (active && getColorStyle(TrilogyColor.MAIN)) ||
|
|
33
33
|
(cancel && getColorStyle(TrilogyColor.NEUTRAL)) ||
|
|
34
34
|
(done && getColorStyle(TrilogyColor.MAIN)) ||
|
|
35
|
-
getColorStyle(TrilogyColor.
|
|
35
|
+
getColorStyle(TrilogyColor.NEUTRAL),
|
|
36
36
|
},
|
|
37
37
|
icon: {
|
|
38
38
|
alignSelf: 'center',
|
|
@@ -46,9 +46,9 @@ var TimelineMarker = function (_a) {
|
|
|
46
46
|
TrilogyColor.BACKGROUND, backgroundColor: (active && TrilogyColor.MAIN) ||
|
|
47
47
|
(cancel && TrilogyColor.NEUTRAL) ||
|
|
48
48
|
(done && TrilogyColor.MAIN) ||
|
|
49
|
-
TrilogyColor.
|
|
49
|
+
TrilogyColor.NEUTRAL, size: IconSize.SMALL })),
|
|
50
50
|
React.createElement(View, { style: styles.divider })));
|
|
51
51
|
};
|
|
52
52
|
TimelineMarker.displayName = ComponentName.TimelineMarker;
|
|
53
53
|
export default TimelineMarker;
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVNYXJrZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9tYXJrZXIvVGltZWxpbmVNYXJrZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0RBQWdELENBQUE7QUFFcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDN0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQWlDO1FBQS9CLFFBQVEsY0FBQTtJQUMxQixJQUFBLEtBQTJCLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUF4RCxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxNQUFNLFlBQW9DLENBQUE7SUFDeEQsSUFBQSxNQUFNLEdBQUssVUFBVSxDQUFDLHFCQUFxQixDQUFDLE9BQXRDLENBQXNDO0lBRXBELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFLENBQUM7WUFDUCxTQUFTLEVBQUUsWUFBWTtZQUN2QixhQUFhLEVBQUUsUUFBUTtTQUN4QjtRQUNELE9BQU8sRUFBRTtZQUNQLEdBQUcsRUFBRSxVQUFVLENBQUMsR0FBRztZQUNuQixNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2pDLFdBQVcsRUFBRSxPQUFPO1lBQ3BCLGVBQWUsRUFBRSxDQUFDO1lBQ2xCLFVBQVUsRUFBRSxNQUFNO1lBQ2xCLFdBQVcsRUFBRSxNQUFNO1lBQ25CLFdBQVcsRUFDVCxDQUFDLE1BQU0sSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUM1QyxDQUFDLE1BQU0sSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUMvQyxDQUFDLElBQUksSUFBSSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMxQyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQztTQUN0QztRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU07UUFDeEIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSTtZQUN0QixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxPQUFPLFFBQ1AsS0FBSyxFQUNILENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxVQUFVLENBQUM7b0JBQ25DLENBQUMsTUFBTSxJQUFJLFlBQVksQ0FBQyxZQUFZLENBQUM7b0JBQ3JDLENBQUMsSUFBSSxJQUFJLFlBQVksQ0FBQyxVQUFVLENBQUM7b0JBQ2pDLFlBQVksQ0FBQyxVQUFVLEVBRXpCLGVBQWUsRUFDYixDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUM3QixDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsT0FBTyxDQUFDO29CQUNoQyxDQUFDLElBQUksSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO29CQUMzQixZQUFZLENBQUMsT0FBTyxFQUV0QixJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEIsQ0FDRztRQUVQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sR0FBUyxDQUMvQixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFFekQsZUFBZSxjQUFjLENBQUEifQ==
|
|
@@ -41,9 +41,9 @@ export var getTypographyBoldStyle = function (typo) {
|
|
|
41
41
|
case typo && currentTypo.includes(TypographyBold.TEXT_WEIGHT_SEMIBOLD):
|
|
42
42
|
return ((_b = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _b === void 0 ? void 0 : _b.bold) || 'poppins-semibold';
|
|
43
43
|
case typo && currentTypo.includes(TypographyBold.TEXT_WEIGHT_BOLD):
|
|
44
|
-
return ((_c = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _c === void 0 ? void 0 : _c.
|
|
44
|
+
return ((_c = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _c === void 0 ? void 0 : _c.speak) || 'poppins-semibold';
|
|
45
45
|
default:
|
|
46
46
|
return ((_d = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _d === void 0 ? void 0 : _d.regular) || 'poppins-regular';
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeUJvbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL1R5cG9ncmFwaHkvVHlwb2dyYXBoeUJvbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFFN0Q7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxjQUtYO0FBTEQsV0FBWSxjQUFjO0lBQ3hCLCtEQUE2QyxDQUFBO0lBQzdDLCtEQUE2QyxDQUFBO0lBQzdDLG1FQUFpRCxDQUFBO0lBQ2pELDJEQUF5QyxDQUFBO0FBQzNDLENBQUMsRUFMVyxjQUFjLEtBQWQsY0FBYyxRQUt6QjtBQU9EOzs7R0FHRztBQUVILE1BQU0sQ0FBQyxJQUFNLDBCQUEwQixHQUFHLFVBQ3hDLGtCQUEyQjtJQUUzQixRQUFRLGtCQUFrQixFQUFFO1FBQzFCLEtBQUssb0JBQW9CO1lBQ3ZCLE9BQU8sd0JBQXdCLENBQUE7UUFDakMsS0FBSyxvQkFBb0I7WUFDdkIsT0FBTyx3QkFBd0IsQ0FBQTtRQUNqQyxLQUFLLHNCQUFzQjtZQUN6QixPQUFPLDBCQUEwQixDQUFBO1FBQ25DO1lBQ0UsT0FBTyxJQUFJLENBQUE7S0FDZDtBQUNILENBQUMsQ0FBQTtBQUVEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxzQkFBc0IsR0FBRyxVQUFDLElBQTZCOztJQUMxRCxJQUFBLEtBQUssR0FBSyxVQUFVLENBQUMsbUJBQW1CLENBQUMsTUFBcEMsQ0FBb0M7SUFDakQsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXZELFFBQVEsSUFBSSxFQUFFO1FBQ1osS0FBSyxJQUFJLElBQUksV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsa0JBQWtCLENBQUM7WUFDbEUsT0FBTyxDQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLFVBQVUsMENBQUUsTUFBTSxLQUFJLGdCQUFnQixDQUFBO1FBRXRELEtBQUssSUFBSSxJQUFJLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDLG9CQUFvQixDQUFDO1lBQ3BFLE9BQU8sQ0FBQSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxVQUFVLDBDQUFFLElBQUksS0FBSSxrQkFBa0IsQ0FBQTtRQUV0RCxLQUFLLElBQUksSUFBSSxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQztZQUNoRSxPQUFPLENBQUEsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsVUFBVSwwQ0FBRSxLQUFLLEtBQUksa0JBQWtCLENBQUE7UUFFdkQ7WUFDRSxPQUFPLENBQUEsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsVUFBVSwwQ0FBRSxPQUFPLEtBQUksaUJBQWlCLENBQUE7S0FDekQ7QUFDSCxDQUFDLENBQUEifQ==
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.0.
|
|
1
|
+
export declare const version = "4.0.2";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.0.
|
|
1
|
+
export var version = "4.0.2";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQSJ9
|