@trilogy-ds/react 4.20.4-beta.2 → 4.20.5-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/animatedPressable/AinmatedPressable.native.d.ts +2 -0
- package/lib/components/animatedPressable/AinmatedPressable.native.js +4 -0
- package/lib/components/autocomplete/item/AutoCompleteIem.native.js +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +14 -12
- package/lib/components/badge/Badge.native.js +9 -3
- package/lib/components/box/Box.native.js +17 -8
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +2 -2
- package/lib/components/button/Button.native.d.ts +2 -3
- package/lib/components/button/Button.native.js +9 -3
- package/lib/components/button/ButtonProps.d.ts +2 -2
- package/lib/components/calendar/Calendar.native.js +4 -4
- package/lib/components/card/Card.native.js +9 -3
- package/lib/components/card/image/CardImage.native.js +2 -2
- package/lib/components/checkbox/Checkbox.native.d.ts +2 -3
- package/lib/components/checkbox/Checkbox.native.js +18 -5
- package/lib/components/checkbox/CheckboxProps.d.ts +2 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +15 -6
- package/lib/components/chips/Chips.native.d.ts +2 -3
- package/lib/components/chips/Chips.native.js +6 -3
- package/lib/components/chips/ChipsProps.d.ts +2 -2
- package/lib/components/datepicker/DatePicker.native.js +2 -2
- package/lib/components/fab/Fab.native.d.ts +2 -3
- package/lib/components/fab/Fab.native.js +8 -3
- package/lib/components/fab/FabProps.d.ts +6 -6
- package/lib/components/hero/Hero.native.js +11 -5
- package/lib/components/icon/Icon.native.js +2 -2
- package/lib/components/image/Image.native.js +2 -2
- package/lib/components/modal/Modal.native.js +2 -2
- package/lib/components/pagination/Pagination.native.js +12 -8
- package/lib/components/radio/Radio.native.d.ts +2 -3
- package/lib/components/radio/Radio.native.js +9 -3
- package/lib/components/radio/RadioProps.d.ts +2 -2
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +2 -3
- package/lib/components/radio/tiles/tile/RadioTile.native.js +10 -5
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +2 -2
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +2 -3
- package/lib/components/segment-control/item/SegmentControlItem.native.js +14 -10
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +2 -2
- package/lib/components/select/option/SelectOption.native.d.ts +1 -2
- package/lib/components/select/option/SelectOption.native.js +10 -3
- package/lib/components/table/tr/TableTr.native.js +4 -4
- package/lib/components/timeline/content/TimelineContent.native.js +2 -2
- package/lib/components/timepicker/circular/TimepickerCircular.native.js +3 -3
- package/lib/components/title/Title.native.js +2 -2
- package/lib/hooks/useAnimatedPressable.d.ts +6 -0
- package/lib/hooks/useAnimatedPressable.js +15 -0
- package/package.json +1 -1
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, forwardRef } from 'react';
|
|
4
|
-
import { ImageBackground,
|
|
4
|
+
import { ImageBackground, View } from 'react-native';
|
|
5
5
|
import { memoStyles } from '../../helpers/memoStyles';
|
|
6
6
|
import { Box } from '../../components/box';
|
|
7
7
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
8
8
|
import { StatesContext } from '../../context/providerStates';
|
|
9
9
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
10
|
+
import { useAnimatedPressable } from '../../hooks/useAnimatedPressable';
|
|
11
|
+
import { AnimatedPressable } from '../../components/animatedPressable/AinmatedPressable.native';
|
|
10
12
|
/**
|
|
11
13
|
* Hero Component
|
|
12
14
|
* @param children {ReactNode} Hero Children
|
|
@@ -19,8 +21,9 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
|
19
21
|
*/
|
|
20
22
|
var Hero = forwardRef(function (_a, ref) {
|
|
21
23
|
var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, backgroundHeight = _a.backgroundHeight, testId = _a.testId, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "inverted", "backgroundColor", "backgroundHeight", "testId"]);
|
|
22
|
-
var _b =
|
|
23
|
-
var _c = __read(useState(0), 2),
|
|
24
|
+
var _b = useAnimatedPressable(), animatedStyle = _b.animatedStyle, handleAnimate = _b.handleAnimate;
|
|
25
|
+
var _c = __read(useState(0), 2), overlapHeight = _c[0], setOverlapHeight = _c[1];
|
|
26
|
+
var _d = __read(useState(0), 2), secondOverlapHeight = _d[0], setSecondOverlapHeight = _d[1];
|
|
24
27
|
var isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap === null || overlap === void 0 ? void 0 : overlap.length) > 1 : false;
|
|
25
28
|
var isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
|
|
26
29
|
var overlapMargin = backgroundHeight ? overlapHeight - backgroundHeight / 2 : overlapHeight - 60;
|
|
@@ -77,8 +80,11 @@ var Hero = forwardRef(function (_a, ref) {
|
|
|
77
80
|
setOverlapHeight(height);
|
|
78
81
|
} }, { children: overlap && typeof overlap !== 'boolean' ? overlap[0] : null })) })));
|
|
79
82
|
}
|
|
80
|
-
return onClick ? (_jsx(View, __assign({ testID: testId, ref: ref }, { children: _jsx(
|
|
83
|
+
return onClick ? (_jsx(View, __assign({ testID: testId, ref: ref }, { children: _jsx(AnimatedPressable, __assign({ onPress: function (e) {
|
|
84
|
+
handleAnimate();
|
|
85
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
86
|
+
}, style: animatedStyle }, { children: heroView })) }))) : (_jsxs(View, __assign({ testID: testId, ref: ref, style: { width: '100%' } }, { children: [heroView, overlapView] })));
|
|
81
87
|
});
|
|
82
88
|
Hero.displayName = ComponentName.Hero;
|
|
83
89
|
export default Hero;
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxFQUFFLGVBQWUsRUFBb0IsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDdEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlEQUF5RCxDQUFBO0FBRTNGOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQVUsQ0FDckIsVUFDRSxFQUE2RyxFQUM3RyxHQUFHO0lBREQsSUFBQSxRQUFRLGNBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGdCQUFnQixzQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBM0csZ0hBQTZHLENBQUY7SUFHckcsSUFBQSxLQUFtQyxvQkFBb0IsRUFBRSxFQUF2RCxhQUFhLG1CQUFBLEVBQUUsYUFBYSxtQkFBMkIsQ0FBQTtJQUN6RCxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXRE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
|
|
@@ -118,8 +118,8 @@ var Icon = forwardRef(function (_a, ref) {
|
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
|
-
return onClick ? (_jsx(View, __assign({ style: styles.rootView, testID: testId, ref: ref }, { children: _jsx(TouchableOpacity, __assign({ style: { width: '100%' }, onPress: onClick, activeOpacity:
|
|
121
|
+
return onClick ? (_jsx(View, __assign({ style: styles.rootView, testID: testId, ref: ref }, { children: _jsx(TouchableOpacity, __assign({ style: { width: '100%' }, onPress: onClick, activeOpacity: 1, testID: "".concat(testId, "-pressable") }, { children: iconView })) }))) : (_jsx(View, __assign({ style: styles.rootView, testID: testId, ref: ref }, { children: iconView })));
|
|
122
122
|
});
|
|
123
123
|
Icon.displayName = ComponentName.Icon;
|
|
124
124
|
export default Icon;
|
|
125
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDcEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RixPQUFPLEVBQUUsVUFBVSxFQUFpQixVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDakQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBRWhELElBQU0sVUFBVSxHQUFHLFVBQUMsR0FBWTtJQUM5QixJQUFNLFFBQVEsR0FBRyxHQUFpRixDQUFBO0lBQ2xHLE9BQU8sQ0FBQyxRQUFRLElBQUksUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUEyQyxDQUFBO0FBQzdHLENBQUMsQ0FBQTtBQUVEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQVUsQ0FDckIsVUFDRSxFQUF1RyxFQUN2RyxHQUFHO0lBREQsSUFB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
|
|
@@ -47,8 +47,8 @@ var Image = forwardRef(function (_a, ref) {
|
|
|
47
47
|
cache: getCachePolicy(cache),
|
|
48
48
|
};
|
|
49
49
|
var image = (_jsx(ImageNative, __assign({ testID: testId, ref: ref, resizeMode: circled ? undefined : 'contain', style: styles.image, accessibilityLabel: alt, source: imageSource }, others, { alt: alt })));
|
|
50
|
-
return onClick ? (_jsx(View, { children: _jsx(TouchableOpacity, __assign({ onPress: onClick, activeOpacity:
|
|
50
|
+
return onClick ? (_jsx(View, { children: _jsx(TouchableOpacity, __assign({ onPress: onClick, activeOpacity: 1 }, { children: image })) })) : (image);
|
|
51
51
|
});
|
|
52
52
|
Image.displayName = ComponentName.Image;
|
|
53
53
|
export default Image;
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEMsT0FBTyxFQUFFLEtBQUssSUFBSSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUdqRDs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQVUsQ0FDdEIsVUFBQyxFQUE0RSxFQUFFLEdBQUc7SUFBL0UsSUFBQSxHQUFHLFNBQUEsRUFBRSxXQUFRLEVBQVIsR0FBRyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQTFFLDBFQUE0RSxDQUFGO0lBQ3pFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQztRQUN4QixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDN0IsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQ2hDLFlBQVksRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQixRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVM7U0FDekM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLGNBQWMsR0FBRyxVQUNyQixTQUFzQjtRQUV0QixRQUFRLFNBQVMsRUFBRTtZQUNqQixLQUFLLFdBQVc7Z0JBQ2QsK0RBQStEO2dCQUMvRCxPQUFPLGFBQWEsQ0FBQTtZQUN0QixLQUFLLFdBQVc7Z0JBQ2QsaURBQWlEO2dCQUNqRCxPQUFPLGdCQUFnQixDQUFBO1lBQ3pCLEtBQUssS0FBSyxDQUFDO1lBQ1g7Z0JBQ0UsdUVBQXVFO2dCQUN2RSxPQUFPLFNBQVMsQ0FBQTtTQUNuQjtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUNmLE9BQU8sR0FBRyxLQUFLLFFBQVE7UUFDckIsQ0FBQyxDQUFDLEdBQUc7UUFDTCxDQUFDLENBQUM7WUFDRSxHQUFHLEVBQUUsR0FBRztZQUNSLEtBQUssRUFBRSxjQUFjLENBQUMsS0FBSyxDQUFDO1NBQzdCLENBQUE7SUFFUCxJQUFNLEtBQUssR0FBRyxDQUNaLEtBQUMsV0FBVyxhQUNWLE1BQU0sRUFBRSxNQUFNLEVBQ2QsR0FBRyxFQUFFLEdBQUcsRUFDUixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDM0MsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLGtCQUFrQixFQUFFLEdBQUcsRUFDdkIsTUFBTSxFQUFFLFdBQVcsSUFDZixNQUFNLElBQ1YsR0FBRyxFQUFFLEdBQUcsSUFDUixDQUNILENBQUE7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixLQUFDLElBQUksY0FDSCxLQUFDLGdCQUFnQixhQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLENBQUMsZ0JBQ2pELEtBQUssSUFDVyxHQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -109,7 +109,7 @@ var Modal = forwardRef(function (_a, ref) {
|
|
|
109
109
|
{ backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) },
|
|
110
110
|
animatedStyle,
|
|
111
111
|
isAndroid ? { paddingBottom: bottomInset } : {},
|
|
112
|
-
] }, others, { children: [_jsx(GestureDetector, __assign({ gesture: panGesture }, { children: _jsx(Animated.View, __assign({ style: { paddingVertical: !title && (hideCloseButton || unClosable) ? 8 : 16 } }, { children: _jsxs(Columns, __assign({ verticalAlign: Alignable.ALIGNED_CENTER }, { children: [_jsx(Column, { children: _jsx(Title, __assign({ level: 4 }, { children: title })) }), !hideCloseButton && !unClosable && (_jsx(Column, __assign({ narrow: true }, { children: _jsx(TouchableOpacity, __assign({ onPress: handleClose }, { children: _jsx(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN }) })) })))] })) })) })), children] }))] })) }))] })));
|
|
112
|
+
] }, others, { children: [_jsx(GestureDetector, __assign({ gesture: panGesture }, { children: _jsx(Animated.View, __assign({ style: { paddingVertical: !title && (hideCloseButton || unClosable) ? 8 : 16 } }, { children: _jsxs(Columns, __assign({ verticalAlign: Alignable.ALIGNED_CENTER }, { children: [_jsx(Column, { children: _jsx(Title, __assign({ level: 4 }, { children: title })) }), !hideCloseButton && !unClosable && (_jsx(Column, __assign({ narrow: true }, { children: _jsx(TouchableOpacity, __assign({ onPress: handleClose, activeOpacity: 1 }, { children: _jsx(Icon, { name: IconName.TIMES, size: IconSize.MEDIUM, color: TrilogyColor.MAIN }) })) })))] })) })) })), children] }))] })) }))] })));
|
|
113
113
|
});
|
|
114
114
|
Modal.displayName = ComponentName.Modal;
|
|
115
115
|
export default Modal;
|
|
@@ -133,4 +133,4 @@ var styles = memoStyles({
|
|
|
133
133
|
borderTopRightRadius: Theme.radius.lg,
|
|
134
134
|
},
|
|
135
135
|
});
|
|
136
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9Nb2RhbC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1RSxPQUFPLEVBQ0wsVUFBVSxFQUVWLEtBQUssSUFBSSxPQUFPLEVBSWhCLFVBQVUsRUFDVixnQkFBZ0IsR0FDakIsTUFBTSxjQUFjLENBQUE7QUFDckIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ2xFLE9BQU8sUUFBUSxFQUFFLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN6RyxPQUFPLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQy9GLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDdEQsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRTFDLE9BQU8sRUFBRSxZQUFZ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
|
|
@@ -8,6 +8,8 @@ import { useEffect, useRef, useState, forwardRef } from 'react';
|
|
|
8
8
|
import { TouchableOpacity, View } from 'react-native';
|
|
9
9
|
import { memoStyles } from '../../helpers/memoStyles';
|
|
10
10
|
import { Theme } from '../../constants/theme';
|
|
11
|
+
import { useAnimatedPressable } from '../../hooks/useAnimatedPressable';
|
|
12
|
+
import { AnimatedPressable } from '../../components/animatedPressable/AinmatedPressable.native';
|
|
11
13
|
/**
|
|
12
14
|
* Pagination Component
|
|
13
15
|
* @param length {number} Number of pages
|
|
@@ -18,15 +20,16 @@ import { Theme } from '../../constants/theme';
|
|
|
18
20
|
*/
|
|
19
21
|
var Pagination = forwardRef(function (_a, ref) {
|
|
20
22
|
var length = _a.length, _b = _a.defaultPage, defaultPage = _b === void 0 ? 1 : _b, onClick = _a.onClick, testId = _a.testId, others = __rest(_a, ["length", "defaultPage", "onClick", "testId"]);
|
|
21
|
-
var _c =
|
|
22
|
-
var _d = __read(useState(
|
|
23
|
+
var _c = useAnimatedPressable(), animatedStyle = _c.animatedStyle, handleAnimate = _c.handleAnimate;
|
|
24
|
+
var _d = __read(useState(defaultPage), 2), currentPage = _d[0], setCurrentPage = _d[1];
|
|
25
|
+
var _e = __read(useState(Array.from(Array(length + 1).keys())), 1), arrayPage = _e[0];
|
|
23
26
|
var prevCurrentPage = useRef(currentPage);
|
|
24
|
-
var
|
|
27
|
+
var _f = __read(useState({
|
|
25
28
|
currentPage: currentPage,
|
|
26
29
|
length: length,
|
|
27
30
|
endPage: length + 1,
|
|
28
31
|
pages: arrayPage,
|
|
29
|
-
}), 2), pager =
|
|
32
|
+
}), 2), pager = _f[0], setPager = _f[1];
|
|
30
33
|
useEffect(function () {
|
|
31
34
|
// Calculate total pages
|
|
32
35
|
var startPage = 1;
|
|
@@ -108,15 +111,16 @@ var Pagination = forwardRef(function (_a, ref) {
|
|
|
108
111
|
marginRight: -12,
|
|
109
112
|
},
|
|
110
113
|
});
|
|
111
|
-
return (_jsxs(View, __assign({ ref: ref, style: styles.container, testID: testId }, others, { children: [_jsx(TouchableOpacity, __assign({ onPress: function () {
|
|
114
|
+
return (_jsxs(View, __assign({ ref: ref, style: styles.container, testID: testId }, others, { children: [_jsx(TouchableOpacity, __assign({ activeOpacity: 1, onPress: function () {
|
|
112
115
|
if (currentPage !== 1) {
|
|
113
116
|
setCurrentPage(currentPage - 1);
|
|
114
117
|
prevCurrentPage.current = currentPage - 1;
|
|
115
118
|
}
|
|
116
|
-
} }, { children: _jsx(Icon, { name: IconName.ARROW_LEFT, size: IconSize.SMALL, color: TrilogyColor.MAIN }) })), _jsxs(View, __assign({ style: { flexDirection: 'row', alignItems: 'center' } }, { children: [!pager.pages.includes(1) && (_jsx(View, { children: _jsx(Text, __assign({ style: styles.dotsLeft }, { children: "\u2026" })) })), pager.pages.map(function (pageNumber) { return (_jsx(View, { children: _jsx(
|
|
119
|
+
} }, { children: _jsx(Icon, { name: IconName.ARROW_LEFT, size: IconSize.SMALL, color: TrilogyColor.MAIN }) })), _jsxs(View, __assign({ style: { flexDirection: 'row', alignItems: 'center' } }, { children: [!pager.pages.includes(1) && (_jsx(View, { children: _jsx(Text, __assign({ style: styles.dotsLeft }, { children: "\u2026" })) })), pager.pages.map(function (pageNumber) { return (_jsx(View, { children: _jsx(AnimatedPressable, __assign({ style: [currentPage === pageNumber ? styles.rounded : styles.textContainer, animatedStyle], onPress: function (e) {
|
|
120
|
+
handleAnimate();
|
|
117
121
|
setCurrentPage(pageNumber);
|
|
118
122
|
prevCurrentPage.current = pageNumber;
|
|
119
|
-
} }, { children: _jsx(Text, __assign({ style: currentPage === pageNumber ? styles.textCurrent : styles.text }, { children: pageNumber })) })) }, pageNumber)); }), !pager.pages.includes(length) && (_jsx(View, __assign({ style: { marginRight: 15 } }, { children: _jsx(Text, __assign({ style: styles.dotsRight }, { children: "\u2026" })) })))] })), _jsx(TouchableOpacity, __assign({ onPress: function () {
|
|
123
|
+
} }, { children: _jsx(Text, __assign({ style: currentPage === pageNumber ? styles.textCurrent : styles.text }, { children: pageNumber })) })) }, pageNumber)); }), !pager.pages.includes(length) && (_jsx(View, __assign({ style: { marginRight: 15 } }, { children: _jsx(Text, __assign({ style: styles.dotsRight }, { children: "\u2026" })) })))] })), _jsx(TouchableOpacity, __assign({ activeOpacity: 1, onPress: function () {
|
|
120
124
|
if (currentPage !== Math.max(length)) {
|
|
121
125
|
setCurrentPage(currentPage + 1);
|
|
122
126
|
prevCurrentPage.current = currentPage + 1;
|
|
@@ -125,4 +129,4 @@ var Pagination = forwardRef(function (_a, ref) {
|
|
|
125
129
|
});
|
|
126
130
|
Pagination.displayName = ComponentName.Pagination;
|
|
127
131
|
export default Pagination;
|
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
132
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDL0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFHakQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3pDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlEQUF5RCxDQUFBO0FBRTNGOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFVLENBQzNCLFVBQUMsRUFBdUQsRUFBRSxHQUFHO0lBQTFELElBQUEsTUFBTSxZQUFBLEVBQUUsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBckQsOENBQXVELENBQUY7SUFDOUMsSUFBQSxLQUFtQyxvQkFBb0IsRUFBRSxFQUF2RCxhQUFhLG1CQUFBLEVBQUUsYUFBYSxtQkFBMkIs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
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { RadioNativeProps } from '../../components/radio/RadioProps';
|
|
3
|
-
import { TouchableOpacity } from 'react-native';
|
|
2
|
+
import { RadioNativeProps, RadioNativeRef } from '../../components/radio/RadioProps';
|
|
4
3
|
/**
|
|
5
4
|
* Radio Component
|
|
6
5
|
* @param checked {boolean} Checked radio
|
|
@@ -12,5 +11,5 @@ import { TouchableOpacity } from 'react-native';
|
|
|
12
11
|
* @param name {string} Name for radio
|
|
13
12
|
* @param value {string} Value for radio
|
|
14
13
|
*/
|
|
15
|
-
declare const Radio: import("react").ForwardRefExoticComponent<RadioNativeProps & import("react").RefAttributes<
|
|
14
|
+
declare const Radio: import("react").ForwardRefExoticComponent<RadioNativeProps & import("react").RefAttributes<RadioNativeRef>>;
|
|
16
15
|
export default Radio;
|
|
@@ -4,8 +4,10 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
4
4
|
import { Text } from '../../components/text';
|
|
5
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
6
|
import { forwardRef, useId } from 'react';
|
|
7
|
-
import {
|
|
7
|
+
import { View } from 'react-native';
|
|
8
8
|
import { memoStyles } from '../../helpers/memoStyles';
|
|
9
|
+
import { useAnimatedPressable } from '../../hooks/useAnimatedPressable';
|
|
10
|
+
import { AnimatedPressable } from '../../components/animatedPressable/AinmatedPressable.native';
|
|
9
11
|
/**
|
|
10
12
|
* Radio Component
|
|
11
13
|
* @param checked {boolean} Checked radio
|
|
@@ -19,6 +21,7 @@ import { memoStyles } from '../../helpers/memoStyles';
|
|
|
19
21
|
*/
|
|
20
22
|
var Radio = forwardRef(function (_a, ref) {
|
|
21
23
|
var _b = _a.id, id = _b === void 0 ? useId() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label, value = _a.value;
|
|
24
|
+
var _c = useAnimatedPressable(), animatedStyle = _c.animatedStyle, handleAnimate = _c.handleAnimate;
|
|
22
25
|
var styles = memoStyles({
|
|
23
26
|
container: {
|
|
24
27
|
flexDirection: 'row',
|
|
@@ -59,8 +62,11 @@ var Radio = forwardRef(function (_a, ref) {
|
|
|
59
62
|
}
|
|
60
63
|
}
|
|
61
64
|
};
|
|
62
|
-
return (_jsxs(
|
|
65
|
+
return (_jsxs(AnimatedPressable, __assign({ ref: ref, disabled: disabled, style: [styles.container, animatedStyle], onPress: function () {
|
|
66
|
+
handleAnimate();
|
|
67
|
+
handleClick(value !== null && value !== void 0 ? value : '');
|
|
68
|
+
} }, { children: [_jsx(View, __assign({ style: styles.radio, testID: id }, { children: checked && _jsx(View, { style: styles.icon }) })), label && typeof label.valueOf() === 'string' ? _jsx(Text, __assign({ style: styles.label }, { children: String(label) })) : label] })));
|
|
63
69
|
});
|
|
64
70
|
Radio.displayName = ComponentName.Radio;
|
|
65
71
|
export default Radio;
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQU8sS0FBSyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ2pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlEQUF5RCxDQUFBO0FBRTNGOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFVLENBQ3RCLFVBQUMsRUFBMkUsRUFBRSxHQUFHO1FBQTlFLFVBQVksRUFBWixFQUFFLG1CQUFHLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ2xFLElBQUEsS0FBbUMsb0JBQW9CLEVBQUUsRUFBdkQsYUFBYSxtQkFBQSxFQUFFLGFBQWEsbUJBQTJCLENBQUE7SUFDL0QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFVBQVUsRUFBRSxRQUFRO1NBQ3JCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLFFBQVE7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsV0FBVyxFQUFFLGFBQWEsQ0FDeEIsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQ3JGO1lBQ0QsV0FBVyxFQUFFLENBQUM7WUFDZCxLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsWUFBWSxFQUFFLEVBQUU7WUFDaEIsV0FBVyxFQUFFLEVBQUU7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixZQUFZLEVBQUUsRUFBRTtZQUNoQixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1NBQ2xEO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLENBQUM7WUFDYixLQUFLLEVBQ0gsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsQ0FBQyxPQUFPLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDN0MsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFdBQVcsR0FBRyxVQUFDLEtBQWE7UUFDaEMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQztvQkFDUCxPQUFPLEVBQUUsRUFBRTtvQkFDWCxVQUFVLEVBQUUsS0FBSztvQkFDakIsU0FBUyxFQUFFLElBQUksSUFBSSxFQUFFO29CQUNyQixZQUFZLEVBQUUsSUFBSTtpQkFDbkIsQ0FBQyxDQUFBO2FBQ0g7U0FDRjtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxNQUFDLGlCQUFpQixhQUNoQixHQUFHLEVBQUUsR0FBZ0IsRUFDckIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRSxhQUFhLENBQUMsRUFDeEMsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLENBQUE7WUFDZixXQUFXLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksRUFBRSxDQUFDLENBQUE7UUFDMUIsQ0FBQyxpQkFFRCxLQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsRUFBRSxnQkFDbEMsT0FBTyxJQUFJLEtBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxHQUFJLElBQ25DLEVBQ04sS0FBSyxJQUFJLE9BQU8sS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLGdCQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLEtBQ3ZGLENBQ3JCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUV2QyxlQUFlLEtBQUssQ0FBQSJ9
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TouchableOpacity } from 'react-native';
|
|
1
|
+
import { TouchableOpacity, View } from 'react-native';
|
|
2
2
|
import { Accessibility } from '../../objects/facets/Accessibility';
|
|
3
3
|
import { Dev } from '../../objects/facets/Dev';
|
|
4
4
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
@@ -28,5 +28,5 @@ export interface RadioNativeProps extends Omit<RadioProps, 'onChange'> {
|
|
|
28
28
|
onChange?: RadioChangeEventHandlerNative;
|
|
29
29
|
}
|
|
30
30
|
export type RadioRef = HTMLDivElement;
|
|
31
|
-
export type RadioNativeRef = TouchableOpacity;
|
|
31
|
+
export type RadioNativeRef = TouchableOpacity | View;
|
|
32
32
|
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { RadioTileNativeProps } from '../../../../components/radio/tiles/tile/RadioTileProps';
|
|
3
|
-
import { TouchableOpacity } from 'react-native';
|
|
2
|
+
import { RadioTileNativeProps, RadioTileNativeRef } from '../../../../components/radio/tiles/tile/RadioTileProps';
|
|
4
3
|
/**
|
|
5
4
|
* radioTile Component
|
|
6
5
|
* @param checked {boolean} Checked radio
|
|
@@ -17,5 +16,5 @@ import { TouchableOpacity } from 'react-native';
|
|
|
17
16
|
* @param sticker {string} sticker label
|
|
18
17
|
* @param stickerVariant {VariantState} Sticker variant
|
|
19
18
|
*/
|
|
20
|
-
declare const RadioTile: import("react").ForwardRefExoticComponent<RadioTileNativeProps & import("react").RefAttributes<
|
|
19
|
+
declare const RadioTile: import("react").ForwardRefExoticComponent<RadioTileNativeProps & import("react").RefAttributes<RadioTileNativeRef>>;
|
|
21
20
|
export default RadioTile;
|
|
@@ -12,9 +12,11 @@ import { TypographyColor } from '../../../../objects/Typography/TypographyColor'
|
|
|
12
12
|
import { TypographyBold } from '../../../../objects/Typography/TypographyBold';
|
|
13
13
|
import { useCallback, useContext, useMemo, useState, forwardRef, useId } from 'react';
|
|
14
14
|
import { Theme } from '../../../../constants/theme';
|
|
15
|
-
import {
|
|
15
|
+
import { View } from 'react-native';
|
|
16
16
|
import { memoStyles } from '../../../../helpers/memoStyles';
|
|
17
17
|
import { RadioTilesContext } from '../../../../components/radio/tiles/context';
|
|
18
|
+
import { useAnimatedPressable } from '../../../../hooks/useAnimatedPressable';
|
|
19
|
+
import { AnimatedPressable } from '../../../../components/animatedPressable/AinmatedPressable.native';
|
|
18
20
|
/**
|
|
19
21
|
* radioTile Component
|
|
20
22
|
* @param checked {boolean} Checked radio
|
|
@@ -33,8 +35,9 @@ import { RadioTilesContext } from '../../../../components/radio/tiles/context';
|
|
|
33
35
|
*/
|
|
34
36
|
var RadioTile = forwardRef(function (_a, ref) {
|
|
35
37
|
var checked = _a.checked, disabled = _a.disabled, _b = _a.id, id = _b === void 0 ? useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, readonly = _a.readonly, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["checked", "disabled", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "readonly", "sticker", "stickerVariant"]);
|
|
38
|
+
var _d = useAnimatedPressable(), animatedStyle = _d.animatedStyle, handleAnimate = _d.handleAnimate;
|
|
36
39
|
var isGrid = useContext(RadioTilesContext).isGrid;
|
|
37
|
-
var
|
|
40
|
+
var _e = __read(useState(0), 2), stickerHeight = _e[0], setStickerHeight = _e[1];
|
|
38
41
|
var styles = memoStyles({
|
|
39
42
|
container: {
|
|
40
43
|
flex: isGrid ? 1 : undefined,
|
|
@@ -80,15 +83,17 @@ var RadioTile = forwardRef(function (_a, ref) {
|
|
|
80
83
|
return typos;
|
|
81
84
|
}, [horizontal, disabled]);
|
|
82
85
|
var handleChange = useCallback(function () {
|
|
83
|
-
if (onChange && !readonly && !disabled)
|
|
86
|
+
if (onChange && !readonly && !disabled) {
|
|
87
|
+
handleAnimate();
|
|
84
88
|
onChange({
|
|
85
89
|
radioValue: value || '',
|
|
86
90
|
radioName: name || '',
|
|
87
91
|
radioChecked: true,
|
|
88
92
|
radioId: id,
|
|
89
93
|
});
|
|
94
|
+
}
|
|
90
95
|
}, [value, name, id, disabled, readonly, onChange]);
|
|
91
|
-
return (_jsxs(
|
|
96
|
+
return (_jsxs(AnimatedPressable, __assign({ ref: ref, disabled: disabled, style: [styles.container, animatedStyle], onPress: handleChange }, others, { children: [_jsx(InputRadio, { checked: checked, disabled: disabled }), sticker && (_jsx(View, __assign({ style: styles.sticker, onLayout: function (e) { return setStickerHeight(e.nativeEvent.layout.height); } }, { children: _jsx(Sticker, { label: sticker, variant: stickerVariant, className: 'radio-sticker', small: true }) }))), icon && (_jsx(View, __assign({ style: [styles.icon] }, { children: _jsx(Icon, { size: IconSize.SMALL, name: icon }) }))), _jsxs(View, __assign({ style: [styles.content] }, { children: [label && typeof label === 'string' ? (_jsx(Text, __assign({ level: TextLevels.ONE, typo: typoTitle }, { children: String(label) }))) : (label), description && typeof description.valueOf() === 'string' ? (_jsx(Text, __assign({ level: TextLevels.TWO, typo: typoText }, { children: String(description) }))) : (description)] }))] })));
|
|
92
97
|
});
|
|
93
98
|
var InputRadio = function (_a) {
|
|
94
99
|
var checked = _a.checked, disabled = _a.disabled;
|
|
@@ -120,4 +125,4 @@ var InputRadio = function (_a) {
|
|
|
120
125
|
};
|
|
121
126
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
122
127
|
export default RadioTile;
|
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvdGlsZS9SYWRpb1RpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQU8sTUFBTSxPQUFPLENBQUE7QUFDMUYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3pDLE9BQU8sRUFBb0IsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUs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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Dev } from '../../../../objects/facets/Dev';
|
|
2
2
|
import { VariantProps } from '../../../../objects/facets/Variant';
|
|
3
|
-
import { TouchableOpacity } from 'react-native';
|
|
3
|
+
import { TouchableOpacity, View } from 'react-native';
|
|
4
4
|
import { IconName, IconNameValues } from '../../../../components/icon';
|
|
5
5
|
import { RadioNativeProps, RadioProps } from '../../../../components/radio/RadioProps';
|
|
6
6
|
import { ReactNode } from 'react';
|
|
@@ -17,5 +17,5 @@ export interface RadioTileProps extends Omit<RadioProps, 'label'>, RadioTileProp
|
|
|
17
17
|
export interface RadioTileNativeProps extends Omit<RadioNativeProps, 'label'>, RadioTilePropsCommon {
|
|
18
18
|
}
|
|
19
19
|
export type RadioTileRef = HTMLDivElement;
|
|
20
|
-
export type RadioTileNativeRef = TouchableOpacity;
|
|
20
|
+
export type RadioTileNativeRef = TouchableOpacity | View;
|
|
21
21
|
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import { SegmentControlItemProps } from '../../../components/segment-control/item/SegmentControlItemProps';
|
|
2
|
+
import { SegmentControlItemNativeRef, SegmentControlItemProps } from '../../../components/segment-control/item/SegmentControlItemProps';
|
|
4
3
|
/**
|
|
5
4
|
* SegmentControlItem Item Component
|
|
6
5
|
* @param active {boolean} active Segment Control item
|
|
@@ -9,5 +8,5 @@ import { SegmentControlItemProps } from '../../../components/segment-control/ite
|
|
|
9
8
|
* @param disabled {boolean} disable onClick on item
|
|
10
9
|
* @param id {string} Custom id attribute
|
|
11
10
|
*/
|
|
12
|
-
declare const SegmentControlItem: import("react").ForwardRefExoticComponent<SegmentControlItemProps & import("react").RefAttributes<
|
|
11
|
+
declare const SegmentControlItem: import("react").ForwardRefExoticComponent<SegmentControlItemProps & import("react").RefAttributes<SegmentControlItemNativeRef>>;
|
|
13
12
|
export default SegmentControlItem;
|
|
@@ -3,9 +3,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
4
|
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
5
5
|
import { useEffect, useState, forwardRef } from 'react';
|
|
6
|
-
import {
|
|
6
|
+
import { useAnimatedPressable } from '../../../hooks/useAnimatedPressable';
|
|
7
|
+
import { Text } from 'react-native';
|
|
7
8
|
import { Theme } from '../../../constants/theme';
|
|
8
9
|
import { memoStyles } from '../../../helpers/memoStyles';
|
|
10
|
+
import { AnimatedPressable } from '../../../components/animatedPressable/AinmatedPressable.native';
|
|
9
11
|
/**
|
|
10
12
|
* SegmentControlItem Item Component
|
|
11
13
|
* @param active {boolean} active Segment Control item
|
|
@@ -16,7 +18,12 @@ import { memoStyles } from '../../../helpers/memoStyles';
|
|
|
16
18
|
*/
|
|
17
19
|
var SegmentControlItem = forwardRef(function (_a, ref) {
|
|
18
20
|
var active = _a.active, children = _a.children, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "disabled"]);
|
|
19
|
-
var _b =
|
|
21
|
+
var _b = useAnimatedPressable(), animatedStyle = _b.animatedStyle, handleAnimate = _b.handleAnimate;
|
|
22
|
+
var _c = __read(useState(active || false), 2), activeItem = _c[0], setActiveItem = _c[1];
|
|
23
|
+
var mainColor = getColorStyle(TrilogyColor.MAIN);
|
|
24
|
+
var disabledFadeColor = getColorStyle(TrilogyColor.DISABLED_FADE);
|
|
25
|
+
var bgColor = getColorStyle(TrilogyColor.BACKGROUND);
|
|
26
|
+
var disabledColor = getColorStyle(TrilogyColor.DISABLED);
|
|
20
27
|
var styles = memoStyles({
|
|
21
28
|
tabsItem: {
|
|
22
29
|
flexDirection: 'column',
|
|
@@ -24,15 +31,11 @@ var SegmentControlItem = forwardRef(function (_a, ref) {
|
|
|
24
31
|
marginRight: 4,
|
|
25
32
|
borderRadius: Theme.radius.sm,
|
|
26
33
|
alignItems: 'center',
|
|
27
|
-
backgroundColor: (activeItem &&
|
|
28
|
-
(disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
29
|
-
getColorStyle(TrilogyColor.BACKGROUND),
|
|
34
|
+
backgroundColor: (activeItem && mainColor) || (disabled && disabledFadeColor) || bgColor,
|
|
30
35
|
},
|
|
31
36
|
text: {
|
|
32
37
|
paddingHorizontal: 10,
|
|
33
|
-
color: (activeItem &&
|
|
34
|
-
(!activeItem && disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
35
|
-
getColorStyle(TrilogyColor.MAIN),
|
|
38
|
+
color: (activeItem && bgColor) || (!activeItem && disabled && disabledColor) || mainColor,
|
|
36
39
|
marginVertical: 12,
|
|
37
40
|
fontSize: 16,
|
|
38
41
|
textAlign: 'center',
|
|
@@ -43,8 +46,9 @@ var SegmentControlItem = forwardRef(function (_a, ref) {
|
|
|
43
46
|
useEffect(function () {
|
|
44
47
|
setActiveItem(active || false);
|
|
45
48
|
}, [active]);
|
|
46
|
-
return (_jsx(
|
|
49
|
+
return (_jsx(AnimatedPressable, __assign({ ref: ref, disabled: disabled, style: [styles.tabsItem, animatedStyle], onPress: function (e) {
|
|
47
50
|
if (!disabled) {
|
|
51
|
+
handleAnimate();
|
|
48
52
|
setActiveItem(active || false);
|
|
49
53
|
if (onClick) {
|
|
50
54
|
onClick(e);
|
|
@@ -54,4 +58,4 @@ var SegmentControlItem = forwardRef(function (_a, ref) {
|
|
|
54
58
|
});
|
|
55
59
|
SegmentControlItem.displayName = ComponentName.SegmentControlItem;
|
|
56
60
|
export default SegmentControlItem;
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VnbWVudC1jb250cm9sL2l0ZW0vU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQU8sTUFBTSxPQUFPLENBQUE7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDbkUsT0FBTyxFQUFRLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBS2pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlEQUF5RCxDQUFBO0FBRTNGOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLGtCQUFrQixHQUFHLFVBQVUsQ0FDbkMsVUFBQyxFQUFrRCxFQUFFLEdBQUc7SUFBckQsSUFBQSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQWhELDZDQUFrRCxDQUFGO0lBQ3pDLElBQUEsS0FBbUMsb0JBQW9CLEVBQUUsRUFBdkQsYUFBYSxtQkFBQSxFQUFFLGFBQWEsbUJBQTJCLENBQUE7SUFFekQsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFzQyxDQUFBO0lBRXRFLElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDbEQsSUFBTSxpQkFBaUIsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQ25FLElBQU0sT0FBTyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDdEQsSUFBTSxhQUFhLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUUxRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUM7UUFDeEIsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7WUFDUCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDN0IsVUFBVSxFQUFFLFFBQVE7WUFDcEIsZUFBZSxFQUFFLENBQUMsVUFBVSxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLGlCQUFpQixDQUFDLElBQUksT0FBTztTQUN6RjtRQUNELElBQUksRUFBRTtZQUNKLGlCQUFpQixFQUFFLEVBQUU7WUFDckIsS0FBSyxFQUFFLENBQUMsVUFBVSxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxVQUFVLElBQUksUUFBUSxJQUFJLGFBQWEsQ0FBQyxJQUFJLFNBQVM7WUFDekYsY0FBYyxFQUFFLEVBQUU7WUFDbEIsUUFBUSxFQUFFLEVBQUU7WUFDWixTQUFTLEVBQUUsUUFBUTtZQUNuQixpQkFBaUIsRUFBRSxRQUFRO1lBQzNCLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtTQUMxQztLQUNGLENBQUMsQ0FBQTtJQUVGLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLE9BQU8sQ0FDTCxLQUFDLGlCQUFpQixhQUNoQixHQUFHLEVBQUUsR0FBZ0IsRUFDckIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsRUFDdkMsT0FBTyxFQUFFLFVBQUMsQ0FBVztZQUNuQixJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNiLGFBQWEsRUFBRSxDQUFBO2dCQUNmLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7Z0JBQzlCLElBQUksT0FBTyxFQUFFO29CQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtpQkFDWDthQUNGO1FBQ0gsQ0FBQyxJQUNHLE1BQU0sY0FFVCxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxJQUFJLENBQ3JELEtBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLENBQUMsZ0JBQzlELE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFDWixDQUNSLElBQ2lCLENBQ3JCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGtCQUFrQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUE7QUFFakUsZUFBZSxrQkFBa0IsQ0FBQSJ9
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { TouchableOpacity } from 'react-native';
|
|
1
|
+
import type { TouchableOpacity, View } from 'react-native';
|
|
2
2
|
import { Clickable } from '../../../objects/facets/Clickable';
|
|
3
3
|
import { Dev } from '../../../objects/facets/Dev';
|
|
4
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
@@ -12,4 +12,4 @@ export interface SegmentControlItemProps extends Clickable, CommonProps, Dev {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
}
|
|
14
14
|
export type SegmentControlItemRef = HTMLButtonElement;
|
|
15
|
-
export type SegmentControlItemNativeRef = TouchableOpacity;
|
|
15
|
+
export type SegmentControlItemNativeRef = TouchableOpacity | View;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TouchableOpacity } from 'react-native';
|
|
3
2
|
import { SelectOptionProps } from '../../../components/select/option/SelectOptionProps';
|
|
4
3
|
/**
|
|
5
4
|
* Select Option Component
|
|
@@ -7,5 +6,5 @@ import { SelectOptionProps } from '../../../components/select/option/SelectOptio
|
|
|
7
6
|
* @param label {string} Label value
|
|
8
7
|
* @param children {ReactNode}
|
|
9
8
|
*/
|
|
10
|
-
declare const SelectOption: import("react").ForwardRefExoticComponent<SelectOptionProps<string> & import("react").RefAttributes<TouchableOpacity>>;
|
|
9
|
+
declare const SelectOption: import("react").ForwardRefExoticComponent<SelectOptionProps<string> & import("react").RefAttributes<import("react-native").TouchableOpacity>>;
|
|
11
10
|
export default SelectOption;
|