mautourco-components 0.2.5 → 0.2.7

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 (297) hide show
  1. package/README.md +190 -190
  2. package/dist/components/atoms/Avatar/Avatar.d.ts +14 -14
  3. package/dist/components/atoms/Avatar/Avatar.js +31 -31
  4. package/dist/components/atoms/Button/Button.css +320 -320
  5. package/dist/components/atoms/Button/Button.d.ts +27 -27
  6. package/dist/components/atoms/Button/Button.js +35 -35
  7. package/dist/components/atoms/Checkbox/Checkbox.d.ts +13 -13
  8. package/dist/components/atoms/Checkbox/Checkbox.js +39 -39
  9. package/dist/components/atoms/Icon/Icon.d.ts +10 -10
  10. package/dist/components/atoms/Icon/Icon.js +123 -123
  11. package/dist/components/atoms/Icon/icons/ArrivalIcon.d.ts +8 -8
  12. package/dist/components/atoms/Icon/icons/ArrivalIcon.js +31 -31
  13. package/dist/components/atoms/Icon/icons/BuildingIcon.d.ts +8 -8
  14. package/dist/components/atoms/Icon/icons/BuildingIcon.js +36 -36
  15. package/dist/components/atoms/Icon/icons/CalendarIcon.d.ts +12 -12
  16. package/dist/components/atoms/Icon/icons/CalendarIcon.js +41 -41
  17. package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.d.ts +8 -8
  18. package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.js +36 -36
  19. package/dist/components/atoms/Icon/icons/CarIcon.d.ts +8 -8
  20. package/dist/components/atoms/Icon/icons/CarIcon.js +30 -30
  21. package/dist/components/atoms/Icon/icons/Check.d.ts +8 -8
  22. package/dist/components/atoms/Icon/icons/Check.js +30 -30
  23. package/dist/components/atoms/Icon/icons/CheckCircleIcon.d.ts +8 -8
  24. package/dist/components/atoms/Icon/icons/CheckCircleIcon.js +30 -30
  25. package/dist/components/atoms/Icon/icons/Chevron.d.ts +9 -9
  26. package/dist/components/atoms/Icon/icons/Chevron.js +54 -54
  27. package/dist/components/atoms/Icon/icons/ChevronDownIcon.d.ts +8 -8
  28. package/dist/components/atoms/Icon/icons/ChevronDownIcon.js +30 -30
  29. package/dist/components/atoms/Icon/icons/Close.d.ts +8 -8
  30. package/dist/components/atoms/Icon/icons/Close.js +30 -30
  31. package/dist/components/atoms/Icon/icons/DeleteIcon.d.ts +8 -8
  32. package/dist/components/atoms/Icon/icons/DeleteIcon.js +30 -30
  33. package/dist/components/atoms/Icon/icons/DepartureIcon.d.ts +8 -8
  34. package/dist/components/atoms/Icon/icons/DepartureIcon.js +30 -30
  35. package/dist/components/atoms/Icon/icons/EyeIcon.d.ts +8 -8
  36. package/dist/components/atoms/Icon/icons/EyeIcon.js +30 -30
  37. package/dist/components/atoms/Icon/icons/FacebookIcon.d.ts +8 -8
  38. package/dist/components/atoms/Icon/icons/FacebookIcon.js +36 -36
  39. package/dist/components/atoms/Icon/icons/HomeIcon.d.ts +8 -8
  40. package/dist/components/atoms/Icon/icons/HomeIcon.js +25 -25
  41. package/dist/components/atoms/Icon/icons/InfoIcon.d.ts +8 -8
  42. package/dist/components/atoms/Icon/icons/InfoIcon.js +30 -30
  43. package/dist/components/atoms/Icon/icons/LinkedInIcon.d.ts +8 -8
  44. package/dist/components/atoms/Icon/icons/LinkedInIcon.js +36 -36
  45. package/dist/components/atoms/Icon/icons/MapPinIcon.d.ts +8 -8
  46. package/dist/components/atoms/Icon/icons/MapPinIcon.js +30 -30
  47. package/dist/components/atoms/Icon/icons/MautoucoLogo.d.ts +8 -8
  48. package/dist/components/atoms/Icon/icons/MautoucoLogo.js +37 -37
  49. package/dist/components/atoms/Icon/icons/MenuIcon.d.ts +8 -8
  50. package/dist/components/atoms/Icon/icons/MenuIcon.js +37 -37
  51. package/dist/components/atoms/Icon/icons/MinusIcon.d.ts +8 -8
  52. package/dist/components/atoms/Icon/icons/MinusIcon.js +25 -25
  53. package/dist/components/atoms/Icon/icons/MoreIcon.d.ts +8 -8
  54. package/dist/components/atoms/Icon/icons/MoreIcon.js +30 -30
  55. package/dist/components/atoms/Icon/icons/PlaneIcon.d.ts +8 -8
  56. package/dist/components/atoms/Icon/icons/PlaneIcon.js +36 -36
  57. package/dist/components/atoms/Icon/icons/PlusIcon.d.ts +8 -8
  58. package/dist/components/atoms/Icon/icons/PlusIcon.js +25 -25
  59. package/dist/components/atoms/Icon/icons/Search.d.ts +8 -8
  60. package/dist/components/atoms/Icon/icons/Search.js +30 -30
  61. package/dist/components/atoms/Icon/icons/Settings.d.ts +8 -8
  62. package/dist/components/atoms/Icon/icons/Settings.js +30 -30
  63. package/dist/components/atoms/Icon/icons/ShipIcon.d.ts +8 -8
  64. package/dist/components/atoms/Icon/icons/ShipIcon.js +36 -36
  65. package/dist/components/atoms/Icon/icons/StrollerIcon.d.ts +8 -8
  66. package/dist/components/atoms/Icon/icons/StrollerIcon.js +30 -30
  67. package/dist/components/atoms/Icon/icons/TwitterIcon.d.ts +8 -8
  68. package/dist/components/atoms/Icon/icons/TwitterIcon.js +36 -36
  69. package/dist/components/atoms/Icon/icons/User.d.ts +8 -8
  70. package/dist/components/atoms/Icon/icons/User.js +30 -30
  71. package/dist/components/atoms/Icon/icons/UserIcon.d.ts +12 -12
  72. package/dist/components/atoms/Icon/icons/UserIcon.js +41 -41
  73. package/dist/components/atoms/Icon/icons/Youtube.d.ts +8 -8
  74. package/dist/components/atoms/Icon/icons/Youtube.js +36 -36
  75. package/dist/components/atoms/Illustration/Illustration.d.ts +14 -14
  76. package/dist/components/atoms/Illustration/Illustration.js +33 -33
  77. package/dist/components/atoms/Illustration/illustrations.d.ts +51 -51
  78. package/dist/components/atoms/Illustration/illustrations.js +97 -97
  79. package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.d.ts +12 -12
  80. package/dist/components/atoms/Inputs/DropdownInput/DropdownInput.js +53 -53
  81. package/dist/components/atoms/Inputs/Input/Input.d.ts +15 -15
  82. package/dist/components/atoms/Inputs/Input/Input.js +27 -27
  83. package/dist/components/atoms/Inputs/Textarea/Textarea.d.ts +14 -14
  84. package/dist/components/atoms/Inputs/Textarea/Textarea.js +15 -15
  85. package/dist/components/atoms/Link/Link.d.ts +44 -44
  86. package/dist/components/atoms/Link/Link.js +76 -76
  87. package/dist/components/atoms/RatingStar/RatingStar.d.ts +40 -40
  88. package/dist/components/atoms/RatingStar/RatingStar.js +54 -54
  89. package/dist/components/atoms/SegmentedButton/SegmentedButton.d.ts +27 -27
  90. package/dist/components/atoms/SegmentedButton/SegmentedButton.js +49 -49
  91. package/dist/components/atoms/SelectedValue/SelectedValue.d.ts +11 -11
  92. package/dist/components/atoms/SelectedValue/SelectedValue.js +29 -29
  93. package/dist/components/atoms/Slider/Slider.d.ts +52 -52
  94. package/dist/components/atoms/Slider/Slider.js +30 -30
  95. package/dist/components/atoms/Spinner/Spinner.d.ts +9 -9
  96. package/dist/components/atoms/Spinner/Spinner.js +38 -38
  97. package/dist/components/atoms/Spinner/variants/ButtonSpinner.d.ts +8 -8
  98. package/dist/components/atoms/Spinner/variants/ButtonSpinner.js +19 -19
  99. package/dist/components/atoms/Spinner/variants/LoadingSpinner.d.ts +7 -7
  100. package/dist/components/atoms/Spinner/variants/LoadingSpinner.js +7 -7
  101. package/dist/components/atoms/Tab/Tab.css +266 -266
  102. package/dist/components/atoms/Tab/Tab.d.ts +22 -22
  103. package/dist/components/atoms/Tab/Tab.js +54 -54
  104. package/dist/components/atoms/Typography/Typography.d.ts +24 -24
  105. package/dist/components/atoms/Typography/Typography.js +100 -100
  106. package/dist/components/molecules/Calendar/CalendarInput.d.ts +34 -34
  107. package/dist/components/molecules/Calendar/CalendarInput.js +49 -49
  108. package/dist/components/molecules/Calendar/DateTime.d.ts +25 -25
  109. package/dist/components/molecules/Calendar/DateTime.js +106 -106
  110. package/dist/components/molecules/Calendar/TimePicker.d.ts +16 -16
  111. package/dist/components/molecules/Calendar/TimePicker.js +91 -91
  112. package/dist/components/molecules/LocationDropdown/LocationDropdown.d.ts +34 -34
  113. package/dist/components/molecules/LocationDropdown/LocationDropdown.js +120 -120
  114. package/dist/components/molecules/LocationDropdown/index.d.ts +2 -2
  115. package/dist/components/molecules/LocationDropdown/index.js +1 -1
  116. package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts +29 -29
  117. package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js +106 -106
  118. package/dist/components/molecules/RatingTab/RatingTab.d.ts +39 -39
  119. package/dist/components/molecules/RatingTab/RatingTab.js +41 -41
  120. package/dist/components/molecules/TabGroup/TabGroup.d.ts +17 -17
  121. package/dist/components/molecules/TabGroup/TabGroup.js +30 -30
  122. package/dist/components/molecules/UserCard/UserCard.d.ts +20 -20
  123. package/dist/components/molecules/UserCard/UserCard.js +57 -57
  124. package/dist/components/organisms/CardContainer/CardContainer.d.ts +37 -37
  125. package/dist/components/organisms/CardContainer/CardContainer.js +27 -27
  126. package/dist/components/organisms/DateTimePicker/DateTimePicker.d.ts +15 -15
  127. package/dist/components/organisms/DateTimePicker/DateTimePicker.js +66 -66
  128. package/dist/components/organisms/Dialog/Dialog.d.ts +103 -103
  129. package/dist/components/organisms/Dialog/Dialog.js +162 -162
  130. package/dist/components/organisms/Footer/Footer.d.ts +38 -38
  131. package/dist/components/organisms/Footer/Footer.js +74 -74
  132. package/dist/components/organisms/PaxSelector/PaxSelector.d.ts +63 -63
  133. package/dist/components/organisms/PaxSelector/PaxSelector.js +402 -402
  134. package/dist/components/organisms/RoundTrip/RoundTrip.d.ts +54 -54
  135. package/dist/components/organisms/RoundTrip/RoundTrip.js +179 -179
  136. package/dist/components/organisms/RoundTrip/index.d.ts +2 -2
  137. package/dist/components/organisms/RoundTrip/index.js +1 -1
  138. package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.d.ts +35 -35
  139. package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.js +192 -192
  140. package/dist/components/organisms/SearchBarTransfer/index.d.ts +2 -2
  141. package/dist/components/organisms/SearchBarTransfer/index.js +1 -1
  142. package/dist/components/organisms/TopNavigation/DesktopNav.d.ts +33 -33
  143. package/dist/components/organisms/TopNavigation/DesktopNav.js +32 -32
  144. package/dist/components/organisms/TopNavigation/MobileNav.d.ts +32 -32
  145. package/dist/components/organisms/TopNavigation/MobileNav.js +45 -45
  146. package/dist/components/organisms/TopNavigation/TopNavigation.d.ts +33 -33
  147. package/dist/components/organisms/TopNavigation/TopNavigation.js +20 -20
  148. package/dist/components/organisms/TransferLine/TransferLine.d.ts +53 -53
  149. package/dist/components/organisms/TransferLine/TransferLine.js +179 -179
  150. package/dist/components/ui/button.d.ts +10 -10
  151. package/dist/components/ui/button.js +56 -56
  152. package/dist/components/ui/calendar.d.ts +8 -8
  153. package/dist/components/ui/calendar.js +87 -87
  154. package/dist/components/ui/popover.d.ts +7 -7
  155. package/dist/components/ui/popover.js +42 -42
  156. package/dist/hooks/useMobile.d.ts +5 -5
  157. package/dist/hooks/useMobile.js +26 -26
  158. package/dist/index.d.ts +49 -49
  159. package/dist/index.js +46 -46
  160. package/dist/lib/utils.d.ts +7 -7
  161. package/dist/lib/utils.js +13 -13
  162. package/dist/styles/components/avatar.css +122 -122
  163. package/dist/styles/components/calendar.css +140 -140
  164. package/dist/styles/components/checkbox.css +206 -206
  165. package/dist/styles/components/dropdown.css +269 -269
  166. package/dist/styles/components/forms.css +209 -209
  167. package/dist/styles/components/illustration.css +123 -123
  168. package/dist/styles/components/molecule/calendarInput.css +133 -133
  169. package/dist/styles/components/molecule/dateTime.css +126 -126
  170. package/dist/styles/components/molecule/location-dropdown.css +132 -132
  171. package/dist/styles/components/molecule/timePicker.css +122 -122
  172. package/dist/styles/components/multiselect-dropdown.css +286 -286
  173. package/dist/styles/components/organism/card-container.css +148 -148
  174. package/dist/styles/components/organism/dialog.css +168 -168
  175. package/dist/styles/components/organism/footer.css +119 -119
  176. package/dist/styles/components/organism/pax-selector.css +617 -617
  177. package/dist/styles/components/organism/round-trip.css +139 -139
  178. package/dist/styles/components/organism/search-bar-transfer.css +158 -161
  179. package/dist/styles/components/organism/topnavigation.css +142 -142
  180. package/dist/styles/components/organism/transfer-line.css +138 -138
  181. package/dist/styles/components/rating-star.css +145 -145
  182. package/dist/styles/components/rating-tab.css +179 -179
  183. package/dist/styles/components/scrollbar.css +155 -155
  184. package/dist/styles/components/segmented-button.css +214 -214
  185. package/dist/styles/components/selected-value.css +175 -175
  186. package/dist/styles/components/slider.css +182 -182
  187. package/dist/styles/components/typography.css +245 -245
  188. package/dist/styles/tokens/tokens.css +119 -119
  189. package/dist/styles/tokens/tokens.d.ts +3108 -3108
  190. package/dist/styles/tokens/tokens.js +2652 -2652
  191. package/package.json +103 -103
  192. package/src/components/atoms/Avatar/Avatar.tsx +60 -60
  193. package/src/components/atoms/Button/Button.css +200 -200
  194. package/src/components/atoms/Button/Button.tsx +82 -82
  195. package/src/components/atoms/Checkbox/Checkbox.tsx +83 -83
  196. package/src/components/atoms/Icon/Icon.tsx +163 -163
  197. package/src/components/atoms/Icon/icons/ArrivalIcon.tsx +52 -52
  198. package/src/components/atoms/Icon/icons/BuildingIcon.tsx +50 -50
  199. package/src/components/atoms/Icon/icons/CalendarIcon.tsx +63 -63
  200. package/src/components/atoms/Icon/icons/CalendarOutlineIcon.tsx +50 -50
  201. package/src/components/atoms/Icon/icons/CarIcon.tsx +44 -44
  202. package/src/components/atoms/Icon/icons/Check.tsx +36 -36
  203. package/src/components/atoms/Icon/icons/CheckCircleIcon.tsx +48 -48
  204. package/src/components/atoms/Icon/icons/Chevron.tsx +73 -73
  205. package/src/components/atoms/Icon/icons/ChevronDownIcon.tsx +46 -46
  206. package/src/components/atoms/Icon/icons/Close.tsx +39 -39
  207. package/src/components/atoms/Icon/icons/DeleteIcon.tsx +44 -44
  208. package/src/components/atoms/Icon/icons/DepartureIcon.tsx +50 -50
  209. package/src/components/atoms/Icon/icons/EyeIcon.tsx +44 -44
  210. package/src/components/atoms/Icon/icons/FacebookIcon.tsx +50 -50
  211. package/src/components/atoms/Icon/icons/HomeIcon.tsx +52 -52
  212. package/src/components/atoms/Icon/icons/InfoIcon.tsx +44 -44
  213. package/src/components/atoms/Icon/icons/LinkedInIcon.tsx +50 -50
  214. package/src/components/atoms/Icon/icons/MapPinIcon.tsx +44 -44
  215. package/src/components/atoms/Icon/icons/MautoucoLogo.tsx +93 -93
  216. package/src/components/atoms/Icon/icons/MenuIcon.tsx +49 -49
  217. package/src/components/atoms/Icon/icons/MinusIcon.tsx +45 -45
  218. package/src/components/atoms/Icon/icons/MoreIcon.tsx +44 -44
  219. package/src/components/atoms/Icon/icons/PlaneIcon.tsx +50 -50
  220. package/src/components/atoms/Icon/icons/PlusIcon.tsx +45 -45
  221. package/src/components/atoms/Icon/icons/Search.tsx +37 -37
  222. package/src/components/atoms/Icon/icons/Settings.tsx +38 -38
  223. package/src/components/atoms/Icon/icons/ShipIcon.tsx +50 -50
  224. package/src/components/atoms/Icon/icons/StrollerIcon.tsx +44 -44
  225. package/src/components/atoms/Icon/icons/TwitterIcon.tsx +50 -50
  226. package/src/components/atoms/Icon/icons/User.tsx +37 -37
  227. package/src/components/atoms/Icon/icons/UserIcon.tsx +63 -63
  228. package/src/components/atoms/Icon/icons/Youtube.tsx +50 -50
  229. package/src/components/atoms/Illustration/Illustration.tsx +28 -28
  230. package/src/components/atoms/Illustration/illustrations.ts +116 -116
  231. package/src/components/atoms/Inputs/DropdownInput/DropdownInput.tsx +96 -96
  232. package/src/components/atoms/Inputs/Textarea/Textarea.tsx +51 -51
  233. package/src/components/atoms/Link/Link.tsx +168 -168
  234. package/src/components/atoms/RatingStar/RatingStar.tsx +114 -114
  235. package/src/components/atoms/SegmentedButton/SegmentedButton.tsx +94 -94
  236. package/src/components/atoms/SelectedValue/SelectedValue.tsx +59 -59
  237. package/src/components/atoms/Slider/Slider.tsx +95 -95
  238. package/src/components/atoms/Spinner/Spinner.tsx +56 -56
  239. package/src/components/atoms/Spinner/variants/ButtonSpinner.tsx +37 -37
  240. package/src/components/atoms/Spinner/variants/LoadingSpinner.tsx +22 -22
  241. package/src/components/atoms/Tab/Tab.css +147 -147
  242. package/src/components/atoms/Tab/Tab.tsx +96 -96
  243. package/src/components/atoms/Typography/Typography.tsx +153 -153
  244. package/src/components/molecules/Calendar/CalendarInput.tsx +135 -135
  245. package/src/components/molecules/Calendar/DateTime.tsx +172 -172
  246. package/src/components/molecules/Calendar/TimePicker.tsx +174 -174
  247. package/src/components/molecules/LocationDropdown/LocationDropdown.tsx +234 -234
  248. package/src/components/molecules/LocationDropdown/index.ts +2 -2
  249. package/src/components/molecules/RatingTab/RatingTab.tsx +96 -96
  250. package/src/components/molecules/TabGroup/TabGroup.tsx +60 -60
  251. package/src/components/molecules/UserCard/UserCard.stories.tsx +36 -36
  252. package/src/components/molecules/UserCard/UserCard.tsx +173 -173
  253. package/src/components/organisms/CardContainer/CardContainer.tsx +66 -66
  254. package/src/components/organisms/DateTimePicker/DateTimePicker.tsx +110 -110
  255. package/src/components/organisms/Dialog/Dialog.tsx +352 -352
  256. package/src/components/organisms/Footer/Footer.tsx +290 -290
  257. package/src/components/organisms/PaxSelector/PaxSelector.tsx +979 -979
  258. package/src/components/organisms/RoundTrip/RoundTrip.tsx +335 -335
  259. package/src/components/organisms/RoundTrip/index.ts +2 -2
  260. package/src/components/organisms/SearchBarTransfer/SearchBarTransfer.tsx +388 -388
  261. package/src/components/organisms/SearchBarTransfer/index.ts +2 -2
  262. package/src/components/organisms/TopNavigation/DesktopNav.tsx +133 -133
  263. package/src/components/organisms/TopNavigation/MobileNav.tsx +212 -212
  264. package/src/components/organisms/TopNavigation/TopNavigation.tsx +45 -45
  265. package/src/components/organisms/TransferLine/TransferLine.tsx +369 -369
  266. package/src/components/ui/button.tsx +60 -60
  267. package/src/components/ui/calendar.tsx +246 -246
  268. package/src/components/ui/popover.tsx +46 -46
  269. package/src/styles/components/avatar.css +58 -58
  270. package/src/styles/components/calendar.css +85 -85
  271. package/src/styles/components/checkbox.css +130 -130
  272. package/src/styles/components/dropdown.css +214 -214
  273. package/src/styles/components/forms.css +147 -147
  274. package/src/styles/components/illustration.css +7 -7
  275. package/src/styles/components/molecule/calendarInput.css +156 -156
  276. package/src/styles/components/molecule/dateTime.css +14 -14
  277. package/src/styles/components/molecule/location-dropdown.css +204 -204
  278. package/src/styles/components/molecule/timePicker.css +78 -78
  279. package/src/styles/components/multiselect-dropdown.css +230 -230
  280. package/src/styles/components/organism/card-container.css +49 -49
  281. package/src/styles/components/organism/dialog.css +241 -241
  282. package/src/styles/components/organism/footer.css +113 -113
  283. package/src/styles/components/organism/pax-selector.css +702 -702
  284. package/src/styles/components/organism/round-trip.css +55 -55
  285. package/src/styles/components/organism/search-bar-transfer.css +128 -127
  286. package/src/styles/components/organism/topnavigation.css +161 -161
  287. package/src/styles/components/organism/transfer-line.css +86 -86
  288. package/src/styles/components/rating-star.css +39 -39
  289. package/src/styles/components/rating-tab.css +83 -83
  290. package/src/styles/components/scrollbar.css +63 -63
  291. package/src/styles/components/segmented-button.css +134 -134
  292. package/src/styles/components/selected-value.css +80 -80
  293. package/src/styles/components/slider.css +86 -86
  294. package/src/styles/components/typography.css +251 -251
  295. package/src/styles/fonts.css +50 -0
  296. package/src/styles/tokens/tokens.css +119 -119
  297. package/src/styles/tokens/tokens.js +12 -6
@@ -1,192 +1,192 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
13
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
14
- if (ar || !(i in from)) {
15
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
16
- ar[i] = from[i];
17
- }
18
- }
19
- return to.concat(ar || Array.prototype.slice.call(from));
20
- };
21
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
22
- import React, { useState, useEffect } from "react";
23
- import RoundTrip from "../RoundTrip/RoundTrip";
24
- import TransferLine from "../TransferLine/TransferLine";
25
- import Button from "../../atoms/Button/Button";
26
- import Checkbox from "../../atoms/Checkbox/Checkbox";
27
- import { Text, Heading } from "../../atoms/Typography/Typography";
28
- import Icon from "../../atoms/Icon/Icon";
29
- import SegmentedButton from "../../atoms/SegmentedButton/SegmentedButton";
30
- import "../../../styles/components/organism/search-bar-transfer.css";
31
- var transferIdCounter = 0;
32
- var SearchBarTransfer = function (_a) {
33
- var _b, _c;
34
- var _d = _a.mode, initialMode = _d === void 0 ? "roundtrip" : _d, _e = _a.locations, locations = _e === void 0 ? { options: [], groups: [] } : _e, defaultRoundTripData = _a.defaultRoundTripData, defaultTransferLines = _a.defaultTransferLines, _f = _a.defaultSameVehicle, defaultSameVehicle = _f === void 0 ? false : _f, onSearch = _a.onSearch, onChange = _a.onChange, _g = _a.className, className = _g === void 0 ? "" : _g;
35
- // Generate unique ID for transfer lines
36
- var generateTransferId = function () {
37
- transferIdCounter += 1;
38
- return "transfer-".concat(transferIdCounter, "-").concat(Date.now());
39
- };
40
- // Ensure default transfer lines have IDs
41
- var initializeTransferLines = function (lines) {
42
- if (!lines)
43
- return [];
44
- return lines.map(function (line) { return (__assign(__assign({}, line), { id: line.id || generateTransferId() })); });
45
- };
46
- var _h = useState(initialMode), mode = _h[0], setMode = _h[1];
47
- var _j = useState(defaultSameVehicle), sameVehicle = _j[0], setSameVehicle = _j[1];
48
- var _k = useState(defaultRoundTripData), roundTripData = _k[0], setRoundTripData = _k[1];
49
- var _l = useState(initializeTransferLines(defaultTransferLines)), transferLines = _l[0], setTransferLines = _l[1];
50
- var _m = useState(null), error = _m[0], setError = _m[1];
51
- // Notify parent of changes
52
- useEffect(function () {
53
- var data = {
54
- mode: mode,
55
- sameVehicle: sameVehicle,
56
- roundTripData: mode === "roundtrip" ? roundTripData : undefined,
57
- transferLines: mode === "custom" ? transferLines : undefined,
58
- };
59
- onChange === null || onChange === void 0 ? void 0 : onChange(data);
60
- }, [mode, sameVehicle, roundTripData, transferLines, onChange]);
61
- // Mode options for SegmentedButton
62
- var modeOptions = [
63
- { value: "roundtrip", label: "Round trip" },
64
- { value: "custom", label: "Custom transfer" },
65
- ];
66
- // Handle mode change
67
- var handleModeChange = function (newMode) {
68
- var transferMode = newMode;
69
- if (transferMode === mode)
70
- return;
71
- if (transferMode === "custom" && mode === "roundtrip" && roundTripData) {
72
- // Parse roundtrip to two transfer lines
73
- var arrivalTransfer = {
74
- id: generateTransferId(),
75
- type: "arrival",
76
- paxData: roundTripData.paxData,
77
- transferDate: roundTripData.arrivalDate,
78
- pickupPoint: roundTripData.pickupDropoffPoint,
79
- dropoffPoint: roundTripData.accommodation,
80
- };
81
- var departureTransfer = {
82
- id: generateTransferId(),
83
- type: "departure",
84
- paxData: roundTripData.paxData,
85
- transferDate: roundTripData.departureDate,
86
- pickupPoint: roundTripData.accommodation,
87
- dropoffPoint: roundTripData.pickupDropoffPoint,
88
- };
89
- setTransferLines([arrivalTransfer, departureTransfer]);
90
- setRoundTripData(undefined);
91
- }
92
- else if (transferMode === "roundtrip" && mode === "custom") {
93
- // Reset everything when switching to roundtrip
94
- setTransferLines([]);
95
- setRoundTripData(undefined);
96
- }
97
- setMode(transferMode);
98
- setError(null);
99
- };
100
- // Handle adding transfer lines
101
- var handleAddTransfer = function (type) {
102
- var newTransfer = {
103
- id: generateTransferId(),
104
- type: type,
105
- };
106
- setTransferLines(__spreadArray(__spreadArray([], transferLines, true), [newTransfer], false));
107
- };
108
- // Handle transfer line data change
109
- var handleTransferLineChange = function (id, data) {
110
- setTransferLines(function (prevLines) {
111
- return prevLines.map(function (line) { return (line.id === id ? data : line); });
112
- });
113
- };
114
- // Handle transfer line deletion
115
- var handleDeleteTransferLine = function (id) {
116
- setTransferLines(function (prevLines) { return prevLines.filter(function (line) { return line.id !== id; }); });
117
- };
118
- // Validate data
119
- var validateData = function () {
120
- if (mode === "roundtrip") {
121
- if (!roundTripData) {
122
- setError("Please fill in all the transfer details.");
123
- return false;
124
- }
125
- // Check if required fields are filled
126
- if (!roundTripData.paxData ||
127
- !roundTripData.arrivalDate ||
128
- !roundTripData.departureDate ||
129
- !roundTripData.pickupDropoffPoint ||
130
- !roundTripData.accommodation) {
131
- setError("Please fill in all the transfer details.");
132
- return false;
133
- }
134
- }
135
- else {
136
- if (transferLines.length === 0) {
137
- setError("Please add at least one transfer.");
138
- return false;
139
- }
140
- // Check if all transfer lines have required data
141
- for (var _i = 0, transferLines_1 = transferLines; _i < transferLines_1.length; _i++) {
142
- var line = transferLines_1[_i];
143
- if (!line.paxData ||
144
- !line.transferDate ||
145
- !line.pickupPoint ||
146
- !line.dropoffPoint) {
147
- setError("Please fill in all the transfer details.");
148
- return false;
149
- }
150
- }
151
- }
152
- setError(null);
153
- return true;
154
- };
155
- // Handle search
156
- var handleSearch = function () {
157
- if (validateData()) {
158
- var data = {
159
- mode: mode,
160
- sameVehicle: sameVehicle,
161
- roundTripData: mode === "roundtrip" ? roundTripData : undefined,
162
- transferLines: mode === "custom" ? transferLines : undefined,
163
- };
164
- onSearch === null || onSearch === void 0 ? void 0 : onSearch(data);
165
- }
166
- };
167
- return (_jsxs("div", __assign({ className: "search-bar-transfer ".concat(className) }, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__header" }, { children: [_jsx(Heading, __assign({ level: 3, className: "search-bar-transfer__title" }, { children: "Select your transfer details" })), _jsx("div", __assign({ className: "search-bar-transfer__mode-selector" }, { children: _jsx(SegmentedButton, { options: modeOptions, value: mode, onChange: handleModeChange, name: "transfer-mode" }) }))] })), mode === "roundtrip" ? (_jsx(RoundTrip, { id: "roundtrip-main", locations: locations, paxData: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.paxData, arrivalDate: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.arrivalDate, departureDate: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.departureDate, pickupDropoffPoint: (_b = roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.pickupDropoffPoint) === null || _b === void 0 ? void 0 : _b.id, accommodation: (_c = roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.accommodation) === null || _c === void 0 ? void 0 : _c.id, onChange: setRoundTripData })) : (_jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__transfer-type" }, { children: [_jsx(Text, __assign({ size: "lg", variant: "bold", as: "div", className: "search-bar-transfer__transfer-type-label" }, { children: "Select a transfer type you want to add" })), _jsxs("div", __assign({ className: "search-bar-transfer__add-buttons" }, { children: [_jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("arrival"); } }, { children: "Add Arrival" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("departure"); } }, { children: "Add Departure" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("inter-hotel"); } }, { children: "Add Inter-Hotel" }))] }))] })), transferLines.length > 0 && (_jsx("div", __assign({ className: "search-bar-transfer__transfer-lines" }, { children: (function () {
168
- // Group transfers by type
169
- var groupedTransfers = {
170
- arrival: [],
171
- departure: [],
172
- "inter-hotel": [],
173
- };
174
- transferLines.forEach(function (line) {
175
- groupedTransfers[line.type].push(line);
176
- });
177
- // Get the order of non-empty groups
178
- var typeOrder = ["arrival", "inter-hotel", "departure"];
179
- var nonEmptyGroups = typeOrder.filter(function (type) { return groupedTransfers[type].length > 0; });
180
- // Category labels and icons
181
- var categoryInfo = {
182
- arrival: { label: "Arrival", icon: "arrival" },
183
- departure: { label: "Departure", icon: "departure" },
184
- "inter-hotel": { label: "Inter-Hotel", icon: "building" },
185
- };
186
- return nonEmptyGroups.map(function (type, groupIndex) { return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__category-header" }, { children: [_jsx(Icon, { name: categoryInfo[type].icon, size: "md" }), _jsx(Text, __assign({ size: "md", variant: "bold", as: "span" }, { children: categoryInfo[type].label }))] })), groupedTransfers[type].map(function (line) {
187
- var _a, _b;
188
- return (_jsx(TransferLine, { id: line.id, type: line.type, paxData: line.paxData, transferDate: line.transferDate, pickupPoint: (_a = line.pickupPoint) === null || _a === void 0 ? void 0 : _a.id, dropoffPoint: (_b = line.dropoffPoint) === null || _b === void 0 ? void 0 : _b.id, locations: locations, onDataChange: function (data) { return handleTransferLineChange(line.id, data); }, onDelete: function () { return handleDeleteTransferLine(line.id); }, showDelete: transferLines.length > 1 }, line.id));
189
- }), groupIndex < nonEmptyGroups.length - 1 && (_jsx("svg", __assign({ className: "search-bar-transfer__divider", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "1", viewBox: "0 0 1076 1", fill: "none", preserveAspectRatio: "none" }, { children: _jsx("path", { d: "M0 0.5L1076 0.499906", stroke: "var(--color-border-medium, #A3A3A3)", strokeWidth: "1", strokeDasharray: "10 10" }) })))] }, type)); });
190
- })() })))] })), _jsxs("div", __assign({ className: "search-bar-transfer__actions" }, { children: [_jsx(Checkbox, { checked: sameVehicle, onChange: setSameVehicle, label: "Use the same vehicle for all your transfers" }), _jsxs("div", __assign({ className: "search-bar-transfer__cta" }, { children: [error && (_jsxs("div", __assign({ className: "search-bar-transfer__error" }, { children: [_jsx("div", { className: "search-bar-transfer__error-bar" }), _jsxs("div", __assign({ className: "search-bar-transfer__error-content" }, { children: [_jsx(Icon, { name: "info", size: "md", className: "search-bar-transfer__error-icon" }), _jsx(Text, __assign({ size: "sm", variant: "bold", className: "search-bar-transfer__error-text" }, { children: error }))] }))] }))), _jsx(Button, __assign({ variant: "primary", size: "lg", onClick: handleSearch }, { children: "Search" }))] }))] }))] })));
191
- };
192
- export default SearchBarTransfer;
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
13
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
14
+ if (ar || !(i in from)) {
15
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
16
+ ar[i] = from[i];
17
+ }
18
+ }
19
+ return to.concat(ar || Array.prototype.slice.call(from));
20
+ };
21
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
22
+ import React, { useState, useEffect } from "react";
23
+ import RoundTrip from "../RoundTrip/RoundTrip";
24
+ import TransferLine from "../TransferLine/TransferLine";
25
+ import Button from "../../atoms/Button/Button";
26
+ import Checkbox from "../../atoms/Checkbox/Checkbox";
27
+ import { Text, Heading } from "../../atoms/Typography/Typography";
28
+ import Icon from "../../atoms/Icon/Icon";
29
+ import SegmentedButton from "../../atoms/SegmentedButton/SegmentedButton";
30
+ import "../../../styles/components/organism/search-bar-transfer.css";
31
+ var transferIdCounter = 0;
32
+ var SearchBarTransfer = function (_a) {
33
+ var _b, _c;
34
+ var _d = _a.mode, initialMode = _d === void 0 ? "roundtrip" : _d, _e = _a.locations, locations = _e === void 0 ? { options: [], groups: [] } : _e, defaultRoundTripData = _a.defaultRoundTripData, defaultTransferLines = _a.defaultTransferLines, _f = _a.defaultSameVehicle, defaultSameVehicle = _f === void 0 ? false : _f, onSearch = _a.onSearch, onChange = _a.onChange, _g = _a.className, className = _g === void 0 ? "" : _g;
35
+ // Generate unique ID for transfer lines
36
+ var generateTransferId = function () {
37
+ transferIdCounter += 1;
38
+ return "transfer-".concat(transferIdCounter, "-").concat(Date.now());
39
+ };
40
+ // Ensure default transfer lines have IDs
41
+ var initializeTransferLines = function (lines) {
42
+ if (!lines)
43
+ return [];
44
+ return lines.map(function (line) { return (__assign(__assign({}, line), { id: line.id || generateTransferId() })); });
45
+ };
46
+ var _h = useState(initialMode), mode = _h[0], setMode = _h[1];
47
+ var _j = useState(defaultSameVehicle), sameVehicle = _j[0], setSameVehicle = _j[1];
48
+ var _k = useState(defaultRoundTripData), roundTripData = _k[0], setRoundTripData = _k[1];
49
+ var _l = useState(initializeTransferLines(defaultTransferLines)), transferLines = _l[0], setTransferLines = _l[1];
50
+ var _m = useState(null), error = _m[0], setError = _m[1];
51
+ // Notify parent of changes
52
+ useEffect(function () {
53
+ var data = {
54
+ mode: mode,
55
+ sameVehicle: sameVehicle,
56
+ roundTripData: mode === "roundtrip" ? roundTripData : undefined,
57
+ transferLines: mode === "custom" ? transferLines : undefined,
58
+ };
59
+ onChange === null || onChange === void 0 ? void 0 : onChange(data);
60
+ }, [mode, sameVehicle, roundTripData, transferLines, onChange]);
61
+ // Mode options for SegmentedButton
62
+ var modeOptions = [
63
+ { value: "roundtrip", label: "Round trip" },
64
+ { value: "custom", label: "Custom transfer" },
65
+ ];
66
+ // Handle mode change
67
+ var handleModeChange = function (newMode) {
68
+ var transferMode = newMode;
69
+ if (transferMode === mode)
70
+ return;
71
+ if (transferMode === "custom" && mode === "roundtrip" && roundTripData) {
72
+ // Parse roundtrip to two transfer lines
73
+ var arrivalTransfer = {
74
+ id: generateTransferId(),
75
+ type: "arrival",
76
+ paxData: roundTripData.paxData,
77
+ transferDate: roundTripData.arrivalDate,
78
+ pickupPoint: roundTripData.pickupDropoffPoint,
79
+ dropoffPoint: roundTripData.accommodation,
80
+ };
81
+ var departureTransfer = {
82
+ id: generateTransferId(),
83
+ type: "departure",
84
+ paxData: roundTripData.paxData,
85
+ transferDate: roundTripData.departureDate,
86
+ pickupPoint: roundTripData.accommodation,
87
+ dropoffPoint: roundTripData.pickupDropoffPoint,
88
+ };
89
+ setTransferLines([arrivalTransfer, departureTransfer]);
90
+ setRoundTripData(undefined);
91
+ }
92
+ else if (transferMode === "roundtrip" && mode === "custom") {
93
+ // Reset everything when switching to roundtrip
94
+ setTransferLines([]);
95
+ setRoundTripData(undefined);
96
+ }
97
+ setMode(transferMode);
98
+ setError(null);
99
+ };
100
+ // Handle adding transfer lines
101
+ var handleAddTransfer = function (type) {
102
+ var newTransfer = {
103
+ id: generateTransferId(),
104
+ type: type,
105
+ };
106
+ setTransferLines(__spreadArray(__spreadArray([], transferLines, true), [newTransfer], false));
107
+ };
108
+ // Handle transfer line data change
109
+ var handleTransferLineChange = function (id, data) {
110
+ setTransferLines(function (prevLines) {
111
+ return prevLines.map(function (line) { return (line.id === id ? data : line); });
112
+ });
113
+ };
114
+ // Handle transfer line deletion
115
+ var handleDeleteTransferLine = function (id) {
116
+ setTransferLines(function (prevLines) { return prevLines.filter(function (line) { return line.id !== id; }); });
117
+ };
118
+ // Validate data
119
+ var validateData = function () {
120
+ if (mode === "roundtrip") {
121
+ if (!roundTripData) {
122
+ setError("Please fill in all the transfer details.");
123
+ return false;
124
+ }
125
+ // Check if required fields are filled
126
+ if (!roundTripData.paxData ||
127
+ !roundTripData.arrivalDate ||
128
+ !roundTripData.departureDate ||
129
+ !roundTripData.pickupDropoffPoint ||
130
+ !roundTripData.accommodation) {
131
+ setError("Please fill in all the transfer details.");
132
+ return false;
133
+ }
134
+ }
135
+ else {
136
+ if (transferLines.length === 0) {
137
+ setError("Please add at least one transfer.");
138
+ return false;
139
+ }
140
+ // Check if all transfer lines have required data
141
+ for (var _i = 0, transferLines_1 = transferLines; _i < transferLines_1.length; _i++) {
142
+ var line = transferLines_1[_i];
143
+ if (!line.paxData ||
144
+ !line.transferDate ||
145
+ !line.pickupPoint ||
146
+ !line.dropoffPoint) {
147
+ setError("Please fill in all the transfer details.");
148
+ return false;
149
+ }
150
+ }
151
+ }
152
+ setError(null);
153
+ return true;
154
+ };
155
+ // Handle search
156
+ var handleSearch = function () {
157
+ if (validateData()) {
158
+ var data = {
159
+ mode: mode,
160
+ sameVehicle: sameVehicle,
161
+ roundTripData: mode === "roundtrip" ? roundTripData : undefined,
162
+ transferLines: mode === "custom" ? transferLines : undefined,
163
+ };
164
+ onSearch === null || onSearch === void 0 ? void 0 : onSearch(data);
165
+ }
166
+ };
167
+ return (_jsxs("div", __assign({ className: "search-bar-transfer ".concat(className) }, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__header" }, { children: [_jsx(Heading, __assign({ level: 5, variant: "bold", className: "search-bar-transfer__title" }, { children: "Select your transfer details" })), _jsx("div", __assign({ className: "search-bar-transfer__mode-selector" }, { children: _jsx(SegmentedButton, { options: modeOptions, value: mode, onChange: handleModeChange, name: "transfer-mode" }) }))] })), mode === "roundtrip" ? (_jsx(RoundTrip, { id: "roundtrip-main", locations: locations, paxData: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.paxData, arrivalDate: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.arrivalDate, departureDate: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.departureDate, pickupDropoffPoint: (_b = roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.pickupDropoffPoint) === null || _b === void 0 ? void 0 : _b.id, accommodation: (_c = roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.accommodation) === null || _c === void 0 ? void 0 : _c.id, onChange: setRoundTripData })) : (_jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__transfer-type" }, { children: [_jsx(Text, __assign({ size: "lg", variant: "bold", as: "div", className: "search-bar-transfer__transfer-type-label" }, { children: "Select a transfer type you want to add" })), _jsxs("div", __assign({ className: "search-bar-transfer__add-buttons" }, { children: [_jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("arrival"); } }, { children: "Add Arrival" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("departure"); } }, { children: "Add Departure" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("inter-hotel"); } }, { children: "Add Inter-Hotel" }))] }))] })), transferLines.length > 0 && (_jsx("div", __assign({ className: "search-bar-transfer__transfer-lines" }, { children: (function () {
168
+ // Group transfers by type
169
+ var groupedTransfers = {
170
+ arrival: [],
171
+ departure: [],
172
+ "inter-hotel": [],
173
+ };
174
+ transferLines.forEach(function (line) {
175
+ groupedTransfers[line.type].push(line);
176
+ });
177
+ // Get the order of non-empty groups
178
+ var typeOrder = ["arrival", "inter-hotel", "departure"];
179
+ var nonEmptyGroups = typeOrder.filter(function (type) { return groupedTransfers[type].length > 0; });
180
+ // Category labels and icons
181
+ var categoryInfo = {
182
+ arrival: { label: "Arrival", icon: "arrival" },
183
+ departure: { label: "Departure", icon: "departure" },
184
+ "inter-hotel": { label: "Inter-Hotel", icon: "building" },
185
+ };
186
+ return nonEmptyGroups.map(function (type, groupIndex) { return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__category-header" }, { children: [_jsx(Icon, { name: categoryInfo[type].icon, size: "md" }), _jsx(Text, __assign({ size: "md", variant: "bold", as: "span" }, { children: categoryInfo[type].label }))] })), groupedTransfers[type].map(function (line) {
187
+ var _a, _b;
188
+ return (_jsx(TransferLine, { id: line.id, type: line.type, paxData: line.paxData, transferDate: line.transferDate, pickupPoint: (_a = line.pickupPoint) === null || _a === void 0 ? void 0 : _a.id, dropoffPoint: (_b = line.dropoffPoint) === null || _b === void 0 ? void 0 : _b.id, locations: locations, onDataChange: function (data) { return handleTransferLineChange(line.id, data); }, onDelete: function () { return handleDeleteTransferLine(line.id); }, showDelete: transferLines.length > 1 }, line.id));
189
+ }), groupIndex < nonEmptyGroups.length - 1 && (_jsx("svg", __assign({ className: "search-bar-transfer__divider", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "1", viewBox: "0 0 1076 1", fill: "none", preserveAspectRatio: "none" }, { children: _jsx("path", { d: "M0 0.5L1076 0.499906", stroke: "var(--color-border-medium, #A3A3A3)", strokeWidth: "1", strokeDasharray: "10 10" }) })))] }, type)); });
190
+ })() })))] })), _jsxs("div", __assign({ className: "search-bar-transfer__actions" }, { children: [_jsx(Checkbox, { checked: sameVehicle, onChange: setSameVehicle, label: "Use the same vehicle for all your transfers" }), _jsxs("div", __assign({ className: "search-bar-transfer__cta" }, { children: [error && (_jsxs("div", __assign({ className: "search-bar-transfer__error" }, { children: [_jsx("div", { className: "search-bar-transfer__error-bar" }), _jsxs("div", __assign({ className: "search-bar-transfer__error-content" }, { children: [_jsx(Icon, { name: "info", size: "md", className: "search-bar-transfer__error-icon" }), _jsx(Text, __assign({ size: "sm", variant: "bold", className: "search-bar-transfer__error-text" }, { children: error }))] }))] }))), _jsx(Button, __assign({ variant: "primary", size: "lg", onClick: handleSearch }, { children: "Search" }))] }))] }))] })));
191
+ };
192
+ export default SearchBarTransfer;
@@ -1,2 +1,2 @@
1
- export { default } from './SearchBarTransfer';
2
- export type { SearchBarTransferProps, SearchBarTransferData, TransferMode } from './SearchBarTransfer';
1
+ export { default } from './SearchBarTransfer';
2
+ export type { SearchBarTransferProps, SearchBarTransferData, TransferMode } from './SearchBarTransfer';
@@ -1 +1 @@
1
- export { default } from './SearchBarTransfer';
1
+ export { default } from './SearchBarTransfer';
@@ -1,33 +1,33 @@
1
- /// <reference types="react" />
2
- type Link = {
3
- label: string;
4
- route: string;
5
- isButton?: boolean;
6
- disabled?: boolean;
7
- };
8
- type User = {
9
- name: string;
10
- agency: string;
11
- isAdmin: boolean;
12
- };
13
- type Agency = {
14
- id: number;
15
- name: string;
16
- localisation: string;
17
- };
18
- export interface DesktopNavProps {
19
- links: Link[];
20
- onLinkClick?: (link: Link) => void;
21
- onLogin?: () => void;
22
- onLogout?: () => void;
23
- user?: User;
24
- active?: string;
25
- logoUrl: string | React.FC<React.SVGProps<SVGSVGElement>>;
26
- homeUrl?: string;
27
- selectedAgency?: Agency;
28
- onAgencyChange?: (agency: Agency) => void;
29
- agencies?: Agency[];
30
- className?: string;
31
- }
32
- export declare const DesktopNav: React.FC<DesktopNavProps>;
33
- export {};
1
+ /// <reference types="react" />
2
+ type Link = {
3
+ label: string;
4
+ route: string;
5
+ isButton?: boolean;
6
+ disabled?: boolean;
7
+ };
8
+ type User = {
9
+ name: string;
10
+ agency: string;
11
+ isAdmin: boolean;
12
+ };
13
+ type Agency = {
14
+ id: number;
15
+ name: string;
16
+ localisation: string;
17
+ };
18
+ export interface DesktopNavProps {
19
+ links: Link[];
20
+ onLinkClick?: (link: Link) => void;
21
+ onLogin?: () => void;
22
+ onLogout?: () => void;
23
+ user?: User;
24
+ active?: string;
25
+ logoUrl: string | React.FC<React.SVGProps<SVGSVGElement>>;
26
+ homeUrl?: string;
27
+ selectedAgency?: Agency;
28
+ onAgencyChange?: (agency: Agency) => void;
29
+ agencies?: Agency[];
30
+ className?: string;
31
+ }
32
+ export declare const DesktopNav: React.FC<DesktopNavProps>;
33
+ export {};
@@ -1,32 +1,32 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import Button from "../../atoms/Button/Button";
14
- import { UserCard } from "../../molecules/UserCard/UserCard";
15
- export var DesktopNav = function (_a) {
16
- var links = _a.links, onLinkClick = _a.onLinkClick, onLogin = _a.onLogin, onLogout = _a.onLogout, user = _a.user, active = _a.active, logoUrl = _a.logoUrl, homeUrl = _a.homeUrl, selectedAgency = _a.selectedAgency, onAgencyChange = _a.onAgencyChange, agencies = _a.agencies, _b = _a.className, className = _b === void 0 ? "" : _b;
17
- var Logo = typeof logoUrl === "function" ? logoUrl : null;
18
- var handleLogoClick = function (e) {
19
- e.preventDefault();
20
- onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
21
- };
22
- return (_jsxs("header", __assign({ className: "header" }, { children: [_jsx("div", __assign({ className: "header-logo" }, { children: _jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", onClick: handleLogoClick, className: "header-logo__link" }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image", draggable: false })) })) })), _jsxs("nav", __assign({ className: "header-nav" }, { children: [_jsx("ul", __assign({ className: "header-nav__items" }, { children: links === null || links === void 0 ? void 0 : links.map(function (it) {
23
- var isActive = it.label === active;
24
- return (_jsx("li", __assign({ className: "header__item ".concat(isActive ? "header__item--active" : "") }, { children: it.isButton ? (_jsx(Button, __assign({ size: "sm", variant: "outline-secondary", onClick: function (e) {
25
- e.preventDefault();
26
- onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(it);
27
- } }, { children: it.label }))) : (_jsx("a", __assign({ href: it.route, className: "header__item__link", onClick: function (e) {
28
- e.preventDefault();
29
- onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(it);
30
- } }, { children: it.label }))) }), it.label));
31
- }) })), _jsx("div", __assign({ className: "header-nav__user-section ".concat(user ? "header-nav__user-connected-section" : "") }, { children: user ? (_jsx("div", __assign({ className: "header-nav__user-container" }, { children: _jsx(UserCard, { user: user, agencies: agencies || [], selectedAgency: selectedAgency, onSelectAgency: onAgencyChange }) }))) : (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: onLogin }, { children: "Login" }))) }))] }))] })));
32
- };
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import Button from "../../atoms/Button/Button";
14
+ import { UserCard } from "../../molecules/UserCard/UserCard";
15
+ export var DesktopNav = function (_a) {
16
+ var links = _a.links, onLinkClick = _a.onLinkClick, onLogin = _a.onLogin, onLogout = _a.onLogout, user = _a.user, active = _a.active, logoUrl = _a.logoUrl, homeUrl = _a.homeUrl, selectedAgency = _a.selectedAgency, onAgencyChange = _a.onAgencyChange, agencies = _a.agencies, _b = _a.className, className = _b === void 0 ? "" : _b;
17
+ var Logo = typeof logoUrl === "function" ? logoUrl : null;
18
+ var handleLogoClick = function (e) {
19
+ e.preventDefault();
20
+ onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
21
+ };
22
+ return (_jsxs("header", __assign({ className: "header" }, { children: [_jsx("div", __assign({ className: "header-logo" }, { children: _jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", onClick: handleLogoClick, className: "header-logo__link" }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image", draggable: false })) })) })), _jsxs("nav", __assign({ className: "header-nav" }, { children: [_jsx("ul", __assign({ className: "header-nav__items" }, { children: links === null || links === void 0 ? void 0 : links.map(function (it) {
23
+ var isActive = it.label === active;
24
+ return (_jsx("li", __assign({ className: "header__item ".concat(isActive ? "header__item--active" : "") }, { children: it.isButton ? (_jsx(Button, __assign({ size: "sm", variant: "outline-secondary", onClick: function (e) {
25
+ e.preventDefault();
26
+ onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(it);
27
+ } }, { children: it.label }))) : (_jsx("a", __assign({ href: it.route, className: "header__item__link", onClick: function (e) {
28
+ e.preventDefault();
29
+ onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(it);
30
+ } }, { children: it.label }))) }), it.label));
31
+ }) })), _jsx("div", __assign({ className: "header-nav__user-section ".concat(user ? "header-nav__user-connected-section" : "") }, { children: user ? (_jsx("div", __assign({ className: "header-nav__user-container" }, { children: _jsx(UserCard, { user: user, agencies: agencies || [], selectedAgency: selectedAgency, onSelectAgency: onAgencyChange }) }))) : (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: onLogin }, { children: "Login" }))) }))] }))] })));
32
+ };
@@ -1,32 +1,32 @@
1
- import React from "react";
2
- type Link = {
3
- label: string;
4
- route: string;
5
- isButton?: boolean;
6
- disabled?: boolean;
7
- };
8
- type User = {
9
- name: string;
10
- agency: string;
11
- isAdmin: boolean;
12
- };
13
- type Agency = {
14
- id: number;
15
- name: string;
16
- localisation: string;
17
- };
18
- export interface MobileNavProps {
19
- links: Link[];
20
- onLinkClick?: (link: Link) => void;
21
- onLogin?: () => void;
22
- onLogout?: () => void;
23
- user?: User;
24
- active?: string;
25
- logoUrl: string | React.FC<React.SVGProps<SVGSVGElement>>;
26
- selectedAgency?: Agency;
27
- onAgencyChange?: (agency: Agency) => void;
28
- agencies?: Agency[];
29
- homeUrl?: string;
30
- }
31
- export declare const MobileNav: React.FC<MobileNavProps>;
32
- export default MobileNav;
1
+ import React from "react";
2
+ type Link = {
3
+ label: string;
4
+ route: string;
5
+ isButton?: boolean;
6
+ disabled?: boolean;
7
+ };
8
+ type User = {
9
+ name: string;
10
+ agency: string;
11
+ isAdmin: boolean;
12
+ };
13
+ type Agency = {
14
+ id: number;
15
+ name: string;
16
+ localisation: string;
17
+ };
18
+ export interface MobileNavProps {
19
+ links: Link[];
20
+ onLinkClick?: (link: Link) => void;
21
+ onLogin?: () => void;
22
+ onLogout?: () => void;
23
+ user?: User;
24
+ active?: string;
25
+ logoUrl: string | React.FC<React.SVGProps<SVGSVGElement>>;
26
+ selectedAgency?: Agency;
27
+ onAgencyChange?: (agency: Agency) => void;
28
+ agencies?: Agency[];
29
+ homeUrl?: string;
30
+ }
31
+ export declare const MobileNav: React.FC<MobileNavProps>;
32
+ export default MobileNav;