@trilogy-ds/react 0.0.2-calendar → 0.0.2-timepicker
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/alert/AlertPropsDefaults.js +2 -0
- package/lib/components/alert/ToasterStatusPropsDefaults.js +2 -0
- package/lib/components/alert/context/ToastPropsDefaults.js +2 -0
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +13 -2
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +13 -2
- 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/ButtonPropsDefaults.js +2 -0
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +9 -1
- package/lib/components/calendar/Calendar.d.ts +12 -5
- package/lib/components/calendar/Calendar.js +145 -50
- package/lib/components/calendar/Calendar.native.d.ts +16 -0
- package/lib/components/calendar/Calendar.native.js +558 -0
- package/lib/components/calendar/CalendarProps.d.ts +3 -3
- package/lib/components/calendar/CalendarPropsDefaults.js +1 -1
- package/lib/components/calendar/index.d.ts +1 -0
- package/lib/components/calendar/index.js +2 -1
- 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/CheckboxTiles.js +2 -1
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +18 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +2 -0
- 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.d.ts +22 -0
- package/lib/components/datepicker/DatePicker.js +428 -0
- package/lib/components/datepicker/DatePicker.native.d.ts +19 -0
- package/lib/components/datepicker/DatePicker.native.js +307 -0
- package/lib/components/datepicker/DatePickerEnum.d.ts +7 -0
- package/lib/components/datepicker/DatePickerEnum.js +8 -0
- package/lib/components/datepicker/DatePickerProps.d.ts +37 -0
- package/lib/components/datepicker/DatePickerProps.js +2 -0
- package/lib/components/datepicker/DatePickerPropsDefaults.js +117 -0
- package/lib/components/datepicker/HandleKeyPressDefaults.js +14 -0
- package/lib/components/datepicker/SegmentDefaults.js +33 -0
- package/lib/components/datepicker/SegmentsDefaults.js +14 -0
- package/lib/components/datepicker/index.d.ts +2 -0
- package/lib/components/datepicker/index.js +3 -0
- package/lib/components/divider/DividerPropsDefaults.js +2 -0
- 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 +8 -2
- package/lib/components/enumsComponentsName.js +8 -2
- package/lib/components/fab/FabPropsDefaults.js +2 -0
- package/lib/components/flex-box/FlexBox.d.ts +1 -0
- package/lib/components/flex-box/FlexBox.js +48 -6
- package/lib/components/flex-box/FlexBox.native.js +3 -1
- package/lib/components/flex-box/FlexBoxProps.d.ts +5 -0
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +19 -2
- package/lib/components/flex-box/ResponsiveValueDefaults.js +14 -0
- package/lib/components/flex-box/flex-item/FlexItem.js +1 -1
- package/lib/components/flex-box/flex-item/FlexItemProps.d.ts +2 -2
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +18 -2
- package/lib/components/flex-box/flex-item/FlexSizeDefaults.js +2 -2
- package/lib/components/icon/Icon.native.js +4 -9
- package/lib/components/icon/IconNameEnum.d.ts +1 -0
- package/lib/components/icon/IconNameEnum.js +2 -1
- package/lib/components/icon/IconPropsDefaults.js +2 -0
- package/lib/components/image/Image.d.ts +2 -0
- package/lib/components/image/Image.js +3 -1
- package/lib/components/image/Image.native.d.ts +2 -0
- package/lib/components/image/Image.native.js +26 -4
- package/lib/components/image/ImageProps.d.ts +2 -0
- package/lib/components/image/ImagePropsDefaults.js +27 -2
- package/lib/components/index.d.ts +3 -0
- package/lib/components/index.js +4 -1
- package/lib/components/input/Input.d.ts +1 -0
- package/lib/components/input/Input.js +5 -4
- package/lib/components/input/Input.native.js +15 -72
- package/lib/components/input/InputProps.d.ts +2 -2
- package/lib/components/input/InputPropsDefaults.js +13 -2
- package/lib/components/link/Link.d.ts +1 -0
- package/lib/components/link/Link.js +2 -1
- package/lib/components/link/LinkDefaults.js +9 -0
- package/lib/components/link/LinkProps.d.ts +1 -0
- package/lib/components/link/LinkPropsDefaults.js +9 -0
- package/lib/components/link/LinkPropsNativeDefaults.js +9 -0
- package/lib/components/list/item/ListItemPropsDefaults.js +2 -0
- package/lib/components/modal/Modal.js +2 -2
- package/lib/components/modal/Modal.native.js +4 -4
- package/lib/components/pagination/Pagination.js +32 -31
- package/lib/components/pagination/Pagination.native.d.ts +2 -2
- package/lib/components/pagination/Pagination.native.js +5 -5
- package/lib/components/pagination/PaginationNativePropsDefaults.js +9 -0
- package/lib/components/pagination/PaginationProps.d.ts +7 -3
- package/lib/components/pagination/PaginationPropsDefaults.js +1 -1
- package/lib/components/popover/Popover.d.ts +5 -3
- package/lib/components/popover/Popover.js +6 -4
- 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 +83 -81
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -2
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +9 -1
- package/lib/components/select/PropsDefaults.js +2 -0
- package/lib/components/select/Select.native.js +3 -3
- package/lib/components/select/SelectNativePropsDefaults.js +2 -0
- package/lib/components/select/SelectPropsDefaults.js +2 -0
- package/lib/components/select/option/SelectOptionPropsDefaults.js +2 -0
- 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/stepper/step/StepPropsDefaults.js +2 -0
- package/lib/components/sticker/StickerPropsDefaults.js +2 -0
- package/lib/components/tabs/Tabs.d.ts +1 -1
- package/lib/components/tabs/Tabs.js +1 -1
- package/lib/components/tabs/Tabs.native.js +3 -2
- package/lib/components/tabs/TabsPropsDefaults.js +18 -2
- package/lib/components/tabs/context/index.d.ts +1 -0
- package/lib/components/tabs/context/index.js +2 -1
- package/lib/components/tabs/tab-list/TabList.native.js +11 -8
- 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 +8 -4
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +2 -0
- package/lib/components/tag/TagPropsDefaults.js +1 -0
- 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/textarea/Textarea.d.ts +2 -4
- package/lib/components/textarea/Textarea.js +5 -7
- package/lib/components/textarea/Textarea.native.d.ts +2 -3
- package/lib/components/textarea/Textarea.native.js +22 -57
- package/lib/components/textarea/TextareaProps.d.ts +0 -1
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +2 -0
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +2 -0
- package/lib/components/timepicker-circular/TimepickerCircular.d.ts +8 -0
- package/lib/components/timepicker-circular/TimepickerCircular.js +12 -0
- package/lib/components/timepicker-circular/TimepickerCircular.native.d.ts +12 -0
- package/lib/components/timepicker-circular/TimepickerCircular.native.js +523 -0
- package/lib/components/timepicker-circular/TimepickerCircularEnum.d.ts +7 -0
- package/lib/components/timepicker-circular/TimepickerCircularEnum.js +9 -0
- package/lib/components/timepicker-circular/TimepickerCircularProps.d.ts +13 -0
- package/lib/components/timepicker-circular/TimepickerCircularProps.js +2 -0
- package/lib/components/timepicker-circular/TimepickerCircularPropsDefaults.js +45 -0
- package/lib/components/timepicker-circular/index.d.ts +3 -0
- package/lib/components/timepicker-circular/index.js +4 -0
- package/lib/components/title/Title.native.js +4 -8
- package/lib/components/view/ViewPropsDefaults.js +30 -3
- package/lib/helpers/clickOutside.d.ts +1 -0
- package/lib/helpers/clickOutside.js +16 -0
- package/lib/helpers/require.js +1 -1
- package/lib/objects/facets/Alignable.d.ts +10 -3
- package/lib/objects/facets/Alignable.js +12 -5
- package/lib/objects/facets/Justifiable.d.ts +12 -4
- package/lib/objects/facets/Justifiable.js +34 -28
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +13 -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
|
|
@@ -40,6 +40,7 @@ export default {
|
|
|
40
40
|
"tri-arrow-right",
|
|
41
41
|
"tri-arrow-up",
|
|
42
42
|
"tri-bell",
|
|
43
|
+
"tri-calendar",
|
|
43
44
|
"tri-check-circle",
|
|
44
45
|
"tri-check",
|
|
45
46
|
"tri-exclamation-circle",
|
|
@@ -63,6 +64,7 @@ export default {
|
|
|
63
64
|
"tri-arrow-right",
|
|
64
65
|
"tri-arrow-up",
|
|
65
66
|
"tri-bell",
|
|
67
|
+
"tri-calendar",
|
|
66
68
|
"tri-check-circle",
|
|
67
69
|
"tri-check",
|
|
68
70
|
"tri-exclamation-circle",
|
|
@@ -13,6 +13,7 @@ export default {
|
|
|
13
13
|
"tri-arrow-right",
|
|
14
14
|
"tri-arrow-up",
|
|
15
15
|
"tri-bell",
|
|
16
|
+
"tri-calendar",
|
|
16
17
|
"tri-check-circle",
|
|
17
18
|
"tri-check",
|
|
18
19
|
"tri-exclamation-circle",
|
|
@@ -36,6 +37,7 @@ export default {
|
|
|
36
37
|
"tri-arrow-right",
|
|
37
38
|
"tri-arrow-up",
|
|
38
39
|
"tri-bell",
|
|
40
|
+
"tri-calendar",
|
|
39
41
|
"tri-check-circle",
|
|
40
42
|
"tri-check",
|
|
41
43
|
"tri-exclamation-circle",
|
|
@@ -5,9 +5,9 @@ import React from 'react';
|
|
|
5
5
|
* @param children {ReactNode} Children for tabs
|
|
6
6
|
* @param activeIndex {number} default active tab index
|
|
7
7
|
* @param inverted {boolean} Inverted style
|
|
8
|
+
* @param fullwidth {boolean} Fullwidth tabs
|
|
8
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
9
10
|
* @param className {string} Additional CSS Classes
|
|
10
|
-
* @param fullwidth {boolean} Fullwidth tabs
|
|
11
11
|
* @param small {boolean} small tabs
|
|
12
12
|
* @param id
|
|
13
13
|
*/
|
|
@@ -11,9 +11,9 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
11
11
|
* @param children {ReactNode} Children for tabs
|
|
12
12
|
* @param activeIndex {number} default active tab index
|
|
13
13
|
* @param inverted {boolean} Inverted style
|
|
14
|
+
* @param fullwidth {boolean} Fullwidth tabs
|
|
14
15
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
16
|
* @param className {string} Additional CSS Classes
|
|
16
|
-
* @param fullwidth {boolean} Fullwidth tabs
|
|
17
17
|
* @param small {boolean} small tabs
|
|
18
18
|
* @param id
|
|
19
19
|
*/
|
|
@@ -10,7 +10,7 @@ import { View } from 'react-native';
|
|
|
10
10
|
* @param inverted {boolean} Inverted style
|
|
11
11
|
*/
|
|
12
12
|
var Tabs = React.forwardRef(function (_a, ref) {
|
|
13
|
-
var children = _a.children, activeIndex = _a.activeIndex, inverted = _a.inverted;
|
|
13
|
+
var children = _a.children, activeIndex = _a.activeIndex, inverted = _a.inverted, fullwidth = _a.fullwidth;
|
|
14
14
|
var _b = __read(React.useState(activeIndex || 0), 2), currentIndex = _b[0], setCurrentIndex = _b[1];
|
|
15
15
|
var _c = __read(React.useState(inverted || false), 2), isInverted = _c[0], setIsInverted = _c[1];
|
|
16
16
|
React.useEffect(function () {
|
|
@@ -24,9 +24,10 @@ var Tabs = React.forwardRef(function (_a, ref) {
|
|
|
24
24
|
inverted: isInverted,
|
|
25
25
|
setInverted: setIsInverted,
|
|
26
26
|
setActiveIndex: setCurrentIndex,
|
|
27
|
+
fullwidth: fullwidth,
|
|
27
28
|
} },
|
|
28
29
|
React.createElement(View, { ref: ref }, children)));
|
|
29
30
|
});
|
|
30
31
|
Tabs.displayName = ComponentName.Tabs;
|
|
31
32
|
export default Tabs;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRW5DOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUE4QyxFQUFFLEdBQUc7UUFBakQsUUFBUSxjQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQTtJQUM3RixJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxXQUFXLElBQUksQ0FBQyxDQUFDLElBQUEsRUFBekUsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUE0QyxDQUFBO0lBQzFFLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF2RSxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQThDLENBQUE7SUFFOUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsS0FBSyxTQUFTLElBQUksZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLENBQUMsUUFBUSxJQUNuQixLQUFLLEVBQUU7WUFDTCxXQUFXLEVBQUUsWUFBWTtZQUN6QixRQUFRLEVBQUUsVUFBVTtZQUNwQixXQUFXLEVBQUUsYUFBYTtZQUMxQixjQUFjLEVBQUUsZUFBZTtZQUMvQixTQUFTLFdBQUE7U0FDVjtRQUVELG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUNaLENBQ3hCLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -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": {
|
|
@@ -5,5 +5,6 @@ export var TabsContext = React.createContext({
|
|
|
5
5
|
setActiveIndex: function () { return 0; },
|
|
6
6
|
setInverted: function () { return false; },
|
|
7
7
|
small: false,
|
|
8
|
+
fullwidth: false,
|
|
8
9
|
});
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvY29udGV4dC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBV3pCLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFXO0lBQ3ZELFdBQVcsRUFBRSxDQUFDO0lBQ2QsUUFBUSxFQUFFLEtBQUs7SUFDZixjQUFjLEVBQUUsY0FBTSxPQUFBLENBQUMsRUFBRCxDQUFDO0lBQ3ZCLFdBQVcsRUFBRSxjQUFNLE9BQUEsS0FBSyxFQUFMLENBQUs7SUFDeEIsS0FBSyxFQUFFLEtBQUs7SUFDWixTQUFTLEVBQUUsS0FBSztDQUNqQixDQUFDLENBQUEifQ==
|
|
@@ -17,15 +17,15 @@ import { ScrollView, StyleSheet, View, } from 'react-native';
|
|
|
17
17
|
*/
|
|
18
18
|
var TabList = React.forwardRef(function (_a, ref) {
|
|
19
19
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
20
|
-
var
|
|
20
|
+
var _b = React.useContext(TabsContext), inverted = _b.inverted, fullwidth = _b.fullwidth;
|
|
21
21
|
var TabListRef = React.useRef(null);
|
|
22
22
|
var paddingHorizontalTab = 12;
|
|
23
23
|
var negativeGap = -35;
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
24
|
+
var _c = __read(React.useState(0), 2), tabsWidth = _c[0], setTabsWidth = _c[1];
|
|
25
|
+
var _d = __read(React.useState(0), 2), tabListWidth = _d[0], setTabListWidth = _d[1];
|
|
26
|
+
var _e = __read(React.useState(0), 2), scrollLeft = _e[0], setScrollLeft = _e[1];
|
|
27
|
+
var _f = __read(React.useState(0), 2), tabFocused = _f[0], setTabFocused = _f[1];
|
|
28
|
+
var _g = __read(React.useState([]), 2), tabElms = _g[0], setTabElms = _g[1];
|
|
29
29
|
React.useImperativeHandle(ref, function () { return TabListRef.current; });
|
|
30
30
|
var styles = StyleSheet.create({
|
|
31
31
|
tabList: {
|
|
@@ -63,7 +63,10 @@ var TabList = React.forwardRef(function (_a, ref) {
|
|
|
63
63
|
return (React.createElement(View, { style: { flexDirection: 'row' }, onLayout: function (e) { return setTabsWidth(e.nativeEvent.layout.width); } },
|
|
64
64
|
tabListWidth > tabsWidth && (React.createElement(View, { style: styles.arrow },
|
|
65
65
|
React.createElement(Icon, { name: 'tri-arrow-left', align: 'ALIGNED_CENTER', color: isVisibleArrowLeft ? undefined : 'transparent', onClick: onClickPrev }))),
|
|
66
|
-
React.createElement(ScrollView, __assign({ ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabList,
|
|
66
|
+
React.createElement(ScrollView, __assign({ scrollEnabled: fullwidth ? false : undefined, ref: TabListRef, scrollEventThrottle: 16, onContentSizeChange: function (w) { return setTabListWidth(w); }, horizontal: true, showsHorizontalScrollIndicator: false, style: [styles.tabList, fullwidth && { flex: 1 }], onScroll: handleScrollList, contentContainerStyle: {
|
|
67
|
+
flexGrow: fullwidth ? 1 : undefined,
|
|
68
|
+
flex: fullwidth ? 1 : undefined,
|
|
69
|
+
} }, others), React.Children.map(children, function (child, index) {
|
|
67
70
|
if (!React.isValidElement(child))
|
|
68
71
|
return false;
|
|
69
72
|
return (React.createElement(Tab, __assign({ onLayout: function (e) {
|
|
@@ -80,4 +83,4 @@ var TabList = React.forwardRef(function (_a, ref) {
|
|
|
80
83
|
});
|
|
81
84
|
TabList.displayName = ComponentName.TabList;
|
|
82
85
|
export default TabList;
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiTGlzdC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLWxpc3QvVGFiTGlzdC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUN2RCxPQUFPLEdBQUcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUVwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUtMLFVBQVUsRUFDVixVQUFVLEVBQ1YsSUFBSSxHQUNMLE1BQU0sY0FBYyxDQUFBO0FBRXJCOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDL0UsSUFBQSxLQUEwQixLQUFLLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxFQUFyRCxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQWtDLENBQUE7SUFDN0QsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBYSxJQUFJLENBQUMsQ0FBQTtJQUNqRCxJQUFNLG9CQUFvQixHQUFHLEVBQUUsQ0FBQTtJQUMvQixJQUFNLFdBQVcsR0FBRyxDQUFDLEVBQUUsQ0FBQTtJQUVqQixJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUFwRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQTZCLENBQUE7SUFDckQsSUFBQSxLQUFB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
|
|
@@ -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;
|
|
@@ -3,6 +3,7 @@ import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
|
3
3
|
import { Icon } from '../../../../components/icon';
|
|
4
4
|
import { TabsContext } from '../../../../components/tabs/context';
|
|
5
5
|
import { Text } from '../../../../components/text';
|
|
6
|
+
import { TypographyAlign } from '../../../../objects';
|
|
6
7
|
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
7
8
|
import React from 'react';
|
|
8
9
|
import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
@@ -20,7 +21,7 @@ import { Linking, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
20
21
|
var Tab = React.forwardRef(function (_a, ref) {
|
|
21
22
|
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
23
|
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 _c = React.useContext(TabsContext), activeIndex = _c.activeIndex, setActiveIndex = _c.setActiveIndex, inverted = _c.inverted, fullwidth = _c.fullwidth;
|
|
24
25
|
var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
|
|
25
26
|
var handleClick = React.useCallback(function (e) {
|
|
26
27
|
if (!disabled) {
|
|
@@ -34,6 +35,9 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
34
35
|
}, [disabled, onClick, index, setActiveIndex, to, href]);
|
|
35
36
|
var styles = StyleSheet.create({
|
|
36
37
|
tab: {
|
|
38
|
+
flex: fullwidth ? 1 : undefined,
|
|
39
|
+
flexBasis: fullwidth ? 0 : undefined,
|
|
40
|
+
minWidth: fullwidth ? 0 : undefined,
|
|
37
41
|
paddingVertical: 4,
|
|
38
42
|
paddingHorizontal: 12,
|
|
39
43
|
borderBottomWidth: isActive ? 2 : 1,
|
|
@@ -47,7 +51,7 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
47
51
|
},
|
|
48
52
|
text: {
|
|
49
53
|
textAlign: 'center',
|
|
50
|
-
color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
|
|
54
|
+
color: getColorStyle(disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN)
|
|
51
55
|
},
|
|
52
56
|
});
|
|
53
57
|
React.useEffect(function () {
|
|
@@ -57,8 +61,8 @@ var Tab = React.forwardRef(function (_a, ref) {
|
|
|
57
61
|
return (React.createElement(TouchableOpacity, __assign({ ref: ref, activeOpacity: 1, style: styles.tab, onPress: handleClick }, props),
|
|
58
62
|
iconName && (React.createElement(View, { style: { alignSelf: 'center' } },
|
|
59
63
|
React.createElement(Icon, { color: disabled ? TrilogyColor.DISABLED : inverted ? TrilogyColor.BACKGROUND : TrilogyColor.MAIN, size: 'small', name: iconName }))),
|
|
60
|
-
React.createElement(Text, { style: styles.text }, label && label)));
|
|
64
|
+
React.createElement(Text, { style: styles.text, typo: fullwidth ? [TypographyAlign.TEXT_CENTERED] : undefined, numberOfLines: fullwidth ? 1 : undefined }, label && label)));
|
|
61
65
|
});
|
|
62
66
|
Tab.displayName = ComponentName.Tab;
|
|
63
67
|
export default Tab;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItbGlzdC90YWIvVGFiLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBRXZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBeUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakc7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFqRSxvRUFBbUUsQ0FBRjtJQUNoRSxJQUFNLEtBQXNCLE1BQWEsRUFBakMsS0FBSyxXQUFBLEVBQUssS0FBSyxjQUFqQixTQUFtQixDQUFnQixDQUFBO0lBQ25DLElBQUEsS0FBdUQsS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBbEYsV0FBVyxpQkFBQSxFQUFFLGNBQWMsb0JBQUEsRUFBRSxRQUFR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
|
|
@@ -217,6 +217,7 @@ export default {
|
|
|
217
217
|
"tri-arrow-right",
|
|
218
218
|
"tri-arrow-up",
|
|
219
219
|
"tri-bell",
|
|
220
|
+
"tri-calendar",
|
|
220
221
|
"tri-check-circle",
|
|
221
222
|
"tri-check",
|
|
222
223
|
"tri-exclamation-circle",
|
|
@@ -240,6 +241,7 @@ export default {
|
|
|
240
241
|
"tri-arrow-right",
|
|
241
242
|
"tri-arrow-up",
|
|
242
243
|
"tri-bell",
|
|
244
|
+
"tri-calendar",
|
|
243
245
|
"tri-check-circle",
|
|
244
246
|
"tri-check",
|
|
245
247
|
"tri-exclamation-circle",
|
|
@@ -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": {
|