@clubmed/trident-ui 2.0.0-beta.9 → 2.0.0

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 (486) hide show
  1. package/README.md +8 -0
  2. package/assets/trident-ui.css +3 -0
  3. package/chunks/Backdrop.js +1 -1
  4. package/chunks/Backdrop.js.map +1 -1
  5. package/chunks/Birthdate.js +27 -0
  6. package/chunks/Birthdate.js.map +1 -0
  7. package/chunks/Carousel.context.js +1548 -0
  8. package/chunks/Carousel.context.js.map +1 -0
  9. package/chunks/ChatMessage.js +14395 -0
  10. package/chunks/ChatMessage.js.map +1 -0
  11. package/chunks/CriteriaParticipants.js +415 -0
  12. package/chunks/CriteriaParticipants.js.map +1 -0
  13. package/chunks/DateField.js +196 -136
  14. package/chunks/DateField.js.map +1 -1
  15. package/chunks/Datepicker.js +2039 -0
  16. package/chunks/Datepicker.js.map +1 -0
  17. package/chunks/Day.js +88 -0
  18. package/chunks/Day.js.map +1 -0
  19. package/chunks/Range.js +2 -2
  20. package/chunks/Range.js.map +1 -1
  21. package/chunks/Tooltip.js +4461 -0
  22. package/chunks/Tooltip.js.map +1 -0
  23. package/chunks/addLeadingZeros.js +33 -0
  24. package/chunks/addLeadingZeros.js.map +1 -0
  25. package/chunks/addYears.js +18 -0
  26. package/chunks/addYears.js.map +1 -0
  27. package/chunks/chunk.js +11 -4
  28. package/chunks/client.js +18953 -0
  29. package/chunks/client.js.map +1 -0
  30. package/chunks/endOfMonth.js +17 -0
  31. package/chunks/endOfMonth.js.map +1 -0
  32. package/chunks/format.js +1113 -0
  33. package/chunks/format.js.map +1 -0
  34. package/chunks/formatISO.js +29 -0
  35. package/chunks/formatISO.js.map +1 -0
  36. package/chunks/isAfter.js +9 -0
  37. package/chunks/isAfter.js.map +1 -0
  38. package/chunks/isBefore.js +15 -0
  39. package/chunks/isBefore.js.map +1 -0
  40. package/chunks/normalizeDates.js +10 -0
  41. package/chunks/normalizeDates.js.map +1 -0
  42. package/chunks/subYears.js +9 -0
  43. package/chunks/subYears.js.map +1 -0
  44. package/examples/accordion-demo.d.ts +1 -0
  45. package/examples/accordion-demo.js +79 -0
  46. package/examples/accordion-demo.js.map +1 -0
  47. package/examples/accordion-multiple-demo.d.ts +1 -0
  48. package/examples/accordion-multiple-demo.js +79 -0
  49. package/examples/accordion-multiple-demo.js.map +1 -0
  50. package/examples/accordion-trigger-wrapper-demo.d.ts +1 -0
  51. package/examples/accordion-trigger-wrapper-demo.js +80 -0
  52. package/examples/accordion-trigger-wrapper-demo.js.map +1 -0
  53. package/examples/advanced-toast-demo.js +2 -2
  54. package/examples/advanced-toast-demo.js.map +1 -1
  55. package/examples/advanced-toast-green-demo.js +1 -1
  56. package/examples/advanced-toast-green-demo.js.map +1 -1
  57. package/examples/advanced-toast-no-dismiss-demo.js +1 -1
  58. package/examples/advanced-toast-no-dismiss-demo.js.map +1 -1
  59. package/examples/advanced-toast-red-demo.js +1 -1
  60. package/examples/advanced-toast-red-demo.js.map +1 -1
  61. package/examples/advanced-toast-with-details-demo.js +2 -2
  62. package/examples/advanced-toast-with-details-demo.js.map +1 -1
  63. package/examples/arrow-button-demo.js +2 -1
  64. package/examples/arrow-button-demo.js.map +1 -1
  65. package/examples/arrow-button-disabled-demo.js +2 -1
  66. package/examples/arrow-button-disabled-demo.js.map +1 -1
  67. package/examples/arrow-button-left-demo.js +2 -1
  68. package/examples/arrow-button-left-demo.js.map +1 -1
  69. package/examples/arrow-button-outline-demo.js +2 -1
  70. package/examples/arrow-button-outline-demo.js.map +1 -1
  71. package/examples/arrow-button-tail-demo.js +2 -1
  72. package/examples/arrow-button-tail-demo.js.map +1 -1
  73. package/examples/avatar-demo.js +7 -7
  74. package/examples/button-demo.js +2 -2
  75. package/examples/button-demo.js.map +1 -1
  76. package/examples/card-list-demo.js +10 -10
  77. package/examples/card-no-border-demo.js +7 -7
  78. package/examples/chapters-demo.d.ts +1 -0
  79. package/examples/chapters-demo.js +46 -0
  80. package/examples/chapters-demo.js.map +1 -0
  81. package/examples/chat-button-demo.js +1 -1
  82. package/examples/chat-button-demo.js.map +1 -1
  83. package/examples/chat-button-offset-demo.js +4 -1
  84. package/examples/chat-button-offset-demo.js.map +1 -1
  85. package/examples/chat-input-demo.d.ts +1 -0
  86. package/examples/chat-input-demo.js +22 -0
  87. package/examples/chat-input-demo.js.map +1 -0
  88. package/examples/chat-message-demo.d.ts +1 -0
  89. package/examples/chat-message-demo.js +20 -0
  90. package/examples/chat-message-demo.js.map +1 -0
  91. package/examples/chat-typing-indicator-demo.d.ts +1 -0
  92. package/examples/chat-typing-indicator-demo.js +14 -0
  93. package/examples/chat-typing-indicator-demo.js.map +1 -0
  94. package/examples/chat-window-csat-demo.d.ts +1 -0
  95. package/examples/chat-window-csat-demo.js +69 -0
  96. package/examples/chat-window-csat-demo.js.map +1 -0
  97. package/examples/chat-window-csat-prompt-demo.d.ts +1 -0
  98. package/examples/chat-window-csat-prompt-demo.js +40 -0
  99. package/examples/chat-window-csat-prompt-demo.js.map +1 -0
  100. package/examples/chat-window-demo.d.ts +1 -0
  101. package/examples/chat-window-demo.js +70 -0
  102. package/examples/chat-window-demo.js.map +1 -0
  103. package/examples/chat-window-quote-demo.d.ts +1 -0
  104. package/examples/chat-window-quote-demo.js +47 -0
  105. package/examples/chat-window-quote-demo.js.map +1 -0
  106. package/examples/chat-window-quotes-demo.d.ts +1 -0
  107. package/examples/chat-window-quotes-demo.js +68 -0
  108. package/examples/chat-window-quotes-demo.js.map +1 -0
  109. package/examples/checkbox-demo.js +2 -2
  110. package/examples/checkbox-demo.js.map +1 -1
  111. package/examples/checkbox-select-demo.d.ts +1 -0
  112. package/examples/checkbox-select-demo.js +101 -0
  113. package/examples/checkbox-select-demo.js.map +1 -0
  114. package/examples/checkboxes-demo.js +1 -0
  115. package/examples/checkboxes-demo.js.map +1 -1
  116. package/examples/checkboxes-with-form-control-demo.js +4 -4
  117. package/examples/chip-demo.js +4 -4
  118. package/examples/choice-expander-demo.js +5 -67
  119. package/examples/choice-expander-demo.js.map +1 -1
  120. package/examples/countdown-demo.d.ts +1 -0
  121. package/examples/countdown-demo.js +39 -0
  122. package/examples/countdown-demo.js.map +1 -0
  123. package/examples/criteria-dates-demo.d.ts +1 -0
  124. package/examples/criteria-dates-demo.js +41 -0
  125. package/examples/criteria-dates-demo.js.map +1 -0
  126. package/examples/criteria-participants-demo.d.ts +1 -0
  127. package/examples/criteria-participants-demo.js +77 -0
  128. package/examples/criteria-participants-demo.js.map +1 -0
  129. package/examples/criteria-participants-flow1-demo.d.ts +1 -0
  130. package/examples/criteria-participants-flow1-demo.js +53 -0
  131. package/examples/criteria-participants-flow1-demo.js.map +1 -0
  132. package/examples/criteria-participants-flow2-demo.d.ts +1 -0
  133. package/examples/criteria-participants-flow2-demo.js +61 -0
  134. package/examples/criteria-participants-flow2-demo.js.map +1 -0
  135. package/examples/criteria-participants-flow3-demo.d.ts +1 -0
  136. package/examples/criteria-participants-flow3-demo.js +72 -0
  137. package/examples/criteria-participants-flow3-demo.js.map +1 -0
  138. package/examples/criteria-transports-b2b-demo.d.ts +1 -0
  139. package/examples/criteria-transports-b2b-demo.js +118 -0
  140. package/examples/criteria-transports-b2b-demo.js.map +1 -0
  141. package/examples/criteria-transports-demo.d.ts +1 -0
  142. package/examples/criteria-transports-demo.js +223 -0
  143. package/examples/criteria-transports-demo.js.map +1 -0
  144. package/examples/datepicker-demo.d.ts +1 -0
  145. package/examples/datepicker-demo.js +51 -0
  146. package/examples/datepicker-demo.js.map +1 -0
  147. package/examples/datepicker-disabled-days-demo.d.ts +1 -0
  148. package/examples/datepicker-disabled-days-demo.js +42 -0
  149. package/examples/datepicker-disabled-days-demo.js.map +1 -0
  150. package/examples/datepicker-duration-tooltip-demo.d.ts +1 -0
  151. package/examples/datepicker-duration-tooltip-demo.js +68 -0
  152. package/examples/datepicker-duration-tooltip-demo.js.map +1 -0
  153. package/examples/datepicker-no-prices-demo.d.ts +1 -0
  154. package/examples/datepicker-no-prices-demo.js +42 -0
  155. package/examples/datepicker-no-prices-demo.js.map +1 -0
  156. package/examples/datepicker-preselected-demo.d.ts +1 -0
  157. package/examples/datepicker-preselected-demo.js +77 -0
  158. package/examples/datepicker-preselected-demo.js.map +1 -0
  159. package/examples/dropdown-demo.js +9 -1
  160. package/examples/dropdown-demo.js.map +1 -1
  161. package/examples/expandable-text-demo.d.ts +1 -0
  162. package/examples/expandable-text-demo.js +22 -0
  163. package/examples/expandable-text-demo.js.map +1 -0
  164. package/examples/filter-demo.js +5 -5
  165. package/examples/floating-label-text-field-demo.d.ts +1 -0
  166. package/examples/floating-label-text-field-demo.js +32 -0
  167. package/examples/floating-label-text-field-demo.js.map +1 -0
  168. package/examples/frame-demo.d.ts +1 -0
  169. package/examples/frame-demo.js +36 -0
  170. package/examples/frame-demo.js.map +1 -0
  171. package/examples/frame-horizontal-demo.d.ts +1 -0
  172. package/examples/frame-horizontal-demo.js +44 -0
  173. package/examples/frame-horizontal-demo.js.map +1 -0
  174. package/examples/frame-no-image-demo.d.ts +1 -0
  175. package/examples/frame-no-image-demo.js +47 -0
  176. package/examples/frame-no-image-demo.js.map +1 -0
  177. package/examples/frame-vertical-demo.d.ts +1 -0
  178. package/examples/frame-vertical-demo.js +44 -0
  179. package/examples/frame-vertical-demo.js.map +1 -0
  180. package/examples/frame-with-tag-demo.d.ts +1 -0
  181. package/examples/frame-with-tag-demo.js +48 -0
  182. package/examples/frame-with-tag-demo.js.map +1 -0
  183. package/examples/journey-card-compact-demo.d.ts +1 -0
  184. package/examples/journey-card-compact-demo.js +71 -0
  185. package/examples/journey-card-compact-demo.js.map +1 -0
  186. package/examples/journey-card-demo.d.ts +1 -0
  187. package/examples/journey-card-demo.js +123 -0
  188. package/examples/journey-card-demo.js.map +1 -0
  189. package/examples/page-navigation-demo.d.ts +1 -0
  190. package/examples/page-navigation-demo.js +53 -0
  191. package/examples/page-navigation-demo.js.map +1 -0
  192. package/examples/password-demo.js +1 -0
  193. package/examples/password-demo.js.map +1 -1
  194. package/examples/phone-field-demo.js +6 -2
  195. package/examples/phone-field-demo.js.map +1 -1
  196. package/examples/promises-demo.d.ts +1 -0
  197. package/examples/promises-demo.js +50 -0
  198. package/examples/promises-demo.js.map +1 -0
  199. package/examples/radio-demo.js +3 -3
  200. package/examples/radio-demo.js.map +1 -1
  201. package/examples/radio-select-demo.d.ts +1 -0
  202. package/examples/radio-select-demo.js +100 -0
  203. package/examples/radio-select-demo.js.map +1 -0
  204. package/examples/scrollbar-demo.d.ts +1 -0
  205. package/examples/scrollbar-demo.js +42 -0
  206. package/examples/scrollbar-demo.js.map +1 -0
  207. package/examples/select-demo.js +1 -0
  208. package/examples/select-demo.js.map +1 -1
  209. package/examples/slider-frame-demo.d.ts +1 -0
  210. package/examples/slider-frame-demo.js +39 -0
  211. package/examples/slider-frame-demo.js.map +1 -0
  212. package/examples/slider-frame-with-button-demo.d.ts +1 -0
  213. package/examples/slider-frame-with-button-demo.js +47 -0
  214. package/examples/slider-frame-with-button-demo.js.map +1 -0
  215. package/examples/slider-frame-with-tag-demo.d.ts +1 -0
  216. package/examples/slider-frame-with-tag-demo.js +51 -0
  217. package/examples/slider-frame-with-tag-demo.js.map +1 -0
  218. package/examples/sparkle-wrapper-demo.d.ts +1 -0
  219. package/examples/sparkle-wrapper-demo.js +34 -0
  220. package/examples/sparkle-wrapper-demo.js.map +1 -0
  221. package/examples/switch-demo.js +3 -2
  222. package/examples/switch-demo.js.map +1 -1
  223. package/examples/tabs-demo.js +2 -5
  224. package/examples/tabs-demo.js.map +1 -1
  225. package/examples/tabs-notification-demo.d.ts +1 -0
  226. package/examples/tabs-notification-demo.js +64 -0
  227. package/examples/tabs-notification-demo.js.map +1 -0
  228. package/examples/tabs-with-select-demo.js +1 -0
  229. package/examples/tabs-with-select-demo.js.map +1 -1
  230. package/examples/text-field-demo.js +6 -0
  231. package/examples/text-field-demo.js.map +1 -1
  232. package/examples/toggle-demo.d.ts +1 -0
  233. package/examples/toggle-demo.js +44 -0
  234. package/examples/toggle-demo.js.map +1 -0
  235. package/examples/toggle-small-demo.d.ts +1 -0
  236. package/examples/toggle-small-demo.js +33 -0
  237. package/examples/toggle-small-demo.js.map +1 -0
  238. package/examples/tooltip-demo.d.ts +1 -0
  239. package/examples/tooltip-demo.js +103 -0
  240. package/examples/tooltip-demo.js.map +1 -0
  241. package/package.json +9 -3
  242. package/styles/animate.css +19 -0
  243. package/styles/components.css +97 -4
  244. package/styles/index.css +0 -1
  245. package/styles/theme.css +1 -2
  246. package/styles/ui/button.css +1 -1
  247. package/styles/ui/chat-button.css +68 -1
  248. package/styles/ui/controls.css +11 -58
  249. package/styles/ui/range.css +6 -1
  250. package/styles/ui/tabs.css +0 -19
  251. package/ui/Accordion.d.ts +30 -0
  252. package/ui/Accordion.js +71 -0
  253. package/ui/Accordion.js.map +1 -0
  254. package/ui/AdvancedToast.js +22 -19
  255. package/ui/AdvancedToast.js.map +1 -1
  256. package/ui/Avatar.js +1 -1
  257. package/ui/Avatar.js.map +1 -1
  258. package/ui/BasicToast.js +12 -12
  259. package/ui/BasicToast.js.map +1 -1
  260. package/ui/Breadcrumb.js +7 -6
  261. package/ui/Breadcrumb.js.map +1 -1
  262. package/ui/Chapters/Chapter.d.ts +7 -0
  263. package/ui/Chapters/Chapter.js +36 -0
  264. package/ui/Chapters/Chapter.js.map +1 -0
  265. package/ui/Chapters/ChapterTitle.d.ts +14 -0
  266. package/ui/Chapters/ChapterTitle.js +35 -0
  267. package/ui/Chapters/ChapterTitle.js.map +1 -0
  268. package/ui/Chapters/Chapters.d.ts +15 -0
  269. package/ui/Chapters/Chapters.js +42 -0
  270. package/ui/Chapters/Chapters.js.map +1 -0
  271. package/ui/Chapters/Chapters.themes.d.ts +9 -0
  272. package/ui/Chapters/Chapters.themes.js +65 -0
  273. package/ui/Chapters/Chapters.themes.js.map +1 -0
  274. package/ui/Chapters/ChaptersSummary.d.ts +17 -0
  275. package/ui/Chapters/ChaptersSummary.js +29 -0
  276. package/ui/Chapters/ChaptersSummary.js.map +1 -0
  277. package/ui/ChatButton.js +9 -9
  278. package/ui/ChatButton.js.map +1 -1
  279. package/ui/ChatInput.d.ts +10 -0
  280. package/ui/ChatInput.js +149 -0
  281. package/ui/ChatInput.js.map +1 -0
  282. package/ui/ChatMessage.d.ts +6 -0
  283. package/ui/ChatMessage.js +2 -0
  284. package/ui/ChatTypingIndicator.d.ts +2 -0
  285. package/ui/ChatTypingIndicator.js +30 -0
  286. package/ui/ChatTypingIndicator.js.map +1 -0
  287. package/ui/ChatWindow.d.ts +34 -0
  288. package/ui/ChatWindow.js +142 -0
  289. package/ui/ChatWindow.js.map +1 -0
  290. package/ui/ChatWindowCsatPrompt.d.ts +15 -0
  291. package/ui/ChatWindowCsatPrompt.js +71 -0
  292. package/ui/ChatWindowCsatPrompt.js.map +1 -0
  293. package/ui/ChatWindowCsatThankYou.d.ts +9 -0
  294. package/ui/ChatWindowCsatThankYou.js +29 -0
  295. package/ui/ChatWindowCsatThankYou.js.map +1 -0
  296. package/ui/ChatWindowQuote.d.ts +22 -0
  297. package/ui/ChatWindowQuote.js +141 -0
  298. package/ui/ChatWindowQuote.js.map +1 -0
  299. package/ui/Chip.js +4 -4
  300. package/ui/ChoiceExpander.js +17 -17
  301. package/ui/ChoiceExpander.js.map +1 -1
  302. package/ui/Countdown.d.ts +16 -0
  303. package/ui/Countdown.js +61 -0
  304. package/ui/Countdown.js.map +1 -0
  305. package/ui/Datepicker.d.ts +26 -0
  306. package/ui/Datepicker.js +2 -0
  307. package/ui/Day.d.ts +25 -0
  308. package/ui/Day.js +2 -0
  309. package/ui/Dropdown.d.ts +20 -3
  310. package/ui/Dropdown.js +61 -27
  311. package/ui/Dropdown.js.map +1 -1
  312. package/ui/ElasticHeight.js +1 -0
  313. package/ui/ElasticHeight.js.map +1 -1
  314. package/ui/ExpandableText.d.ts +14 -0
  315. package/ui/ExpandableText.js +40 -0
  316. package/ui/ExpandableText.js.map +1 -0
  317. package/ui/FlipCard.d.ts +7 -0
  318. package/ui/FlipCard.js +59 -0
  319. package/ui/FlipCard.js.map +1 -0
  320. package/ui/HamburgerIcon.js +1 -1
  321. package/ui/HamburgerIcon.js.map +1 -1
  322. package/ui/Link.js +8 -8
  323. package/ui/Link.js.map +1 -1
  324. package/ui/PageNavigation.d.ts +13 -0
  325. package/ui/PageNavigation.js +71 -0
  326. package/ui/PageNavigation.js.map +1 -0
  327. package/ui/Pagination.js +23 -23
  328. package/ui/Pagination.js.map +1 -1
  329. package/ui/Promises/Promises.d.ts +26 -0
  330. package/ui/Promises/Promises.js +42 -0
  331. package/ui/Promises/Promises.js.map +1 -0
  332. package/ui/Promises/PromisesMedia.d.ts +12 -0
  333. package/ui/Promises/PromisesMedia.js +64 -0
  334. package/ui/Promises/PromisesMedia.js.map +1 -0
  335. package/ui/Promises/PromisesMenu.d.ts +11 -0
  336. package/ui/Promises/PromisesMenu.js +154 -0
  337. package/ui/Promises/PromisesMenu.js.map +1 -0
  338. package/ui/Scrollbar.d.ts +14 -0
  339. package/ui/Scrollbar.js +68 -0
  340. package/ui/Scrollbar.js.map +1 -0
  341. package/ui/SidebarLayout.d.ts +3 -1
  342. package/ui/SidebarLayout.js +67 -59
  343. package/ui/SidebarLayout.js.map +1 -1
  344. package/ui/SparkleWrapper.d.ts +5 -0
  345. package/ui/SparkleWrapper.js +56 -0
  346. package/ui/SparkleWrapper.js.map +1 -0
  347. package/ui/Tag.js +6 -6
  348. package/ui/Toggle.d.ts +15 -0
  349. package/ui/Toggle.js +42 -0
  350. package/ui/Toggle.js.map +1 -0
  351. package/ui/Tooltip.d.ts +8 -0
  352. package/ui/Tooltip.js +2 -0
  353. package/ui/buttons/Button.type.d.ts +1 -1
  354. package/ui/buttons/Button.type.js +1 -1
  355. package/ui/buttons/Button.type.js.map +1 -1
  356. package/ui/buttons/ButtonContent.js +3 -3
  357. package/ui/carousel/Carousel.context.d.ts +27 -0
  358. package/ui/carousel/Carousel.context.js +2 -0
  359. package/ui/carousel/Carousel.d.ts +3 -0
  360. package/ui/carousel/Carousel.js +12 -0
  361. package/ui/carousel/Carousel.js.map +1 -0
  362. package/ui/carousel/CarouselBody.d.ts +6 -0
  363. package/ui/carousel/CarouselBody.js +21 -0
  364. package/ui/carousel/CarouselBody.js.map +1 -0
  365. package/ui/carousel/CarouselItem.d.ts +6 -0
  366. package/ui/carousel/CarouselItem.js +21 -0
  367. package/ui/carousel/CarouselItem.js.map +1 -0
  368. package/ui/carousel/CarouselNext.d.ts +8 -0
  369. package/ui/carousel/CarouselNext.js +23 -0
  370. package/ui/carousel/CarouselNext.js.map +1 -0
  371. package/ui/carousel/CarouselPrevious.d.ts +8 -0
  372. package/ui/carousel/CarouselPrevious.js +23 -0
  373. package/ui/carousel/CarouselPrevious.js.map +1 -0
  374. package/ui/contexts/TridentUIConfig.js +1 -1
  375. package/ui/criteria/Birthdate.d.ts +13 -0
  376. package/ui/criteria/Birthdate.js +2 -0
  377. package/ui/criteria/CriteriaDates.d.ts +32 -0
  378. package/ui/criteria/CriteriaDates.js +76 -0
  379. package/ui/criteria/CriteriaDates.js.map +1 -0
  380. package/ui/criteria/CriteriaParticipants.d.ts +106 -0
  381. package/ui/criteria/CriteriaParticipants.js +2 -0
  382. package/ui/criteria/CriteriaSection.d.ts +6 -0
  383. package/ui/criteria/CriteriaSection.js +15 -0
  384. package/ui/criteria/CriteriaSection.js.map +1 -0
  385. package/ui/criteria/CriteriaTransports.d.ts +53 -0
  386. package/ui/criteria/CriteriaTransports.js +274 -0
  387. package/ui/criteria/CriteriaTransports.js.map +1 -0
  388. package/ui/forms/CheckboxSelect.d.ts +31 -0
  389. package/ui/forms/CheckboxSelect.js +119 -0
  390. package/ui/forms/CheckboxSelect.js.map +1 -0
  391. package/ui/forms/Filter.d.ts +3 -1
  392. package/ui/forms/Filter.js +17 -13
  393. package/ui/forms/Filter.js.map +1 -1
  394. package/ui/forms/FloatingLabelTextField.d.ts +12 -0
  395. package/ui/forms/FloatingLabelTextField.js +132 -0
  396. package/ui/forms/FloatingLabelTextField.js.map +1 -0
  397. package/ui/forms/FormControl.d.ts +1 -1
  398. package/ui/forms/FormControl.js.map +1 -1
  399. package/ui/forms/FormControlError.js +4 -4
  400. package/ui/forms/NumberField.d.ts +3 -2
  401. package/ui/forms/NumberField.js +24 -25
  402. package/ui/forms/NumberField.js.map +1 -1
  403. package/ui/forms/PhoneField.d.ts +5 -10
  404. package/ui/forms/PhoneField.js +31 -211
  405. package/ui/forms/PhoneField.js.map +1 -1
  406. package/ui/forms/PhoneFieldFullInput.d.ts +16 -0
  407. package/ui/forms/PhoneFieldFullInput.js +110 -0
  408. package/ui/forms/PhoneFieldFullInput.js.map +1 -0
  409. package/ui/forms/PhoneFieldSplitInput.d.ts +19 -0
  410. package/ui/forms/PhoneFieldSplitInput.js +158 -0
  411. package/ui/forms/PhoneFieldSplitInput.js.map +1 -0
  412. package/ui/forms/RadioSelect.d.ts +31 -0
  413. package/ui/forms/RadioSelect.js +117 -0
  414. package/ui/forms/RadioSelect.js.map +1 -0
  415. package/ui/forms/Range.d.ts +1 -1
  416. package/ui/forms/Select.js +16 -17
  417. package/ui/forms/Select.js.map +1 -1
  418. package/ui/forms/Switch.d.ts +5 -3
  419. package/ui/forms/Switch.js +54 -34
  420. package/ui/forms/Switch.js.map +1 -1
  421. package/ui/forms/TextField.js +33 -24
  422. package/ui/forms/TextField.js.map +1 -1
  423. package/ui/forms/checkboxes/Checkbox.d.ts +3 -1
  424. package/ui/forms/checkboxes/Checkbox.js +21 -17
  425. package/ui/forms/checkboxes/Checkbox.js.map +1 -1
  426. package/ui/forms/checkboxes/Checkboxes.d.ts +5 -0
  427. package/ui/forms/checkboxes/Checkboxes.js +8 -8
  428. package/ui/forms/checkboxes/Checkboxes.js.map +1 -1
  429. package/ui/forms/password/Password.js +19 -20
  430. package/ui/forms/password/Password.js.map +1 -1
  431. package/ui/forms/password/ValidationMessage.js +5 -5
  432. package/ui/forms/radios/Radio.d.ts +2 -1
  433. package/ui/forms/radios/Radio.js +6 -3
  434. package/ui/forms/radios/Radio.js.map +1 -1
  435. package/ui/forms/radios/RadioGroup.js +5 -6
  436. package/ui/forms/radios/RadioGroup.js.map +1 -1
  437. package/ui/frame/Frame.d.ts +8 -0
  438. package/ui/frame/Frame.js +16 -0
  439. package/ui/frame/Frame.js.map +1 -0
  440. package/ui/frame/FrameLabelsWrapper.d.ts +5 -0
  441. package/ui/frame/FrameLabelsWrapper.js +12 -0
  442. package/ui/frame/FrameLabelsWrapper.js.map +1 -0
  443. package/ui/frame/FrameTitle.d.ts +7 -0
  444. package/ui/frame/FrameTitle.js +25 -0
  445. package/ui/frame/FrameTitle.js.map +1 -0
  446. package/ui/frame/FrameWrapper.d.ts +6 -0
  447. package/ui/frame/FrameWrapper.js +14 -0
  448. package/ui/frame/FrameWrapper.js.map +1 -0
  449. package/ui/frame/SliderFrame.d.ts +14 -0
  450. package/ui/frame/SliderFrame.js +50 -0
  451. package/ui/frame/SliderFrame.js.map +1 -0
  452. package/ui/helpers/cn.d.ts +2 -0
  453. package/ui/helpers/cn.js +10 -0
  454. package/ui/helpers/cn.js.map +1 -0
  455. package/ui/helpers/phone/defaultPrefixes.d.ts +1 -0
  456. package/ui/helpers/phone/defaultPrefixes.js +52 -28
  457. package/ui/helpers/phone/defaultPrefixes.js.map +1 -1
  458. package/ui/helpers/phone/formatters.d.ts +11 -0
  459. package/ui/helpers/phone/formatters.js +32 -1
  460. package/ui/helpers/phone/formatters.js.map +1 -1
  461. package/ui/helpers/phone/index.d.ts +1 -1
  462. package/ui/helpers/phone/index.js +3 -3
  463. package/ui/hooks/useIsClient.d.ts +1 -0
  464. package/ui/hooks/useIsClient.js +12 -0
  465. package/ui/hooks/useIsClient.js.map +1 -0
  466. package/ui/hooks/useValue.d.ts +3 -4
  467. package/ui/hooks/useValue.js +11 -11
  468. package/ui/hooks/useValue.js.map +1 -1
  469. package/ui/journey-card/FlightSegmentCard.d.ts +15 -0
  470. package/ui/journey-card/FlightSegmentCard.js +73 -0
  471. package/ui/journey-card/FlightSegmentCard.js.map +1 -0
  472. package/ui/journey-card/FlightTimeline.d.ts +5 -0
  473. package/ui/journey-card/FlightTimeline.js +27 -0
  474. package/ui/journey-card/FlightTimeline.js.map +1 -0
  475. package/ui/journey-card/ItineraryDetails.d.ts +9 -0
  476. package/ui/journey-card/ItineraryDetails.js +40 -0
  477. package/ui/journey-card/ItineraryDetails.js.map +1 -0
  478. package/ui/journey-card/JourneyCard.d.ts +17 -0
  479. package/ui/journey-card/JourneyCard.js +34 -0
  480. package/ui/journey-card/JourneyCard.js.map +1 -0
  481. package/ui/journey-card/JourneyDetails.d.ts +47 -0
  482. package/ui/journey-card/JourneyDetails.js +183 -0
  483. package/ui/journey-card/JourneyDetails.js.map +1 -0
  484. package/ui/tabs/Tabs.d.ts +5 -1
  485. package/ui/tabs/Tabs.js +208 -124
  486. package/ui/tabs/Tabs.js.map +1 -1
@@ -0,0 +1 @@
1
+ export default function CountdownDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,39 @@
1
+ "use client";
2
+ import { Countdown as e } from "../ui/Countdown.js";
3
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
4
+ //#region lib/examples/countdown-demo.tsx
5
+ var r = {
6
+ days: "days",
7
+ hours: "hours",
8
+ minutes: "minutes",
9
+ seconds: "seconds"
10
+ }, i = /* @__PURE__ */ new Date();
11
+ i.setDate(i.getDate() + 1);
12
+ var a = /* @__PURE__ */ new Date();
13
+ a.setDate(a.getDate() + 7);
14
+ function o() {
15
+ return /* @__PURE__ */ n("div", {
16
+ className: "flex flex-col gap-8",
17
+ children: [/* @__PURE__ */ t(e, {
18
+ countdown: {
19
+ to: i.toISOString(),
20
+ labels: r
21
+ },
22
+ theme: "saffron"
23
+ }), /* @__PURE__ */ t("div", {
24
+ className: "bg-ultramarine p-6 rounded-16",
25
+ children: /* @__PURE__ */ t(e, {
26
+ countdown: {
27
+ to: a.toISOString(),
28
+ labels: r
29
+ },
30
+ theme: "white",
31
+ className: "text-white"
32
+ })
33
+ })]
34
+ });
35
+ }
36
+ //#endregion
37
+ export { o as default };
38
+
39
+ //# sourceMappingURL=countdown-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"countdown-demo.js","names":[],"sources":["../../lib/examples/countdown-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Countdown } from '@/ui/Countdown';\n\nconst labels = {\n days: 'days',\n hours: 'hours',\n minutes: 'minutes',\n seconds: 'seconds',\n};\n\nconst tomorrow = new Date();\ntomorrow.setDate(tomorrow.getDate() + 1);\n\nconst nextWeek = new Date();\nnextWeek.setDate(nextWeek.getDate() + 7);\n\nexport default function CountdownDemo() {\n return (\n <div className=\"flex flex-col gap-8\">\n <Countdown countdown={{ to: tomorrow.toISOString(), labels }} theme=\"saffron\" />\n <div className=\"bg-ultramarine p-6 rounded-16\">\n <Countdown\n countdown={{ to: nextWeek.toISOString(), labels }}\n theme=\"white\"\n className=\"text-white\"\n />\n </div>\n </div>\n );\n}\n"],"mappings":";;;;AAIA,IAAM,IAAS;CACb,MAAM;CACN,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAEK,oBAAW,IAAI,MAAM;AAC3B,EAAS,QAAQ,EAAS,SAAS,GAAG,EAAE;AAExC,IAAM,oBAAW,IAAI,MAAM;AAC3B,EAAS,QAAQ,EAAS,SAAS,GAAG,EAAE;AAExC,SAAwB,IAAgB;AACtC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAW,WAAW;IAAE,IAAI,EAAS,aAAa;IAAE;IAAQ;GAAE,OAAM;GAAY,CAAA,EAChF,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,WAAW;KAAE,IAAI,EAAS,aAAa;KAAE;KAAQ;IACjD,OAAM;IACN,WAAU;IACV,CAAA;GACE,CAAA,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaDatesDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,41 @@
1
+ "use client";
2
+ import { DeviceProvider as e } from "../ui/contexts/devices/Device.js";
3
+ import { CriteriaDates as t, CriteriaDatesReinsurance as n } from "../ui/criteria/CriteriaDates.js";
4
+ import { useState as r } from "react";
5
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
6
+ //#region lib/examples/criteria-dates-demo.tsx
7
+ function o() {
8
+ let [o, s] = r();
9
+ return /* @__PURE__ */ i(e, {
10
+ device: "all",
11
+ children: /* @__PURE__ */ a("div", {
12
+ className: "w-[340px] space-y-24",
13
+ children: [/* @__PURE__ */ i(t, {
14
+ labels: {
15
+ seeNextMonth: "Next month",
16
+ seePreviousMonth: "Previous month",
17
+ bestPrice: "Best price",
18
+ lastAvailabilities: "Last availabilities",
19
+ notAvailable: "Not available",
20
+ priceLegend: "Price legend"
21
+ },
22
+ showPriceLegend: !0,
23
+ selected: o,
24
+ onSelect: s,
25
+ title: "Select your dates",
26
+ children: /* @__PURE__ */ i(n, { labels: { disclaimer: "New! Flexible booking now available." } })
27
+ }), o?.from && /* @__PURE__ */ a("p", {
28
+ className: "text-b4",
29
+ children: [
30
+ "From: ",
31
+ o.from.toLocaleDateString(),
32
+ o.to ? ` — To: ${o.to.toLocaleDateString()}` : ""
33
+ ]
34
+ })]
35
+ })
36
+ });
37
+ }
38
+ //#endregion
39
+ export { o as default };
40
+
41
+ //# sourceMappingURL=criteria-dates-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-dates-demo.js","names":[],"sources":["../../lib/examples/criteria-dates-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DeviceProvider } from '@/ui/contexts/devices/Device';\nimport { CriteriaDates, CriteriaDatesReinsurance } from '@/ui/criteria/CriteriaDates';\n\nexport default function CriteriaDatesDemo() {\n const [selected, setSelected] = useState<DateRange | undefined>();\n\n const labels = {\n seeNextMonth: 'Next month',\n seePreviousMonth: 'Previous month',\n bestPrice: 'Best price',\n lastAvailabilities: 'Last availabilities',\n notAvailable: 'Not available',\n priceLegend: 'Price legend',\n };\n\n return (\n <DeviceProvider device=\"all\">\n <div className=\"w-[340px] space-y-24\">\n <CriteriaDates\n labels={labels}\n showPriceLegend\n selected={selected}\n onSelect={setSelected}\n title=\"Select your dates\"\n >\n <CriteriaDatesReinsurance\n labels={{ disclaimer: 'New! Flexible booking now available.' }}\n />\n </CriteriaDates>\n {selected?.from && (\n <p className=\"text-b4\">\n From: {selected.from.toLocaleDateString()}\n {selected.to ? ` — To: ${selected.to.toLocaleDateString()}` : ''}\n </p>\n )}\n </div>\n </DeviceProvider>\n );\n}\n"],"mappings":";;;;;;AAOA,SAAwB,IAAoB;CAC1C,IAAM,CAAC,GAAU,KAAe,GAAiC;AAWjE,QACE,kBAAC,GAAD;EAAgB,QAAO;YACrB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACU,QAbD;KACb,cAAc;KACd,kBAAkB;KAClB,WAAW;KACX,oBAAoB;KACpB,cAAc;KACd,aAAa;KACd;IAOO,iBAAA;IACU;IACV,UAAU;IACV,OAAM;cAEN,kBAAC,GAAD,EACE,QAAQ,EAAE,YAAY,wCAAwC,EAC9D,CAAA;IACY,CAAA,EACf,GAAU,QACT,kBAAC,KAAD;IAAG,WAAU;cAAb;KAAuB;KACd,EAAS,KAAK,oBAAoB;KACxC,EAAS,KAAK,UAAU,EAAS,GAAG,oBAAoB,KAAK;;;;EAIrD,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaParticipantsDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,77 @@
1
+ "use client";
2
+ import { t as e } from "../chunks/CriteriaParticipants.js";
3
+ import { t } from "../chunks/subYears.js";
4
+ import { useState as n } from "react";
5
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
6
+ //#region lib/examples/criteria-participants-demo.tsx
7
+ var a = {
8
+ addAdult: "Add adult",
9
+ addChild: "Add child",
10
+ adults: "Adults",
11
+ children: "Children",
12
+ childrenAgeLimit: "Under 18 y.o.",
13
+ childBirthdate: "Child {n} birthdate",
14
+ childBirthdateInvalidDateError: "Invalid date",
15
+ childBirthdateMaxAgeError: "Too young (under 2)",
16
+ childBirthdateMinAgeError: "Too old (over 17)",
17
+ removeAdult: "Remove adult",
18
+ removeChild: "Remove child",
19
+ enterDateOfBirth: "Enter date of birth",
20
+ ageQuestion: "How old will the children be at check-in?",
21
+ ageYear: "Year",
22
+ ageMonths: "Months",
23
+ ageApply: "Apply",
24
+ participantDetails: "Participant Details",
25
+ adultLabel: "Adult {n}",
26
+ childLabel: "Child {n}",
27
+ removeParticipant: "Remove",
28
+ reset: "Reset",
29
+ apply: "Continue"
30
+ };
31
+ function o() {
32
+ let [o, s] = n(2), [c, l] = n(0), [u, d] = n([]), [f, p] = n([]);
33
+ return /* @__PURE__ */ i("div", {
34
+ className: "w-[380px] space-y-24",
35
+ children: [/* @__PURE__ */ r(e, {
36
+ labels: a,
37
+ adultsCount: o,
38
+ childrenCount: c,
39
+ birthdates: u,
40
+ childAges: f,
41
+ maxAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 2),
42
+ minAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 17),
43
+ onChange: (e) => {
44
+ e.type === "adultsCount" && s(e.payload), e.type === "childrenCount" && (l(e.payload), d((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), p((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && d((t) => {
45
+ let n = [...t];
46
+ return n[e.payload.index] = e.payload.date, n;
47
+ }), e.type === "childAge" && p((t) => {
48
+ let n = [...t];
49
+ return n[e.payload.index] = e.payload.value === null ? null : {
50
+ value: e.payload.value,
51
+ unit: e.payload.unit
52
+ }, n;
53
+ });
54
+ },
55
+ title: "Participant",
56
+ onReset: () => {
57
+ s(2), l(0), d([]), p([]);
58
+ },
59
+ onApply: () => {}
60
+ }), /* @__PURE__ */ i("p", {
61
+ className: "text-b4",
62
+ children: [
63
+ o,
64
+ " adult",
65
+ o === 1 ? "" : "s",
66
+ ", ",
67
+ c,
68
+ " child",
69
+ c === 1 ? "" : "ren"
70
+ ]
71
+ })]
72
+ });
73
+ }
74
+ //#endregion
75
+ export { o as default };
76
+
77
+ //# sourceMappingURL=criteria-participants-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-participants-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n participantDetails: 'Participant Details',\n adultLabel: 'Adult {n}',\n childLabel: 'Child {n}',\n removeParticipant: 'Remove',\n reset: 'Reset',\n apply: 'Continue',\n};\n\nexport default function CriteriaParticipantsDemo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participant\"\n onReset={() => {\n setAdults(2);\n setChildren(0);\n setBirthdates([]);\n setChildAges([]);\n }}\n onApply={() => {}}\n />\n <p className=\"text-b4\">\n {adultsCount} adult{adultsCount !== 1 ? 's' : ''}, {childrenCount} child\n {childrenCount !== 1 ? 'ren' : ''}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,YAAY;CACZ,mBAAmB;CACnB,OAAO;CACP,OAAO;CACR;AAED,SAAwB,IAA2B;CACjD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC;AAkCL,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACU;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA1CgB,MAAuC;AAoB3D,IAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;KACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,YAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;MAAE,OAAO,EAAO,QAAQ;MAAO,MAAM,EAAO,QAAQ;MAAM,EAEzD;MACP;;GAeA,OAAM;GACN,eAAe;AAIb,IAHA,EAAU,EAAE,EACZ,EAAY,EAAE,EACd,EAAc,EAAE,CAAC,EACjB,EAAa,EAAE,CAAC;;GAElB,eAAe;GACf,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAb;IACG;IAAY;IAAO,MAAgB,IAAU,KAAN;IAAS;IAAG;IAAc;IACjE,MAAkB,IAAY,KAAR"}
@@ -0,0 +1 @@
1
+ export default function CriteriaParticipantsFlow1Demo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,53 @@
1
+ "use client";
2
+ import { t as e } from "../chunks/format.js";
3
+ import { t } from "../chunks/CriteriaParticipants.js";
4
+ import { t as n } from "../chunks/subYears.js";
5
+ import { useState as r } from "react";
6
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
+ //#region lib/examples/criteria-participants-flow1-demo.tsx
8
+ var o = {
9
+ addAdult: "Add adult",
10
+ addChild: "Add child",
11
+ adults: "Adults",
12
+ children: "Children",
13
+ childrenAgeLimit: "Under 18 y.o.",
14
+ childBirthdate: "Child {n} birthdate",
15
+ childBirthdateInvalidDateError: "Invalid date",
16
+ childBirthdateMaxAgeError: "Too young (under 2)",
17
+ childBirthdateMinAgeError: "Too old (over 17)",
18
+ removeAdult: "Remove adult",
19
+ removeChild: "Remove child"
20
+ };
21
+ function s() {
22
+ let [s, c] = r(2), [l, u] = r(0), [d, f] = r([]);
23
+ return /* @__PURE__ */ a("div", {
24
+ className: "w-[380px] space-y-24",
25
+ children: [/* @__PURE__ */ i(t, {
26
+ childrenFlow: "birthdate-only",
27
+ labels: o,
28
+ adultsCount: s,
29
+ childrenCount: l,
30
+ birthdates: d,
31
+ maxAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 2),
32
+ minAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 17),
33
+ onChange: (e) => {
34
+ e.type === "adultsCount" && c(e.payload), e.type === "childrenCount" && (u(e.payload), f((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload))), e.type === "birthdate" && f((t) => {
35
+ let n = [...t];
36
+ return n[e.payload.index] = e.payload.date, n;
37
+ });
38
+ },
39
+ title: "Participants"
40
+ }), /* @__PURE__ */ a("p", {
41
+ className: "text-b4",
42
+ children: [
43
+ "Birthdates:",
44
+ " ",
45
+ d.map((t) => t ? e(t, "yyyy-MM-dd") : "—").join(", ") || "none"
46
+ ]
47
+ })]
48
+ });
49
+ }
50
+ //#endregion
51
+ export { s as default };
52
+
53
+ //# sourceMappingURL=criteria-participants-flow1-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-participants-flow1-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow1-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { format, subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n};\n\nexport default function CriteriaParticipantsFlow1Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"birthdate-only\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participants\"\n />\n <p className=\"text-b4\">\n Birthdates:{' '}\n {birthdates.map((d) => (d ? format(d, 'yyyy-MM-dd') : '—')).join(', ') || 'none'}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACd;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC;AAmBhF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACZ,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA3BgB,MAAuC;AAQ3D,IAPI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP;;GAeA,OAAM;GACN,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAb;IAAuB;IACT;IACX,EAAW,KAAK,MAAO,IAAI,EAAO,GAAG,aAAa,GAAG,IAAK,CAAC,KAAK,KAAK,IAAI"}
@@ -0,0 +1 @@
1
+ export default function CriteriaParticipantsFlow2Demo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,61 @@
1
+ "use client";
2
+ import { t as e } from "../chunks/format.js";
3
+ import { t } from "../chunks/CriteriaParticipants.js";
4
+ import { t as n } from "../chunks/subYears.js";
5
+ import { useState as r } from "react";
6
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
+ //#region lib/examples/criteria-participants-flow2-demo.tsx
8
+ var o = {
9
+ addAdult: "Add adult",
10
+ addChild: "Add child",
11
+ adults: "Adults",
12
+ children: "Children",
13
+ childrenAgeLimit: "Under 18 y.o.",
14
+ childBirthdate: "Child {n} birthdate",
15
+ childBirthdateInvalidDateError: "Invalid date",
16
+ childBirthdateMaxAgeError: "Too young (under 2)",
17
+ childBirthdateMinAgeError: "Too old (over 17)",
18
+ removeAdult: "Remove adult",
19
+ removeChild: "Remove child",
20
+ enterDateOfBirth: "Enter date of birth",
21
+ ageQuestion: "How old will the children be at check-in?",
22
+ ageYear: "Year",
23
+ ageMonths: "Months",
24
+ ageApply: "Apply"
25
+ };
26
+ function s() {
27
+ let [s, c] = r(2), [l, u] = r(0), [d, f] = r([]), [p, m] = r([]), h = (e) => {
28
+ e.type === "adultsCount" && c(e.payload), e.type === "childrenCount" && (u(e.payload), f((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), m((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && f((t) => {
29
+ let n = [...t];
30
+ return n[e.payload.index] = e.payload.date, n;
31
+ }), e.type === "childAge" && m((t) => {
32
+ let n = [...t];
33
+ return n[e.payload.index] = e.payload.value === null ? null : {
34
+ value: e.payload.value,
35
+ unit: e.payload.unit
36
+ }, n;
37
+ });
38
+ }, g = [...d.map((t, n) => t ? `Child ${n + 1}: ${e(t, "yyyy-MM-dd")}` : null), ...p.map((e, t) => e ? `Child ${t + 1}: ${e.value} ${e.unit === "year" ? "yr" : "mo"}` : null)].filter(Boolean).join(", ");
39
+ return /* @__PURE__ */ a("div", {
40
+ className: "w-[380px] space-y-24",
41
+ children: [/* @__PURE__ */ i(t, {
42
+ childrenFlow: "age-or-birthdate",
43
+ labels: o,
44
+ adultsCount: s,
45
+ childrenCount: l,
46
+ birthdates: d,
47
+ childAges: p,
48
+ maxAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 2),
49
+ minAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 17),
50
+ onChange: h,
51
+ title: "Participants"
52
+ }), /* @__PURE__ */ i("p", {
53
+ className: "text-b4",
54
+ children: g || "No ages or birthdates entered yet"
55
+ })]
56
+ });
57
+ }
58
+ //#endregion
59
+ export { s as default };
60
+
61
+ //# sourceMappingURL=criteria-participants-flow2-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-participants-flow2-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow2-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { format, subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n};\n\nexport default function CriteriaParticipantsFlow2Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n const summary = [\n ...birthdates.map((d, i) => (d ? `Child ${i + 1}: ${format(d, 'yyyy-MM-dd')}` : null)),\n ...childAges.map((a, i) =>\n a ? `Child ${i + 1}: ${a.value} ${a.unit === 'year' ? 'yr' : 'mo'}` : null,\n ),\n ]\n .filter(Boolean)\n .join(', ');\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"age-or-birthdate\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participants\"\n />\n <p className=\"text-b4\">{summary || 'No ages or birthdates entered yet'}</p>\n </div>\n );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACX;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC,EAEC,KAAgB,MAAuC;AAoB3D,EAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;GACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,UADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;IACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;GACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,UAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;IAAE,OAAO,EAAO,QAAQ;IAAO,MAAM,EAAO,QAAQ;IAAM,EAEzD;IACP;IAIA,IAAU,CACd,GAAG,EAAW,KAAK,GAAG,MAAO,IAAI,SAAS,IAAI,EAAE,IAAI,EAAO,GAAG,aAAa,KAAK,KAAM,EACtF,GAAG,EAAU,KAAK,GAAG,MACnB,IAAI,SAAS,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,EAAE,SAAS,SAAS,OAAO,SAAS,KACvE,CACF,CACE,OAAO,QAAQ,CACf,KAAK,KAAK;AAEb,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,UAAU;GACV,OAAM;GACN,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAW,KAAW;GAAwC,CAAA,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaParticipantsFlow3Demo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,72 @@
1
+ "use client";
2
+ import { t as e } from "../chunks/CriteriaParticipants.js";
3
+ import { t } from "../chunks/subYears.js";
4
+ import { useState as n } from "react";
5
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
6
+ //#region lib/examples/criteria-participants-flow3-demo.tsx
7
+ var a = {
8
+ addAdult: "Add adult",
9
+ addChild: "Add child",
10
+ adults: "Adults",
11
+ children: "Children",
12
+ childrenAgeLimit: "Under 18 y.o.",
13
+ childBirthdate: "Child {n} birthdate",
14
+ childBirthdateInvalidDateError: "Invalid date",
15
+ childBirthdateMaxAgeError: "Too young (under 2)",
16
+ childBirthdateMinAgeError: "Too old (over 17)",
17
+ removeAdult: "Remove adult",
18
+ removeChild: "Remove child",
19
+ enterDateOfBirth: "Enter date of birth",
20
+ ageQuestion: "How old will the children be at check-in?",
21
+ ageYear: "Year",
22
+ ageMonths: "Months",
23
+ ageApply: "Apply",
24
+ participantDetails: "Participant Details",
25
+ adultLabel: "Adult {n}",
26
+ childLabel: "Child {n}",
27
+ removeParticipant: "Remove",
28
+ reset: "Reset",
29
+ apply: "Continue"
30
+ };
31
+ function o() {
32
+ let [o, s] = n(2), [c, l] = n(0), [u, d] = n([]), [f, p] = n([]), [m, h] = n("");
33
+ return /* @__PURE__ */ i("div", {
34
+ className: "w-[380px] space-y-24",
35
+ children: [/* @__PURE__ */ r(e, {
36
+ childrenFlow: "age-or-birthdate-with-apply",
37
+ labels: a,
38
+ adultsCount: o,
39
+ childrenCount: c,
40
+ birthdates: u,
41
+ childAges: f,
42
+ maxAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 2),
43
+ minAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 17),
44
+ onChange: (e) => {
45
+ e.type === "adultsCount" && s(e.payload), e.type === "childrenCount" && (l(e.payload), d((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), p((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && d((t) => {
46
+ let n = [...t];
47
+ return n[e.payload.index] = e.payload.date, n;
48
+ }), e.type === "childAge" && p((t) => {
49
+ let n = [...t];
50
+ return n[e.payload.index] = e.payload.value === null ? null : {
51
+ value: e.payload.value,
52
+ unit: e.payload.unit
53
+ }, n;
54
+ });
55
+ },
56
+ title: "Participant",
57
+ onReset: () => {
58
+ s(2), l(0), d([]), p([]), h("");
59
+ },
60
+ onApply: () => {
61
+ h(`${o} adult${o === 1 ? "" : "s"}, ${c} child${c === 1 ? "" : "ren"}`);
62
+ }
63
+ }), /* @__PURE__ */ r("p", {
64
+ className: "text-b4",
65
+ children: m ? `Confirmed: ${m}` : "Not yet confirmed"
66
+ })]
67
+ });
68
+ }
69
+ //#endregion
70
+ export { o as default };
71
+
72
+ //# sourceMappingURL=criteria-participants-flow3-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-participants-flow3-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow3-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n participantDetails: 'Participant Details',\n adultLabel: 'Adult {n}',\n childLabel: 'Child {n}',\n removeParticipant: 'Remove',\n reset: 'Reset',\n apply: 'Continue',\n};\n\nexport default function CriteriaParticipantsFlow3Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n const [confirmed, setConfirmed] = useState('');\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"age-or-birthdate-with-apply\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participant\"\n onReset={() => {\n setAdults(2);\n setChildren(0);\n setBirthdates([]);\n setChildAges([]);\n setConfirmed('');\n }}\n onApply={() => {\n setConfirmed(\n `${adultsCount} adult${adultsCount !== 1 ? 's' : ''}, ${childrenCount} child${childrenCount !== 1 ? 'ren' : ''}`,\n );\n }}\n />\n <p className=\"text-b4\">{confirmed ? `Confirmed: ${confirmed}` : 'Not yet confirmed'}</p>\n </div>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,YAAY;CACZ,mBAAmB;CACnB,OAAO;CACP,OAAO;CACR;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC,EACC,CAAC,GAAW,KAAgB,EAAS,GAAG;AAkC9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA3CgB,MAAuC;AAoB3D,IAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;KACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,YAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;MAAE,OAAO,EAAO,QAAQ;MAAO,MAAM,EAAO,QAAQ;MAAM,EAEzD;MACP;;GAgBA,OAAM;GACN,eAAe;AAKb,IAJA,EAAU,EAAE,EACZ,EAAY,EAAE,EACd,EAAc,EAAE,CAAC,EACjB,EAAa,EAAE,CAAC,EAChB,EAAa,GAAG;;GAElB,eAAe;AACb,MACE,GAAG,EAAY,QAAQ,MAAgB,IAAU,KAAN,IAAS,IAAI,EAAc,QAAQ,MAAkB,IAAY,KAAR,QACrG;;GAEH,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAW,IAAY,cAAc,MAAc;GAAwB,CAAA,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaTransportsB2BDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,118 @@
1
+ "use client";
2
+ import { CriteriaTransports as e } from "../ui/criteria/CriteriaTransports.js";
3
+ import { useState as t } from "react";
4
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
+ //#region lib/examples/criteria-transports-b2b-demo.tsx
6
+ var i = {
7
+ toggleLabel: "Add transportation from",
8
+ topCitiesLabel: "Top cities",
9
+ otherCitiesLabel: "Other cities",
10
+ clubMedTransportTitle: "Opt for Club Med transportation:",
11
+ clubMedTransportDescription: "Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.",
12
+ reset: "Reset",
13
+ apply: "Confirm"
14
+ }, a = {
15
+ roundTripLabel: "Round trip",
16
+ oneWayLabel: "One way",
17
+ cabinClassLabel: "Class",
18
+ departureDateLabel: "From"
19
+ }, o = [
20
+ {
21
+ value: "all",
22
+ label: "All classes"
23
+ },
24
+ {
25
+ value: "economy",
26
+ label: "Economy"
27
+ },
28
+ {
29
+ value: "business",
30
+ label: "Business"
31
+ },
32
+ {
33
+ value: "first",
34
+ label: "First class"
35
+ }
36
+ ], s = [
37
+ {
38
+ code: "BOS",
39
+ name: "Boston Logan International (BOS)"
40
+ },
41
+ {
42
+ code: "NYC",
43
+ name: "New York all airports (NYC)"
44
+ },
45
+ {
46
+ code: "MIA",
47
+ name: "Miami International (MIA)"
48
+ }
49
+ ], c = [
50
+ {
51
+ code: "ABQ",
52
+ name: "Albuquerque (ABQ)"
53
+ },
54
+ {
55
+ code: "ANC",
56
+ name: "Anchorage International (ANC)"
57
+ },
58
+ {
59
+ code: "ATL",
60
+ name: "Atlanta Hartsfield-Jackson (ATL)"
61
+ },
62
+ {
63
+ code: "AUS",
64
+ name: "Austin-Bergstrom International (AUS)"
65
+ },
66
+ {
67
+ code: "DEN",
68
+ name: "Denver International (DEN)"
69
+ },
70
+ {
71
+ code: "LAX",
72
+ name: "Los Angeles International (LAX)"
73
+ },
74
+ {
75
+ code: "SEA",
76
+ name: "Seattle-Tacoma International (SEA)"
77
+ },
78
+ {
79
+ code: "SFO",
80
+ name: "San Francisco International (SFO)"
81
+ }
82
+ ];
83
+ function l() {
84
+ let [l, u] = t(!1), [d, f] = t(null), [p, m] = t("roundtrip"), [h, g] = t(void 0), [_, v] = t("");
85
+ return /* @__PURE__ */ r("div", {
86
+ className: "w-[380px] space-y-24",
87
+ children: [/* @__PURE__ */ n(e, {
88
+ mode: "b2b",
89
+ labels: i,
90
+ b2bLabels: a,
91
+ title: "Transport",
92
+ enabled: l,
93
+ topCities: s,
94
+ otherCities: c,
95
+ selectedAirportCode: d,
96
+ flightType: p,
97
+ cabinClass: h,
98
+ cabinClassOptions: o,
99
+ departureQuery: _,
100
+ onToggle: u,
101
+ onSelect: f,
102
+ onFlightTypeChange: m,
103
+ onCabinClassChange: (e, t) => g(t),
104
+ onDepartureQueryChange: (e, t) => v(t),
105
+ onReset: () => {
106
+ u(!1), f(null), m("roundtrip"), g(void 0), v("");
107
+ },
108
+ onApply: () => {}
109
+ }), d && /* @__PURE__ */ r("p", {
110
+ className: "text-b4",
111
+ children: ["Selected: ", /* @__PURE__ */ n("strong", { children: d })]
112
+ })]
113
+ });
114
+ }
115
+ //#endregion
116
+ export { l as default };
117
+
118
+ //# sourceMappingURL=criteria-transports-b2b-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-transports-b2b-demo.js","names":[],"sources":["../../lib/examples/criteria-transports-b2b-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\n\nimport { CriteriaTransports } from '@/ui/criteria/CriteriaTransports';\nimport type {\n CriteriaTransportsProps,\n CriteriaTransportsB2BLabels,\n} from '@/ui/criteria/CriteriaTransports';\nimport type { RadioSelectOption } from '@/ui/forms/RadioSelect';\n\nconst labels: CriteriaTransportsProps['labels'] = {\n toggleLabel: 'Add transportation from',\n topCitiesLabel: 'Top cities',\n otherCitiesLabel: 'Other cities',\n clubMedTransportTitle: 'Opt for Club Med transportation:',\n clubMedTransportDescription:\n 'Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.',\n reset: 'Reset',\n apply: 'Confirm',\n};\n\nconst b2bLabels: CriteriaTransportsB2BLabels = {\n roundTripLabel: 'Round trip',\n oneWayLabel: 'One way',\n cabinClassLabel: 'Class',\n departureDateLabel: 'From',\n};\n\nconst cabinClassOptions: RadioSelectOption<string>[] = [\n { value: 'all', label: 'All classes' },\n { value: 'economy', label: 'Economy' },\n { value: 'business', label: 'Business' },\n { value: 'first', label: 'First class' },\n];\n\nconst topCities = [\n { code: 'BOS', name: 'Boston Logan International (BOS)' },\n { code: 'NYC', name: 'New York all airports (NYC)' },\n { code: 'MIA', name: 'Miami International (MIA)' },\n];\n\nconst otherCities = [\n { code: 'ABQ', name: 'Albuquerque (ABQ)' },\n { code: 'ANC', name: 'Anchorage International (ANC)' },\n { code: 'ATL', name: 'Atlanta Hartsfield-Jackson (ATL)' },\n { code: 'AUS', name: 'Austin-Bergstrom International (AUS)' },\n { code: 'DEN', name: 'Denver International (DEN)' },\n { code: 'LAX', name: 'Los Angeles International (LAX)' },\n { code: 'SEA', name: 'Seattle-Tacoma International (SEA)' },\n { code: 'SFO', name: 'San Francisco International (SFO)' },\n];\n\nexport default function CriteriaTransportsB2BDemo() {\n const [enabled, setEnabled] = useState(false);\n const [selected, setSelected] = useState<string | null>(null);\n const [flightType, setFlightType] = useState<'roundtrip' | 'oneway'>('roundtrip');\n const [cabinClass, setCabinClass] = useState<string | undefined>(undefined);\n const [departureQuery, setDepartureQuery] = useState('');\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaTransports\n mode=\"b2b\"\n labels={labels}\n b2bLabels={b2bLabels}\n title=\"Transport\"\n enabled={enabled}\n topCities={topCities}\n otherCities={otherCities}\n selectedAirportCode={selected}\n flightType={flightType}\n cabinClass={cabinClass}\n cabinClassOptions={cabinClassOptions}\n departureQuery={departureQuery}\n onToggle={setEnabled}\n onSelect={setSelected}\n onFlightTypeChange={setFlightType}\n onCabinClassChange={(_event, value) => setCabinClass(value)}\n onDepartureQueryChange={(_event, value) => setDepartureQuery(value)}\n onReset={() => {\n setEnabled(false);\n setSelected(null);\n setFlightType('roundtrip');\n setCabinClass(undefined);\n setDepartureQuery('');\n }}\n onApply={() => {}}\n />\n {selected && (\n <p className=\"text-b4\">\n Selected: <strong>{selected}</strong>\n </p>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;AAUA,IAAM,IAA4C;CAChD,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,uBAAuB;CACvB,6BACE;CACF,OAAO;CACP,OAAO;CACR,EAEK,IAAyC;CAC7C,gBAAgB;CAChB,aAAa;CACb,iBAAiB;CACjB,oBAAoB;CACrB,EAEK,IAAiD;CACrD;EAAE,OAAO;EAAO,OAAO;EAAe;CACtC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAS,OAAO;;CAC1B,EAEK,IAAY;CAChB;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAA+B;CACpD;EAAE,MAAM;EAAO,MAAM;;CACtB,EAEK,IAAc;CAClB;EAAE,MAAM;EAAO,MAAM;EAAqB;CAC1C;EAAE,MAAM;EAAO,MAAM;EAAiC;CACtD;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAAwC;CAC7D;EAAE,MAAM;EAAO,MAAM;EAA8B;CACnD;EAAE,MAAM;EAAO,MAAM;EAAmC;CACxD;EAAE,MAAM;EAAO,MAAM;EAAsC;CAC3D;EAAE,MAAM;EAAO,MAAM;;CACtB;AAED,SAAwB,IAA4B;CAClD,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAU,KAAe,EAAwB,KAAK,EACvD,CAAC,GAAY,KAAiB,EAAiC,YAAY,EAC3E,CAAC,GAAY,KAAiB,EAA6B,KAAA,EAAU,EACrE,CAAC,GAAgB,KAAqB,EAAS,GAAG;AAExD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,MAAK;GACG;GACG;GACX,OAAM;GACG;GACE;GACE;GACb,qBAAqB;GACT;GACA;GACO;GACH;GAChB,UAAU;GACV,UAAU;GACV,oBAAoB;GACpB,qBAAqB,GAAQ,MAAU,EAAc,EAAM;GAC3D,yBAAyB,GAAQ,MAAU,EAAkB,EAAM;GACnE,eAAe;AAKb,IAJA,EAAW,GAAM,EACjB,EAAY,KAAK,EACjB,EAAc,YAAY,EAC1B,EAAc,KAAA,EAAU,EACxB,EAAkB,GAAG;;GAEvB,eAAe;GACf,CAAA,EACD,KACC,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAuB,cACX,kBAAC,UAAD,EAAA,UAAS,GAAkB,CAAA,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaTransportsDemo(): import("react/jsx-runtime").JSX.Element;