@trilogy-ds/react 4.0.1-ref-7 → 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/columns/Columns.d.ts +1 -1
- package/lib/components/columns/Columns.js +8 -10
- 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.d.ts +1 -1
- package/lib/components/columns/column/Column.js +8 -10
- 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/hero/Hero.native.js +2 -2
- package/lib/components/list/item/ListItem.native.js +18 -53
- 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 +1 -1
- package/lib/components/tabs/Tabs.js +6 -8
- package/lib/components/tabs/tab-list/TabList.d.ts +1 -1
- package/lib/components/tabs/tab-list/TabList.js +9 -11
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +1 -1
- package/lib/components/tabs/tab-panels/TabPanels.js +9 -11
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +1 -1
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +4 -6
- 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 +2 -2
- package/package.json +1 -1
|
@@ -13,5 +13,5 @@ import { ColumnsProps } from './ColumnsProps';
|
|
|
13
13
|
* @param className {string} Additionnal CSS Classes
|
|
14
14
|
* @param mobile {boolean} Responsive mode
|
|
15
15
|
*/
|
|
16
|
-
declare const Columns:
|
|
16
|
+
declare const Columns: ({ className, id, multiline, scrollable, mobile, gap, fullBleed, marginless, align, verticalAlign, ...others }: ColumnsProps) => React.JSX.Element;
|
|
17
17
|
export default Columns;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { has, is } from '../../services/classify';
|
|
4
5
|
import { hashClass } from '../../helpers';
|
|
6
|
+
import { useTrilogyContext } from '../../context';
|
|
5
7
|
import { getAlignClassName, getJustifiedClassName } from '../../objects';
|
|
6
|
-
import { has, is } from '../../services/classify';
|
|
7
|
-
import clsx from 'clsx';
|
|
8
|
-
import * as React from 'react';
|
|
9
8
|
/**
|
|
10
9
|
* Columns Component
|
|
11
10
|
* @param centered {boolean} Center columns
|
|
@@ -19,12 +18,11 @@ import * as React from 'react';
|
|
|
19
18
|
* @param className {string} Additionnal CSS Classes
|
|
20
19
|
* @param mobile {boolean} Responsive mode
|
|
21
20
|
*/
|
|
22
|
-
var Columns =
|
|
21
|
+
var Columns = function (_a) {
|
|
23
22
|
var className = _a.className, id = _a.id, multiline = _a.multiline, scrollable = _a.scrollable, mobile = _a.mobile, gap = _a.gap, fullBleed = _a.fullBleed, marginless = _a.marginless, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "id", "multiline", "scrollable", "mobile", "gap", "fullBleed", "marginless", "align", "verticalAlign"]);
|
|
24
23
|
var styled = useTrilogyContext().styled;
|
|
25
24
|
var classes = hashClass(styled, clsx('columns', multiline && is('multiline'), fullBleed && is('fullbleed'), scrollable && is('scrollable'), gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), mobile && is('mobile'), align && is(getJustifiedClassName(align)), verticalAlign && is(getAlignClassName(verticalAlign)), marginless && is("marginless"), className));
|
|
26
|
-
return React.createElement("div", __assign({
|
|
27
|
-
}
|
|
28
|
-
Columns.displayName = ComponentName.Columns;
|
|
25
|
+
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
26
|
+
};
|
|
29
27
|
export default Columns;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXBFOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFZZTtJQVhiLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNOLEdBQUcsU0FBQSxFQUNILFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixLQUFLLFdBQUEsRUFDTCxhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQVhYLG9IQVlDLENBRFU7SUFFbEIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixHQUFHLElBQUksR0FBRyxDQUFDLGNBQU8sR0FBRyxDQUFFLENBQUMsRUFDeEIsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4RCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pDLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3hELENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { ColumnsProps } from './ColumnsProps';
|
|
3
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Columns Native Component
|
|
6
6
|
* @param children {React.ReactNode}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { createContext, useState } from 'react';
|
|
3
|
-
import { Dimensions, ScrollView, StyleSheet } from 'react-native';
|
|
4
|
-
import { View } from '../../components/view';
|
|
5
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
6
2
|
import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
|
|
3
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
|
+
import { View } from '../../components/view';
|
|
7
5
|
import { Alignable, getAlignStyle } from '../../objects';
|
|
6
|
+
import React, { createContext, useState } from 'react';
|
|
7
|
+
import { Dimensions, ScrollView, StyleSheet } from 'react-native';
|
|
8
8
|
/**
|
|
9
9
|
* Columns Native Component
|
|
10
10
|
* @param children {React.ReactNode}
|
|
@@ -35,11 +35,9 @@ var Columns = function (_a) {
|
|
|
35
35
|
paddingHorizontal: enlarge,
|
|
36
36
|
flexDirection: 'row',
|
|
37
37
|
gap: realGap,
|
|
38
|
-
display: 'flex',
|
|
39
|
-
justifyContent: 'space-evenly',
|
|
40
38
|
},
|
|
41
39
|
centered: {
|
|
42
|
-
|
|
40
|
+
justifyContent: 'center',
|
|
43
41
|
},
|
|
44
42
|
verticalAlign: {
|
|
45
43
|
alignItems: getAlignStyle(verticalAlign),
|
|
@@ -62,19 +60,27 @@ var Columns = function (_a) {
|
|
|
62
60
|
React.createElement(View, __assign({ style: [
|
|
63
61
|
styles.columns,
|
|
64
62
|
multiline && styles.multiline,
|
|
65
|
-
|
|
63
|
+
align === Alignable.ALIGNED_CENTER && styles.centered,
|
|
66
64
|
verticalAlign && styles.verticalAlign,
|
|
67
65
|
] }, others, { onLayout: onLayoutHandler }),
|
|
68
66
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
69
67
|
React.Children.map(children, function (child) {
|
|
70
|
-
return child &&
|
|
68
|
+
return (child &&
|
|
71
69
|
React.cloneElement(child, {
|
|
72
70
|
style: [
|
|
73
71
|
child.props.style,
|
|
74
|
-
{
|
|
75
|
-
|
|
72
|
+
{
|
|
73
|
+
height: scrollable ? '100%' : undefined,
|
|
74
|
+
flex: child.props.narrow ? 0 : 1,
|
|
75
|
+
flexGrow: child.props.size || child.props.narrow ? 0 : 1,
|
|
76
|
+
flexShrink: child.props.narrow ? 1 : 0,
|
|
77
|
+
flexBasis: child.props.size
|
|
78
|
+
? (child.props.size / 12) * width -
|
|
79
|
+
realGap * ((React.Children.count(children) - 1) / React.Children.count(children))
|
|
80
|
+
: 'auto',
|
|
81
|
+
},
|
|
76
82
|
],
|
|
77
|
-
});
|
|
83
|
+
}));
|
|
78
84
|
}))));
|
|
79
85
|
}
|
|
80
86
|
return (React.createElement(View, __assign({ style: {
|
|
@@ -98,4 +104,4 @@ var Columns = function (_a) {
|
|
|
98
104
|
};
|
|
99
105
|
Columns.displayName = ComponentName.Columns;
|
|
100
106
|
export default Columns;
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNwRCxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUdwRjs7Ozs7OztHQU9HO0FBRUgsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLGFBQWEsQ0FBQyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFBO0FBRWxFLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTRjtJQVJiLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsR0FBRyxTQUFBLEVBQ0gsYUFBYSxtQkFBQSxFQUNiLFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDTixNQUFNLGNBUk0scUZBU2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBQy9CLElBQUEsS0FBQSxPQUF3QixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBbEMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFlLENBQUE7SUFFekMsSUFBTSxlQUFlLEdBQUcsVUFBQyxLQUF3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
|
|
@@ -24,5 +24,5 @@ import { ColumnProps } from './ColumnProps';
|
|
|
24
24
|
* @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
|
|
25
25
|
* @param align { Alignable | AlignableValues} align content
|
|
26
26
|
*/
|
|
27
|
-
declare const Column:
|
|
27
|
+
declare const Column: ({ className, id, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalAlign, ...others }: ColumnProps) => React.JSX.Element;
|
|
28
28
|
export default Column;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { is } from '../../../services/classify';
|
|
4
5
|
import { hashClass } from '../../../helpers';
|
|
6
|
+
import { useTrilogyContext } from '../../../context';
|
|
5
7
|
import { getAlignClassName } from '../../../objects';
|
|
6
|
-
import { is } from '../../../services/classify';
|
|
7
|
-
import clsx from 'clsx';
|
|
8
|
-
import * as React from 'react';
|
|
9
8
|
/**
|
|
10
9
|
* Columns Item Component - Columns Child
|
|
11
10
|
* @param size {ColumnsSize} Size 1-12
|
|
@@ -30,12 +29,11 @@ import * as React from 'react';
|
|
|
30
29
|
* @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
|
|
31
30
|
* @param align { Alignable | AlignableValues} align content
|
|
32
31
|
*/
|
|
33
|
-
var Column =
|
|
32
|
+
var Column = function (_a) {
|
|
34
33
|
var className = _a.className, id = _a.id, size = _a.size, mobileSize = _a.mobileSize, tabletSize = _a.tabletSize, touchSize = _a.touchSize, desktopSize = _a.desktopSize, widescreenSize = _a.widescreenSize, fullhdSize = _a.fullhdSize, offset = _a.offset, mobileOffset = _a.mobileOffset, tabletOffset = _a.tabletOffset, touchOffset = _a.touchOffset, desktopOffset = _a.desktopOffset, widescreenOffset = _a.widescreenOffset, fullhdOffset = _a.fullhdOffset, narrow = _a.narrow, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
|
|
35
34
|
var styled = useTrilogyContext().styled;
|
|
36
35
|
var classes = hashClass(styled, clsx('column', size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
|
|
37
|
-
return React.createElement("div", __assign({
|
|
38
|
-
}
|
|
39
|
-
Column.displayName = ComponentName.Column;
|
|
36
|
+
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
37
|
+
};
|
|
40
38
|
export default Column;
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBb0JjO0lBbkJaLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLFdBQVcsaUJBQUEsRUFDWCxhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFlBQVksa0JBQUEsRUFDWixNQUFNLFlBQUEsRUFDTixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQW5CWCw0UEFvQkMsQ0FEVTtJQUdqQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3hELENBQUMsQ0FBQTtBQUVELGVBQWUsTUFBTSxDQUFBIn0=
|
|
@@ -9,7 +9,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
9
9
|
* @param verticalCentered {boolean} Vertical center Column item
|
|
10
10
|
*/
|
|
11
11
|
declare const Column: {
|
|
12
|
-
({ children,
|
|
12
|
+
({ children, ...others }: ColumnProps): JSX.Element;
|
|
13
13
|
displayName: ComponentName;
|
|
14
14
|
};
|
|
15
15
|
export default Column;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import {
|
|
4
|
-
import { ColumnsContext } from '../../../components/columns/Columns.native';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { View } from 'react-native';
|
|
5
4
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
6
|
-
import { Alignable } from '../../../objects';
|
|
7
5
|
/**
|
|
8
6
|
* Columns Item Component - Columns Child
|
|
9
7
|
* @param size {ColumnsSize} Size 1-12
|
|
@@ -12,21 +10,9 @@ import { Alignable } from '../../../objects';
|
|
|
12
10
|
* @param verticalCentered {boolean} Vertical center Column item
|
|
13
11
|
*/
|
|
14
12
|
var Column = function (_a) {
|
|
15
|
-
var children = _a.children,
|
|
16
|
-
|
|
17
|
-
var realSize = size || mobileSize;
|
|
18
|
-
var styles = StyleSheet.create({
|
|
19
|
-
Column: {
|
|
20
|
-
height: columnsContextValues.scrollable ? '100%' : undefined,
|
|
21
|
-
flex: !realSize ? 1 : realSize,
|
|
22
|
-
justifyContent: verticalAlign === Alignable.ALIGNED_CENTER ? 'center' : 'flex-start',
|
|
23
|
-
flexBasis: "".concat((realSize ? realSize / 12 : 12) * 100, "%"),
|
|
24
|
-
flexGrow: 0,
|
|
25
|
-
maxWidth: "".concat(((realSize ? realSize : 12) / 12) * 100, "%"),
|
|
26
|
-
},
|
|
27
|
-
});
|
|
28
|
-
return (React.createElement(View, __assign({ style: styles.Column }, others), children));
|
|
13
|
+
var children = _a.children, others = __rest(_a, ["children"]);
|
|
14
|
+
return React.createElement(View, __assign({}, others), children);
|
|
29
15
|
};
|
|
30
16
|
Column.displayName = ComponentName.Column;
|
|
31
17
|
export default Column;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQW9DO0lBQWxDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ25DLE9BQU8sb0JBQUMsSUFBSSxlQUFLLE1BQU0sR0FBRyxRQUFRLENBQVEsQ0FBQTtBQUM1QyxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { DividerProps } from './DividerProps';
|
|
4
4
|
/**
|
|
5
5
|
* Divider Native Component
|
|
6
6
|
* @param content {string} Add text content for Divider
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconColor } from '../../components/icon';
|
|
4
|
+
import { Text } from '../../components/text';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../objects';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import { StyleSheet, View } from 'react-native';
|
|
8
8
|
/**
|
|
9
9
|
* Divider Native Component
|
|
10
10
|
* @param content {string} Add text content for Divider
|
|
@@ -25,38 +25,38 @@ var Divider = function (_a) {
|
|
|
25
25
|
marginTop: 16,
|
|
26
26
|
borderBottomColor: dividerColor,
|
|
27
27
|
borderBottomWidth: 1,
|
|
28
|
-
width:
|
|
29
|
-
alignSelf: ((unboxed || marginless) &&
|
|
28
|
+
width: '100%',
|
|
29
|
+
alignSelf: ((unboxed || marginless) && 'stretch') || 'auto',
|
|
30
30
|
},
|
|
31
31
|
dividerContent: {
|
|
32
32
|
borderBottomColor: dividerColor,
|
|
33
33
|
borderBottomWidth: 1,
|
|
34
|
-
alignSelf:
|
|
35
|
-
justifyContent:
|
|
34
|
+
alignSelf: 'center',
|
|
35
|
+
justifyContent: 'center',
|
|
36
36
|
width: "".concat(((containerWidth - (textWidth + 16)) / 2 / containerWidth) * 100, "%"),
|
|
37
37
|
},
|
|
38
38
|
container: {
|
|
39
|
-
flexDirection:
|
|
40
|
-
alignItems:
|
|
41
|
-
justifyContent:
|
|
42
|
-
maxWidth:
|
|
39
|
+
flexDirection: 'row',
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
justifyContent: 'space-between',
|
|
42
|
+
maxWidth: '100%',
|
|
43
43
|
},
|
|
44
44
|
content: {
|
|
45
|
-
justifyContent:
|
|
46
|
-
backgroundColor:
|
|
45
|
+
justifyContent: 'center',
|
|
46
|
+
backgroundColor: 'transparent',
|
|
47
47
|
borderRadius: iconName ? 50 : 0,
|
|
48
48
|
padding: iconName ? 6 : 0,
|
|
49
49
|
},
|
|
50
50
|
textContent: {
|
|
51
|
-
textAlign:
|
|
52
|
-
color: getColorStyle(TrilogyColor.
|
|
51
|
+
textAlign: 'center',
|
|
52
|
+
color: getColorStyle(TrilogyColor.MAIN),
|
|
53
53
|
},
|
|
54
54
|
});
|
|
55
55
|
var ContentDivider = React.useMemo(function () {
|
|
56
56
|
if (content)
|
|
57
57
|
return React.createElement(Text, { style: styles.textContent }, content);
|
|
58
58
|
if (iconName && !content)
|
|
59
|
-
return
|
|
59
|
+
return React.createElement(Icon, { name: iconName, color: IconColor.MAIN, testId: 'icon-id' });
|
|
60
60
|
}, [content, iconName]);
|
|
61
61
|
if (content || iconName) {
|
|
62
62
|
return (React.createElement(View, { style: styles.container, onLayout: function (event) {
|
|
@@ -72,4 +72,4 @@ var Divider = function (_a) {
|
|
|
72
72
|
};
|
|
73
73
|
Divider.displayName = ComponentName.Divider;
|
|
74
74
|
export default Divider;
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTZFO0lBQTNFLElBQUEsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBN0QsNERBQStELENBQUY7SUFDdEUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUFxQixDQUFBO0lBQzdDLElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQixDQUFBO0lBQzdELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxZQUFZLEVBQUUsRUFBRTtZ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
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
2
|
-
import { StyleSheet, View as ReactView, View } from 'react-native';
|
|
3
|
-
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
4
1
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
|
-
import { Icon
|
|
2
|
+
import { Icon } from '../../../components/icon';
|
|
6
3
|
import { Text, TextLevels } from '../../../components/text';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
5
|
+
import React, { useMemo } from 'react';
|
|
6
|
+
import { StyleSheet, View } from 'react-native';
|
|
7
7
|
/**
|
|
8
8
|
* ListItem Component
|
|
9
9
|
* @param children {React.ReactNode}
|
|
@@ -13,53 +13,20 @@ import { Text, TextLevels } from '../../../components/text';
|
|
|
13
13
|
var ListItem = function (_a) {
|
|
14
14
|
var children = _a.children, status = _a.status, iconName = _a.iconName;
|
|
15
15
|
var styles = StyleSheet.create({
|
|
16
|
-
item: {
|
|
17
|
-
marginBottom: 4,
|
|
18
|
-
flexDirection: 'row',
|
|
19
|
-
alignItems: 'center',
|
|
20
|
-
position: 'relative',
|
|
21
|
-
},
|
|
22
16
|
text: {
|
|
23
|
-
paddingHorizontal:
|
|
24
|
-
},
|
|
25
|
-
title: {
|
|
26
|
-
paddingHorizontal: iconName ? 16 : undefined,
|
|
27
|
-
marginBottom: children ? 8 : undefined,
|
|
28
|
-
},
|
|
29
|
-
container: {
|
|
30
|
-
flexDirection: 'row',
|
|
31
|
-
alignItems: 'center',
|
|
32
|
-
position: 'relative',
|
|
33
|
-
paddingVertical: 8,
|
|
34
|
-
backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
|
|
17
|
+
paddingHorizontal: 16,
|
|
35
18
|
},
|
|
36
19
|
content: {
|
|
37
20
|
flexDirection: 'row',
|
|
38
21
|
alignItems: 'center',
|
|
39
|
-
|
|
40
|
-
paddingVertical: 8,
|
|
41
|
-
width: undefined,
|
|
22
|
+
paddingVertical: 16,
|
|
42
23
|
},
|
|
43
|
-
|
|
24
|
+
disc: {
|
|
44
25
|
alignSelf: 'center',
|
|
45
|
-
width:
|
|
46
|
-
height:
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
borderRadius: 30,
|
|
50
|
-
},
|
|
51
|
-
swipeInfo: {
|
|
52
|
-
backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
53
|
-
width: 2,
|
|
54
|
-
height: 20,
|
|
55
|
-
borderRadius: 6,
|
|
56
|
-
},
|
|
57
|
-
rightAction: {
|
|
58
|
-
justifyContent: 'center',
|
|
59
|
-
flex: 1,
|
|
60
|
-
alignItems: 'flex-end',
|
|
61
|
-
paddingLeft: 16,
|
|
62
|
-
paddingRight: 4,
|
|
26
|
+
width: 4,
|
|
27
|
+
height: 4,
|
|
28
|
+
backgroundColor: getColorStyle(TrilogyColor.MAIN),
|
|
29
|
+
borderRadius: 4,
|
|
63
30
|
},
|
|
64
31
|
});
|
|
65
32
|
var getComponent = useMemo(function () {
|
|
@@ -69,15 +36,13 @@ var ListItem = function (_a) {
|
|
|
69
36
|
return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
|
|
70
37
|
}
|
|
71
38
|
}, [children]);
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
React.createElement(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}, [iconName, status, getComponent]);
|
|
79
|
-
return content;
|
|
39
|
+
return (React.createElement(View, { style: styles.content },
|
|
40
|
+
!iconName && (React.createElement(View, null,
|
|
41
|
+
React.createElement(View, { style: styles.disc }))),
|
|
42
|
+
iconName && (React.createElement(View, null,
|
|
43
|
+
React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
|
|
44
|
+
React.createElement(View, null, getComponent)));
|
|
80
45
|
};
|
|
81
46
|
ListItem.displayName = ComponentName.ListItem;
|
|
82
47
|
export default ListItem;
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLGlCQUFpQixFQUFFLEVBQUU7U0FDdEI7UUFDRCxPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsUUFBUTtZQUNwQixlQUFlLEVBQUUsRUFBRTtTQUNwQjtRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxRQUFRO1lBQ25CLEtBQUssRUFBRSxDQUFDO1lBQ1IsTUFBTSxFQUFFLENBQUM7WUFDVCxlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDakQsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFlBQVksR0FBRyxPQUFPLENBQUM7UUFDM0IsSUFBSSxPQUFPLFFBQVEsS0FBSyxRQUFRO1lBQUUsT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsUUFBUSxDQUFRLENBQUE7UUFDcEYsSUFBSSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxRQUFRLENBQUMsRUFBRTtZQUNsRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxJQUM1QyxRQUFRLENBQ0osQ0FDUixDQUFBO1NBQ0Y7SUFDSCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU87UUFDeEIsQ0FBQyxRQUFRLElBQUksQ0FDWixvQkFBQyxJQUFJO1lBQ0gsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxHQUFJLENBQ3ZCLENBQ1I7UUFDQSxRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJO1lBQ0gsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFFLFFBQW9CLEVBQUUsS0FBSyxFQUFFLE1BQU0sR0FBSSxDQUMzRCxDQUNSO1FBQ0Qsb0JBQUMsSUFBSSxRQUFFLFlBQVksQ0FBUSxDQUN0QixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFFN0MsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -20,7 +20,7 @@ var Stepper = function (_a) {
|
|
|
20
20
|
var styles = StyleSheet.create({
|
|
21
21
|
steppers: {
|
|
22
22
|
flexDirection: 'row',
|
|
23
|
-
|
|
23
|
+
flex: 1,
|
|
24
24
|
},
|
|
25
25
|
step: {
|
|
26
26
|
flexDirection: 'row',
|
|
@@ -50,7 +50,7 @@ var Stepper = function (_a) {
|
|
|
50
50
|
if (children) {
|
|
51
51
|
if (Array.isArray(children)) {
|
|
52
52
|
var haveCurrentStep_1 = false;
|
|
53
|
-
children.
|
|
53
|
+
children.forEach(function (child) {
|
|
54
54
|
if (child.props.current) {
|
|
55
55
|
haveCurrentStep_1 = true;
|
|
56
56
|
setCurrentStep({
|
|
@@ -60,10 +60,11 @@ var Stepper = function (_a) {
|
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
|
-
if (!haveCurrentStep_1) {
|
|
63
|
+
if (!haveCurrentStep_1 && children.length > 0) {
|
|
64
64
|
setCurrentStep({
|
|
65
65
|
step: 1,
|
|
66
66
|
name: children[0].props.label,
|
|
67
|
+
iconName: children[0].props.iconName,
|
|
67
68
|
});
|
|
68
69
|
}
|
|
69
70
|
}
|
|
@@ -72,6 +73,7 @@ var Stepper = function (_a) {
|
|
|
72
73
|
setCurrentStep({
|
|
73
74
|
step: 1,
|
|
74
75
|
name: child.props.label,
|
|
76
|
+
iconName: child.props.iconName,
|
|
75
77
|
});
|
|
76
78
|
}
|
|
77
79
|
}
|
|
@@ -90,4 +92,4 @@ var Stepper = function (_a) {
|
|
|
90
92
|
};
|
|
91
93
|
Stepper.displayName = ComponentName.Stepper;
|
|
92
94
|
export default Stepper;
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMvQixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXJELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBUWpFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQXFDO0lBQW5DLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQzlCLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFlO1FBQ2pFLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxFQUFFLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNiLENBQUMsSUFBQSxFQUpLLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFJaEMsQ0FBQztJQUVILElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsSUFBSSxFQUFFLENBQUM7U0FDUjtRQUNELElBQUksRUFBRTtZQUNKLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLGNBQWMsRUFBRSxlQUFlO1lBQy9CLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFNBQVMsRUFBRSxFQUFFO1NBQ2Q7UUFDRCxPQUFPLEVBQUU7WUFDUCxh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
|
|
@@ -11,7 +11,6 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
11
11
|
* @param error {boolean} display error step
|
|
12
12
|
* @param children {ReactNode} Stepper Step Children
|
|
13
13
|
*/
|
|
14
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
14
|
var StepperStep = function (_a) {
|
|
16
15
|
var active = _a.active, current = _a.current, done = _a.done, error = _a.error, others = __rest(_a, ["active", "current", "done", "error"]);
|
|
17
16
|
var defaultColor = getColorStyle(TrilogyColor.NEUTRAL);
|
|
@@ -36,15 +35,13 @@ var StepperStep = function (_a) {
|
|
|
36
35
|
Animated.timing(backgroundColorAnim, {
|
|
37
36
|
toValue: targetValue,
|
|
38
37
|
duration: 650,
|
|
39
|
-
useNativeDriver:
|
|
38
|
+
useNativeDriver: false,
|
|
40
39
|
easing: Easing.linear,
|
|
41
40
|
}).start();
|
|
42
41
|
}, [active, current, done, error]);
|
|
43
42
|
var styles = StyleSheet.create({
|
|
44
43
|
step: {
|
|
45
44
|
flex: 1,
|
|
46
|
-
width: 59,
|
|
47
|
-
maxWidth: 59,
|
|
48
45
|
height: 4,
|
|
49
46
|
marginRight: 8,
|
|
50
47
|
borderRadius: 4,
|
|
@@ -56,4 +53,4 @@ var StepperStep = function (_a) {
|
|
|
56
53
|
};
|
|
57
54
|
StepperStep.displayName = ComponentName.StepperStep;
|
|
58
55
|
export default StepperStep;
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBc0Q7SUFBcEQsSUFBQSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDeEQsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUNwRCxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3BELElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFdkUsSUFBTSxlQUFlLEdBQUcsbUJBQW1CLENBQUMsV0FBVyxDQUFDO1FBQ3RELFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JCLFdBQVcsRUFBRSxDQUFDLFlBQXNCLEVBQUUsV0FBcUIsRUFBRSxVQUFvQixDQUFDO0tBQ25GLENBQUMsQ0FBQTtJQUVGLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLFdBQVcsQ0FBQTtRQUNmLElBQUksS0FBSyxFQUFFO1lBQ1QsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNLElBQUksTUFBTSxJQUFJLE9BQU8sSUFBSSxJQUFJLEVBQUU7WUFDcEMsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNO1lBQ0wsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjtRQUVELFFBQVEsQ0FBQyxNQUFNLENBQUMsbUJBQW1CLEVBQUU7WUFDbkMsT0FBTyxFQUFFLFdBQVc7WUFDcEIsUUFBUSxFQUFFLEdBQUc7WUFDYixlQUFlLEVBQUUsS0FBSztZQUN0QixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU07U0FDdEIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ1osQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUVsQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLElBQUksRUFBRSxDQUFDO1lBQ1AsTUFBTSxFQUFFLENBQUM7WUFDVCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsZUFBZSxFQUFFLGVBQXdDO1lBQ3pELE1BQU0sRUFBRSxDQUFDO1NBQ1Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLG9CQUFDLFFBQVEsQ0FBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxFQUFrQixDQUFBO0FBQ3hFLENBQUMsQ0FBQTtBQUVELFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUVuRCxlQUFlLFdBQVcsQ0FBQSJ9
|
|
@@ -10,5 +10,5 @@ import React from 'react';
|
|
|
10
10
|
* @param fullwidth {boolean} Fullwidth tabs
|
|
11
11
|
* @param id
|
|
12
12
|
*/
|
|
13
|
-
declare const Tabs:
|
|
13
|
+
declare const Tabs: ({ children, className, id, activeIndex, fullwidth, inverted }: TabsProps) => React.JSX.Element;
|
|
14
14
|
export default Tabs;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
1
|
+
import { __read } from "tslib";
|
|
3
2
|
import { TabsContext } from '../../components/tabs/context';
|
|
4
3
|
import { useTrilogyContext } from '../../context/index';
|
|
5
4
|
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
@@ -16,8 +15,8 @@ import React, { useEffect, useState } from 'react';
|
|
|
16
15
|
* @param fullwidth {boolean} Fullwidth tabs
|
|
17
16
|
* @param id
|
|
18
17
|
*/
|
|
19
|
-
var Tabs =
|
|
20
|
-
var children = _a.children, className = _a.className, id = _a.id, activeIndex = _a.activeIndex, fullwidth = _a.fullwidth, inverted = _a.inverted
|
|
18
|
+
var Tabs = function (_a) {
|
|
19
|
+
var children = _a.children, className = _a.className, id = _a.id, activeIndex = _a.activeIndex, fullwidth = _a.fullwidth, inverted = _a.inverted;
|
|
21
20
|
var _b = __read(useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
|
|
22
21
|
var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
|
|
23
22
|
var styled = useTrilogyContext().styled;
|
|
@@ -31,8 +30,7 @@ var Tabs = React.forwardRef(function (_a, ref) {
|
|
|
31
30
|
setInverted: setIsInverted,
|
|
32
31
|
setActiveIndex: setCurrentIndex,
|
|
33
32
|
} },
|
|
34
|
-
React.createElement("div",
|
|
35
|
-
}
|
|
36
|
-
Tabs.displayName = ComponentName.Tabs;
|
|
33
|
+
React.createElement("div", { id: id, className: classes, "data-tabs-context": '' }, children)));
|
|
34
|
+
};
|
|
37
35
|
export default Tabs;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVsRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXdFO1FBQXRFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUE7SUFDakUsSUFBQSxLQUFBLE9BQWtDLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBbkUsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFzQyxDQUFBO0lBQ3BFLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF2RSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQThDLENBQUE7SUFFdEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBILFNBQVMsQ0FBQztRQUNSLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQ25CLEtBQUssRUFBRTtZQUNMLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFdBQVcsRUFBRSxhQUFhO1lBQzFCLGNBQWMsRUFBRSxlQUFlO1NBQ2hDO1FBRUQsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyx1QkFBb0IsRUFBRSxJQUNsRCxRQUFRLENBQ0wsQ0FDZSxDQUN4QixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -9,5 +9,5 @@ import React from 'react';
|
|
|
9
9
|
* @param align
|
|
10
10
|
* @param others
|
|
11
11
|
*/
|
|
12
|
-
declare const TabList:
|
|
12
|
+
declare const TabList: ({ children, className, id, testId, align, ...others }: TabListProps) => React.JSX.Element;
|
|
13
13
|
export default TabList;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import Tab from '../../../components/tabs/tab-list/tab/Tab';
|
|
3
3
|
import { useTrilogyContext } from '../../../context';
|
|
4
4
|
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
5
5
|
import { getAlignClassName } from '../../../objects/facets/Alignable';
|
|
@@ -15,17 +15,15 @@ import React from 'react';
|
|
|
15
15
|
* @param align
|
|
16
16
|
* @param others
|
|
17
17
|
*/
|
|
18
|
-
var TabList =
|
|
18
|
+
var TabList = function (_a) {
|
|
19
19
|
var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, align = _a.align, others = __rest(_a, ["children", "className", "id", "testId", "align"]);
|
|
20
20
|
var styled = useTrilogyContext().styled;
|
|
21
21
|
var classes = hashClass(styled, clsx('tab-list', align && is(getAlignClassName(align)), className));
|
|
22
|
-
return (React.createElement("div", __assign({
|
|
23
|
-
React.
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
});
|
|
29
|
-
TabList.displayName = ComponentName.TabList;
|
|
22
|
+
return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
|
|
23
|
+
if (!React.isValidElement(child))
|
|
24
|
+
return false;
|
|
25
|
+
return React.createElement(Tab, __assign({}, child.props, { index: index }));
|
|
26
|
+
})));
|
|
27
|
+
};
|
|
30
28
|
export default TabList;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC9UYWJMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxHQUFHLE1BQU0sb0NBQW9DLENBQUE7QUFFcEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW1FO0lBQWpFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUssTUFBTSxjQUFuRCxrREFBcUQsQ0FBRjtJQUMxRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFckcsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDN0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxHQUFHLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDL0MsQ0FBQyxDQUFDLENBQ0UsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
|
|
@@ -8,5 +8,5 @@ import React from 'react';
|
|
|
8
8
|
* @param testId
|
|
9
9
|
* @param others
|
|
10
10
|
*/
|
|
11
|
-
declare const TabPanels:
|
|
11
|
+
declare const TabPanels: ({ children, className, id, testId, ...others }: TabPanelsProps) => React.JSX.Element;
|
|
12
12
|
export default TabPanels;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import TabPanel from '../../../components/tabs/tab-panels/tab-panel';
|
|
3
3
|
import { useTrilogyContext } from '../../../context';
|
|
4
4
|
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
5
5
|
import clsx from 'clsx';
|
|
@@ -12,17 +12,15 @@ import React from 'react';
|
|
|
12
12
|
* @param testId
|
|
13
13
|
* @param others
|
|
14
14
|
*/
|
|
15
|
-
var TabPanels =
|
|
15
|
+
var TabPanels = function (_a) {
|
|
16
16
|
var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, others = __rest(_a, ["children", "className", "id", "testId"]);
|
|
17
17
|
var styled = useTrilogyContext().styled;
|
|
18
18
|
var classes = hashClass(styled, clsx('tab-panels', className));
|
|
19
|
-
return (React.createElement("div", __assign({
|
|
20
|
-
React.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
});
|
|
26
|
-
TabPanels.displayName = ComponentName.TabPanels;
|
|
19
|
+
return (React.createElement("div", __assign({ id: id, "data-testid": testId, className: classes }, others), React.Children.map(children, function (child, index) {
|
|
20
|
+
if (!React.isValidElement(child))
|
|
21
|
+
return false;
|
|
22
|
+
return React.createElement(TabPanel, __assign({}, child.props, { index: index }));
|
|
23
|
+
})));
|
|
24
|
+
};
|
|
27
25
|
export default TabPanels;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1wYW5lbHMvVGFiUGFuZWxzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxRQUFRLE1BQU0sd0NBQXdDLENBQUE7QUFFN0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQThEO0lBQTVELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE1Qyx5Q0FBOEMsQ0FBRjtJQUNyRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVoRSxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsaUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUM3RCxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLLEVBQUUsS0FBSztRQUN6QyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7WUFBRSxPQUFPLEtBQUssQ0FBQTtRQUM5QyxPQUFPLG9CQUFDLFFBQVEsZUFBSyxLQUFLLENBQUMsS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLElBQUksQ0FBQTtJQUNwRCxDQUFDLENBQUMsQ0FDRSxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -7,5 +7,5 @@ import React from 'react';
|
|
|
7
7
|
* @param testId
|
|
8
8
|
* @param others
|
|
9
9
|
*/
|
|
10
|
-
declare const TabPanel:
|
|
10
|
+
declare const TabPanel: ({ children, className, testId, ...others }: TabPanelProps) => React.JSX.Element;
|
|
11
11
|
export default TabPanel;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
2
|
import { TabsContext } from '../../../../components/tabs/context';
|
|
4
3
|
import { useTrilogyContext } from '../../../../context';
|
|
5
4
|
import { hashClass } from '../../../../helpers/hashClassesHelpers';
|
|
@@ -13,14 +12,13 @@ import React from 'react';
|
|
|
13
12
|
* @param testId
|
|
14
13
|
* @param others
|
|
15
14
|
*/
|
|
16
|
-
var TabPanel =
|
|
15
|
+
var TabPanel = function (_a) {
|
|
17
16
|
var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
|
|
18
17
|
var styled = useTrilogyContext().styled;
|
|
19
18
|
var _b = others, index = _b.index, props = __rest(_b, ["index"]);
|
|
20
19
|
var activeIndex = React.useContext(TabsContext).activeIndex;
|
|
21
20
|
var classes = hashClass(styled, clsx('tab-panel', index === activeIndex && is('active'), className));
|
|
22
|
-
return (React.createElement("div", __assign({
|
|
23
|
-
}
|
|
24
|
-
TabPanel.displayName = ComponentName.TabPanel;
|
|
21
|
+
return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, props), children));
|
|
22
|
+
};
|
|
25
23
|
export default TabPanel;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXlEO0lBQXZELElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUNoRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ2pDLElBQUEsV0FBVyxHQUFLLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLFlBQWxDLENBQWtDO0lBRXJELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxLQUFLLEtBQUssV0FBVyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXRHLE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sS0FBSyxHQUNwRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -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.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.0.2";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQSJ9
|