related-ui-components 2.6.0 → 2.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/app.d.ts +4 -0
- package/lib/commonjs/app.d.ts.map +1 -0
- package/lib/commonjs/components/Badges/Badge.d.ts +14 -0
- package/lib/commonjs/components/Badges/Badge.d.ts.map +1 -0
- package/lib/commonjs/components/Badges/index.d.ts +3 -0
- package/lib/commonjs/components/Badges/index.d.ts.map +1 -0
- package/lib/commonjs/components/Banner/Banner.d.ts +24 -0
- package/lib/commonjs/components/Banner/Banner.d.ts.map +1 -0
- package/lib/commonjs/components/Banner/BannerWithDetails.d.ts +16 -0
- package/lib/commonjs/components/Banner/BannerWithDetails.d.ts.map +1 -0
- package/lib/commonjs/components/Banner/index.d.ts +4 -0
- package/lib/commonjs/components/Banner/index.d.ts.map +1 -0
- package/lib/commonjs/components/BrandIcon/BrandIcon.d.ts +18 -0
- package/lib/commonjs/components/BrandIcon/BrandIcon.d.ts.map +1 -0
- package/lib/commonjs/components/BrandIcon/index.d.ts +3 -0
- package/lib/commonjs/components/BrandIcon/index.d.ts.map +1 -0
- package/lib/commonjs/components/Button/Button.d.ts +17 -0
- package/lib/commonjs/components/Button/Button.d.ts.map +1 -0
- package/lib/commonjs/components/Button/index.d.ts +3 -0
- package/lib/commonjs/components/Button/index.d.ts.map +1 -0
- package/lib/commonjs/components/Card/Card.d.ts +17 -0
- package/lib/commonjs/components/Card/Card.d.ts.map +1 -0
- package/lib/commonjs/components/Card/CardContent.d.ts +8 -0
- package/lib/commonjs/components/Card/CardContent.d.ts.map +1 -0
- package/lib/commonjs/components/Card/CardFooter.d.ts +9 -0
- package/lib/commonjs/components/Card/CardFooter.d.ts.map +1 -0
- package/lib/commonjs/components/Card/CardHeader.d.ts +14 -0
- package/lib/commonjs/components/Card/CardHeader.d.ts.map +1 -0
- package/lib/commonjs/components/Card/CardImage.d.ts +12 -0
- package/lib/commonjs/components/Card/CardImage.d.ts.map +1 -0
- package/lib/commonjs/components/Card/index.d.ts +10 -0
- package/lib/commonjs/components/Card/index.d.ts.map +1 -0
- package/lib/commonjs/components/Card/templates/DealCard.d.ts +30 -0
- package/lib/commonjs/components/Card/templates/DealCard.d.ts.map +1 -0
- package/lib/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts +37 -0
- package/lib/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts.map +1 -0
- package/lib/commonjs/components/Card/templates/SimpleTrendingCard.d.ts +12 -0
- package/lib/commonjs/components/Card/templates/SimpleTrendingCard.d.ts.map +1 -0
- package/lib/commonjs/components/Card/types.d.ts +2 -0
- package/lib/commonjs/components/Card/types.d.ts.map +1 -0
- package/lib/commonjs/components/CloseIcon/CloseIcon.d.ts +14 -0
- package/lib/commonjs/components/CloseIcon/CloseIcon.d.ts.map +1 -0
- package/lib/commonjs/components/CloseIcon/index.d.ts +3 -0
- package/lib/commonjs/components/CloseIcon/index.d.ts.map +1 -0
- package/lib/commonjs/components/DateRangePicker/DateRangePicker.d.ts +20 -0
- package/lib/commonjs/components/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/lib/commonjs/components/DateRangePicker/index.d.ts +2 -0
- package/lib/commonjs/components/DateRangePicker/index.d.ts.map +1 -0
- package/lib/commonjs/components/Filters/Filters.d.ts +56 -0
- package/lib/commonjs/components/Filters/Filters.d.ts.map +1 -0
- package/lib/commonjs/components/Filters/PointsRangeSelector.d.ts +27 -0
- package/lib/commonjs/components/Filters/PointsRangeSelector.d.ts.map +1 -0
- package/lib/commonjs/components/Filters/index.d.ts +4 -0
- package/lib/commonjs/components/Filters/index.d.ts.map +1 -0
- package/lib/commonjs/components/Input/Input.d.ts +4 -0
- package/lib/commonjs/components/Input/Input.d.ts.map +1 -0
- package/lib/commonjs/components/Input/index.d.ts +3 -0
- package/lib/commonjs/components/Input/index.d.ts.map +1 -0
- package/lib/commonjs/components/LockOverlay/LockOverlay.d.ts +15 -0
- package/lib/commonjs/components/LockOverlay/LockOverlay.d.ts.map +1 -0
- package/lib/commonjs/components/LockOverlay/index.d.ts +3 -0
- package/lib/commonjs/components/LockOverlay/index.d.ts.map +1 -0
- package/lib/commonjs/components/Marquee/Marquee.d.ts +14 -0
- package/lib/commonjs/components/Marquee/Marquee.d.ts.map +1 -0
- package/lib/commonjs/components/Marquee/index.d.ts +3 -0
- package/lib/commonjs/components/Marquee/index.d.ts.map +1 -0
- package/lib/commonjs/components/NumericStepper/NumericStepper.d.ts +16 -0
- package/lib/commonjs/components/NumericStepper/NumericStepper.d.ts.map +1 -0
- package/lib/commonjs/components/NumericStepper/index.d.ts +3 -0
- package/lib/commonjs/components/NumericStepper/index.d.ts.map +1 -0
- package/lib/commonjs/components/Popup/Popup.d.ts +39 -0
- package/lib/commonjs/components/Popup/Popup.d.ts.map +1 -0
- package/lib/commonjs/components/Popup/index.d.ts +3 -0
- package/lib/commonjs/components/Popup/index.d.ts.map +1 -0
- package/lib/commonjs/components/ProgressBar/ProgressBar.d.ts +22 -0
- package/lib/commonjs/components/ProgressBar/ProgressBar.d.ts.map +1 -0
- package/lib/commonjs/components/ProgressBar/index.d.ts +3 -0
- package/lib/commonjs/components/ProgressBar/index.d.ts.map +1 -0
- package/lib/commonjs/components/RedeemedVoucher/RedeemedVoucherSheet.d.ts +4 -0
- package/lib/commonjs/components/RedeemedVoucher/RedeemedVoucherSheet.d.ts.map +1 -0
- package/lib/commonjs/components/RedeemedVoucher/index.d.ts +3 -0
- package/lib/commonjs/components/RedeemedVoucher/index.d.ts.map +1 -0
- package/lib/commonjs/components/RedemptionOption/RedemptionOption.d.ts +23 -0
- package/lib/commonjs/components/RedemptionOption/RedemptionOption.d.ts.map +1 -0
- package/lib/commonjs/components/RedemptionOption/index.d.ts +3 -0
- package/lib/commonjs/components/RedemptionOption/index.d.ts.map +1 -0
- package/lib/commonjs/components/ScratchCard/ScratchCard.d.ts +19 -0
- package/lib/commonjs/components/ScratchCard/ScratchCard.d.ts.map +1 -0
- package/lib/commonjs/components/ScratchCard/ScratchCardContent.d.ts +7 -0
- package/lib/commonjs/components/ScratchCard/ScratchCardContent.d.ts.map +1 -0
- package/lib/commonjs/components/ScratchCard/index.d.ts +4 -0
- package/lib/commonjs/components/ScratchCard/index.d.ts.map +1 -0
- package/lib/commonjs/components/SelectAmount/SelectAmount.d.ts +29 -0
- package/lib/commonjs/components/SelectAmount/SelectAmount.d.ts.map +1 -0
- package/lib/commonjs/components/SelectAmount/index.d.ts +2 -0
- package/lib/commonjs/components/SelectAmount/index.d.ts.map +1 -0
- package/lib/commonjs/components/Skeleton/Shimmer.d.ts +11 -0
- package/lib/commonjs/components/Skeleton/Shimmer.d.ts.map +1 -0
- package/lib/commonjs/components/Skeleton/SkeletonElement.d.ts +10 -0
- package/lib/commonjs/components/Skeleton/SkeletonElement.d.ts.map +1 -0
- package/lib/commonjs/components/Skeleton/index.d.ts +4 -0
- package/lib/commonjs/components/Skeleton/index.d.ts.map +1 -0
- package/lib/commonjs/components/Suggestions/SuggestionList.d.ts +12 -0
- package/lib/commonjs/components/Suggestions/SuggestionList.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/CarRentalForm.d.ts +52 -0
- package/lib/commonjs/components/TravelBooking/CarRentalForm.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/FlightForm.d.ts +47 -0
- package/lib/commonjs/components/TravelBooking/FlightForm.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/FlightSummary.d.ts +32 -0
- package/lib/commonjs/components/TravelBooking/FlightSummary.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/HotelForm.d.ts +45 -0
- package/lib/commonjs/components/TravelBooking/HotelForm.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/HotelSummary.d.ts +36 -0
- package/lib/commonjs/components/TravelBooking/HotelSummary.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/SummaryBar.d.ts +12 -0
- package/lib/commonjs/components/TravelBooking/SummaryBar.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/TabSelector.d.ts +15 -0
- package/lib/commonjs/components/TravelBooking/TabSelector.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/TravelBooking.d.ts +47 -0
- package/lib/commonjs/components/TravelBooking/TravelBooking.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/index.d.ts +2 -0
- package/lib/commonjs/components/TravelBooking/index.d.ts.map +1 -0
- package/lib/commonjs/components/TravelBooking/types.d.ts +3 -0
- package/lib/commonjs/components/TravelBooking/types.d.ts.map +1 -0
- package/lib/commonjs/components/UnlockRewards/RewardItem.d.ts +23 -0
- package/lib/commonjs/components/UnlockRewards/RewardItem.d.ts.map +1 -0
- package/lib/commonjs/components/UnlockRewards/UnlockRewards.d.ts +41 -0
- package/lib/commonjs/components/UnlockRewards/UnlockRewards.d.ts.map +1 -0
- package/lib/commonjs/components/UnlockRewards/index.d.ts +4 -0
- package/lib/commonjs/components/UnlockRewards/index.d.ts.map +1 -0
- package/lib/commonjs/components/Wheel/Wheel.d.ts +25 -0
- package/lib/commonjs/components/Wheel/Wheel.d.ts.map +1 -0
- package/lib/commonjs/components/Wheel/index.d.ts +3 -0
- package/lib/commonjs/components/Wheel/index.d.ts.map +1 -0
- package/lib/commonjs/components/index.d.ts +2 -0
- package/lib/commonjs/components/index.d.ts.map +1 -0
- package/lib/commonjs/constants/BRANDS.d.ts +14 -0
- package/lib/commonjs/constants/BRANDS.d.ts.map +1 -0
- package/lib/commonjs/index.d.ts +2 -0
- package/lib/commonjs/index.d.ts.map +1 -0
- package/lib/commonjs/theme/Colors.d.ts +110 -0
- package/lib/commonjs/theme/Colors.d.ts.map +1 -0
- package/lib/commonjs/theme/ThemeContext.d.ts +11 -0
- package/lib/commonjs/theme/ThemeContext.d.ts.map +1 -0
- package/lib/commonjs/theme/index.d.ts +2 -0
- package/lib/commonjs/theme/index.d.ts.map +1 -0
- package/lib/module/app.js +8 -8
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/RangeSlider/RangeSlider.js +170 -0
- package/lib/module/components/RangeSlider/RangeSlider.js.map +1 -0
- package/lib/module/components/RangeSlider/SliderLabel.js +95 -0
- package/lib/module/components/RangeSlider/SliderLabel.js.map +1 -0
- package/lib/module/components/RangeSlider/index.js +5 -0
- package/lib/module/components/RangeSlider/index.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/src/app.d.ts.map +1 -1
- package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts +18 -0
- package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts.map +1 -0
- package/lib/typescript/src/components/RangeSlider/SliderLabel.d.ts +15 -0
- package/lib/typescript/src/components/RangeSlider/SliderLabel.d.ts.map +1 -0
- package/lib/typescript/src/components/RangeSlider/index.d.ts +3 -0
- package/lib/typescript/src/components/RangeSlider/index.d.ts.map +1 -0
- package/lib/typescript/src/components/index.d.ts +1 -0
- package/lib/typescript/src/components/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +3 -1
- package/src/components/RangeSlider/RangeSlider.tsx +196 -0
- package/src/components/RangeSlider/SliderLabel.tsx +123 -0
- package/src/components/RangeSlider/index.ts +2 -0
- package/src/components/index.ts +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export const __esModule: boolean;
|
|
2
|
+
export default RewardItem;
|
|
3
|
+
declare function RewardItem({ icon, title, description, status, statusBgColor, statusTextColor, activeIcon, isActive, inactiveIconStyle, activeIconStyle, isRTL, containerStyle, badgeStyle, textContainerStyle, titleTextStyle, descriptionTextStyle, statusBadgeStyle, statusTextStyle }: {
|
|
4
|
+
icon: any;
|
|
5
|
+
title: any;
|
|
6
|
+
description: any;
|
|
7
|
+
status: any;
|
|
8
|
+
statusBgColor: any;
|
|
9
|
+
statusTextColor: any;
|
|
10
|
+
activeIcon: any;
|
|
11
|
+
isActive: any;
|
|
12
|
+
inactiveIconStyle: any;
|
|
13
|
+
activeIconStyle: any;
|
|
14
|
+
isRTL?: boolean | undefined;
|
|
15
|
+
containerStyle: any;
|
|
16
|
+
badgeStyle: any;
|
|
17
|
+
textContainerStyle: any;
|
|
18
|
+
titleTextStyle: any;
|
|
19
|
+
descriptionTextStyle: any;
|
|
20
|
+
statusBadgeStyle: any;
|
|
21
|
+
statusTextStyle: any;
|
|
22
|
+
}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
23
|
+
//# sourceMappingURL=RewardItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RewardItem.d.ts","sourceRoot":"","sources":["RewardItem.js"],"names":[],"mappings":";;AAYA;;;;;;;;;;;;;;;;;;;+FAoEC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export const __esModule: boolean;
|
|
2
|
+
export default UnlockRewards;
|
|
3
|
+
declare function UnlockRewards({ rewards, title, description, activeIconStyle, inactiveIconStyle, onClose, isRTL, topBackgroundImage, topBackgroundColor: topBackgroundColorProp, topBackgroundHeight, topBackgroundImageStyle, topBackgroundStyle, topGradientColors, topGradientStart, topGradientEnd, topGradientLocations, cardContainerStyle, mainTitleStyle, subtitleStyle, rewardsContainerStyle, smallIconsRowStyle, rewardItemContainerStyle, rewardItemIconWrapperStyle, rewardItemTextContainerStyle, rewardItemTitleTextStyle, rewardItemDescriptionTextStyle, rewardItemStatusBadgeStyle, rewardItemStatusTextStyle, showCloseIcon, customCloseIcon, closeIconVariant, closeIconContainerStyle, closeIconStyle, closeIconColor, closeIconSize, customTopBackground }: {
|
|
4
|
+
rewards: any;
|
|
5
|
+
title: any;
|
|
6
|
+
description: any;
|
|
7
|
+
activeIconStyle: any;
|
|
8
|
+
inactiveIconStyle: any;
|
|
9
|
+
onClose: any;
|
|
10
|
+
isRTL: any;
|
|
11
|
+
topBackgroundImage: any;
|
|
12
|
+
topBackgroundColor: any;
|
|
13
|
+
topBackgroundHeight?: number | undefined;
|
|
14
|
+
topBackgroundImageStyle: any;
|
|
15
|
+
topBackgroundStyle: any;
|
|
16
|
+
topGradientColors: any;
|
|
17
|
+
topGradientStart: any;
|
|
18
|
+
topGradientEnd: any;
|
|
19
|
+
topGradientLocations: any;
|
|
20
|
+
cardContainerStyle: any;
|
|
21
|
+
mainTitleStyle: any;
|
|
22
|
+
subtitleStyle: any;
|
|
23
|
+
rewardsContainerStyle: any;
|
|
24
|
+
smallIconsRowStyle: any;
|
|
25
|
+
rewardItemContainerStyle: any;
|
|
26
|
+
rewardItemIconWrapperStyle: any;
|
|
27
|
+
rewardItemTextContainerStyle: any;
|
|
28
|
+
rewardItemTitleTextStyle: any;
|
|
29
|
+
rewardItemDescriptionTextStyle: any;
|
|
30
|
+
rewardItemStatusBadgeStyle: any;
|
|
31
|
+
rewardItemStatusTextStyle: any;
|
|
32
|
+
showCloseIcon?: boolean | undefined;
|
|
33
|
+
customCloseIcon: any;
|
|
34
|
+
closeIconVariant?: string | undefined;
|
|
35
|
+
closeIconContainerStyle: any;
|
|
36
|
+
closeIconStyle: any;
|
|
37
|
+
closeIconColor: any;
|
|
38
|
+
closeIconSize?: number | undefined;
|
|
39
|
+
customTopBackground: any;
|
|
40
|
+
}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
41
|
+
//# sourceMappingURL=UnlockRewards.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UnlockRewards.d.ts","sourceRoot":"","sources":["UnlockRewards.js"],"names":[],"mappings":";;AAmBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+FA4IC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export const __esModule: boolean;
|
|
2
|
+
export default SpinWheel;
|
|
3
|
+
declare function SpinWheel({ items, predeterminedWinner, size, spinDuration, enabled, onSpinStart, onSpinEnd, containerStyle, centerStyle, spinButtonText, wheelTextStyle, knobStyle, knobColor, actionButtonStyle, actionButtonTextStyle, wheelBorderColor, wheelBorderWidth, wheelTextColor, actionButtonProps, centerSize }: {
|
|
4
|
+
items: any;
|
|
5
|
+
predeterminedWinner: any;
|
|
6
|
+
size?: number | undefined;
|
|
7
|
+
spinDuration?: number | undefined;
|
|
8
|
+
enabled?: boolean | undefined;
|
|
9
|
+
onSpinStart: any;
|
|
10
|
+
onSpinEnd: any;
|
|
11
|
+
containerStyle: any;
|
|
12
|
+
centerStyle: any;
|
|
13
|
+
spinButtonText?: string | undefined;
|
|
14
|
+
wheelTextStyle: any;
|
|
15
|
+
knobStyle: any;
|
|
16
|
+
knobColor?: string | undefined;
|
|
17
|
+
actionButtonStyle: any;
|
|
18
|
+
actionButtonTextStyle: any;
|
|
19
|
+
wheelBorderColor: any;
|
|
20
|
+
wheelBorderWidth: any;
|
|
21
|
+
wheelTextColor?: string | undefined;
|
|
22
|
+
actionButtonProps: any;
|
|
23
|
+
centerSize: any;
|
|
24
|
+
}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
25
|
+
//# sourceMappingURL=Wheel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Wheel.d.ts","sourceRoot":"","sources":["Wheel.js"],"names":[],"mappings":";;AAgEA;;;;;;;;;;;;;;;;;;;;;+FAgPC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const __esModule: boolean;
|
|
2
|
+
export default BRANDS;
|
|
3
|
+
declare const BRANDS: ({
|
|
4
|
+
id: string;
|
|
5
|
+
name: string;
|
|
6
|
+
logo: any;
|
|
7
|
+
checked?: undefined;
|
|
8
|
+
} | {
|
|
9
|
+
id: string;
|
|
10
|
+
name: string;
|
|
11
|
+
logo: any;
|
|
12
|
+
checked: boolean;
|
|
13
|
+
})[];
|
|
14
|
+
//# sourceMappingURL=BRANDS.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BRANDS.d.ts","sourceRoot":"","sources":["BRANDS.js"],"names":[],"mappings":";;AAMA;;;;;;;;;;KAiDG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
export const __esModule: boolean;
|
|
2
|
+
export namespace lightTheme {
|
|
3
|
+
let background: string;
|
|
4
|
+
let surface: string;
|
|
5
|
+
let surfaceVariant: string;
|
|
6
|
+
let primary: string;
|
|
7
|
+
let primaryVariant: string;
|
|
8
|
+
let secondary: string;
|
|
9
|
+
let secondaryVariant: string;
|
|
10
|
+
let error: string;
|
|
11
|
+
let success: string;
|
|
12
|
+
let warning: string;
|
|
13
|
+
let info: string;
|
|
14
|
+
let text: string;
|
|
15
|
+
let onPrimary: string;
|
|
16
|
+
let onSecondary: string;
|
|
17
|
+
let onError: string;
|
|
18
|
+
let onBackground: string;
|
|
19
|
+
let onSurface: string;
|
|
20
|
+
let border: string;
|
|
21
|
+
let divider: string;
|
|
22
|
+
let disabled: string;
|
|
23
|
+
let inputBackground: string;
|
|
24
|
+
let inputText: string;
|
|
25
|
+
let labelText: string;
|
|
26
|
+
let placeholderText: string;
|
|
27
|
+
let helper: string;
|
|
28
|
+
namespace spacing {
|
|
29
|
+
let xs: number;
|
|
30
|
+
let s: number;
|
|
31
|
+
let m: number;
|
|
32
|
+
let l: number;
|
|
33
|
+
let xl: number;
|
|
34
|
+
let xxl: number;
|
|
35
|
+
}
|
|
36
|
+
let skeletonBackgroundColor: string;
|
|
37
|
+
let skeletonItemColor: string;
|
|
38
|
+
}
|
|
39
|
+
export namespace darkTheme {
|
|
40
|
+
let background_1: string;
|
|
41
|
+
export { background_1 as background };
|
|
42
|
+
let surface_1: string;
|
|
43
|
+
export { surface_1 as surface };
|
|
44
|
+
let surfaceVariant_1: string;
|
|
45
|
+
export { surfaceVariant_1 as surfaceVariant };
|
|
46
|
+
let primary_1: string;
|
|
47
|
+
export { primary_1 as primary };
|
|
48
|
+
let primaryVariant_1: string;
|
|
49
|
+
export { primaryVariant_1 as primaryVariant };
|
|
50
|
+
let secondary_1: string;
|
|
51
|
+
export { secondary_1 as secondary };
|
|
52
|
+
let secondaryVariant_1: string;
|
|
53
|
+
export { secondaryVariant_1 as secondaryVariant };
|
|
54
|
+
let error_1: string;
|
|
55
|
+
export { error_1 as error };
|
|
56
|
+
let success_1: string;
|
|
57
|
+
export { success_1 as success };
|
|
58
|
+
let warning_1: string;
|
|
59
|
+
export { warning_1 as warning };
|
|
60
|
+
let info_1: string;
|
|
61
|
+
export { info_1 as info };
|
|
62
|
+
let text_1: string;
|
|
63
|
+
export { text_1 as text };
|
|
64
|
+
let onPrimary_1: string;
|
|
65
|
+
export { onPrimary_1 as onPrimary };
|
|
66
|
+
let onSecondary_1: string;
|
|
67
|
+
export { onSecondary_1 as onSecondary };
|
|
68
|
+
let onError_1: string;
|
|
69
|
+
export { onError_1 as onError };
|
|
70
|
+
let onBackground_1: string;
|
|
71
|
+
export { onBackground_1 as onBackground };
|
|
72
|
+
let onSurface_1: string;
|
|
73
|
+
export { onSurface_1 as onSurface };
|
|
74
|
+
let border_1: string;
|
|
75
|
+
export { border_1 as border };
|
|
76
|
+
let divider_1: string;
|
|
77
|
+
export { divider_1 as divider };
|
|
78
|
+
let disabled_1: string;
|
|
79
|
+
export { disabled_1 as disabled };
|
|
80
|
+
let inputBackground_1: string;
|
|
81
|
+
export { inputBackground_1 as inputBackground };
|
|
82
|
+
let inputText_1: string;
|
|
83
|
+
export { inputText_1 as inputText };
|
|
84
|
+
let labelText_1: string;
|
|
85
|
+
export { labelText_1 as labelText };
|
|
86
|
+
let placeholderText_1: string;
|
|
87
|
+
export { placeholderText_1 as placeholderText };
|
|
88
|
+
let helper_1: string;
|
|
89
|
+
export { helper_1 as helper };
|
|
90
|
+
export namespace spacing_1 {
|
|
91
|
+
let xs_1: number;
|
|
92
|
+
export { xs_1 as xs };
|
|
93
|
+
let s_1: number;
|
|
94
|
+
export { s_1 as s };
|
|
95
|
+
let m_1: number;
|
|
96
|
+
export { m_1 as m };
|
|
97
|
+
let l_1: number;
|
|
98
|
+
export { l_1 as l };
|
|
99
|
+
let xl_1: number;
|
|
100
|
+
export { xl_1 as xl };
|
|
101
|
+
let xxl_1: number;
|
|
102
|
+
export { xxl_1 as xxl };
|
|
103
|
+
}
|
|
104
|
+
export { spacing_1 as spacing };
|
|
105
|
+
let skeletonBackgroundColor_1: string;
|
|
106
|
+
export { skeletonBackgroundColor_1 as skeletonBackgroundColor };
|
|
107
|
+
let skeletonItemColor_1: string;
|
|
108
|
+
export { skeletonItemColor_1 as skeletonItemColor };
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=Colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["Colors.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export const __esModule: boolean;
|
|
2
|
+
export const ThemeContext: any;
|
|
3
|
+
export function RelatedProvider({ children, customLightTheme, customDarkTheme, dark, forceRTL }: {
|
|
4
|
+
children: any;
|
|
5
|
+
customLightTheme: any;
|
|
6
|
+
customDarkTheme: any;
|
|
7
|
+
dark: any;
|
|
8
|
+
forceRTL: any;
|
|
9
|
+
}): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
10
|
+
export function useTheme(): any;
|
|
11
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["ThemeContext.js"],"names":[],"mappings":";;AAoBA;;;;;;+FA8BC;AAID,gCAA2D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}
|
package/lib/module/app.js
CHANGED
|
@@ -4,8 +4,8 @@ import React, { useState } from "react";
|
|
|
4
4
|
import { SafeAreaView, StyleSheet, StatusBar } from "react-native";
|
|
5
5
|
// Adjust path as needed
|
|
6
6
|
import { GestureHandlerRootView } from "react-native-gesture-handler";
|
|
7
|
+
import { RangeSlider } from "./components/index.js";
|
|
7
8
|
import { lightTheme, RelatedProvider, useTheme } from "./theme/index.js";
|
|
8
|
-
import CircularProgressBar from "./components/ProgressBar/CircularProgressBar.js";
|
|
9
9
|
import { BottomSheetStackProvider } from "./contexts/index.js";
|
|
10
10
|
import { SafeAreaProvider } from "react-native-safe-area-context";
|
|
11
11
|
|
|
@@ -63,13 +63,13 @@ const App = () => {
|
|
|
63
63
|
barStyle: "light-content"
|
|
64
64
|
}), /*#__PURE__*/_jsx(SafeAreaView, {
|
|
65
65
|
style: styles.appContainer,
|
|
66
|
-
children: /*#__PURE__*/_jsx(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
66
|
+
children: /*#__PURE__*/_jsx(RangeSlider, {
|
|
67
|
+
initialMinValue: 0,
|
|
68
|
+
initialMaxValue: 100,
|
|
69
|
+
min: 0,
|
|
70
|
+
max: 500,
|
|
71
|
+
sliderWidth: 100,
|
|
72
|
+
onValueChange: console.log
|
|
73
73
|
})
|
|
74
74
|
})]
|
|
75
75
|
})
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","
|
|
1
|
+
{"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","RangeSlider","lightTheme","RelatedProvider","useTheme","BottomSheetStackProvider","SafeAreaProvider","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DUMMY_DATA","id","image","title","App","theme","departureDate","setDepartureDate","undefined","returnDate","setReturnDate","progress","setProgress","handleAnimate","newProgress","Math","floor","random","children","style","flex","barStyle","styles","appContainer","initialMinValue","initialMaxValue","min","max","sliderWidth","onValueChange","console","log","create","backgroundColor","justifyContent"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AACgB;AAClF,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAQEC,WAAW,QACN,uBAAc;AACrB,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAG/D,SAASC,wBAAwB,QAAQ,qBAAY;AACrD,SAASC,gBAAgB,QAAQ,gCAAgC;;AAEjE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT,CAAC,EACD;EACEF,EAAE,EAAE,GAAG;EACPC,KAAK,EACH,iHAAiH;EACnHC,KAAK,EAAE;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,CACD;AAED,MAAMC,GAAG,GAAGA,CAAA,KAAM;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACe,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAChDyB,SACF,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAAqByB,SAAS,CAAC;EAE3E,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CAAC,EAAE,CAAC;EAC5C,MAAM8B,aAAa,GAAGA,CAAA,KAAM;IAC1B;IACA,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC;IACnDL,WAAW,CAACE,WAAW,CAAC;EAC1B,CAAC;EACD,oBACEnB,IAAA,CAAAI,SAAA;IAAAmB,QAAA,eACAvB,IAAA,CAACF,gBAAgB;MAAAyB,QAAA,eACfvB,IAAA,CAACR,sBAAsB;QAACgC,KAAK,EAAE;UAAEC,IAAI,EAAE;QAAE,CAAE;QAAAF,QAAA,eACzCvB,IAAA,CAACL,eAAe;UAACe,KAAK,EAAEhB,UAAW;UAAA6B,QAAA,eACjCrB,KAAA,CAACL,wBAAwB;YAAA0B,QAAA,gBACvBvB,IAAA,CAACT,SAAS;cAACmC,QAAQ,EAAC;YAAe,CAAE,CAAC,eACtC1B,IAAA,CAACX,YAAY;cAACmC,KAAK,EAAEG,MAAM,CAACC,YAAa;cAAAL,QAAA,eAgDvCvB,IAAA,CAACP,WAAW;gBAACoC,eAAe,EAAE,CAAE;gBAACC,eAAe,EAAE,GAAI;gBAACC,GAAG,EAAE,CAAE;gBAACC,GAAG,EAAE,GAAI;gBAACC,WAAW,EAAE,GAAI;gBAACC,aAAa,EAAEC,OAAO,CAACC;cAAI,CAAc;YAAC,CAEzH,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACP;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMT,MAAM,GAAGrC,UAAU,CAAC+C,MAAM,CAAC;EAC/BT,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPa,eAAe,EAAC,MAAM;IACtBC,cAAc,EAAE,QAAQ,CAAE;EAC5B;AACF,CAAC,CAAC;AAEF,eAAe9B,GAAG","ignoreList":[]}
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback, useState } from "react";
|
|
4
|
+
import { StyleSheet, View } from "react-native";
|
|
5
|
+
import { Gesture, GestureDetector } from "react-native-gesture-handler";
|
|
6
|
+
import Animated, { runOnJS, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
|
|
7
|
+
import { SliderLabels } from "./SliderLabel.js";
|
|
8
|
+
import { useTheme } from "../../theme/index.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const THUMB_SIZE = 28;
|
|
11
|
+
const RAIL_HEIGHT = 6;
|
|
12
|
+
const LABEL_HEIGHT = 26;
|
|
13
|
+
const RangeSlider = ({
|
|
14
|
+
min,
|
|
15
|
+
max,
|
|
16
|
+
step = 1,
|
|
17
|
+
sliderWidth,
|
|
18
|
+
initialMinValue,
|
|
19
|
+
initialMaxValue,
|
|
20
|
+
onValueChange,
|
|
21
|
+
theme
|
|
22
|
+
}) => {
|
|
23
|
+
const {
|
|
24
|
+
theme: defaultTheme
|
|
25
|
+
} = useTheme();
|
|
26
|
+
const currTheme = theme || defaultTheme;
|
|
27
|
+
const styles = getStyles(currTheme);
|
|
28
|
+
|
|
29
|
+
// State for label text values, passed down to the SliderLabels component
|
|
30
|
+
const [leftLabel, setLeftLabel] = useState(initialMinValue.toLocaleString());
|
|
31
|
+
const [rightLabel, setRightLabel] = useState(initialMaxValue.toLocaleString());
|
|
32
|
+
const valueToPosition = useCallback(value => {
|
|
33
|
+
"worklet";
|
|
34
|
+
|
|
35
|
+
return (value - min) / (max - min) * sliderWidth;
|
|
36
|
+
}, [min, max, sliderWidth]);
|
|
37
|
+
const positionToValue = useCallback(position => {
|
|
38
|
+
"worklet";
|
|
39
|
+
|
|
40
|
+
const rawValue = position / sliderWidth * (max - min) + min;
|
|
41
|
+
return Math.round(rawValue / step) * step;
|
|
42
|
+
}, [min, max, step, sliderWidth]);
|
|
43
|
+
const leftPosition = useSharedValue(valueToPosition(initialMinValue));
|
|
44
|
+
const rightPosition = useSharedValue(valueToPosition(initialMaxValue));
|
|
45
|
+
const context = useSharedValue({
|
|
46
|
+
x: 0
|
|
47
|
+
});
|
|
48
|
+
const activeThumb = useSharedValue(null);
|
|
49
|
+
const panGesture = Gesture.Pan().onBegin(e => {
|
|
50
|
+
const distToLeft = Math.abs(e.x - leftPosition.value);
|
|
51
|
+
const distToRight = Math.abs(e.x - rightPosition.value);
|
|
52
|
+
if (distToLeft <= distToRight) {
|
|
53
|
+
activeThumb.value = "left";
|
|
54
|
+
context.value = {
|
|
55
|
+
x: leftPosition.value
|
|
56
|
+
};
|
|
57
|
+
} else {
|
|
58
|
+
activeThumb.value = "right";
|
|
59
|
+
context.value = {
|
|
60
|
+
x: rightPosition.value
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
}).onUpdate(e => {
|
|
64
|
+
if (activeThumb.value === null) return;
|
|
65
|
+
const newPos = context.value.x + e.translationX;
|
|
66
|
+
if (activeThumb.value === "left") {
|
|
67
|
+
const clampedPos = Math.max(0, Math.min(newPos, rightPosition.value - THUMB_SIZE));
|
|
68
|
+
leftPosition.value = clampedPos;
|
|
69
|
+
runOnJS(setLeftLabel)(positionToValue(clampedPos).toLocaleString());
|
|
70
|
+
} else {
|
|
71
|
+
const clampedPos = Math.min(sliderWidth, Math.max(newPos, leftPosition.value + THUMB_SIZE));
|
|
72
|
+
rightPosition.value = clampedPos;
|
|
73
|
+
runOnJS(setRightLabel)(positionToValue(clampedPos).toLocaleString());
|
|
74
|
+
}
|
|
75
|
+
}).onEnd(() => {
|
|
76
|
+
if (activeThumb.value === null) return;
|
|
77
|
+
const finalLeftValue = positionToValue(leftPosition.value);
|
|
78
|
+
const finalRightValue = positionToValue(rightPosition.value);
|
|
79
|
+
runOnJS(onValueChange)({
|
|
80
|
+
min: finalLeftValue,
|
|
81
|
+
max: finalRightValue
|
|
82
|
+
});
|
|
83
|
+
activeThumb.value = null;
|
|
84
|
+
});
|
|
85
|
+
const animatedLeftThumbStyle = useAnimatedStyle(() => ({
|
|
86
|
+
transform: [{
|
|
87
|
+
translateX: leftPosition.value
|
|
88
|
+
}]
|
|
89
|
+
}));
|
|
90
|
+
const animatedRightThumbStyle = useAnimatedStyle(() => ({
|
|
91
|
+
transform: [{
|
|
92
|
+
translateX: rightPosition.value - THUMB_SIZE
|
|
93
|
+
}]
|
|
94
|
+
}));
|
|
95
|
+
const animatedActiveRailStyle = useAnimatedStyle(() => ({
|
|
96
|
+
left: leftPosition.value,
|
|
97
|
+
right: sliderWidth - rightPosition.value
|
|
98
|
+
}));
|
|
99
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
100
|
+
style: [styles.container, {
|
|
101
|
+
width: sliderWidth
|
|
102
|
+
}],
|
|
103
|
+
children: [/*#__PURE__*/_jsx(SliderLabels, {
|
|
104
|
+
leftValue: leftLabel,
|
|
105
|
+
rightValue: rightLabel,
|
|
106
|
+
leftPosition: leftPosition,
|
|
107
|
+
rightPosition: rightPosition,
|
|
108
|
+
sliderWidth: sliderWidth,
|
|
109
|
+
thumbSize: THUMB_SIZE
|
|
110
|
+
}), /*#__PURE__*/_jsx(GestureDetector, {
|
|
111
|
+
gesture: panGesture,
|
|
112
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
113
|
+
style: styles.railContainer,
|
|
114
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
115
|
+
style: styles.rail
|
|
116
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
117
|
+
style: [styles.activeRail, animatedActiveRailStyle]
|
|
118
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
119
|
+
style: [styles.thumbContainer, animatedLeftThumbStyle],
|
|
120
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
121
|
+
style: styles.thumb
|
|
122
|
+
})
|
|
123
|
+
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
124
|
+
style: [styles.thumbContainer, animatedRightThumbStyle],
|
|
125
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
126
|
+
style: styles.thumb
|
|
127
|
+
})
|
|
128
|
+
})]
|
|
129
|
+
})
|
|
130
|
+
})]
|
|
131
|
+
});
|
|
132
|
+
};
|
|
133
|
+
const getStyles = theme => StyleSheet.create({
|
|
134
|
+
container: {
|
|
135
|
+
height: LABEL_HEIGHT + THUMB_SIZE,
|
|
136
|
+
justifyContent: "center",
|
|
137
|
+
marginTop: LABEL_HEIGHT // Add margin to prevent label cutoff
|
|
138
|
+
},
|
|
139
|
+
railContainer: {
|
|
140
|
+
justifyContent: "center",
|
|
141
|
+
height: THUMB_SIZE
|
|
142
|
+
},
|
|
143
|
+
rail: {
|
|
144
|
+
height: RAIL_HEIGHT,
|
|
145
|
+
borderRadius: RAIL_HEIGHT / 2,
|
|
146
|
+
backgroundColor: theme.surface
|
|
147
|
+
},
|
|
148
|
+
activeRail: {
|
|
149
|
+
height: RAIL_HEIGHT,
|
|
150
|
+
backgroundColor: theme.primary,
|
|
151
|
+
position: "absolute"
|
|
152
|
+
},
|
|
153
|
+
thumbContainer: {
|
|
154
|
+
position: "absolute",
|
|
155
|
+
width: THUMB_SIZE,
|
|
156
|
+
height: THUMB_SIZE,
|
|
157
|
+
justifyContent: "center",
|
|
158
|
+
alignItems: "center"
|
|
159
|
+
},
|
|
160
|
+
thumb: {
|
|
161
|
+
width: THUMB_SIZE,
|
|
162
|
+
height: THUMB_SIZE,
|
|
163
|
+
borderRadius: THUMB_SIZE / 2,
|
|
164
|
+
backgroundColor: theme.background,
|
|
165
|
+
borderColor: theme.primary,
|
|
166
|
+
borderWidth: 5
|
|
167
|
+
}
|
|
168
|
+
});
|
|
169
|
+
export default RangeSlider;
|
|
170
|
+
//# sourceMappingURL=RangeSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","StyleSheet","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useSharedValue","SliderLabels","useTheme","jsx","_jsx","jsxs","_jsxs","THUMB_SIZE","RAIL_HEIGHT","LABEL_HEIGHT","RangeSlider","min","max","step","sliderWidth","initialMinValue","initialMaxValue","onValueChange","theme","defaultTheme","currTheme","styles","getStyles","leftLabel","setLeftLabel","toLocaleString","rightLabel","setRightLabel","valueToPosition","value","positionToValue","position","rawValue","Math","round","leftPosition","rightPosition","context","x","activeThumb","panGesture","Pan","onBegin","e","distToLeft","abs","distToRight","onUpdate","newPos","translationX","clampedPos","onEnd","finalLeftValue","finalRightValue","animatedLeftThumbStyle","transform","translateX","animatedRightThumbStyle","animatedActiveRailStyle","left","right","style","container","width","children","leftValue","rightValue","thumbSize","gesture","railContainer","rail","activeRail","thumbContainer","thumb","create","height","justifyContent","marginTop","borderRadius","backgroundColor","surface","primary","alignItems","background","borderColor","borderWidth"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RangeSlider/RangeSlider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { StyleSheet, Text, View } from "react-native";
|
|
5
|
+
import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue } from "react-native-reanimated";
|
|
6
|
+
import { useTheme } from "../../theme/index.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const LABEL_HEIGHT = 26;
|
|
9
|
+
const CenteredLabel = ({
|
|
10
|
+
value,
|
|
11
|
+
position,
|
|
12
|
+
sliderWidth,
|
|
13
|
+
thumbSize,
|
|
14
|
+
theme
|
|
15
|
+
}) => {
|
|
16
|
+
const labelWidth = useSharedValue(0);
|
|
17
|
+
const {
|
|
18
|
+
theme: defaultTheme
|
|
19
|
+
} = useTheme();
|
|
20
|
+
const currTheme = theme || defaultTheme;
|
|
21
|
+
const styles = getStyles(currTheme);
|
|
22
|
+
const animatedLabelStyle = useAnimatedStyle(() => {
|
|
23
|
+
const rawCenter = position.value + thumbSize / 2;
|
|
24
|
+
const shifted = rawCenter - labelWidth.value / 2;
|
|
25
|
+
const left = Math.min(Math.max(shifted, 0), sliderWidth - labelWidth.value);
|
|
26
|
+
return {
|
|
27
|
+
left: left
|
|
28
|
+
};
|
|
29
|
+
});
|
|
30
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
31
|
+
style: [styles.labelContainer, animatedLabelStyle],
|
|
32
|
+
onLayout: e => {
|
|
33
|
+
labelWidth.value = e.nativeEvent.layout.width;
|
|
34
|
+
},
|
|
35
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
36
|
+
style: styles.labelText,
|
|
37
|
+
children: value
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
export const SliderLabels = ({
|
|
42
|
+
leftValue,
|
|
43
|
+
rightValue,
|
|
44
|
+
leftPosition,
|
|
45
|
+
rightPosition,
|
|
46
|
+
sliderWidth,
|
|
47
|
+
thumbSize,
|
|
48
|
+
theme
|
|
49
|
+
}) => {
|
|
50
|
+
const {
|
|
51
|
+
theme: defaultTheme
|
|
52
|
+
} = useTheme();
|
|
53
|
+
const currTheme = theme || defaultTheme;
|
|
54
|
+
const styles = getStyles(currTheme);
|
|
55
|
+
const rightThumbLeftPosition = useDerivedValue(() => {
|
|
56
|
+
return rightPosition.value - thumbSize;
|
|
57
|
+
});
|
|
58
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
59
|
+
style: styles.wrapper,
|
|
60
|
+
pointerEvents: "none",
|
|
61
|
+
children: [/*#__PURE__*/_jsx(CenteredLabel, {
|
|
62
|
+
value: leftValue,
|
|
63
|
+
thumbSize: thumbSize,
|
|
64
|
+
position: leftPosition,
|
|
65
|
+
sliderWidth: sliderWidth
|
|
66
|
+
}), /*#__PURE__*/_jsx(CenteredLabel, {
|
|
67
|
+
value: rightValue,
|
|
68
|
+
thumbSize: thumbSize,
|
|
69
|
+
position: rightThumbLeftPosition,
|
|
70
|
+
sliderWidth: sliderWidth
|
|
71
|
+
})]
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
const getStyles = theme => StyleSheet.create({
|
|
75
|
+
wrapper: {
|
|
76
|
+
position: "absolute",
|
|
77
|
+
width: "100%",
|
|
78
|
+
height: "100%"
|
|
79
|
+
},
|
|
80
|
+
labelContainer: {
|
|
81
|
+
position: "absolute",
|
|
82
|
+
top: -LABEL_HEIGHT + 4,
|
|
83
|
+
alignItems: "center"
|
|
84
|
+
},
|
|
85
|
+
labelText: {
|
|
86
|
+
backgroundColor: theme.surface,
|
|
87
|
+
paddingHorizontal: 8,
|
|
88
|
+
paddingVertical: 4,
|
|
89
|
+
borderRadius: 4,
|
|
90
|
+
color: theme.onSurface,
|
|
91
|
+
fontSize: 14,
|
|
92
|
+
fontFamily: "DinBold"
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
//# sourceMappingURL=SliderLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","View","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","useTheme","jsx","_jsx","jsxs","_jsxs","LABEL_HEIGHT","CenteredLabel","value","position","sliderWidth","thumbSize","theme","labelWidth","defaultTheme","currTheme","styles","getStyles","animatedLabelStyle","rawCenter","shifted","left","Math","min","max","style","labelContainer","onLayout","e","nativeEvent","layout","width","children","labelText","SliderLabels","leftValue","rightValue","leftPosition","rightPosition","rightThumbLeftPosition","wrapper","pointerEvents","create","height","top","alignItems","backgroundColor","surface","paddingHorizontal","paddingVertical","borderRadius","color","onSurface","fontSize","fontFamily"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RangeSlider/SliderLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,QAAQ,IAEbC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,QACT,yBAAyB;AAChC,SAAoBC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,MAAMC,YAAY,GAAG,EAAE;AAqBvB,MAAMC,aAA2C,GAAGA,CAAC;EACnDC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGb,cAAc,CAAC,CAAC,CAAC;EACpC,MAAM;IAACY,KAAK,EAAEE;EAAY,CAAC,GAAGb,QAAQ,CAAC,CAAC;EACxC,MAAMc,SAAS,GAAGH,KAAK,IAAIE,YAAY;EACvC,MAAME,MAAM,GAAGC,SAAS,CAACF,SAAS,CAAC;EAEnC,MAAMG,kBAAkB,GAAGpB,gBAAgB,CAAC,MAAM;IAChD,MAAMqB,SAAS,GAAGV,QAAQ,CAACD,KAAK,GAAGG,SAAS,GAAG,CAAC;IAChD,MAAMS,OAAO,GAAGD,SAAS,GAAGN,UAAU,CAACL,KAAK,GAAG,CAAC;IAEhD,MAAMa,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACJ,OAAO,EAAE,CAAC,CAAC,EAAEV,WAAW,GAAGG,UAAU,CAACL,KAAK,CAAC;IAE3E,OAAO;MACLa,IAAI,EAAEA;IACR,CAAC;EACH,CAAC,CAAC;EAEF,oBACElB,IAAA,CAACN,QAAQ,CAACD,IAAI;IACZ6B,KAAK,EAAE,CAACT,MAAM,CAACU,cAAc,EAAER,kBAAkB,CAAE;IACnDS,QAAQ,EAAGC,CAAC,IAAK;MACff,UAAU,CAACL,KAAK,GAAGoB,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,KAAK;IAC/C,CAAE;IAAAC,QAAA,eAEF7B,IAAA,CAACR,IAAI;MAAC8B,KAAK,EAAET,MAAM,CAACiB,SAAU;MAAAD,QAAA,EAC3BxB;IAAK,CACF;EAAC,CACM,CAAC;AAEpB,CAAC;AAED,OAAO,MAAM0B,YAAyC,GAAGA,CAAC;EACxDC,SAAS;EACTC,UAAU;EACVC,YAAY;EACZC,aAAa;EACb5B,WAAW;EACXC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM;IAACA,KAAK,EAAEE;EAAY,CAAC,GAAGb,QAAQ,CAAC,CAAC;EACxC,MAAMc,SAAS,GAAGH,KAAK,IAAIE,YAAY;EACvC,MAAME,MAAM,GAAGC,SAAS,CAACF,SAAS,CAAC;EACnC,MAAMwB,sBAAsB,GAAGxC,eAAe,CAAC,MAAM;IACnD,OAAOuC,aAAa,CAAC9B,KAAK,GAAGG,SAAS;EACxC,CAAC,CAAC;EACF,oBACEN,KAAA,CAACT,IAAI;IAAC6B,KAAK,EAAET,MAAM,CAACwB,OAAQ;IAACC,aAAa,EAAC,MAAM;IAAAT,QAAA,gBAC/C7B,IAAA,CAACI,aAAa;MACZC,KAAK,EAAE2B,SAAU;MACjBxB,SAAS,EAAEA,SAAU;MACrBF,QAAQ,EAAE4B,YAAa;MACvB3B,WAAW,EAAEA;IAAY,CAC1B,CAAC,eACFP,IAAA,CAACI,aAAa;MACZC,KAAK,EAAE4B,UAAW;MAClBzB,SAAS,EAAEA,SAAU;MACrBF,QAAQ,EAAE8B,sBAAuB;MACjC7B,WAAW,EAAEA;IAAY,CAC1B,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMO,SAAS,GAAIL,KAAgB,IACjClB,UAAU,CAACgD,MAAM,CAAC;EAChBF,OAAO,EAAE;IACP/B,QAAQ,EAAE,UAAU;IACpBsB,KAAK,EAAE,MAAM;IACbY,MAAM,EAAE;EACV,CAAC;EACDjB,cAAc,EAAE;IACdjB,QAAQ,EAAE,UAAU;IACpBmC,GAAG,EAAE,CAACtC,YAAY,GAAG,CAAC;IACtBuC,UAAU,EAAE;EACd,CAAC;EACDZ,SAAS,EAAE;IACTa,eAAe,EAAElC,KAAK,CAACmC,OAAO;IAC9BC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAEvC,KAAK,CAACwC,SAAS;IACtBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["default","RangeSlider"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RangeSlider/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe;AACtD,cAAc,kBAAe","ignoreList":[]}
|