@trilogy-ds/react 4.0.1 → 4.0.3-beta-1
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/accordion/item/body/AccordionBody.js +4 -2
- 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 +17 -17
- package/lib/components/columns/column/Column.native.d.ts +1 -4
- package/lib/components/columns/column/Column.native.js +5 -22
- package/lib/components/divider/Divider.js +7 -20
- 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/input/Input.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/range/Range.js +5 -4
- package/lib/components/section/Section.native.d.ts +2 -2
- package/lib/components/section/Section.native.js +6 -5
- package/lib/components/section/SectionProps.d.ts +5 -0
- package/lib/components/section/SectionPropsDefaults.js +7 -0
- 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/tag/Tag.native.js +4 -6
- package/lib/components/timeline/marker/TimelineMarker.native.js +3 -3
- package/lib/components/view/ViewProps.d.ts +8 -1
- package/lib/components/view/ViewProps.js +8 -1
- package/lib/components/view/ViewPropsDefaults.js +15 -1
- 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
|
@@ -9,21 +9,28 @@ import React, { useEffect, useState } from 'react';
|
|
|
9
9
|
* Tabs Component
|
|
10
10
|
* @param children {ReactNode} Children for tabs
|
|
11
11
|
* @param activeIndex {number} default active tab index
|
|
12
|
+
* @param inverted {boolean} Inverted style
|
|
12
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
14
|
* @param className {string} Additionnal CSS Classes
|
|
14
15
|
* @param fullwidth {boolean} Fullwidth tabs
|
|
15
16
|
* @param id
|
|
16
17
|
*/
|
|
17
18
|
var Tabs = function (_a) {
|
|
18
|
-
var children = _a.children, className = _a.className, id = _a.id, activeIndex = _a.activeIndex, fullwidth = _a.fullwidth;
|
|
19
|
+
var children = _a.children, className = _a.className, id = _a.id, activeIndex = _a.activeIndex, fullwidth = _a.fullwidth, inverted = _a.inverted;
|
|
19
20
|
var _b = __read(useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
|
|
21
|
+
var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
|
|
20
22
|
var styled = useTrilogyContext().styled;
|
|
21
|
-
var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), className));
|
|
23
|
+
var classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), inverted && is('inverted'), className));
|
|
22
24
|
useEffect(function () {
|
|
23
25
|
activeIndex !== undefined && setCurrentIndex(activeIndex);
|
|
24
26
|
}, [activeIndex]);
|
|
25
|
-
return (React.createElement(TabsContext.Provider, { value: {
|
|
27
|
+
return (React.createElement(TabsContext.Provider, { value: {
|
|
28
|
+
activeIndex: currentIndex,
|
|
29
|
+
inverted: isInverted,
|
|
30
|
+
setInverted: setIsInverted,
|
|
31
|
+
setActiveIndex: setCurrentIndex,
|
|
32
|
+
} },
|
|
26
33
|
React.createElement("div", { id: id, className: classes, "data-tabs-context": '' }, children)));
|
|
27
34
|
};
|
|
28
35
|
export default Tabs;
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVsRDs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXdFO1FBQXRFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUE7SUFDakUsSUFBQSxLQUFBLE9BQWtDLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBbkUsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFzQyxDQUFBO0lBQ3BFLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF2RSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQThDLENBQUE7SUFFdEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBILFNBQVMsQ0FBQztRQUNSLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQ25CLEtBQUssRUFBRTtZQUNMLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFdBQVcsRUFBRSxhQUFhO1lBQzFCLGNBQWMsRUFBRSxlQUFlO1NBQ2hDO1FBRUQsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyx1QkFBb0IsRUFBRSxJQUNsRCxRQUFRLENBQ0wsQ0FDZSxDQUN4QixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
2
|
+
import { TabsProps } from '../../components/tabs/TabsProps';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* Tabs Component
|
|
6
|
+
* @param children {ReactNode} Children for tabs
|
|
7
|
+
* @param activeIndex {number} default active tab index
|
|
8
|
+
* @param inverted {boolean} Inverted style
|
|
9
|
+
*/
|
|
10
|
+
declare const Tabs: {
|
|
11
|
+
({ children, activeIndex, inverted }: TabsProps): React.JSX.Element;
|
|
12
|
+
displayName: ComponentName;
|
|
13
|
+
};
|
|
14
|
+
export default Tabs;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { TabsContext } from '../../components/tabs/context';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { View } from 'react-native';
|
|
6
|
+
/**
|
|
7
|
+
* Tabs Component
|
|
8
|
+
* @param children {ReactNode} Children for tabs
|
|
9
|
+
* @param activeIndex {number} default active tab index
|
|
10
|
+
* @param inverted {boolean} Inverted style
|
|
11
|
+
*/
|
|
12
|
+
var Tabs = function (_a) {
|
|
13
|
+
var children = _a.children, activeIndex = _a.activeIndex, inverted = _a.inverted;
|
|
14
|
+
var _b = __read(React.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
|
|
15
|
+
var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
|
|
16
|
+
React.useEffect(function () {
|
|
17
|
+
activeIndex !== undefined && setCurrentIndex(activeIndex);
|
|
18
|
+
}, [activeIndex]);
|
|
19
|
+
React.useEffect(function () {
|
|
20
|
+
setIsInverted(inverted || false);
|
|
21
|
+
}, [inverted]);
|
|
22
|
+
return (React.createElement(TabsContext.Provider, { value: {
|
|
23
|
+
activeIndex: currentIndex,
|
|
24
|
+
inverted: isInverted,
|
|
25
|
+
setInverted: setIsInverted,
|
|
26
|
+
setActiveIndex: setCurrentIndex,
|
|
27
|
+
} },
|
|
28
|
+
React.createElement(View, null, children)));
|
|
29
|
+
};
|
|
30
|
+
Tabs.displayName = ComponentName.Tabs;
|
|
31
|
+
export default Tabs;
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5DOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUE4QztRQUE1QyxRQUFRLGNBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3ZDLElBQUEsS0FBQSxPQUFrQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUF6RSxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQTRDLENBQUE7SUFDMUUsSUFBQSxLQUFBLE9BQThCLEtBQUssQ0FBQyxRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQXZFLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBOEMsQ0FBQTtJQUU5RSxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsV0FBVyxLQUFLLFNBQVMsSUFBSSxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUE7SUFDM0QsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUVqQixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsYUFBYSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUNsQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsT0FBTyxDQUNMLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQ25CLEtBQUssRUFBRTtZQUNMLFdBQVcsRUFBRSxZQUFZO1lBQ3pCLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFdBQVcsRUFBRSxhQUFhO1lBQzFCLGNBQWMsRUFBRSxlQUFlO1NBQ2hDO1FBRUQsb0JBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBUSxDQUNGLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -2,6 +2,8 @@ import React from 'react';
|
|
|
2
2
|
interface IContext {
|
|
3
3
|
activeIndex: number;
|
|
4
4
|
setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
|
|
5
|
+
inverted: boolean;
|
|
6
|
+
setInverted: React.Dispatch<React.SetStateAction<boolean>>;
|
|
5
7
|
}
|
|
6
8
|
export declare const TabsContext: React.Context<IContext>;
|
|
7
9
|
export {};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export var TabsContext = React.createContext({
|
|
3
3
|
activeIndex: 0,
|
|
4
|
+
inverted: false,
|
|
4
5
|
setActiveIndex: function () { return 0; },
|
|
6
|
+
setInverted: function () { return false; },
|
|
5
7
|
});
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBU3pCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFXO0lBQ3ZELFdBQVcsRUFBRSxDQUFDO0lBQ2QsUUFBUSxFQUFFLEtBQUs7SUFDZixjQUFjLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRCxDQUFDO0lBQ3ZCLFdBQVcsRUFBRSxjQUFNLE9BQUEsS0FBSyxFQUFMLENBQUs7Q0FDekIsQ0FBQyxDQUFBIn0=
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
2
|
+
import { TabListProps } from '../../../components/tabs/tab-list/TabListProps';
|
|
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 align
|
|
11
|
+
* @param others
|
|
12
|
+
*/
|
|
13
|
+
declare const TabList: {
|
|
14
|
+
({ children, ...others }: TabListProps): React.JSX.Element;
|
|
15
|
+
displayName: ComponentName;
|
|
16
|
+
};
|
|
17
|
+
export default TabList;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { TabsContext } from '../../../components/tabs/context';
|
|
4
|
+
import Tab from '../../../components/tabs/tab-list/tab/Tab';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { ScrollView, StyleSheet } 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 align
|
|
15
|
+
* @param others
|
|
16
|
+
*/
|
|
17
|
+
var TabList = function (_a) {
|
|
18
|
+
var children = _a.children, others = __rest(_a, ["children"]);
|
|
19
|
+
var inverted = React.useContext(TabsContext).inverted;
|
|
20
|
+
var styles = React.useMemo(function () {
|
|
21
|
+
return StyleSheet.create({
|
|
22
|
+
tabList: {
|
|
23
|
+
flexDirection: 'row',
|
|
24
|
+
overflow: 'visible',
|
|
25
|
+
backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : undefined,
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
}, [inverted]);
|
|
29
|
+
return (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList }, others), React.Children.map(children, function (child, index) {
|
|
30
|
+
if (!React.isValidElement(child))
|
|
31
|
+
return false;
|
|
32
|
+
return React.createElement(Tab, __assign({}, child.props, { index: index }));
|
|
33
|
+
})));
|
|
34
|
+
};
|
|
35
|
+
TabList.displayName = ComponentName.TabList;
|
|
36
|
+
export default TabList;
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sR0FBRyxNQUFNLG9DQUFvQyxDQUFBO0FBRXBELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBcUM7SUFBbkMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDNUIsSUFBQSxRQUFRLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsU0FBbEMsQ0FBa0M7SUFFbEQsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDMUI7UUFDRSxPQUFBLFVBQVUsQ0FBQyxNQUFNLENBQUM7WUFDaEIsT0FBTyxFQUFFO2dCQUNQLGFBQWEsRUFBRSxLQUFLO2dCQUNwQixRQUFRLEVBQUUsU0FBUztnQkFDbkIsZUFBZSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN6RTtTQUNGLENBQUM7SUFORixDQU1FLEVBQ0osQ0FBQyxRQUFRLENBQUMsQ0FDWCxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLFVBQVUsYUFBQyxVQUFVLFFBQUMsOEJBQThCLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUFNLE1BQU0sR0FDNUYsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUs7UUFDekMsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQUUsT0FBTyxLQUFLLENBQUE7UUFDOUMsT0FBTyxvQkFBQyxHQUFHLGVBQUssS0FBSyxDQUFDLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUE7SUFDL0MsQ0FBQyxDQUFDLENBQ1MsQ0FDZCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -8,11 +8,11 @@ import React from 'react';
|
|
|
8
8
|
* @param iconName {IconNameValues | IconName} add icon name
|
|
9
9
|
* @param disabled {boolean} disable tab item
|
|
10
10
|
* @param label {string} Tab content
|
|
11
|
+
* @param to {string} Link
|
|
12
|
+
* @param href {string} <a />
|
|
11
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
14
|
* @param className {string} Additionnal CSS Classes
|
|
13
15
|
* @param testId {string} Test Id for Test Integration
|
|
14
|
-
* @param to {string} Link
|
|
15
|
-
* @param href {string} <a />
|
|
16
16
|
* @param routerLink Custom Router Link as props
|
|
17
17
|
*/
|
|
18
18
|
declare const Tab: ({ active, className, onClick, to, href, routerLink, iconName, label, disabled, testId, ariaControls, ...others }: TabProps) => React.JSX.Element;
|
|
@@ -13,11 +13,11 @@ import React from 'react';
|
|
|
13
13
|
* @param iconName {IconNameValues | IconName} add icon name
|
|
14
14
|
* @param disabled {boolean} disable tab item
|
|
15
15
|
* @param label {string} Tab content
|
|
16
|
+
* @param to {string} Link
|
|
17
|
+
* @param href {string} <a />
|
|
16
18
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
19
|
* @param className {string} Additionnal CSS Classes
|
|
18
20
|
* @param testId {string} Test Id for Test Integration
|
|
19
|
-
* @param to {string} Link
|
|
20
|
-
* @param href {string} <a />
|
|
21
21
|
* @param routerLink Custom Router Link as props
|
|
22
22
|
*/
|
|
23
23
|
var Tab = function (_a) {
|
|
@@ -28,10 +28,13 @@ var Tab = function (_a) {
|
|
|
28
28
|
var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
|
|
29
29
|
var classes = hashClass(styled, clsx('tab', className, { 'is-active': isActive }));
|
|
30
30
|
var handleClick = React.useCallback(function (e) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
if (!disabled) {
|
|
32
|
+
if (!routerLink)
|
|
33
|
+
setActiveIndex(index);
|
|
34
|
+
if (onClick)
|
|
35
|
+
onClick(e);
|
|
36
|
+
}
|
|
37
|
+
}, [disabled, onClick, index, setActiveIndex, routerLink]);
|
|
35
38
|
React.useEffect(function () {
|
|
36
39
|
if (active)
|
|
37
40
|
setActiveIndex(index);
|
|
@@ -47,4 +50,4 @@ var Tab = function (_a) {
|
|
|
47
50
|
label && label));
|
|
48
51
|
};
|
|
49
52
|
export default Tab;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsSUFBTSxHQUFHLEdBQUcsVUFBQyxFQWFGO0lBWlQsSUFBQSxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sWUFBWSxrQkFBQSxFQUNULE1BQU0sY0FaRSx5SEFhWixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxLQUFzQixNQUFhLEVBQWpDLEtBQUssV0FBQSxFQUFLLEtBQUssY0FBakIsU0FBbUIsQ0FBZ0IsQ0FBQTtJQUNuQyxJQUFBLEtBQWtDLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEVBQTdELFdBQVcsaUJBQUEsRUFBRSxjQUFjLG9CQUFrQyxDQUFBO0lBRXJFLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsY0FBTSxPQUFBLFdBQVcsS0FBSyxLQUFLLEVBQXJCLENBQXFCLEVBQUUsQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNqRixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUVwRixJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQW1CO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixJQUFJLENBQUMsVUFBVTtnQkFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDdEMsSUFBSSxPQUFPO2dCQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUN4QjtJQUNILENBQUMsRUFDRCxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxVQUFVLENBQUMsQ0FDdkQsQ0FBQTtJQUVELEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLE1BQU07WUFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkMsQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBRW5DLElBQUksVUFBVSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxFQUFFO1FBQzlCLElBQU0sVUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUN2RSxPQUFPLENBQ0wsb0JBQUMsVUFBVSw0QkFDSSxNQUFNLEVBQ25CLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixTQUFTLEVBQUUsT0FBTyxFQUNsQixPQUFPLEVBQUUsV0FBVyxnQkFDUixLQUFLLElBQ2IsTUFBTTtZQUVWLDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87WUFDekcsS0FBSyxJQUFJLEtBQUssQ0FDSixDQUNkLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCwwREFDaUIsWUFBWSxtQkFDWixRQUFRLG1CQUNSLFFBQVEseUJBQ0gsRUFBRSxFQUN0QixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUMsS0FBSyxpQkFDRyxNQUFNLGdCQUNQLEtBQUssRUFDakIsT0FBTyxFQUFFLFdBQVcsSUFDaEIsS0FBSztRQUVULDZCQUFLLFNBQVMsRUFBQyxVQUFVLElBQUUsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUUsUUFBUSxHQUFJLENBQU87UUFDekcsS0FBSyxJQUFJLEtBQUssQ0FDUixDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
2
|
+
import { TabProps } from '../../../../components/tabs/tab-list/tab/TabProps';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* Tabs Item Component
|
|
6
|
+
* @param active {boolean} active tab item
|
|
7
|
+
* @param children {ReactChild} React Child Element
|
|
8
|
+
* @param onClick onClick Event
|
|
9
|
+
* @param iconName {IconNameValues | IconName} add icon name
|
|
10
|
+
* @param disabled {boolean} disable tab item
|
|
11
|
+
* @param label {string} Tab content
|
|
12
|
+
* @param to {string} Link
|
|
13
|
+
* @param href {string} Link
|
|
14
|
+
*/
|
|
15
|
+
declare const Tab: {
|
|
16
|
+
({ active, onClick, to, href, iconName, label, disabled, ...others }: TabProps): React.JSX.Element;
|
|
17
|
+
displayName: ComponentName;
|
|
18
|
+
};
|
|
19
|
+
export default Tab;
|
|
@@ -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
|
|
@@ -40,19 +40,17 @@ var Tag = function (_a) {
|
|
|
40
40
|
fontSize: small ? 12 : 16,
|
|
41
41
|
},
|
|
42
42
|
icon: {
|
|
43
|
-
|
|
44
|
-
},
|
|
45
|
-
iconLeft: {
|
|
46
|
-
marginRight: small ? 4 : 8,
|
|
43
|
+
marginRight: small ? 3 : 6,
|
|
47
44
|
},
|
|
48
45
|
button: {
|
|
49
46
|
flexDirection: 'row',
|
|
50
47
|
},
|
|
51
48
|
});
|
|
52
49
|
return (React.createElement(View, __assign({ style: styles.tag }, others),
|
|
53
|
-
iconName && (React.createElement(
|
|
50
|
+
iconName && (React.createElement(View, { style: styles.icon },
|
|
51
|
+
React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, name: iconName, testId: "".concat(testId, "-icon") }))),
|
|
54
52
|
React.createElement(Text, { style: styles.text }, label)));
|
|
55
53
|
};
|
|
56
54
|
Tag.displayName = ComponentName.Tag;
|
|
57
55
|
export default Tag;
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFnLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFnL1RhZy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN4RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3JEOzs7Ozs7OztJQVFJO0FBQ0osSUFBTSxHQUFHLEdBQUcsVUFBQyxFQUEwRTtJQUF4RSxJQUFBLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUQsK0RBQWdFLENBQUY7SUFDekUsSUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsT0FBdUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRXRHLElBQU0sZUFBZSxHQUFHLE9BQU8sSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsZUFBZSxDQUFBO0lBRTFFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsR0FBRyxFQUFFO1lBQ0gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDckIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsaUJBQWlCLEVBQUUsQ0FBQztZQUNwQixlQUFlLEVBQUUsQ0FBQztZQUNsQixlQUFlLEVBQ2IsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDcEQsQ0FBQyxPQUFPLElBQUssZUFBZ0MsQ0FBQztnQkFDOUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7U0FDM0M7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixVQUFVLEVBQUUsS0FBSztZQUNqQixjQUFjLEVBQUUsUUFBUTtZQUN4QixLQUFLLEVBQUUsU0FBUztZQUNoQixRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDMUI7UUFDRCxJQUFJLEVBQUU7WUFDSixXQUFXLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDM0I7UUFDRCxNQUFNLEVBQUU7WUFDTixhQUFhLEVBQUUsS0FBSztTQUNyQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxHQUFHLElBQU0sTUFBTTtRQUNoQyxRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJO1lBQ3RCLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUMvQyxJQUFJLEVBQUUsUUFBUSxFQUNkLE1BQU0sRUFBRSxVQUFHLE1BQU0sVUFBTyxHQUN4QixDQUNHLENBQ1I7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsS0FBSyxDQUFRLENBQ25DLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEdBQUcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEdBQUcsQ0FBQTtBQUVuQyxlQUFlLEdBQUcsQ0FBQSJ9
|
|
@@ -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==
|
|
@@ -13,7 +13,14 @@ export declare enum ViewMarkup {
|
|
|
13
13
|
UL = "ul",
|
|
14
14
|
LI = "li",
|
|
15
15
|
LABEL = "label",
|
|
16
|
-
MAIN = "main"
|
|
16
|
+
MAIN = "main",
|
|
17
|
+
SUMMARY = "summary",
|
|
18
|
+
DETAILS = "details",
|
|
19
|
+
OL = "ol",
|
|
20
|
+
DL = "dl",
|
|
21
|
+
DT = "dt",
|
|
22
|
+
DD = "dd",
|
|
23
|
+
DIALOG = "dialog"
|
|
17
24
|
}
|
|
18
25
|
export type ViewMarkupValues = `${ViewMarkup}`;
|
|
19
26
|
/**
|
|
@@ -10,5 +10,12 @@ export var ViewMarkup;
|
|
|
10
10
|
ViewMarkup["LI"] = "li";
|
|
11
11
|
ViewMarkup["LABEL"] = "label";
|
|
12
12
|
ViewMarkup["MAIN"] = "main";
|
|
13
|
+
ViewMarkup["SUMMARY"] = "summary";
|
|
14
|
+
ViewMarkup["DETAILS"] = "details";
|
|
15
|
+
ViewMarkup["OL"] = "ol";
|
|
16
|
+
ViewMarkup["DL"] = "dl";
|
|
17
|
+
ViewMarkup["DT"] = "dt";
|
|
18
|
+
ViewMarkup["DD"] = "dd";
|
|
19
|
+
ViewMarkup["DIALOG"] = "dialog";
|
|
13
20
|
})(ViewMarkup || (ViewMarkup = {}));
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlld1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy92aWV3L1ZpZXdQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQSxNQUFNLENBQU4sSUFBWSxVQWtCWDtBQWxCRCxXQUFZLFVBQVU7SUFDcEIsK0JBQWlCLENBQUE7SUFDakIsNkJBQWUsQ0FBQTtJQUNmLHFCQUFPLENBQUE7SUFDUCwyQkFBYSxDQUFBO0lBQ2IseUJBQVcsQ0FBQTtJQUNYLHFCQUFPLENBQUE7SUFDUCx1QkFBUyxDQUFBO0lBQ1QsdUJBQVMsQ0FBQTtJQUNULDZCQUFlLENBQUE7SUFDZiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsaUNBQW1CLENBQUE7SUFDbkIsdUJBQVMsQ0FBQTtJQUNULHVCQUFTLENBQUE7SUFDVCx1QkFBUyxDQUFBO0lBQ1QsdUJBQVMsQ0FBQTtJQUNULCtCQUFpQixDQUFBO0FBQ25CLENBQUMsRUFsQlcsVUFBVSxLQUFWLFVBQVUsUUFrQnJCIn0=
|
|
@@ -56,13 +56,20 @@ export default {
|
|
|
56
56
|
"undefined",
|
|
57
57
|
"button",
|
|
58
58
|
"a",
|
|
59
|
+
"dd",
|
|
60
|
+
"details",
|
|
61
|
+
"dialog",
|
|
59
62
|
"div",
|
|
63
|
+
"dl",
|
|
64
|
+
"dt",
|
|
60
65
|
"input",
|
|
61
66
|
"label",
|
|
62
67
|
"li",
|
|
63
68
|
"main",
|
|
69
|
+
"ol",
|
|
64
70
|
"p",
|
|
65
71
|
"span",
|
|
72
|
+
"summary",
|
|
66
73
|
"ul",
|
|
67
74
|
"button",
|
|
68
75
|
"input",
|
|
@@ -73,7 +80,14 @@ export default {
|
|
|
73
80
|
"ul",
|
|
74
81
|
"li",
|
|
75
82
|
"label",
|
|
76
|
-
"main"
|
|
83
|
+
"main",
|
|
84
|
+
"summary",
|
|
85
|
+
"details",
|
|
86
|
+
"ol",
|
|
87
|
+
"dl",
|
|
88
|
+
"dt",
|
|
89
|
+
"dd",
|
|
90
|
+
"dialog"
|
|
77
91
|
]
|
|
78
92
|
},
|
|
79
93
|
"loading": {
|
|
@@ -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";
|
|
1
|
+
export declare const version = "4.0.3-beta-1";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.0.1";
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.0.3-beta-1";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
|