@trilogy-ds/react 4.14.0-datepicker-native → 4.14.0-dropdown
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/autocomplete/Autocomplete.helpers.js +1 -1
- package/lib/components/box/Box.native.js +5 -8
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +18 -2
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +9 -1
- package/lib/components/calendar/Calendar.native.js +7 -7
- package/lib/components/card/Card.native.js +7 -11
- package/lib/components/checkbox/list/CheckboxList.js +1 -1
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +3 -3
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +9 -1
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +18 -2
- package/lib/components/columns/ColumnsPropsDefaults.js +18 -2
- package/lib/components/columns/column/Column.native.js +2 -2
- package/lib/components/columns/column/ColumnPropsDefaults.js +18 -2
- package/lib/components/datepicker/DatePicker.native.js +11 -11
- package/lib/components/dropdown/Dropdown.d.ts +13 -0
- package/lib/components/dropdown/Dropdown.js +88 -0
- package/lib/components/dropdown/Dropdown.native.d.ts +4 -0
- package/lib/components/dropdown/Dropdown.native.js +8 -0
- package/lib/components/dropdown/DropdownProps.d.ts +15 -0
- package/lib/components/dropdown/DropdownProps.js +2 -0
- package/lib/components/dropdown/DropdownPropsDefaults.js +53 -0
- package/lib/components/dropdown/context/DropdownContext.d.ts +15 -0
- package/lib/components/dropdown/context/DropdownContext.js +35 -0
- package/lib/components/dropdown/context/index.d.ts +1 -0
- package/lib/components/dropdown/context/index.js +2 -0
- package/lib/components/dropdown/group/DropdownGroup.d.ts +12 -0
- package/lib/components/dropdown/group/DropdownGroup.js +24 -0
- package/lib/components/dropdown/group/DropdownGroup.native.d.ts +4 -0
- package/lib/components/dropdown/group/DropdownGroup.native.js +8 -0
- package/lib/components/dropdown/group/DropdownGroupProps.d.ts +14 -0
- package/lib/components/dropdown/group/DropdownGroupProps.js +2 -0
- package/lib/components/dropdown/group/DropdownGroupPropsDefaults.js +52 -0
- package/lib/components/dropdown/group/index.d.ts +2 -0
- package/lib/components/dropdown/group/index.js +3 -0
- package/lib/components/dropdown/index.d.ts +6 -0
- package/lib/components/dropdown/index.js +7 -0
- package/lib/components/dropdown/item/DropdownItem.d.ts +12 -0
- package/lib/components/dropdown/item/DropdownItem.js +46 -0
- package/lib/components/dropdown/item/DropdownItem.native.d.ts +4 -0
- package/lib/components/dropdown/item/DropdownItem.native.js +8 -0
- package/lib/components/dropdown/item/DropdownItemProps.d.ts +15 -0
- package/lib/components/dropdown/item/DropdownItemProps.js +2 -0
- package/lib/components/dropdown/item/DropdownItemPropsDefaults.js +93 -0
- package/lib/components/dropdown/item/index.d.ts +2 -0
- package/lib/components/dropdown/item/index.js +3 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.d.ts +13 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.js +61 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.native.d.ts +4 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.native.js +8 -0
- package/lib/components/dropdown/trigger/DropdownTriggerProps.d.ts +13 -0
- package/lib/components/dropdown/trigger/DropdownTriggerProps.js +2 -0
- package/lib/components/dropdown/trigger/DropdownTriggerPropsDefaults.js +44 -0
- package/lib/components/dropdown/trigger/index.d.ts +2 -0
- package/lib/components/dropdown/trigger/index.js +3 -0
- package/lib/components/enumsComponentsName.d.ts +4 -0
- package/lib/components/enumsComponentsName.js +5 -1
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +2 -2
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +18 -2
- package/lib/components/icon/Icon.native.js +4 -9
- package/lib/components/image/ImagePropsDefaults.js +18 -2
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +2 -1
- package/lib/components/price/PricePropsDefaults.js +18 -2
- package/lib/components/progress/index.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js +3 -7
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +18 -2
- package/lib/components/radio/EventHandlerDefaults.js +21 -0
- package/lib/components/radio/Radio.js +3 -3
- package/lib/components/radio/Radio.native.d.ts +2 -2
- package/lib/components/radio/Radio.native.js +1 -1
- package/lib/components/radio/RadioNativePropsDefaults.js +9 -0
- package/lib/components/radio/RadioProps.d.ts +9 -2
- package/lib/components/radio/list/RadioList.js +1 -1
- package/lib/components/radio/list/RadioListProps.d.ts +2 -2
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +9 -1
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +18 -2
- package/lib/components/radio/tiles/tile/RadioTile.js +3 -3
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +2 -2
- package/lib/components/radio/tiles/tile/RadioTileNativePropsDefaults.js +104 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +8 -3
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +97 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +81 -81
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -2
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +9 -1
- package/lib/components/select/Select.native.js +3 -3
- package/lib/components/skeleton/Skeleton.d.ts +17 -0
- package/lib/components/skeleton/Skeleton.js +19 -0
- package/lib/components/skeleton/Skeleton.native.d.ts +16 -0
- package/lib/components/skeleton/Skeleton.native.js +70 -0
- package/lib/components/skeleton/SkeletonProps.d.ts +13 -0
- package/lib/components/skeleton/SkeletonProps.js +2 -0
- package/lib/components/skeleton/SkeletonPropsDefaults.js +80 -0
- package/lib/components/skeleton/index.d.ts +3 -0
- package/lib/components/skeleton/index.js +4 -0
- package/lib/components/tabs/TabsPropsDefaults.js +18 -2
- package/lib/components/tabs/tab-list/TabListProps.d.ts +2 -2
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +9 -1
- package/lib/components/tabs/tab-list/tab/Tab.native.js +5 -5
- package/lib/components/tag/list/TagListProps.d.ts +2 -2
- package/lib/components/tag/list/TagListPropsDefaults.js +9 -1
- package/lib/components/text/Text.native.js +7 -8
- package/lib/components/title/Title.native.js +4 -8
- package/lib/components/view/ViewPropsDefaults.js +30 -3
- package/lib/helpers/require.js +1 -1
- package/lib/objects/facets/Alignable.d.ts +10 -3
- package/lib/objects/facets/Alignable.js +10 -5
- package/lib/objects/facets/Justifiable.d.ts +11 -4
- package/lib/objects/facets/Justifiable.js +31 -28
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +6 -2
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Skeleton component to display a loading placeholder with shimmer effect.
|
|
4
|
+
* ---------------------- native ------------------------
|
|
5
|
+
* @param style - Custom styles for the skeleton container.
|
|
6
|
+
* @param width - Width of the skeleton. Default is '100%'.
|
|
7
|
+
* @param height - Height of the skeleton. Default is 20.
|
|
8
|
+
* @param backgroundColor - Background color of the skeleton.
|
|
9
|
+
* @param shimmerColor - Color of the shimmer effect.
|
|
10
|
+
* @param duration - Duration of the shimmer animation in milliseconds. Default is 1200.
|
|
11
|
+
* @param borderRadius - Border radius of the skeleton. Default is 4.
|
|
12
|
+
* @param children - Optional children to render inside the skeleton.
|
|
13
|
+
* @param testID - Test identifier for testing purposes.
|
|
14
|
+
*/
|
|
15
|
+
var Skeleton = function () {
|
|
16
|
+
return (React.createElement(React.Fragment, null));
|
|
17
|
+
};
|
|
18
|
+
export default Skeleton;
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NrZWxldG9uL1NrZWxldG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxRQUFRLEdBQTRCO0lBQ3hDLE9BQU8sQ0FDTCx5Q0FBSyxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SkeletonProps } from './SkeletonProps';
|
|
3
|
+
/**
|
|
4
|
+
* Skeleton component to display a loading placeholder with shimmer effect.
|
|
5
|
+
* @param style - Custom styles for the skeleton container.
|
|
6
|
+
* @param width - Width of the skeleton. Default is '100%'.
|
|
7
|
+
* @param height - Height of the skeleton. Default is 20.
|
|
8
|
+
* @param backgroundColor - Background color of the skeleton.
|
|
9
|
+
* @param shimmerColor - Color of the shimmer effect.
|
|
10
|
+
* @param duration - Duration of the shimmer animation in milliseconds. Default is 1200.
|
|
11
|
+
* @param borderRadius - Border radius of the skeleton. Default is 4.
|
|
12
|
+
* @param children - Optional children to render inside the skeleton.
|
|
13
|
+
* @param testID - Test identifier for testing purposes.
|
|
14
|
+
*/
|
|
15
|
+
declare const Skeleton: React.FC<SkeletonProps>;
|
|
16
|
+
export default Skeleton;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { __assign, __read } from "tslib";
|
|
2
|
+
import React, { useEffect, useRef } from 'react';
|
|
3
|
+
import { View, Animated } from 'react-native';
|
|
4
|
+
/**
|
|
5
|
+
* Skeleton component to display a loading placeholder with shimmer effect.
|
|
6
|
+
* @param style - Custom styles for the skeleton container.
|
|
7
|
+
* @param width - Width of the skeleton. Default is '100%'.
|
|
8
|
+
* @param height - Height of the skeleton. Default is 20.
|
|
9
|
+
* @param backgroundColor - Background color of the skeleton.
|
|
10
|
+
* @param shimmerColor - Color of the shimmer effect.
|
|
11
|
+
* @param duration - Duration of the shimmer animation in milliseconds. Default is 1200.
|
|
12
|
+
* @param borderRadius - Border radius of the skeleton. Default is 4.
|
|
13
|
+
* @param children - Optional children to render inside the skeleton.
|
|
14
|
+
* @param testID - Test identifier for testing purposes.
|
|
15
|
+
*/
|
|
16
|
+
var Skeleton = function (_a) {
|
|
17
|
+
var style = _a.style, _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? 20 : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? '#E1E9EE' : _d, _e = _a.shimmerColor, shimmerColor = _e === void 0 ? '#F7F8F8' : _e, _f = _a.duration, duration = _f === void 0 ? 1200 : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 4 : _g, children = _a.children, testID = _a.testID;
|
|
18
|
+
var shimmerValue = useRef(new Animated.Value(0)).current;
|
|
19
|
+
var _h = __read(React.useState(200), 2), containerWidth = _h[0], setContainerWidth = _h[1];
|
|
20
|
+
useEffect(function () {
|
|
21
|
+
var shimmerAnimation = Animated.loop(Animated.timing(shimmerValue, {
|
|
22
|
+
toValue: 1,
|
|
23
|
+
duration: duration,
|
|
24
|
+
useNativeDriver: true,
|
|
25
|
+
}), { iterations: -1 });
|
|
26
|
+
shimmerAnimation.start();
|
|
27
|
+
return function () { return shimmerAnimation.stop(); };
|
|
28
|
+
}, [shimmerValue, duration]);
|
|
29
|
+
var translateX = shimmerValue.interpolate({
|
|
30
|
+
inputRange: [0, 1],
|
|
31
|
+
outputRange: [-containerWidth, containerWidth],
|
|
32
|
+
});
|
|
33
|
+
var opacity = shimmerValue.interpolate({
|
|
34
|
+
inputRange: [0, 0.5, 1],
|
|
35
|
+
outputRange: [0.3, 0.8, 0.3],
|
|
36
|
+
});
|
|
37
|
+
var containerStyle = __assign({ width: children ? undefined : width, height: children ? undefined : height, backgroundColor: backgroundColor, borderRadius: borderRadius, overflow: 'hidden', alignSelf: children ? 'flex-start' : undefined }, style);
|
|
38
|
+
var handleLayout = function (event) {
|
|
39
|
+
var layoutWidth = event.nativeEvent.layout.width;
|
|
40
|
+
setContainerWidth(layoutWidth);
|
|
41
|
+
};
|
|
42
|
+
if (children) {
|
|
43
|
+
return (React.createElement(View, { style: containerStyle, testID: testID, onLayout: handleLayout },
|
|
44
|
+
React.createElement(View, { style: { opacity: 0 } }, children),
|
|
45
|
+
React.createElement(Animated.View, { style: [
|
|
46
|
+
{
|
|
47
|
+
position: 'absolute',
|
|
48
|
+
top: 0,
|
|
49
|
+
left: 0,
|
|
50
|
+
width: containerWidth * 0.7,
|
|
51
|
+
height: '100%',
|
|
52
|
+
backgroundColor: shimmerColor,
|
|
53
|
+
opacity: opacity,
|
|
54
|
+
transform: [{ translateX: translateX }],
|
|
55
|
+
},
|
|
56
|
+
] })));
|
|
57
|
+
}
|
|
58
|
+
return (React.createElement(View, { style: containerStyle, testID: testID, onLayout: handleLayout },
|
|
59
|
+
React.createElement(Animated.View, { style: [
|
|
60
|
+
{
|
|
61
|
+
width: containerWidth * 0.7,
|
|
62
|
+
height: '100%',
|
|
63
|
+
backgroundColor: shimmerColor,
|
|
64
|
+
opacity: opacity,
|
|
65
|
+
transform: [{ translateX: translateX }],
|
|
66
|
+
},
|
|
67
|
+
] })));
|
|
68
|
+
};
|
|
69
|
+
export default Skeleton;
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9za2VsZXRvbi9Ta2VsZXRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBYSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHeEQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLFFBQVEsR0FBNEIsVUFBQyxFQVUxQztRQVRDLEtBQUssV0FBQSxFQUNMLGFBQWMsRUFBZCxLQUFLLG1CQUFHLE1BQU0sS0FBQSxFQUNkLGNBQVcsRUFBWCxNQUFNLG1CQUFHLEVBQUUsS0FBQSxFQUNYLHVCQUEyQixFQUEzQixlQUFlLG1CQUFHLFNBQVMsS0FBQSxFQUMzQixvQkFBd0IsRUFBeEIsWUFBWSxtQkFBRyxTQUFTLEtBQUEsRUFDeEIsZ0JBQWUsRUFBZixRQUFRLG1CQUFHLElBQUksS0FBQSxFQUNmLG9CQUFnQixFQUFoQixZQUFZLG1CQUFHLENBQUMsS0FBQSxFQUNoQixRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUE7SUFFTixJQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBQ3BELElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFBLEVBQXhELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUF1QixDQUFBO0lBRS9ELFNBQVMsQ0FBQztRQUNSLElBQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FDcEMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUU7WUFDNUIsT0FBTyxFQUFFLENBQUM7WUFDVixRQUFRLFVBQUE7WUFDUixlQUFlLEVB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
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ViewStyle, DimensionValue } from 'react-native';
|
|
3
|
+
export interface SkeletonProps {
|
|
4
|
+
style?: ViewStyle;
|
|
5
|
+
width?: DimensionValue;
|
|
6
|
+
height?: DimensionValue;
|
|
7
|
+
backgroundColor?: string;
|
|
8
|
+
shimmerColor?: string;
|
|
9
|
+
duration?: number;
|
|
10
|
+
borderRadius?: number;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
testID?: string;
|
|
13
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"style": {
|
|
3
|
+
"type": "string",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"ViewStyle"
|
|
7
|
+
]
|
|
8
|
+
},
|
|
9
|
+
"width": {
|
|
10
|
+
"type": "string",
|
|
11
|
+
"values": [
|
|
12
|
+
"undefined",
|
|
13
|
+
"null",
|
|
14
|
+
"number",
|
|
15
|
+
"auto",
|
|
16
|
+
"`${number}%`",
|
|
17
|
+
"AnimatedNode"
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
"height": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"values": [
|
|
23
|
+
"undefined",
|
|
24
|
+
"null",
|
|
25
|
+
"number",
|
|
26
|
+
"auto",
|
|
27
|
+
"`${number}%`",
|
|
28
|
+
"AnimatedNode"
|
|
29
|
+
]
|
|
30
|
+
},
|
|
31
|
+
"backgroundColor": {
|
|
32
|
+
"type": "string",
|
|
33
|
+
"values": [
|
|
34
|
+
"undefined",
|
|
35
|
+
"string"
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
"shimmerColor": {
|
|
39
|
+
"type": "string",
|
|
40
|
+
"values": [
|
|
41
|
+
"undefined",
|
|
42
|
+
"string"
|
|
43
|
+
]
|
|
44
|
+
},
|
|
45
|
+
"duration": {
|
|
46
|
+
"type": "string",
|
|
47
|
+
"values": [
|
|
48
|
+
"undefined",
|
|
49
|
+
"number"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"borderRadius": {
|
|
53
|
+
"type": "string",
|
|
54
|
+
"values": [
|
|
55
|
+
"undefined",
|
|
56
|
+
"number"
|
|
57
|
+
]
|
|
58
|
+
},
|
|
59
|
+
"children": {
|
|
60
|
+
"type": "react",
|
|
61
|
+
"values": [
|
|
62
|
+
"undefined",
|
|
63
|
+
"null",
|
|
64
|
+
"string",
|
|
65
|
+
"number",
|
|
66
|
+
"false",
|
|
67
|
+
"true",
|
|
68
|
+
"JSXElementConstructor<any>>",
|
|
69
|
+
"ReactNode>",
|
|
70
|
+
"ReactPortal"
|
|
71
|
+
]
|
|
72
|
+
},
|
|
73
|
+
"testID": {
|
|
74
|
+
"type": "string",
|
|
75
|
+
"values": [
|
|
76
|
+
"undefined",
|
|
77
|
+
"string"
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import Skeleton from './Skeleton';
|
|
2
|
+
export * from './SkeletonProps';
|
|
3
|
+
export { Skeleton };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NrZWxldG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxjQUFjLGlCQUFpQixDQUFBO0FBRS9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsQ0FBQSJ9
|
|
@@ -55,7 +55,15 @@ export default {
|
|
|
55
55
|
"ALIGNED_CENTER",
|
|
56
56
|
"ALIGNED_START",
|
|
57
57
|
"ALIGNED_END",
|
|
58
|
-
"ALIGNED_STRETCH"
|
|
58
|
+
"ALIGNED_STRETCH",
|
|
59
|
+
"CENTER",
|
|
60
|
+
"START",
|
|
61
|
+
"END",
|
|
62
|
+
"STRETCH",
|
|
63
|
+
"CENTER",
|
|
64
|
+
"START",
|
|
65
|
+
"END",
|
|
66
|
+
"STRETCH"
|
|
59
67
|
]
|
|
60
68
|
},
|
|
61
69
|
"verticalAlign": {
|
|
@@ -69,7 +77,15 @@ export default {
|
|
|
69
77
|
"ALIGNED_CENTER",
|
|
70
78
|
"ALIGNED_START",
|
|
71
79
|
"ALIGNED_END",
|
|
72
|
-
"ALIGNED_STRETCH"
|
|
80
|
+
"ALIGNED_STRETCH",
|
|
81
|
+
"CENTER",
|
|
82
|
+
"START",
|
|
83
|
+
"END",
|
|
84
|
+
"STRETCH",
|
|
85
|
+
"CENTER",
|
|
86
|
+
"START",
|
|
87
|
+
"END",
|
|
88
|
+
"STRETCH"
|
|
73
89
|
]
|
|
74
90
|
},
|
|
75
91
|
"onClick": {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { AlignableProps, Dev } from '../../../objects';
|
|
3
3
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
4
4
|
import { ScrollView } from 'react-native';
|
|
5
5
|
/**
|
|
@@ -7,7 +7,7 @@ import { ScrollView } from 'react-native';
|
|
|
7
7
|
*/
|
|
8
8
|
export interface TabListProps extends Dev, CommonProps {
|
|
9
9
|
children: React.ReactNode;
|
|
10
|
-
align?:
|
|
10
|
+
align?: AlignableProps['align'];
|
|
11
11
|
}
|
|
12
12
|
export type TabListRef = HTMLDivElement;
|
|
13
13
|
export type TabListNativeRef = ScrollView;
|
|
@@ -49,10 +49,10 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
49
49
|
? TrilogyColor.MAIN
|
|
50
50
|
: TrilogyColor.STROKE),
|
|
51
51
|
},
|
|
52
|
-
text:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
52
|
+
text: {
|
|
53
|
+
textAlign: 'center',
|
|
54
|
+
color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
|
|
55
|
+
},
|
|
56
56
|
});
|
|
57
57
|
React.useEffect(function () {
|
|
58
58
|
if (active)
|
|
@@ -65,4 +65,4 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
65
65
|
});
|
|
66
66
|
Tab.displayName = ComponentName.Tab;
|
|
67
67
|
export default Tab;
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBeUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakc7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUNoRSxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ25DLElBQUEsS0FBdUQsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBbEYsV0FBVyxpQkFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxRQUFR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
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import {
|
|
3
|
+
import { AlignableProps, Marginless } from '../../../objects';
|
|
4
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
5
|
/**
|
|
6
6
|
* Tag list Interface
|
|
7
7
|
*/
|
|
8
8
|
export interface TagListProps extends Marginless, CommonProps {
|
|
9
|
-
align?:
|
|
9
|
+
align?: AlignableProps['align'];
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
}
|
|
12
12
|
export type TagListRef = HTMLDivElement;
|
|
@@ -10,7 +10,15 @@ export default {
|
|
|
10
10
|
"ALIGNED_CENTER",
|
|
11
11
|
"ALIGNED_START",
|
|
12
12
|
"ALIGNED_END",
|
|
13
|
-
"ALIGNED_STRETCH"
|
|
13
|
+
"ALIGNED_STRETCH",
|
|
14
|
+
"CENTER",
|
|
15
|
+
"START",
|
|
16
|
+
"END",
|
|
17
|
+
"STRETCH",
|
|
18
|
+
"CENTER",
|
|
19
|
+
"START",
|
|
20
|
+
"END",
|
|
21
|
+
"STRETCH"
|
|
14
22
|
]
|
|
15
23
|
},
|
|
16
24
|
"children": {
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
3
|
import { StatesContext } from '../../context/providerStates';
|
|
4
|
-
import { isAndroid } from '../../helpers/device.native';
|
|
5
4
|
import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
|
|
6
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
6
|
import React, { useContext } from 'react';
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
7
|
+
import { StyleSheet, Text as TextNative } from 'react-native';
|
|
8
|
+
import { Skeleton } from '../skeleton';
|
|
10
9
|
import { TextLevels } from './TextEnum';
|
|
11
10
|
/**
|
|
12
11
|
* Text Native Component
|
|
@@ -66,13 +65,13 @@ var Text = React.forwardRef(function (_a, ref) {
|
|
|
66
65
|
: undefined;
|
|
67
66
|
var textView = (React.createElement(TextNative, __assign({ ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
|
|
68
67
|
if (skeleton) {
|
|
69
|
-
textView = (React.createElement(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
68
|
+
textView = (React.createElement(Skeleton, { style: styles.skeleton, height: textLevels(level), borderRadius: (level && level == TextLevels.ONE && 7) ||
|
|
69
|
+
(level && level == TextLevels.TWO && 7) ||
|
|
70
|
+
(level && level == TextLevels.THREE && 5) ||
|
|
71
|
+
3 }, textView));
|
|
73
72
|
}
|
|
74
73
|
return textView;
|
|
75
74
|
});
|
|
76
75
|
Text.displayName = ComponentName.Text;
|
|
77
76
|
export default Text;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JHLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzdELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDdEMsT0FBTyxFQUFFLFVBQVUsRUFBbUIsTUFBTSxZQUFZLENBQUE7QUFHeEQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBVXhELEVBQUUsR0FBRztJQVRKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNkLE1BQU0sY0FUOEMscUdBVXhELENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDL0MsSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUFtQztRQUNyRCxPQUFPLENBQ0wsQ0FBQyxLQUFL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
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
3
|
import { StatesContext } from '../../context/providerStates';
|
|
4
|
-
import { isAndroid } from '../../helpers/device.native';
|
|
5
4
|
import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from '../../objects';
|
|
6
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
6
|
import * as React from 'react';
|
|
8
7
|
import { useContext } from 'react';
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
8
|
+
import { StyleSheet, Text as TextNative, TouchableOpacity } from 'react-native';
|
|
9
|
+
import { Skeleton } from '../skeleton';
|
|
11
10
|
import { TitleLevels } from './TitleEnum';
|
|
12
11
|
/**
|
|
13
12
|
* Title component
|
|
@@ -87,13 +86,10 @@ var Title = React.forwardRef(function (_a, ref) {
|
|
|
87
86
|
: undefined;
|
|
88
87
|
var titleView = (React.createElement(TextNative, __assign({ ref: ref, maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
|
|
89
88
|
if (skeleton) {
|
|
90
|
-
titleView = (React.createElement(
|
|
91
|
-
titleView,
|
|
92
|
-
isAndroid && (React.createElement(View, null,
|
|
93
|
-
React.createElement(Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
|
|
89
|
+
titleView = (React.createElement(Skeleton, { style: styles.skeleton, height: titlesLevels(), borderRadius: 5 }, titleView));
|
|
94
90
|
}
|
|
95
91
|
return onClick ? (React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);
|
|
96
92
|
});
|
|
97
93
|
Title.displayName = ComponentName.Title;
|
|
98
94
|
export default Title;
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXhELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFBO0FBQ3RDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFHekM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFZM0QsRUFBRSxHQUFHO0lBWEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhpRCx1SEFZM0QsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJ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
|
|
@@ -113,6 +113,15 @@ export default {
|
|
|
113
113
|
"type": "enum",
|
|
114
114
|
"values": [
|
|
115
115
|
"undefined",
|
|
116
|
+
"CENTER",
|
|
117
|
+
"START",
|
|
118
|
+
"END",
|
|
119
|
+
"CENTER",
|
|
120
|
+
"START",
|
|
121
|
+
"END",
|
|
122
|
+
"SPACE_BETWEEN",
|
|
123
|
+
"SPACE_AROUND",
|
|
124
|
+
"SPACE_EVENLY",
|
|
116
125
|
"JUSTIFIED_CENTER",
|
|
117
126
|
"JUSTIFIED_START",
|
|
118
127
|
"JUSTIFIED_END",
|
|
@@ -120,7 +129,9 @@ export default {
|
|
|
120
129
|
"JUSTIFIED_CENTER",
|
|
121
130
|
"JUSTIFIED_START",
|
|
122
131
|
"JUSTIFIED_END",
|
|
123
|
-
"SPACE_BETWEEN"
|
|
132
|
+
"SPACE_BETWEEN",
|
|
133
|
+
"SPACE_AROUND",
|
|
134
|
+
"SPACE_EVENLY"
|
|
124
135
|
]
|
|
125
136
|
},
|
|
126
137
|
"fullwidth": {
|
|
@@ -142,7 +153,15 @@ export default {
|
|
|
142
153
|
"ALIGNED_CENTER",
|
|
143
154
|
"ALIGNED_START",
|
|
144
155
|
"ALIGNED_END",
|
|
145
|
-
"ALIGNED_STRETCH"
|
|
156
|
+
"ALIGNED_STRETCH",
|
|
157
|
+
"CENTER",
|
|
158
|
+
"START",
|
|
159
|
+
"END",
|
|
160
|
+
"STRETCH",
|
|
161
|
+
"CENTER",
|
|
162
|
+
"START",
|
|
163
|
+
"END",
|
|
164
|
+
"STRETCH"
|
|
146
165
|
]
|
|
147
166
|
},
|
|
148
167
|
"verticalAlign": {
|
|
@@ -156,7 +175,15 @@ export default {
|
|
|
156
175
|
"ALIGNED_CENTER",
|
|
157
176
|
"ALIGNED_START",
|
|
158
177
|
"ALIGNED_END",
|
|
159
|
-
"ALIGNED_STRETCH"
|
|
178
|
+
"ALIGNED_STRETCH",
|
|
179
|
+
"CENTER",
|
|
180
|
+
"START",
|
|
181
|
+
"END",
|
|
182
|
+
"STRETCH",
|
|
183
|
+
"CENTER",
|
|
184
|
+
"START",
|
|
185
|
+
"END",
|
|
186
|
+
"STRETCH"
|
|
160
187
|
]
|
|
161
188
|
},
|
|
162
189
|
"backgroundColor": {
|
package/lib/helpers/require.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export var isRequiredChild = function (children) { return React.Children.toArray(children).some(function (child) { return React.isValidElement(child) && child.props.required; }); };
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVxdWlyZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2hlbHBlcnMvcmVxdWlyZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQUMsUUFBeUIsSUFBSyxPQUFBLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FDakcsVUFBQyxLQUFLLElBQUssT0FBQSxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFuRCxDQUFtRCxDQUMvRCxFQUY2RCxDQUU3RCxDQUFBIn0=
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Component Alignement
|
|
3
3
|
*/
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated
|
|
6
|
+
*/
|
|
4
7
|
export declare enum Alignable {
|
|
5
8
|
ALIGNED_CENTER = "ALIGNED_CENTER",
|
|
6
9
|
ALIGNED_START = "ALIGNED_START",
|
|
@@ -13,10 +16,14 @@ export declare enum Align {
|
|
|
13
16
|
END = "END",
|
|
14
17
|
STRETCH = "STRETCH"
|
|
15
18
|
}
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated
|
|
21
|
+
*/
|
|
16
22
|
export type AlignableValues = `${Alignable}`;
|
|
23
|
+
export type AlignValues = `${Align}`;
|
|
17
24
|
export interface AlignableProps {
|
|
18
|
-
align?: Alignable | AlignableValues;
|
|
19
|
-
verticalAlign?: Alignable | AlignableValues;
|
|
25
|
+
align?: Alignable | AlignableValues | Align | AlignValues;
|
|
26
|
+
verticalAlign?: Alignable | AlignableValues | Align | AlignValues;
|
|
20
27
|
}
|
|
21
28
|
/**
|
|
22
29
|
* Returns alignement classname depending on align type
|
|
@@ -29,4 +36,4 @@ export declare const getAlignClassName: (alignType?: string) => string;
|
|
|
29
36
|
* @param alignType {Alignable|string} - Align type
|
|
30
37
|
* @returns {string} - Align value
|
|
31
38
|
*/
|
|
32
|
-
export declare const getAlignStyle: (alignType?: string) => "
|
|
39
|
+
export declare const getAlignStyle: (alignType?: string) => "flex-start" | "center" | "flex-end";
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Component Alignement
|
|
3
3
|
*/
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated
|
|
6
|
+
*/
|
|
4
7
|
export var Alignable;
|
|
5
8
|
(function (Alignable) {
|
|
6
9
|
Alignable["ALIGNED_CENTER"] = "ALIGNED_CENTER";
|
|
@@ -49,15 +52,17 @@ export var getAlignClassName = function (alignType) {
|
|
|
49
52
|
*/
|
|
50
53
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
51
54
|
export var getAlignStyle = function (alignType) {
|
|
52
|
-
|
|
53
|
-
|
|
55
|
+
if (!alignType)
|
|
56
|
+
return 'flex-start';
|
|
57
|
+
switch (true) {
|
|
58
|
+
case ['ALIGNED_CENTER', 'CENTER'].includes(alignType):
|
|
54
59
|
return 'center';
|
|
55
|
-
case 'ALIGNED_START':
|
|
60
|
+
case ['START', 'ALIGNED_START'].includes(alignType):
|
|
56
61
|
return 'flex-start';
|
|
57
|
-
case 'ALIGNED_END':
|
|
62
|
+
case ['ALIGNED_END', 'END'].includes(alignType):
|
|
58
63
|
return 'flex-end';
|
|
59
64
|
default:
|
|
60
65
|
return 'flex-start';
|
|
61
66
|
}
|
|
62
67
|
};
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxpZ25hYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvQWxpZ25hYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0g7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxTQUtYO0FBTEQsV0FBWSxTQUFTO0lBQ25CLDhDQUFpQyxDQUFBO0lBQ2pDLDRDQUErQixDQUFBO0lBQy9CLHdDQUEyQixDQUFBO0lBQzNCLGdEQUFtQyxDQUFBO0FBQ3JDLENBQUMsRUFMVyxTQUFTLEtBQVQsU0FBUyxRQUtwQjtBQUVELE1BQU0sQ0FBTixJQUFZLEtBS1g7QUFMRCxXQUFZLEtBQUs7SUFDZiwwQkFBaUIsQ0FBQTtJQUNqQix3QkFBZSxDQUFBO0lBQ2Ysb0JBQVcsQ0FBQTtJQUNYLDRCQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFMVyxLQUFLLEtBQUwsS0FBSyxRQUtoQjtBQWNEOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLFNBQWtCO0lBQ2xELFFBQVEsU0FBUyxFQUFFO1FBQ2pCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxRQUFRO1lBQ1gsT0FBTyxnQkFBZ0IsQ0FBQTtRQUN6QixLQUFLLGVBQWU7WUFDbEIsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssS0FBSztZQUNSLE9BQU8sYUFBYSxDQUFBO1FBQ3RCLEtBQUssU0FBUztZQUNaLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxpQkFBaUI7WUFDcEIsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQjtZQUNFLE9BQU8sZUFBZSxDQUFBO0tBQ3pCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsSUFBTSxhQUFhLEdBQUcsVUFBQyxTQUFrQjtJQUM5QyxJQUFJLENBQUMsU0FBUztRQUFFLE9BQU8sWUFBWSxDQUFBO0lBQ25DLFFBQVEsSUFBSSxFQUFFO1FBQ1osS0FBSyxDQUFDLGdCQUFnQixFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7WUFDbkQsT0FBTyxRQUFRLENBQUE7UUFDakIsS0FBSyxDQUFDLE9BQU8sRUFBRSxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDO1lBQ2pELE9BQU8sWUFBWSxDQUFBO1FBQ3JCLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQztZQUM3QyxPQUFPLFVBQVUsQ0FBQTtRQUNuQjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBIn0=
|