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.
Files changed (171) hide show
  1. package/lib/commonjs/app.d.ts +4 -0
  2. package/lib/commonjs/app.d.ts.map +1 -0
  3. package/lib/commonjs/components/Badges/Badge.d.ts +14 -0
  4. package/lib/commonjs/components/Badges/Badge.d.ts.map +1 -0
  5. package/lib/commonjs/components/Badges/index.d.ts +3 -0
  6. package/lib/commonjs/components/Badges/index.d.ts.map +1 -0
  7. package/lib/commonjs/components/Banner/Banner.d.ts +24 -0
  8. package/lib/commonjs/components/Banner/Banner.d.ts.map +1 -0
  9. package/lib/commonjs/components/Banner/BannerWithDetails.d.ts +16 -0
  10. package/lib/commonjs/components/Banner/BannerWithDetails.d.ts.map +1 -0
  11. package/lib/commonjs/components/Banner/index.d.ts +4 -0
  12. package/lib/commonjs/components/Banner/index.d.ts.map +1 -0
  13. package/lib/commonjs/components/BrandIcon/BrandIcon.d.ts +18 -0
  14. package/lib/commonjs/components/BrandIcon/BrandIcon.d.ts.map +1 -0
  15. package/lib/commonjs/components/BrandIcon/index.d.ts +3 -0
  16. package/lib/commonjs/components/BrandIcon/index.d.ts.map +1 -0
  17. package/lib/commonjs/components/Button/Button.d.ts +17 -0
  18. package/lib/commonjs/components/Button/Button.d.ts.map +1 -0
  19. package/lib/commonjs/components/Button/index.d.ts +3 -0
  20. package/lib/commonjs/components/Button/index.d.ts.map +1 -0
  21. package/lib/commonjs/components/Card/Card.d.ts +17 -0
  22. package/lib/commonjs/components/Card/Card.d.ts.map +1 -0
  23. package/lib/commonjs/components/Card/CardContent.d.ts +8 -0
  24. package/lib/commonjs/components/Card/CardContent.d.ts.map +1 -0
  25. package/lib/commonjs/components/Card/CardFooter.d.ts +9 -0
  26. package/lib/commonjs/components/Card/CardFooter.d.ts.map +1 -0
  27. package/lib/commonjs/components/Card/CardHeader.d.ts +14 -0
  28. package/lib/commonjs/components/Card/CardHeader.d.ts.map +1 -0
  29. package/lib/commonjs/components/Card/CardImage.d.ts +12 -0
  30. package/lib/commonjs/components/Card/CardImage.d.ts.map +1 -0
  31. package/lib/commonjs/components/Card/index.d.ts +10 -0
  32. package/lib/commonjs/components/Card/index.d.ts.map +1 -0
  33. package/lib/commonjs/components/Card/templates/DealCard.d.ts +30 -0
  34. package/lib/commonjs/components/Card/templates/DealCard.d.ts.map +1 -0
  35. package/lib/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts +37 -0
  36. package/lib/commonjs/components/Card/templates/DealCardWithBackgroundImage.d.ts.map +1 -0
  37. package/lib/commonjs/components/Card/templates/SimpleTrendingCard.d.ts +12 -0
  38. package/lib/commonjs/components/Card/templates/SimpleTrendingCard.d.ts.map +1 -0
  39. package/lib/commonjs/components/Card/types.d.ts +2 -0
  40. package/lib/commonjs/components/Card/types.d.ts.map +1 -0
  41. package/lib/commonjs/components/CloseIcon/CloseIcon.d.ts +14 -0
  42. package/lib/commonjs/components/CloseIcon/CloseIcon.d.ts.map +1 -0
  43. package/lib/commonjs/components/CloseIcon/index.d.ts +3 -0
  44. package/lib/commonjs/components/CloseIcon/index.d.ts.map +1 -0
  45. package/lib/commonjs/components/DateRangePicker/DateRangePicker.d.ts +20 -0
  46. package/lib/commonjs/components/DateRangePicker/DateRangePicker.d.ts.map +1 -0
  47. package/lib/commonjs/components/DateRangePicker/index.d.ts +2 -0
  48. package/lib/commonjs/components/DateRangePicker/index.d.ts.map +1 -0
  49. package/lib/commonjs/components/Filters/Filters.d.ts +56 -0
  50. package/lib/commonjs/components/Filters/Filters.d.ts.map +1 -0
  51. package/lib/commonjs/components/Filters/PointsRangeSelector.d.ts +27 -0
  52. package/lib/commonjs/components/Filters/PointsRangeSelector.d.ts.map +1 -0
  53. package/lib/commonjs/components/Filters/index.d.ts +4 -0
  54. package/lib/commonjs/components/Filters/index.d.ts.map +1 -0
  55. package/lib/commonjs/components/Input/Input.d.ts +4 -0
  56. package/lib/commonjs/components/Input/Input.d.ts.map +1 -0
  57. package/lib/commonjs/components/Input/index.d.ts +3 -0
  58. package/lib/commonjs/components/Input/index.d.ts.map +1 -0
  59. package/lib/commonjs/components/LockOverlay/LockOverlay.d.ts +15 -0
  60. package/lib/commonjs/components/LockOverlay/LockOverlay.d.ts.map +1 -0
  61. package/lib/commonjs/components/LockOverlay/index.d.ts +3 -0
  62. package/lib/commonjs/components/LockOverlay/index.d.ts.map +1 -0
  63. package/lib/commonjs/components/Marquee/Marquee.d.ts +14 -0
  64. package/lib/commonjs/components/Marquee/Marquee.d.ts.map +1 -0
  65. package/lib/commonjs/components/Marquee/index.d.ts +3 -0
  66. package/lib/commonjs/components/Marquee/index.d.ts.map +1 -0
  67. package/lib/commonjs/components/NumericStepper/NumericStepper.d.ts +16 -0
  68. package/lib/commonjs/components/NumericStepper/NumericStepper.d.ts.map +1 -0
  69. package/lib/commonjs/components/NumericStepper/index.d.ts +3 -0
  70. package/lib/commonjs/components/NumericStepper/index.d.ts.map +1 -0
  71. package/lib/commonjs/components/Popup/Popup.d.ts +39 -0
  72. package/lib/commonjs/components/Popup/Popup.d.ts.map +1 -0
  73. package/lib/commonjs/components/Popup/index.d.ts +3 -0
  74. package/lib/commonjs/components/Popup/index.d.ts.map +1 -0
  75. package/lib/commonjs/components/ProgressBar/ProgressBar.d.ts +22 -0
  76. package/lib/commonjs/components/ProgressBar/ProgressBar.d.ts.map +1 -0
  77. package/lib/commonjs/components/ProgressBar/index.d.ts +3 -0
  78. package/lib/commonjs/components/ProgressBar/index.d.ts.map +1 -0
  79. package/lib/commonjs/components/RedeemedVoucher/RedeemedVoucherSheet.d.ts +4 -0
  80. package/lib/commonjs/components/RedeemedVoucher/RedeemedVoucherSheet.d.ts.map +1 -0
  81. package/lib/commonjs/components/RedeemedVoucher/index.d.ts +3 -0
  82. package/lib/commonjs/components/RedeemedVoucher/index.d.ts.map +1 -0
  83. package/lib/commonjs/components/RedemptionOption/RedemptionOption.d.ts +23 -0
  84. package/lib/commonjs/components/RedemptionOption/RedemptionOption.d.ts.map +1 -0
  85. package/lib/commonjs/components/RedemptionOption/index.d.ts +3 -0
  86. package/lib/commonjs/components/RedemptionOption/index.d.ts.map +1 -0
  87. package/lib/commonjs/components/ScratchCard/ScratchCard.d.ts +19 -0
  88. package/lib/commonjs/components/ScratchCard/ScratchCard.d.ts.map +1 -0
  89. package/lib/commonjs/components/ScratchCard/ScratchCardContent.d.ts +7 -0
  90. package/lib/commonjs/components/ScratchCard/ScratchCardContent.d.ts.map +1 -0
  91. package/lib/commonjs/components/ScratchCard/index.d.ts +4 -0
  92. package/lib/commonjs/components/ScratchCard/index.d.ts.map +1 -0
  93. package/lib/commonjs/components/SelectAmount/SelectAmount.d.ts +29 -0
  94. package/lib/commonjs/components/SelectAmount/SelectAmount.d.ts.map +1 -0
  95. package/lib/commonjs/components/SelectAmount/index.d.ts +2 -0
  96. package/lib/commonjs/components/SelectAmount/index.d.ts.map +1 -0
  97. package/lib/commonjs/components/Skeleton/Shimmer.d.ts +11 -0
  98. package/lib/commonjs/components/Skeleton/Shimmer.d.ts.map +1 -0
  99. package/lib/commonjs/components/Skeleton/SkeletonElement.d.ts +10 -0
  100. package/lib/commonjs/components/Skeleton/SkeletonElement.d.ts.map +1 -0
  101. package/lib/commonjs/components/Skeleton/index.d.ts +4 -0
  102. package/lib/commonjs/components/Skeleton/index.d.ts.map +1 -0
  103. package/lib/commonjs/components/Suggestions/SuggestionList.d.ts +12 -0
  104. package/lib/commonjs/components/Suggestions/SuggestionList.d.ts.map +1 -0
  105. package/lib/commonjs/components/TravelBooking/CarRentalForm.d.ts +52 -0
  106. package/lib/commonjs/components/TravelBooking/CarRentalForm.d.ts.map +1 -0
  107. package/lib/commonjs/components/TravelBooking/FlightForm.d.ts +47 -0
  108. package/lib/commonjs/components/TravelBooking/FlightForm.d.ts.map +1 -0
  109. package/lib/commonjs/components/TravelBooking/FlightSummary.d.ts +32 -0
  110. package/lib/commonjs/components/TravelBooking/FlightSummary.d.ts.map +1 -0
  111. package/lib/commonjs/components/TravelBooking/HotelForm.d.ts +45 -0
  112. package/lib/commonjs/components/TravelBooking/HotelForm.d.ts.map +1 -0
  113. package/lib/commonjs/components/TravelBooking/HotelSummary.d.ts +36 -0
  114. package/lib/commonjs/components/TravelBooking/HotelSummary.d.ts.map +1 -0
  115. package/lib/commonjs/components/TravelBooking/SummaryBar.d.ts +12 -0
  116. package/lib/commonjs/components/TravelBooking/SummaryBar.d.ts.map +1 -0
  117. package/lib/commonjs/components/TravelBooking/TabSelector.d.ts +15 -0
  118. package/lib/commonjs/components/TravelBooking/TabSelector.d.ts.map +1 -0
  119. package/lib/commonjs/components/TravelBooking/TravelBooking.d.ts +47 -0
  120. package/lib/commonjs/components/TravelBooking/TravelBooking.d.ts.map +1 -0
  121. package/lib/commonjs/components/TravelBooking/index.d.ts +2 -0
  122. package/lib/commonjs/components/TravelBooking/index.d.ts.map +1 -0
  123. package/lib/commonjs/components/TravelBooking/types.d.ts +3 -0
  124. package/lib/commonjs/components/TravelBooking/types.d.ts.map +1 -0
  125. package/lib/commonjs/components/UnlockRewards/RewardItem.d.ts +23 -0
  126. package/lib/commonjs/components/UnlockRewards/RewardItem.d.ts.map +1 -0
  127. package/lib/commonjs/components/UnlockRewards/UnlockRewards.d.ts +41 -0
  128. package/lib/commonjs/components/UnlockRewards/UnlockRewards.d.ts.map +1 -0
  129. package/lib/commonjs/components/UnlockRewards/index.d.ts +4 -0
  130. package/lib/commonjs/components/UnlockRewards/index.d.ts.map +1 -0
  131. package/lib/commonjs/components/Wheel/Wheel.d.ts +25 -0
  132. package/lib/commonjs/components/Wheel/Wheel.d.ts.map +1 -0
  133. package/lib/commonjs/components/Wheel/index.d.ts +3 -0
  134. package/lib/commonjs/components/Wheel/index.d.ts.map +1 -0
  135. package/lib/commonjs/components/index.d.ts +2 -0
  136. package/lib/commonjs/components/index.d.ts.map +1 -0
  137. package/lib/commonjs/constants/BRANDS.d.ts +14 -0
  138. package/lib/commonjs/constants/BRANDS.d.ts.map +1 -0
  139. package/lib/commonjs/index.d.ts +2 -0
  140. package/lib/commonjs/index.d.ts.map +1 -0
  141. package/lib/commonjs/theme/Colors.d.ts +110 -0
  142. package/lib/commonjs/theme/Colors.d.ts.map +1 -0
  143. package/lib/commonjs/theme/ThemeContext.d.ts +11 -0
  144. package/lib/commonjs/theme/ThemeContext.d.ts.map +1 -0
  145. package/lib/commonjs/theme/index.d.ts +2 -0
  146. package/lib/commonjs/theme/index.d.ts.map +1 -0
  147. package/lib/module/app.js +8 -8
  148. package/lib/module/app.js.map +1 -1
  149. package/lib/module/components/RangeSlider/RangeSlider.js +170 -0
  150. package/lib/module/components/RangeSlider/RangeSlider.js.map +1 -0
  151. package/lib/module/components/RangeSlider/SliderLabel.js +95 -0
  152. package/lib/module/components/RangeSlider/SliderLabel.js.map +1 -0
  153. package/lib/module/components/RangeSlider/index.js +5 -0
  154. package/lib/module/components/RangeSlider/index.js.map +1 -0
  155. package/lib/module/components/index.js +1 -0
  156. package/lib/module/components/index.js.map +1 -1
  157. package/lib/typescript/src/app.d.ts.map +1 -1
  158. package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts +18 -0
  159. package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts.map +1 -0
  160. package/lib/typescript/src/components/RangeSlider/SliderLabel.d.ts +15 -0
  161. package/lib/typescript/src/components/RangeSlider/SliderLabel.d.ts.map +1 -0
  162. package/lib/typescript/src/components/RangeSlider/index.d.ts +3 -0
  163. package/lib/typescript/src/components/RangeSlider/index.d.ts.map +1 -0
  164. package/lib/typescript/src/components/index.d.ts +1 -0
  165. package/lib/typescript/src/components/index.d.ts.map +1 -1
  166. package/package.json +1 -1
  167. package/src/app.tsx +3 -1
  168. package/src/components/RangeSlider/RangeSlider.tsx +196 -0
  169. package/src/components/RangeSlider/SliderLabel.tsx +123 -0
  170. package/src/components/RangeSlider/index.ts +2 -0
  171. package/src/components/index.ts +2 -1
@@ -0,0 +1,3 @@
1
+ export const __esModule: boolean;
2
+ export const FormInputType: {};
3
+ //# sourceMappingURL=types.d.ts.map
@@ -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,4 @@
1
+ export const __esModule: boolean;
2
+ export const RewardItem: any;
3
+ export const UnlockRewards: any;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ export const __esModule: boolean;
2
+ export const Wheel: any;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export const __esModule: boolean;
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export const __esModule: boolean;
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export const __esModule: boolean;
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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(CircularProgressBar, {
67
- variant: "steps",
68
- totalSteps: 4,
69
- currentStep: 4,
70
- size: 43,
71
- strokeWidth: 2,
72
- progressColor: "#9CA0A3"
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
  })
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","SafeAreaView","StyleSheet","StatusBar","GestureHandlerRootView","lightTheme","RelatedProvider","useTheme","CircularProgressBar","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","variant","totalSteps","currentStep","size","strokeWidth","progressColor","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;AAUrE,SAASC,UAAU,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,kBAAS;AAC/D,OAAOC,mBAAmB,MAAM,iDAA8C;AAE9E,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,GAAGf,QAAQ,CAAC,CAAC;EAE5B,MAAM,CAACgB,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,CAACN,eAAe;UAACgB,KAAK,EAAEjB,UAAW;UAAA8B,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,eA+CvCvB,IAAA,CAACJ,mBAAmB;gBAACiC,OAAO,EAAC,OAAO;gBAACC,UAAU,EAAE,CAAE;gBAACC,WAAW,EAAE,CAAE;gBAACC,IAAI,EAAE,EAAG;gBAAEC,WAAW,EAAE,CAAE;gBAACC,aAAa,EAAC;cAAS,CAAsB;YAAC,CAEjI,CAAC;UAAA,CACS;QAAC,CACZ;MAAC,CACI;IAAC,CACP;EAAC,CACnB,CAAC;AAEP,CAAC;AAED,MAAMP,MAAM,GAAGrC,UAAU,CAAC6C,MAAM,CAAC;EAC/BP,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPW,eAAe,EAAC,MAAM;IACtBC,cAAc,EAAE,QAAQ,CAAE;EAC5B;AACF,CAAC,CAAC;AAEF,eAAe5B,GAAG","ignoreList":[]}
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":"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","ignoreList":[]}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ export { default as RangeSlider } from "./RangeSlider.js";
4
+ export * from "./RangeSlider.js";
5
+ //# sourceMappingURL=index.js.map
@@ -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":[]}