@skodaflow/web-library 5.0.0 → 6.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 (325) hide show
  1. package/cjs/components/accordion/accordion.js +1 -1
  2. package/cjs/components/accordion/accordion.js.map +1 -1
  3. package/cjs/components/banner/banner.d.ts +13 -51
  4. package/cjs/components/banner/banner.js +1 -1
  5. package/cjs/components/banner/banner.js.map +1 -1
  6. package/cjs/components/button/button.d.ts +2 -1
  7. package/cjs/components/button/button.js +1 -1
  8. package/cjs/components/button/button.js.map +1 -1
  9. package/cjs/components/card/Card.d.ts +92 -0
  10. package/cjs/components/card/Card.js +2 -0
  11. package/cjs/components/card/Card.js.map +1 -0
  12. package/cjs/components/card/FlippingCard.d.ts +3 -0
  13. package/cjs/components/card/FlippingCard.js +2 -0
  14. package/cjs/components/card/FlippingCard.js.map +1 -0
  15. package/cjs/components/card/LinkCard.d.ts +3 -0
  16. package/cjs/components/card/LinkCard.js +2 -0
  17. package/cjs/components/card/LinkCard.js.map +1 -0
  18. package/cjs/components/card/SelectableCard.d.ts +3 -0
  19. package/cjs/components/card/SelectableCard.js +2 -0
  20. package/cjs/components/card/SelectableCard.js.map +1 -0
  21. package/cjs/components/card/SimpleCard.d.ts +3 -0
  22. package/cjs/components/card/SimpleCard.js +2 -0
  23. package/cjs/components/card/SimpleCard.js.map +1 -0
  24. package/cjs/components/card/index.d.ts +1 -0
  25. package/cjs/components/cardContainer/cardContainer.d.ts +1 -0
  26. package/cjs/components/cardContainer/cardContainer.js.map +1 -1
  27. package/cjs/components/cardMenu/cardMenu.d.ts +2 -1
  28. package/cjs/components/cardMenu/cardMenu.js +1 -1
  29. package/cjs/components/cardMenu/cardMenu.js.map +1 -1
  30. package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js +1 -1
  31. package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js.map +1 -1
  32. package/cjs/components/chip/chipMultiselect/multiSelectChip.d.ts +2 -1
  33. package/cjs/components/chip/chipMultiselect/multiSelectChip.js +1 -1
  34. package/cjs/components/chip/chipMultiselect/multiSelectChip.js.map +1 -1
  35. package/cjs/components/chip/regular/chip.d.ts +2 -1
  36. package/cjs/components/chip/regular/chip.js +1 -1
  37. package/cjs/components/chip/regular/chip.js.map +1 -1
  38. package/cjs/components/closeDialogButton/index.js +1 -1
  39. package/cjs/components/closeDialogButton/index.js.map +1 -1
  40. package/cjs/components/common/interface/textInputInterface.d.ts +2 -1
  41. package/cjs/components/controls/controls.d.ts +2 -1
  42. package/cjs/components/controls/controls.js +1 -1
  43. package/cjs/components/controls/controls.js.map +1 -1
  44. package/cjs/components/icon/icon.d.ts +11 -2
  45. package/cjs/components/icon/icon.definitions.d.ts +847 -0
  46. package/cjs/components/icon/icon.definitions.js +2 -0
  47. package/cjs/components/icon/icon.definitions.js.map +1 -0
  48. package/cjs/components/icon/icon.js +1 -1
  49. package/cjs/components/icon/icon.js.map +1 -1
  50. package/cjs/components/icon/index.d.ts +1 -1
  51. package/cjs/components/index.d.ts +1 -0
  52. package/cjs/components/indicator/indicator.d.ts +9 -3
  53. package/cjs/components/indicator/indicator.js +1 -18
  54. package/cjs/components/indicator/indicator.js.map +1 -1
  55. package/cjs/components/labelStatus/labelStatus.d.ts +1 -0
  56. package/cjs/components/labelStatus/labelStatus.js.map +1 -1
  57. package/cjs/components/menu/menu.js +1 -1
  58. package/cjs/components/menu/menu.js.map +1 -1
  59. package/cjs/components/mobileStepper/mobileStepperButton.js +1 -1
  60. package/cjs/components/mobileStepper/mobileStepperButton.js.map +1 -1
  61. package/cjs/components/modal/modal.js +1 -1
  62. package/cjs/components/modal/modal.js.map +1 -1
  63. package/cjs/components/pagination/pagination.js +1 -1
  64. package/cjs/components/pagination/pagination.js.map +1 -1
  65. package/cjs/components/progressBar/components/loader.js +1 -1
  66. package/cjs/components/progressBar/components/loader.js.map +1 -1
  67. package/cjs/components/progressBar/components/spinner.js +1 -1
  68. package/cjs/components/progressBar/components/spinner.js.map +1 -1
  69. package/cjs/components/selectInput/selectInput.d.ts +2 -1
  70. package/cjs/components/selectInput/selectInput.js +1 -1
  71. package/cjs/components/selectInput/selectInput.js.map +1 -1
  72. package/cjs/components/snackbar/snackbarMessage.js +1 -1
  73. package/cjs/components/snackbar/snackbarMessage.js.map +1 -1
  74. package/cjs/components/tab/hook/useTabs.d.ts +1 -0
  75. package/cjs/components/tab/hook/useTabs.js.map +1 -1
  76. package/cjs/components/tab/menuTab.d.ts +1 -0
  77. package/cjs/components/tab/menuTab.js +1 -1
  78. package/cjs/components/tab/menuTab.js.map +1 -1
  79. package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js +1 -1
  80. package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
  81. package/cjs/components/tab/tab.d.ts +1 -0
  82. package/cjs/components/tab/tab.js.map +1 -1
  83. package/cjs/components/tab/tabPanel.d.ts +1 -0
  84. package/cjs/components/tab/tabPanel.js.map +1 -1
  85. package/cjs/components/tab/tabStyled.d.ts +1 -0
  86. package/cjs/components/tab/tabStyled.js.map +1 -1
  87. package/cjs/components/tab/tabs.d.ts +1 -0
  88. package/cjs/components/tab/tabs.js.map +1 -1
  89. package/cjs/components/textInput/textInput.js +1 -1
  90. package/cjs/components/textInput/textInput.js.map +1 -1
  91. package/cjs/components/upload/UploadField.d.ts +2 -2
  92. package/cjs/components/upload/UploadField.js +1 -1
  93. package/cjs/components/upload/UploadField.js.map +1 -1
  94. package/cjs/components/upload/UploadPreview.d.ts +1 -1
  95. package/cjs/components/upload/UploadPreviewList.d.ts +1 -1
  96. package/cjs/components/upload/UploadPreviewList.js +1 -1
  97. package/cjs/components/upload/UploadPreviewList.js.map +1 -1
  98. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  99. package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  100. package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
  101. package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
  102. package/cjs/design/skoda/components/dialog/dialog.theme.js +1 -1
  103. package/cjs/design/skoda/components/dialog/dialog.theme.js.map +1 -1
  104. package/cjs/design/skoda/components/form/select.theme.js +1 -1
  105. package/cjs/design/skoda/components/form/select.theme.js.map +1 -1
  106. package/cjs/design/skoda/components/tabs/tabs.theme.js +1 -1
  107. package/cjs/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  108. package/cjs/index.js +1 -1
  109. package/cjs/layout/Footer/FooterAccordion.js +1 -1
  110. package/cjs/layout/Footer/FooterAccordion.js.map +1 -1
  111. package/cjs/layout/Footer/FooterIconButton.d.ts +2 -2
  112. package/cjs/layout/Footer/FooterIconButton.js +1 -1
  113. package/cjs/layout/Footer/FooterIconButton.js.map +1 -1
  114. package/cjs/layout/Footer/FooterLink.d.ts +2 -2
  115. package/cjs/layout/Footer/FooterLink.js +1 -1
  116. package/cjs/layout/Footer/FooterLink.js.map +1 -1
  117. package/cjs/layout/Footer/FooterMenu.js +1 -1
  118. package/cjs/layout/Footer/FooterMenu.js.map +1 -1
  119. package/cjs/layout/Header/HeaderButton.d.ts +3 -3
  120. package/cjs/layout/Header/HeaderButton.js +1 -1
  121. package/cjs/layout/Header/HeaderButton.js.map +1 -1
  122. package/cjs/layout/Header/PredefinedHeaderButtons.js +1 -1
  123. package/cjs/layout/Header/PredefinedHeaderButtons.js.map +1 -1
  124. package/cjs/layout/SideMenu/SideMenu.js +1 -1
  125. package/cjs/layout/SideMenu/SideMenu.js.map +1 -1
  126. package/cjs/layout/cookieModal/CookieModal.d.ts +69 -0
  127. package/cjs/layout/cookieModal/CookieModal.js +2 -0
  128. package/cjs/layout/cookieModal/CookieModal.js.map +1 -0
  129. package/cjs/layout/cookieModal/CookieModalItem.d.ts +37 -0
  130. package/cjs/layout/cookieModal/CookieModalItem.js +2 -0
  131. package/cjs/layout/cookieModal/CookieModalItem.js.map +1 -0
  132. package/cjs/layout/cookieModal/index.d.ts +2 -0
  133. package/cjs/layout/index.d.ts +1 -0
  134. package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js +1 -1
  135. package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map +1 -1
  136. package/cjs/organisms/carousel/carousel.d.ts +3 -2
  137. package/cjs/organisms/carousel/carouselTemplate.d.ts +2 -1
  138. package/cjs/organisms/carousel2/carousel2.d.ts +3 -2
  139. package/cjs/organisms/carousel2/components/NavButton.js +1 -1
  140. package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
  141. package/cjs/organisms/common/menuCardComponent/menuCardComponent.js +1 -1
  142. package/cjs/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
  143. package/cjs/organisms/gallery/Gallery.js +1 -1
  144. package/cjs/organisms/gallery/Gallery.js.map +1 -1
  145. package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
  146. package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
  147. package/cjs/organisms/heroImageCard/videoCardController.js +1 -1
  148. package/cjs/organisms/heroImageCard/videoCardController.js.map +1 -1
  149. package/cjs/organisms/notification/Notification.js +1 -1
  150. package/cjs/organisms/notification/Notification.js.map +1 -1
  151. package/cjs/organisms/notification/NotificationCenterHeaderButton.d.ts +1 -1
  152. package/cjs/organisms/shortcutLink/shortcutLink.d.ts +2 -1
  153. package/cjs/organisms/shortcutLink/shortcutLink.js +1 -1
  154. package/cjs/organisms/shortcutLink/shortcutLink.js.map +1 -1
  155. package/cjs/organisms/textCta/textCta.d.ts +2 -1
  156. package/cjs/organisms/textCta/textCta.js +1 -1
  157. package/cjs/organisms/textCta/textCta.js.map +1 -1
  158. package/components/accordion/accordion.js +1 -1
  159. package/components/accordion/accordion.js.map +1 -1
  160. package/components/banner/banner.d.ts +13 -51
  161. package/components/banner/banner.js +1 -1
  162. package/components/banner/banner.js.map +1 -1
  163. package/components/button/button.d.ts +2 -1
  164. package/components/button/button.js +1 -1
  165. package/components/button/button.js.map +1 -1
  166. package/components/card/Card.d.ts +92 -0
  167. package/components/card/Card.js +2 -0
  168. package/components/card/Card.js.map +1 -0
  169. package/components/card/FlippingCard.d.ts +3 -0
  170. package/components/card/FlippingCard.js +2 -0
  171. package/components/card/FlippingCard.js.map +1 -0
  172. package/components/card/LinkCard.d.ts +3 -0
  173. package/components/card/LinkCard.js +2 -0
  174. package/components/card/LinkCard.js.map +1 -0
  175. package/components/card/SelectableCard.d.ts +3 -0
  176. package/components/card/SelectableCard.js +2 -0
  177. package/components/card/SelectableCard.js.map +1 -0
  178. package/components/card/SimpleCard.d.ts +3 -0
  179. package/components/card/SimpleCard.js +2 -0
  180. package/components/card/SimpleCard.js.map +1 -0
  181. package/components/card/index.d.ts +1 -0
  182. package/components/cardContainer/cardContainer.d.ts +1 -0
  183. package/components/cardContainer/cardContainer.js.map +1 -1
  184. package/components/cardMenu/cardMenu.d.ts +2 -1
  185. package/components/cardMenu/cardMenu.js +1 -1
  186. package/components/cardMenu/cardMenu.js.map +1 -1
  187. package/components/chip/chipDropdownChildren/chipDropdownChildren.js +1 -1
  188. package/components/chip/chipDropdownChildren/chipDropdownChildren.js.map +1 -1
  189. package/components/chip/chipMultiselect/multiSelectChip.d.ts +2 -1
  190. package/components/chip/chipMultiselect/multiSelectChip.js +1 -1
  191. package/components/chip/chipMultiselect/multiSelectChip.js.map +1 -1
  192. package/components/chip/regular/chip.d.ts +2 -1
  193. package/components/chip/regular/chip.js +1 -1
  194. package/components/chip/regular/chip.js.map +1 -1
  195. package/components/closeDialogButton/index.js +1 -1
  196. package/components/closeDialogButton/index.js.map +1 -1
  197. package/components/common/interface/textInputInterface.d.ts +2 -1
  198. package/components/controls/controls.d.ts +2 -1
  199. package/components/controls/controls.js +1 -1
  200. package/components/controls/controls.js.map +1 -1
  201. package/components/icon/icon.d.ts +11 -2
  202. package/components/icon/icon.definitions.d.ts +847 -0
  203. package/components/icon/icon.definitions.js +2 -0
  204. package/components/icon/icon.definitions.js.map +1 -0
  205. package/components/icon/icon.js +1 -1
  206. package/components/icon/icon.js.map +1 -1
  207. package/components/icon/index.d.ts +1 -1
  208. package/components/index.d.ts +1 -0
  209. package/components/indicator/indicator.d.ts +9 -3
  210. package/components/indicator/indicator.js +1 -18
  211. package/components/indicator/indicator.js.map +1 -1
  212. package/components/labelStatus/labelStatus.d.ts +1 -0
  213. package/components/labelStatus/labelStatus.js.map +1 -1
  214. package/components/menu/menu.js +1 -1
  215. package/components/menu/menu.js.map +1 -1
  216. package/components/mobileStepper/mobileStepperButton.js +1 -1
  217. package/components/mobileStepper/mobileStepperButton.js.map +1 -1
  218. package/components/modal/modal.js +1 -1
  219. package/components/modal/modal.js.map +1 -1
  220. package/components/pagination/pagination.js +1 -1
  221. package/components/pagination/pagination.js.map +1 -1
  222. package/components/progressBar/components/loader.js +1 -1
  223. package/components/progressBar/components/loader.js.map +1 -1
  224. package/components/progressBar/components/spinner.js +1 -1
  225. package/components/progressBar/components/spinner.js.map +1 -1
  226. package/components/selectInput/selectInput.d.ts +2 -1
  227. package/components/selectInput/selectInput.js +1 -1
  228. package/components/selectInput/selectInput.js.map +1 -1
  229. package/components/snackbar/snackbarMessage.js +1 -1
  230. package/components/snackbar/snackbarMessage.js.map +1 -1
  231. package/components/tab/hook/useTabs.d.ts +1 -0
  232. package/components/tab/hook/useTabs.js.map +1 -1
  233. package/components/tab/menuTab.d.ts +1 -0
  234. package/components/tab/menuTab.js +1 -1
  235. package/components/tab/menuTab.js.map +1 -1
  236. package/components/tab/secondaryNavigation/secondaryNavigationTabs.js +1 -1
  237. package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
  238. package/components/tab/tab.d.ts +1 -0
  239. package/components/tab/tab.js.map +1 -1
  240. package/components/tab/tabPanel.d.ts +1 -0
  241. package/components/tab/tabPanel.js.map +1 -1
  242. package/components/tab/tabStyled.d.ts +1 -0
  243. package/components/tab/tabStyled.js.map +1 -1
  244. package/components/tab/tabs.d.ts +1 -0
  245. package/components/tab/tabs.js.map +1 -1
  246. package/components/textInput/textInput.js +1 -1
  247. package/components/textInput/textInput.js.map +1 -1
  248. package/components/upload/UploadField.d.ts +2 -2
  249. package/components/upload/UploadField.js +1 -1
  250. package/components/upload/UploadField.js.map +1 -1
  251. package/components/upload/UploadPreview.d.ts +1 -1
  252. package/components/upload/UploadPreviewList.d.ts +1 -1
  253. package/components/upload/UploadPreviewList.js +1 -1
  254. package/components/upload/UploadPreviewList.js.map +1 -1
  255. package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
  256. package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
  257. package/design/skoda/components/autocomplete.theme.js +1 -1
  258. package/design/skoda/components/autocomplete.theme.js.map +1 -1
  259. package/design/skoda/components/dialog/dialog.theme.js +1 -1
  260. package/design/skoda/components/dialog/dialog.theme.js.map +1 -1
  261. package/design/skoda/components/form/select.theme.js +1 -1
  262. package/design/skoda/components/form/select.theme.js.map +1 -1
  263. package/design/skoda/components/tabs/tabs.theme.js +1 -1
  264. package/design/skoda/components/tabs/tabs.theme.js.map +1 -1
  265. package/eula.txt +40 -0
  266. package/index.js +1 -1
  267. package/layout/Footer/FooterAccordion.js +1 -1
  268. package/layout/Footer/FooterAccordion.js.map +1 -1
  269. package/layout/Footer/FooterIconButton.d.ts +2 -2
  270. package/layout/Footer/FooterIconButton.js +1 -1
  271. package/layout/Footer/FooterIconButton.js.map +1 -1
  272. package/layout/Footer/FooterLink.d.ts +2 -2
  273. package/layout/Footer/FooterLink.js +1 -1
  274. package/layout/Footer/FooterLink.js.map +1 -1
  275. package/layout/Footer/FooterMenu.js +1 -1
  276. package/layout/Footer/FooterMenu.js.map +1 -1
  277. package/layout/Header/HeaderButton.d.ts +3 -3
  278. package/layout/Header/HeaderButton.js +1 -1
  279. package/layout/Header/HeaderButton.js.map +1 -1
  280. package/layout/Header/PredefinedHeaderButtons.js +1 -1
  281. package/layout/Header/PredefinedHeaderButtons.js.map +1 -1
  282. package/layout/SideMenu/SideMenu.js +1 -1
  283. package/layout/SideMenu/SideMenu.js.map +1 -1
  284. package/layout/cookieModal/CookieModal.d.ts +69 -0
  285. package/layout/cookieModal/CookieModal.js +2 -0
  286. package/layout/cookieModal/CookieModal.js.map +1 -0
  287. package/layout/cookieModal/CookieModalItem.d.ts +37 -0
  288. package/layout/cookieModal/CookieModalItem.js +2 -0
  289. package/layout/cookieModal/CookieModalItem.js.map +1 -0
  290. package/layout/cookieModal/index.d.ts +2 -0
  291. package/layout/index.d.ts +1 -0
  292. package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js +1 -1
  293. package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map +1 -1
  294. package/organisms/carousel/carousel.d.ts +3 -2
  295. package/organisms/carousel/carouselTemplate.d.ts +2 -1
  296. package/organisms/carousel2/carousel2.d.ts +3 -2
  297. package/organisms/carousel2/components/NavButton.js +1 -1
  298. package/organisms/carousel2/components/NavButton.js.map +1 -1
  299. package/organisms/common/menuCardComponent/menuCardComponent.js +1 -1
  300. package/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
  301. package/organisms/gallery/Gallery.js +1 -1
  302. package/organisms/gallery/Gallery.js.map +1 -1
  303. package/organisms/gallery/GalleryTrigger.js +1 -1
  304. package/organisms/gallery/GalleryTrigger.js.map +1 -1
  305. package/organisms/heroImageCard/videoCardController.js +1 -1
  306. package/organisms/heroImageCard/videoCardController.js.map +1 -1
  307. package/organisms/notification/Notification.js +1 -1
  308. package/organisms/notification/Notification.js.map +1 -1
  309. package/organisms/notification/NotificationCenterHeaderButton.d.ts +1 -1
  310. package/organisms/shortcutLink/shortcutLink.d.ts +2 -1
  311. package/organisms/shortcutLink/shortcutLink.js +1 -1
  312. package/organisms/shortcutLink/shortcutLink.js.map +1 -1
  313. package/organisms/textCta/textCta.d.ts +2 -1
  314. package/organisms/textCta/textCta.js +1 -1
  315. package/organisms/textCta/textCta.js.map +1 -1
  316. package/package.json +1 -1
  317. package/theme/skoda/icons.css +1 -1
  318. package/cjs/components/icon/availableIcons.d.ts +0 -1
  319. package/cjs/components/icon/availableIcons.js +0 -2
  320. package/cjs/components/icon/availableIcons.js.map +0 -1
  321. package/cjs/components/tab/examples.d.ts +0 -3
  322. package/components/icon/availableIcons.d.ts +0 -1
  323. package/components/icon/availableIcons.js +0 -2
  324. package/components/icon/availableIcons.js.map +0 -1
  325. package/components/tab/examples.d.ts +0 -3
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  /**
3
3
  * @description Tabs styling definition based on props
4
+ * @deprecated use Tab component from @mui/material instead
4
5
  */
5
6
  declare const TabStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
6
7
  ref?: import("react").Ref<HTMLDivElement>;
@@ -1 +1 @@
1
- {"version":3,"file":"tabStyled.js","sources":["../../../src/components/tab/tabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiTab from '@mui/material/Tab';\n/**\n * @description Tabs styling definition based on props\n */\nconst TabStyled = styled(MuiTab, {\n shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'smallSize' && prop !== 'ref',\n})(({ isActive, smallSize, theme }) => {\n let styles = {\n minWidth: 'fit-content',\n fontWeight: '700',\n padding: 0,\n color: theme.palette.onSurface.os500,\n opacity: 1,\n fontSize: '20px',\n textTransform: 'none',\n transition: 'color .3s ease-out',\n minHeight: '32px',\n maxHeight: '32px',\n marginTop: '4px',\n fontFamily: 'SKODA Next',\n letterSpacing: '0.02857em',\n '&:focus': {\n paddingLeft: '5px',\n paddingRight: '5px',\n border: `2px solid ${theme.palette.text.primary}`,\n boxSizing: ' border-box',\n },\n '&:hover': {\n color: theme.palette.text.primary,\n position: 'relative',\n overflow: 'visible',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n },\n '&:after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n height: '3px',\n backgroundColor: theme.palette.brand.primary,\n width: '100%',\n bottom: '-12px',\n left: 0,\n },\n },\n '&:active': {\n color: theme.palette.text.primary,\n },\n '& > .MuiIcon-root': {\n fontSize: '20px !Important',\n width: '20px',\n height: '30px',\n color: theme.palette.onSurface.os500,\n },\n };\n styles = Object.assign(Object.assign({}, styles), { [theme.breakpoints.down('sm')]: {\n fontSize: '14px',\n minWidth: '56px',\n marginTop: '6px',\n } });\n if (isActive) {\n styles = Object.assign(Object.assign({}, styles), { color: theme.palette.text.primary });\n }\n if (smallSize) {\n styles = Object.assign(Object.assign({}, styles), { fontSize: '14px', minWidth: '56px', marginTop: '6px', '& > .MuiIcon-root': {\n fontSize: '15px !important',\n width: '15px',\n height: '22px',\n } });\n }\n return styles;\n});\nexport default TabStyled;\n//# sourceMappingURL=tabStyled.js.map"],"names":["TabStyled","styled","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"gEAKK,MAACA,EAAYC,EAAOC,EAAQ,CAC7BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD9DH,EAEf,EAAGI,WAAUC,YAAWC,YACvB,IAAIC,EAAS,CACTC,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,CACPC,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAapB,EAAMM,QAAQe,KAAKC,UACxCC,UAAW,eAEf,UAAW,CACPlB,MAAOL,EAAMM,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,CACjBpB,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,UAAW,CACPI,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB7B,EAAMM,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,IAGd,WAAY,CACR5B,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,oBAAqB,CACjBZ,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAOL,EAAMM,QAAQC,UAAUC,QAkBvC,OAfAP,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAE,CAACD,EAAMoC,YAAYC,KAAK,OAAQ,CAC5E3B,SAAU,OACVR,SAAU,OACVa,UAAW,SAEfjB,IACAG,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIlC,GAAS,CAAEI,MAAOL,EAAMM,QAAQe,KAAKC,WAE9EvB,IACAE,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAES,SAAU,OAAQR,SAAU,OAAQa,UAAW,MAAO,oBAAqB,CACvHL,SAAU,kBACVqB,MAAO,OACPH,OAAQ,WAGb3B,CAAM"}
1
+ {"version":3,"file":"tabStyled.js","sources":["../../../src/components/tab/tabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiTab from '@mui/material/Tab';\n/**\n * @description Tabs styling definition based on props\n * @deprecated use Tab component from @mui/material instead\n */\nconst TabStyled = styled(MuiTab, {\n shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'smallSize' && prop !== 'ref',\n})(({ isActive, smallSize, theme }) => {\n let styles = {\n minWidth: 'fit-content',\n fontWeight: '700',\n padding: 0,\n color: theme.palette.onSurface.os500,\n opacity: 1,\n fontSize: '20px',\n textTransform: 'none',\n transition: 'color .3s ease-out',\n minHeight: '32px',\n maxHeight: '32px',\n marginTop: '4px',\n fontFamily: 'SKODA Next',\n letterSpacing: '0.02857em',\n '&:focus': {\n paddingLeft: '5px',\n paddingRight: '5px',\n border: `2px solid ${theme.palette.text.primary}`,\n boxSizing: ' border-box',\n },\n '&:hover': {\n color: theme.palette.text.primary,\n position: 'relative',\n overflow: 'visible',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n },\n '&:after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n height: '3px',\n backgroundColor: theme.palette.brand.primary,\n width: '100%',\n bottom: '-12px',\n left: 0,\n },\n },\n '&:active': {\n color: theme.palette.text.primary,\n },\n '& > .MuiIcon-root': {\n fontSize: '20px !Important',\n width: '20px',\n height: '30px',\n color: theme.palette.onSurface.os500,\n },\n };\n styles = Object.assign(Object.assign({}, styles), { [theme.breakpoints.down('sm')]: {\n fontSize: '14px',\n minWidth: '56px',\n marginTop: '6px',\n } });\n if (isActive) {\n styles = Object.assign(Object.assign({}, styles), { color: theme.palette.text.primary });\n }\n if (smallSize) {\n styles = Object.assign(Object.assign({}, styles), { fontSize: '14px', minWidth: '56px', marginTop: '6px', '& > .MuiIcon-root': {\n fontSize: '15px !important',\n width: '15px',\n height: '22px',\n } });\n }\n return styles;\n});\nexport default TabStyled;\n//# sourceMappingURL=tabStyled.js.map"],"names":["TabStyled","styled","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"gEAMK,MAACA,EAAYC,EAAOC,EAAQ,CAC7BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD9DH,EAEf,EAAGI,WAAUC,YAAWC,YACvB,IAAIC,EAAS,CACTC,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,CACPC,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAapB,EAAMM,QAAQe,KAAKC,UACxCC,UAAW,eAEf,UAAW,CACPlB,MAAOL,EAAMM,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,CACjBpB,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,UAAW,CACPI,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB7B,EAAMM,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,IAGd,WAAY,CACR5B,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,oBAAqB,CACjBZ,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAOL,EAAMM,QAAQC,UAAUC,QAkBvC,OAfAP,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAE,CAACD,EAAMoC,YAAYC,KAAK,OAAQ,CAC5E3B,SAAU,OACVR,SAAU,OACVa,UAAW,SAEfjB,IACAG,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIlC,GAAS,CAAEI,MAAOL,EAAMM,QAAQe,KAAKC,WAE9EvB,IACAE,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAES,SAAU,OAAQR,SAAU,OAAQa,UAAW,MAAO,oBAAqB,CACvHL,SAAU,kBACVqB,MAAO,OACPH,OAAQ,WAGb3B,CAAM"}
@@ -51,5 +51,6 @@ export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChang
51
51
  * Properties are inherited from HTML Button element.
52
52
  * @param props TabsProps
53
53
  * @returns React Functional Component
54
+ * @deprecated use Tab component from @mui/material instead
54
55
  */
55
56
  export declare const Tabs: FC<TabsProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sources":["../../../src/components/tab/tabs.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport MuiTabs from '@mui/material/Tabs';\nimport { styled } from '@mui/material/styles';\nimport { SecondaryNavigationTabs } from './secondaryNavigation/secondaryNavigationTabs';\nimport { MenuTab } from './menuTab';\nimport useTabs from './hook/useTabs';\nimport { useTheme } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport noop from 'lodash/noop';\nexport const TabsContext = React.createContext({\n activeTab: null,\n updateActiveTab: noop,\n smallSize: false,\n});\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props TabsProps\n * @returns React Functional Component\n */\nexport const Tabs = (_a) => {\n var { handleChange, defaultActiveTab, smallSize, variantSecondaryNavigation, children, sx, classes, labelMoreItem = 'More', activeTab } = _a, props = __rest(_a, [\"handleChange\", \"defaultActiveTab\", \"smallSize\", \"variantSecondaryNavigation\", \"children\", \"sx\", \"classes\", \"labelMoreItem\", \"activeTab\"]);\n const [currentActiveTab, setCurrentActiveTab] = useState(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n const [windowWidth, setWindowWidth] = useState(null);\n const [isMobileView, setIsMobileView] = useState(false);\n const [menuChildren, setMenuChildren] = useState([]);\n const [mouseDown, setMouseDown] = useState(false);\n const [activeMenuItem, setActiveMenuItem] = useState(false);\n const moreBtnRef = useRef(null);\n const tabsRef = useRef(null);\n const { handleOverflowingTabs, handleIsMobileView } = useTabs();\n const theme = useTheme();\n const updateActiveTab = useCallback((value, fromMenu) => {\n setActiveMenuItem(fromMenu);\n setCurrentActiveTab(value);\n }, []);\n const handleMobileView = useCallback(() => {\n handleIsMobileView(variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth);\n }, [handleIsMobileView, isMobileView, variantSecondaryNavigation]);\n useEffect(() => {\n setCurrentActiveTab(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n }, [activeTab, defaultActiveTab]);\n useEffect(() => {\n handleMobileView();\n window.addEventListener('resize', handleMobileView);\n return () => {\n window.removeEventListener('resize', handleMobileView);\n };\n });\n useEffect(() => {\n handleChange && handleChange(currentActiveTab);\n }, [currentActiveTab, handleChange]);\n //Set the initial more btn menu list\n useEffect(() => {\n setMenuChildren(React.Children.toArray(children));\n }, [children]);\n //on screen resize: if the more btn is rendered, handle the more btn menu and the overflowing tabs\n useEffect(() => {\n if (moreBtnRef && moreBtnRef.current) {\n handleOverflowingTabs(tabsRef, windowWidth, children, setMenuChildren);\n }\n }, [windowWidth, handleOverflowingTabs, children]);\n useEffect(() => {\n document.addEventListener('mousedown', function () {\n setMouseDown(true);\n });\n document.addEventListener('keydown', function () {\n setMouseDown(false);\n });\n }, []);\n useEffect(() => { }, [props]);\n return (_jsx(_Fragment, { children: variantSecondaryNavigation && isMobileView ? (_jsx(SecondaryNavigationTabs, { labelMoreItem: labelMoreItem, currentActiveTab: currentActiveTab, setCurrentActiveTab: (val) => setCurrentActiveTab(val), children: children })) : (_jsx(TabsContext.Provider, { value: { activeTab: currentActiveTab, updateActiveTab, smallSize }, children: _jsxs(TabsStyled, { ref: tabsRef, variant: windowWidth <= theme.breakpoints.values.lg ? 'scrollable' : 'fullWidth', scrollButtons: false, smallSize: smallSize, value: activeMenuItem ? 'more' : currentActiveTab, mouseDown: mouseDown, sx: sx, classes: classes, children: [children, _jsx(MenuTab, { value: \"more\", ref: moreBtnRef, label: labelMoreItem, children: menuChildren })] }) })) }));\n};\n/**\n * @description Tabs styling definition based on props\n */\nconst TabsStyled = styled(MuiTabs, {\n shouldForwardProp: (prop) => prop !== 'variantSecondaryNavigation' && prop !== 'smallSize' && prop !== 'mouseDown',\n})((_a) => {\n var { isActive, theme } = _a, props = __rest(_a, [\"isActive\", \"theme\"]);\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { boxSizing: 'border-box', '& *': {\n boxSizing: 'border-box',\n }, '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n width: '100%',\n },\n '& > .MuiTabs-indicator': {\n height: '3px',\n backgroundColor: flowColors.brand.primary,\n },\n '& > div > .MuiTab-root': {\n marginLeft: '56px',\n },\n } });\n if (props.smallSize) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n },\n '& > div > .MuiTab-root': {\n marginLeft: '40px',\n '&:after': {\n bottom: '-11px',\n },\n },\n }, '& .MuiTabs-indicator': {\n backgroundColor: flowColors.brand.primary,\n } });\n }\n if (props.mouseDown) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': Object.assign(Object.assign({}, styles['& > div']), { '& > div > .MuiTab-root': Object.assign(Object.assign({}, styles['& > div']['& > div > .MuiTab-root']), { '&:focus': {\n border: 0,\n paddingLeft: 0,\n paddingRight: 0,\n } }) }) });\n }\n return styles;\n});\n//# sourceMappingURL=tabs.js.map"],"names":["TabsContext","React","createContext","activeTab","updateActiveTab","noop","smallSize","Tabs","_a","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","props","__rest","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","mouseDown","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","SecondaryNavigationTabs","val","Provider","_jsxs","TabsStyled","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label","styled","MuiTabs","shouldForwardProp","prop","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","border","paddingLeft","paddingRight"],"mappings":"uiBAWY,MAACA,EAAcC,EAAMC,cAAc,CAC3CC,UAAW,KACXC,gBAAiBC,EACjBC,WAAW,IAQFC,EAAQC,IACjB,IAAIC,aAAEA,EAAYC,iBAAEA,EAAgBJ,UAAEA,EAASK,2BAAEA,EAA0BC,SAAEA,EAAQC,GAAEA,EAAEC,QAAEA,EAAOC,cAAEA,EAAgB,OAAMZ,UAAEA,GAAcK,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,eAAgB,mBAAoB,YAAa,6BAA8B,WAAY,KAAM,UAAW,gBAAiB,cAC/R,MAAOU,EAAkBC,GAAuBC,EAASjB,QAA6CA,EAAYO,IAC3GW,EAAaC,GAAkBF,EAAS,OACxCG,EAAcC,GAAmBJ,GAAS,IAC1CK,EAAcC,GAAmBN,EAAS,KAC1CO,EAAWC,GAAgBR,GAAS,IACpCS,EAAgBC,GAAqBV,GAAS,GAC/CW,EAAaC,EAAO,MACpBC,EAAUD,EAAO,OACjBE,sBAAEA,EAAqBC,mBAAEA,GAAuBC,IAChDC,EAAQC,IACRlC,EAAkBmC,GAAY,CAACC,EAAOC,KACxCX,EAAkBW,GAClBtB,EAAoBqB,EAAM,GAC3B,IACGE,EAAmBH,GAAY,KACjCJ,EAAmBxB,EAA4BY,EAAcC,EAAiBF,EAAe,GAC9F,CAACa,EAAoBZ,EAAcZ,IAiCtC,OAhCAgC,GAAU,KACNxB,EAAoBhB,QAA6CA,EAAYO,EAAiB,GAC/F,CAACP,EAAWO,IACfiC,GAAU,KACND,IACAE,OAAOC,iBAAiB,SAAUH,GAC3B,KACHE,OAAOE,oBAAoB,SAAUJ,EAAiB,KAG9DC,GAAU,KACNlC,GAAgBA,EAAaS,EAAiB,GAC/C,CAACA,EAAkBT,IAEtBkC,GAAU,KACNjB,EAAgBzB,EAAM8C,SAASC,QAAQpC,GAAU,GAClD,CAACA,IAEJ+B,GAAU,KACFZ,GAAcA,EAAWkB,SACzBf,EAAsBD,EAASZ,EAAaT,EAAUc,EACzD,GACF,CAACL,EAAaa,EAAuBtB,IACxC+B,GAAU,KACNO,SAASL,iBAAiB,aAAa,WACnCjB,GAAa,EACzB,IACQsB,SAASL,iBAAiB,WAAW,WACjCjB,GAAa,EACzB,GAAU,GACH,IACHe,GAAU,QAAW,CAAC3B,IACdmC,EAAKC,EAAW,CAAExC,SAAUD,GAA8BY,EAAgB4B,EAAKE,EAAyB,CAAEtC,cAAeA,EAAeG,iBAAkBA,EAAkBC,oBAAsBmC,GAAQnC,EAAoBmC,GAAM1C,SAAUA,IAAgBuC,EAAKnD,EAAYuD,SAAU,CAAEf,MAAO,CAAErC,UAAWe,EAAkBd,kBAAiBE,aAAaM,SAAU4C,EAAMC,EAAY,CAAEC,IAAKzB,EAAS0B,QAAStC,GAAegB,EAAMuB,YAAYC,OAAOC,GAAK,aAAe,YAAaC,eAAe,EAAOzD,UAAWA,EAAWkC,MAAOX,EAAiB,OAASX,EAAkBS,UAAWA,EAAWd,GAAIA,EAAIC,QAASA,EAASF,SAAU,CAACA,EAAUuC,EAAKa,EAAS,CAAExB,MAAO,OAAQkB,IAAK3B,EAAYkC,MAAOlD,EAAeH,SAAUa,UAA4B,EAKnvBgC,EAAaS,EAAOC,EAAS,CAC/BC,kBAAoBC,GAAkB,+BAATA,GAAkD,cAATA,GAAiC,cAATA,GAD/EH,EAEf1D,IACG,IAA2BQ,EAAQC,EAAOT,EAAI,CAAC,WAAY,UAC9D,IAAI8D,EAAS,CAAA,EA4Cb,OA3CAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAEG,UAAW,aAAc,MAAO,CAC5EA,UAAW,cACZ,UAAW,CACV,oCAAqC,CACjCC,YAAa,QAEjB,UAAW,CACPC,WAAY,MACZC,MAAO,QAEX,yBAA0B,CACtBC,OAAQ,MACRC,gBAAiBC,EAAWC,MAAMC,SAEtC,yBAA0B,CACtBN,WAAY,WAGpB3D,EAAMV,YACNgE,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,UAAW,CACvD,oCAAqC,CACjCI,YAAa,QAEjB,UAAW,CACPC,WAAY,OAEhB,yBAA0B,CACtBA,WAAY,OACZ,UAAW,CACPO,OAAQ,WAGjB,uBAAwB,CACvBJ,gBAAiBC,EAAWC,MAAMC,YAG1CjE,EAAMW,YACN2C,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAE,UAAWC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAO,YAAa,CAAE,yBAA0BC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAO,WAAW,2BAA4B,CAAE,UAAW,CAC1Na,OAAQ,EACRC,YAAa,EACbC,aAAc,UAG3Bf,CAAM"}
1
+ {"version":3,"file":"tabs.js","sources":["../../../src/components/tab/tabs.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport MuiTabs from '@mui/material/Tabs';\nimport { styled } from '@mui/material/styles';\nimport { SecondaryNavigationTabs } from './secondaryNavigation/secondaryNavigationTabs';\nimport { MenuTab } from './menuTab';\nimport useTabs from './hook/useTabs';\nimport { useTheme } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport noop from 'lodash/noop';\nexport const TabsContext = React.createContext({\n activeTab: null,\n updateActiveTab: noop,\n smallSize: false,\n});\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props TabsProps\n * @returns React Functional Component\n * @deprecated use Tab component from @mui/material instead\n */\nexport const Tabs = (_a) => {\n var { handleChange, defaultActiveTab, smallSize, variantSecondaryNavigation, children, sx, classes, labelMoreItem = 'More', activeTab } = _a, props = __rest(_a, [\"handleChange\", \"defaultActiveTab\", \"smallSize\", \"variantSecondaryNavigation\", \"children\", \"sx\", \"classes\", \"labelMoreItem\", \"activeTab\"]);\n const [currentActiveTab, setCurrentActiveTab] = useState(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n const [windowWidth, setWindowWidth] = useState(null);\n const [isMobileView, setIsMobileView] = useState(false);\n const [menuChildren, setMenuChildren] = useState([]);\n const [mouseDown, setMouseDown] = useState(false);\n const [activeMenuItem, setActiveMenuItem] = useState(false);\n const moreBtnRef = useRef(null);\n const tabsRef = useRef(null);\n const { handleOverflowingTabs, handleIsMobileView } = useTabs();\n const theme = useTheme();\n const updateActiveTab = useCallback((value, fromMenu) => {\n setActiveMenuItem(fromMenu);\n setCurrentActiveTab(value);\n }, []);\n const handleMobileView = useCallback(() => {\n handleIsMobileView(variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth);\n }, [handleIsMobileView, isMobileView, variantSecondaryNavigation]);\n useEffect(() => {\n setCurrentActiveTab(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n }, [activeTab, defaultActiveTab]);\n useEffect(() => {\n handleMobileView();\n window.addEventListener('resize', handleMobileView);\n return () => {\n window.removeEventListener('resize', handleMobileView);\n };\n });\n useEffect(() => {\n handleChange && handleChange(currentActiveTab);\n }, [currentActiveTab, handleChange]);\n //Set the initial more btn menu list\n useEffect(() => {\n setMenuChildren(React.Children.toArray(children));\n }, [children]);\n //on screen resize: if the more btn is rendered, handle the more btn menu and the overflowing tabs\n useEffect(() => {\n if (moreBtnRef && moreBtnRef.current) {\n handleOverflowingTabs(tabsRef, windowWidth, children, setMenuChildren);\n }\n }, [windowWidth, handleOverflowingTabs, children]);\n useEffect(() => {\n document.addEventListener('mousedown', function () {\n setMouseDown(true);\n });\n document.addEventListener('keydown', function () {\n setMouseDown(false);\n });\n }, []);\n useEffect(() => { }, [props]);\n return (_jsx(_Fragment, { children: variantSecondaryNavigation && isMobileView ? (_jsx(SecondaryNavigationTabs, { labelMoreItem: labelMoreItem, currentActiveTab: currentActiveTab, setCurrentActiveTab: (val) => setCurrentActiveTab(val), children: children })) : (_jsx(TabsContext.Provider, { value: { activeTab: currentActiveTab, updateActiveTab, smallSize }, children: _jsxs(TabsStyled, { ref: tabsRef, variant: windowWidth <= theme.breakpoints.values.lg ? 'scrollable' : 'fullWidth', scrollButtons: false, smallSize: smallSize, value: activeMenuItem ? 'more' : currentActiveTab, mouseDown: mouseDown, sx: sx, classes: classes, children: [children, _jsx(MenuTab, { value: \"more\", ref: moreBtnRef, label: labelMoreItem, children: menuChildren })] }) })) }));\n};\n/**\n * @description Tabs styling definition based on props\n */\nconst TabsStyled = styled(MuiTabs, {\n shouldForwardProp: (prop) => prop !== 'variantSecondaryNavigation' && prop !== 'smallSize' && prop !== 'mouseDown',\n})((_a) => {\n var { isActive, theme } = _a, props = __rest(_a, [\"isActive\", \"theme\"]);\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { boxSizing: 'border-box', '& *': {\n boxSizing: 'border-box',\n }, '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n width: '100%',\n },\n '& > .MuiTabs-indicator': {\n height: '3px',\n backgroundColor: flowColors.brand.primary,\n },\n '& > div > .MuiTab-root': {\n marginLeft: '56px',\n },\n } });\n if (props.smallSize) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n },\n '& > div > .MuiTab-root': {\n marginLeft: '40px',\n '&:after': {\n bottom: '-11px',\n },\n },\n }, '& .MuiTabs-indicator': {\n backgroundColor: flowColors.brand.primary,\n } });\n }\n if (props.mouseDown) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': Object.assign(Object.assign({}, styles['& > div']), { '& > div > .MuiTab-root': Object.assign(Object.assign({}, styles['& > div']['& > div > .MuiTab-root']), { '&:focus': {\n border: 0,\n paddingLeft: 0,\n paddingRight: 0,\n } }) }) });\n }\n return styles;\n});\n//# sourceMappingURL=tabs.js.map"],"names":["TabsContext","React","createContext","activeTab","updateActiveTab","noop","smallSize","Tabs","_a","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","props","__rest","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","mouseDown","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","SecondaryNavigationTabs","val","Provider","_jsxs","TabsStyled","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label","styled","MuiTabs","shouldForwardProp","prop","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","border","paddingLeft","paddingRight"],"mappings":"uiBAWY,MAACA,EAAcC,EAAMC,cAAc,CAC3CC,UAAW,KACXC,gBAAiBC,EACjBC,WAAW,IASFC,EAAQC,IACjB,IAAIC,aAAEA,EAAYC,iBAAEA,EAAgBJ,UAAEA,EAASK,2BAAEA,EAA0BC,SAAEA,EAAQC,GAAEA,EAAEC,QAAEA,EAAOC,cAAEA,EAAgB,OAAMZ,UAAEA,GAAcK,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,eAAgB,mBAAoB,YAAa,6BAA8B,WAAY,KAAM,UAAW,gBAAiB,cAC/R,MAAOU,EAAkBC,GAAuBC,EAASjB,QAA6CA,EAAYO,IAC3GW,EAAaC,GAAkBF,EAAS,OACxCG,EAAcC,GAAmBJ,GAAS,IAC1CK,EAAcC,GAAmBN,EAAS,KAC1CO,EAAWC,GAAgBR,GAAS,IACpCS,EAAgBC,GAAqBV,GAAS,GAC/CW,EAAaC,EAAO,MACpBC,EAAUD,EAAO,OACjBE,sBAAEA,EAAqBC,mBAAEA,GAAuBC,IAChDC,EAAQC,IACRlC,EAAkBmC,GAAY,CAACC,EAAOC,KACxCX,EAAkBW,GAClBtB,EAAoBqB,EAAM,GAC3B,IACGE,EAAmBH,GAAY,KACjCJ,EAAmBxB,EAA4BY,EAAcC,EAAiBF,EAAe,GAC9F,CAACa,EAAoBZ,EAAcZ,IAiCtC,OAhCAgC,GAAU,KACNxB,EAAoBhB,QAA6CA,EAAYO,EAAiB,GAC/F,CAACP,EAAWO,IACfiC,GAAU,KACND,IACAE,OAAOC,iBAAiB,SAAUH,GAC3B,KACHE,OAAOE,oBAAoB,SAAUJ,EAAiB,KAG9DC,GAAU,KACNlC,GAAgBA,EAAaS,EAAiB,GAC/C,CAACA,EAAkBT,IAEtBkC,GAAU,KACNjB,EAAgBzB,EAAM8C,SAASC,QAAQpC,GAAU,GAClD,CAACA,IAEJ+B,GAAU,KACFZ,GAAcA,EAAWkB,SACzBf,EAAsBD,EAASZ,EAAaT,EAAUc,EACzD,GACF,CAACL,EAAaa,EAAuBtB,IACxC+B,GAAU,KACNO,SAASL,iBAAiB,aAAa,WACnCjB,GAAa,EACzB,IACQsB,SAASL,iBAAiB,WAAW,WACjCjB,GAAa,EACzB,GAAU,GACH,IACHe,GAAU,QAAW,CAAC3B,IACdmC,EAAKC,EAAW,CAAExC,SAAUD,GAA8BY,EAAgB4B,EAAKE,EAAyB,CAAEtC,cAAeA,EAAeG,iBAAkBA,EAAkBC,oBAAsBmC,GAAQnC,EAAoBmC,GAAM1C,SAAUA,IAAgBuC,EAAKnD,EAAYuD,SAAU,CAAEf,MAAO,CAAErC,UAAWe,EAAkBd,kBAAiBE,aAAaM,SAAU4C,EAAMC,EAAY,CAAEC,IAAKzB,EAAS0B,QAAStC,GAAegB,EAAMuB,YAAYC,OAAOC,GAAK,aAAe,YAAaC,eAAe,EAAOzD,UAAWA,EAAWkC,MAAOX,EAAiB,OAASX,EAAkBS,UAAWA,EAAWd,GAAIA,EAAIC,QAASA,EAASF,SAAU,CAACA,EAAUuC,EAAKa,EAAS,CAAExB,MAAO,OAAQkB,IAAK3B,EAAYkC,MAAOlD,EAAeH,SAAUa,UAA4B,EAKnvBgC,EAAaS,EAAOC,EAAS,CAC/BC,kBAAoBC,GAAkB,+BAATA,GAAkD,cAATA,GAAiC,cAATA,GAD/EH,EAEf1D,IACG,IAA2BQ,EAAQC,EAAOT,EAAI,CAAC,WAAY,UAC9D,IAAI8D,EAAS,CAAA,EA4Cb,OA3CAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAEG,UAAW,aAAc,MAAO,CAC5EA,UAAW,cACZ,UAAW,CACV,oCAAqC,CACjCC,YAAa,QAEjB,UAAW,CACPC,WAAY,MACZC,MAAO,QAEX,yBAA0B,CACtBC,OAAQ,MACRC,gBAAiBC,EAAWC,MAAMC,SAEtC,yBAA0B,CACtBN,WAAY,WAGpB3D,EAAMV,YACNgE,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,UAAW,CACvD,oCAAqC,CACjCI,YAAa,QAEjB,UAAW,CACPC,WAAY,OAEhB,yBAA0B,CACtBA,WAAY,OACZ,UAAW,CACPO,OAAQ,WAGjB,uBAAwB,CACvBJ,gBAAiBC,EAAWC,MAAMC,YAG1CjE,EAAMW,YACN2C,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAE,UAAWC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAO,YAAa,CAAE,yBAA0BC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAO,WAAW,2BAA4B,CAAE,UAAW,CAC1Na,OAAQ,EACRC,YAAa,EACbC,aAAc,UAG3Bf,CAAM"}
@@ -1,2 +1,2 @@
1
- import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useState as r,useRef as l}from"react";import{Icon as n}from"../icon/icon.js";import{InputAdornment as a}from"@mui/material";import t from"../common/styled/textFieldStyled.js";import{useTextInput as i}from"./hook/useTextInput.js";import s from"../common/hook/useWindowSize.js";import{useTextInputEffect as m}from"./hook/useTextInputEffect.js";import d from"../common/helperText.js";import h from"lodash/noop";const u=u=>{var{name:c,id:p,label:f=null,onChange:x,onBlur:b,onFocus:C,value:j,placeholder:v,hasError:F,fullWidth:k=!0,excludeChars:y}=u,g=e(u,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[T,w]=r(j||""),[I,L]=r(!1),[B,D]=r(!1),[E,O]=r(!1),[W,K]=r(!1),{handleOnBlur:N,handleOnFocus:P,handleOnChange:M,handlePlaceholder:S}=i(f,W,v,g.type),q=l(null),{width:z}=s();return m(q,h,k,z,T,j,g.maxChars,g.required,L,w,K),o("div",{children:o(t,Object.assign({},g,{className:[g.icon?"textField-Icon":"",f?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:I},InputProps:g.icon?{startAdornment:o(a,{position:"start",children:o(n,{color:g.disabled?"disabled":"inherit",className:g.icon})})}:{},onChange:e=>M(e,g.maxChars,x,w),value:T,onFocus:e=>P(e,D,L,C),onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),hovered:E,onBlur:e=>N(e,L,D,b,T),focused:B,placeholder:S,label:v?null:f,hiddenLabel:!!v,name:c,ref:q,id:p,error:F,fullWidth:k,onKeyDown:e=>{g.onKeyDownCallback&&g.onKeyDownCallback(e),y&&y.length>0&&y.includes(e.key)&&e.preventDefault()},helperText:o(d,{maxChars:g.maxChars,currentValue:T,helpText:g.helpText})}))})};export{u as TextInput};
1
+ import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useState as r,useRef as n}from"react";import{Icon as l}from"../icon/icon.js";import"../icon/icon.definitions.js";import{InputAdornment as t}from"@mui/material";import a from"../common/styled/textFieldStyled.js";import{useTextInput as i}from"./hook/useTextInput.js";import s from"../common/hook/useWindowSize.js";import{useTextInputEffect as m}from"./hook/useTextInputEffect.js";import d from"../common/helperText.js";import h from"lodash/noop";const u=u=>{var{name:c,id:p,label:f=null,onChange:x,onBlur:b,onFocus:C,value:j,placeholder:v,hasError:F,fullWidth:k=!0,excludeChars:y}=u,g=e(u,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[T,w]=r(j||""),[I,L]=r(!1),[B,D]=r(!1),[E,O]=r(!1),[W,K]=r(!1),{handleOnBlur:P,handleOnFocus:M,handleOnChange:N,handlePlaceholder:S}=i(f,W,v,g.type),q=n(null),{width:z}=s();return m(q,h,k,z,T,j,g.maxChars,g.required,L,w,K),o("div",{children:o(a,Object.assign({},g,{className:[g.icon?"textField-Icon":"",f?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:I},InputProps:g.icon?{startAdornment:o(t,{position:"start",children:o(l,{color:g.disabled?"disabled":"inherit",name:g.icon})})}:{},onChange:e=>N(e,g.maxChars,x,w),value:T,onFocus:e=>M(e,D,L,C),onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),hovered:E,onBlur:e=>P(e,L,D,b,T),focused:B,placeholder:S,label:v?null:f,hiddenLabel:!!v,name:c,ref:q,id:p,error:F,fullWidth:k,onKeyDown:e=>{g.onKeyDownCallback&&g.onKeyDownCallback(e),y&&y.length>0&&y.includes(e.key)&&e.preventDefault()},helperText:o(d,{maxChars:g.maxChars,currentValue:T,helpText:g.helpText})}))})};export{u as TextInput};
2
2
  //# sourceMappingURL=textInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"textInput.js","sources":["../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput = (_a) => {\n var { name, id, label = null, onChange, onBlur, onFocus, value, placeholder, hasError, fullWidth = true, excludeChars } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"placeholder\", \"hasError\", \"fullWidth\", \"excludeChars\"]);\n const [currentValue, setCurrentValue] = useState(value || '');\n const [isShrunk, setIsShrunk] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n const [hovered, setHovered] = useState(false);\n const [isRequired, setIsRequired] = useState(false);\n const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(label, isRequired, placeholder, props.type);\n const inputRef = useRef(null);\n const { width } = useWindowSize();\n useTextInputEffect(inputRef, noop, fullWidth, width, currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n return (_jsx(\"div\", { children: _jsx(TextFieldStyled, Object.assign({}, props, { className: [props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' '), InputLabelProps: {\n shrink: isShrunk,\n }, InputProps: props.icon\n ? {\n startAdornment: (_jsx(InputAdornment, { position: \"start\", children: _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', className: props.icon }) })),\n }\n : {}, onChange: (event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue), value: currentValue, onFocus: (event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), hovered: hovered, onBlur: (event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue), focused: isFocused, placeholder: handlePlaceholder, label: placeholder ? null : label, hiddenLabel: !!placeholder, name: name, ref: inputRef, id: id, error: hasError, fullWidth: fullWidth, onKeyDown: (event) => {\n if (props.onKeyDownCallback)\n props.onKeyDownCallback(event);\n if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n event.preventDefault();\n }\n }, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })) }));\n};\n//# sourceMappingURL=textInput.js.map"],"names":["TextInput","_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","noop","maxChars","required","_jsx","children","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"seAkBY,MAACA,EAAaC,IACtB,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,EAAKC,YAAEA,EAAWC,SAAEA,EAAQC,UAAEA,GAAY,EAAIC,aAAEA,GAAiBX,EAAIY,EAAQC,EAAOb,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,QAAS,cAAe,WAAY,YAAa,iBAC3P,MAAOc,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EAAa1B,EAAOoB,EAAYf,EAAaI,EAAMkB,MACxHC,EAAWC,EAAO,OAClBC,MAAEA,GAAUC,IAElB,OADAC,EAAmBJ,EAAUK,EAAM1B,EAAWuB,EAAOnB,EAAcP,EAAOK,EAAMyB,SAAUzB,EAAM0B,SAAUpB,EAAaH,EAAiBS,GAChIe,EAAK,MAAO,CAAEC,SAAUD,EAAKE,EAAiBC,OAAOC,OAAO,GAAI/B,EAAO,CAAEgC,UAAW,CAAChC,EAAMiC,KAAO,iBAAmB,GAAI1C,EAAQ,kBAAoB,qBAAqB2C,KAAK,KAAMC,gBAAiB,CAClMC,OAAQ/B,GACTgC,WAAYrC,EAAMiC,KACf,CACEK,eAAiBX,EAAKY,EAAgB,CAAEC,SAAU,QAASZ,SAAUD,EAAKc,EAAM,CAAEC,MAAO1C,EAAM2C,SAAW,WAAa,UAAWX,UAAWhC,EAAMiC,UAErJ,CAAE,EAAEzC,SAAWoD,GAAU7B,EAAe6B,EAAO5C,EAAMyB,SAAUjC,EAAUW,GAAkBR,MAAOO,EAAcR,QAAUkD,GAAU9B,EAAc8B,EAAOpC,EAAcF,EAAaZ,GAAUmD,aAAc,IAAMnC,GAAW,GAAOoC,aAAc,IAAMpC,GAAW,GAAQD,QAASA,EAAShB,OAASmD,GAAU/B,EAAa+B,EAAOtC,EAAaE,EAAcf,EAAQS,GAAe6C,QAASxC,EAAWX,YAAaoB,EAAmBzB,MAAOK,EAAc,KAAOL,EAAOyD,cAAepD,EAAaP,KAAMA,EAAM4D,IAAK9B,EAAU7B,GAAIA,EAAI4D,MAAOrD,EAAUC,UAAWA,EAAWqD,UAAYP,IAC7jB5C,EAAMoD,mBACNpD,EAAMoD,kBAAkBR,GACxB7C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAASV,EAAMW,MACvEX,EAAMY,gBACT,EACFC,WAAY9B,EAAK+B,EAAY,CAAEjC,SAAUzB,EAAMyB,SAAUvB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAAoB"}
1
+ {"version":3,"file":"textInput.js","sources":["../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput = (_a) => {\n var { name, id, label = null, onChange, onBlur, onFocus, value, placeholder, hasError, fullWidth = true, excludeChars } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"placeholder\", \"hasError\", \"fullWidth\", \"excludeChars\"]);\n const [currentValue, setCurrentValue] = useState(value || '');\n const [isShrunk, setIsShrunk] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n const [hovered, setHovered] = useState(false);\n const [isRequired, setIsRequired] = useState(false);\n const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(label, isRequired, placeholder, props.type);\n const inputRef = useRef(null);\n const { width } = useWindowSize();\n useTextInputEffect(inputRef, noop, fullWidth, width, currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n return (_jsx(\"div\", { children: _jsx(TextFieldStyled, Object.assign({}, props, { className: [props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' '), InputLabelProps: {\n shrink: isShrunk,\n }, InputProps: props.icon\n ? {\n startAdornment: (_jsx(InputAdornment, { position: \"start\", children: _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', name: props.icon }) })),\n }\n : {}, onChange: (event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue), value: currentValue, onFocus: (event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), hovered: hovered, onBlur: (event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue), focused: isFocused, placeholder: handlePlaceholder, label: placeholder ? null : label, hiddenLabel: !!placeholder, name: name, ref: inputRef, id: id, error: hasError, fullWidth: fullWidth, onKeyDown: (event) => {\n if (props.onKeyDownCallback)\n props.onKeyDownCallback(event);\n if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n event.preventDefault();\n }\n }, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })) }));\n};\n//# sourceMappingURL=textInput.js.map"],"names":["TextInput","_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","noop","maxChars","required","_jsx","children","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"0gBAkBY,MAACA,EAAaC,IACtB,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,EAAKC,YAAEA,EAAWC,SAAEA,EAAQC,UAAEA,GAAY,EAAIC,aAAEA,GAAiBX,EAAIY,EAAQC,EAAOb,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,QAAS,cAAe,WAAY,YAAa,iBAC3P,MAAOc,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EAAa1B,EAAOoB,EAAYf,EAAaI,EAAMkB,MACxHC,EAAWC,EAAO,OAClBC,MAAEA,GAAUC,IAElB,OADAC,EAAmBJ,EAAUK,EAAM1B,EAAWuB,EAAOnB,EAAcP,EAAOK,EAAMyB,SAAUzB,EAAM0B,SAAUpB,EAAaH,EAAiBS,GAChIe,EAAK,MAAO,CAAEC,SAAUD,EAAKE,EAAiBC,OAAOC,OAAO,GAAI/B,EAAO,CAAEgC,UAAW,CAAChC,EAAMiC,KAAO,iBAAmB,GAAI1C,EAAQ,kBAAoB,qBAAqB2C,KAAK,KAAMC,gBAAiB,CAClMC,OAAQ/B,GACTgC,WAAYrC,EAAMiC,KACf,CACEK,eAAiBX,EAAKY,EAAgB,CAAEC,SAAU,QAASZ,SAAUD,EAAKc,EAAM,CAAEC,MAAO1C,EAAM2C,SAAW,WAAa,UAAWtD,KAAMW,EAAMiC,UAEhJ,CAAE,EAAEzC,SAAWoD,GAAU7B,EAAe6B,EAAO5C,EAAMyB,SAAUjC,EAAUW,GAAkBR,MAAOO,EAAcR,QAAUkD,GAAU9B,EAAc8B,EAAOpC,EAAcF,EAAaZ,GAAUmD,aAAc,IAAMnC,GAAW,GAAOoC,aAAc,IAAMpC,GAAW,GAAQD,QAASA,EAAShB,OAASmD,GAAU/B,EAAa+B,EAAOtC,EAAaE,EAAcf,EAAQS,GAAe6C,QAASxC,EAAWX,YAAaoB,EAAmBzB,MAAOK,EAAc,KAAOL,EAAOyD,cAAepD,EAAaP,KAAMA,EAAM4D,IAAK9B,EAAU7B,GAAIA,EAAI4D,MAAOrD,EAAUC,UAAWA,EAAWqD,UAAYP,IAC7jB5C,EAAMoD,mBACNpD,EAAMoD,kBAAkBR,GACxB7C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAASV,EAAMW,MACvEX,EAAMY,gBACT,EACFC,WAAY9B,EAAK+B,EAAY,CAAEjC,SAAUzB,EAAMyB,SAAUvB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAAoB"}
@@ -1,5 +1,5 @@
1
1
  import { FC, ReactNode } from 'react';
2
- import { availableIcons } from '../icon';
2
+ import { IconNameProp } from '../icon';
3
3
  export type UploadFieldProps = {
4
4
  /**
5
5
  * Glob string that specifies which file types are accepted by upload
@@ -27,7 +27,7 @@ export type UploadFieldProps = {
27
27
  * Icon name of the upload button.
28
28
  * @default undefined
29
29
  */
30
- uploadIcon?: (typeof availableIcons)[number];
30
+ uploadIcon?: IconNameProp;
31
31
  /**
32
32
  * Label of the upload button.
33
33
  * @default Upload
@@ -1,2 +1,2 @@
1
- import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as n,useCallback as o}from"react";import{UploadBox as i}from"./UploadBox.js";import{Icon as a}from"../icon/icon.js";import{Box as l,IconButton as p,Typography as c}from"@mui/material";import{minimatch as s}from"minimatch";const f=({uploadIcon:f="plus",maxFiles:m=1,uploadLabel:d="Upload",accept:u="*",onFileDrop:g})=>{const h=t(null),[v,y]=n(!1),[x,D]=n(!1),j=o((e=>{e.stopPropagation(),e.preventDefault()}),[]),C=o((e=>{[...e.dataTransfer.files].filter((e=>s(e.type,u))).length>0?y(!0):D(!0)}),[y,D]),P=o((()=>{y(!1),D(!1)}),[y,D]),k=o((()=>{var e;null===(e=h.current)||void 0===e||e.click()}),[]),E=o((e=>{e.preventDefault(),e.stopPropagation();const r=[...e.dataTransfer.files].filter((e=>s(e.type,u))).slice(0,m);y(!1),D(!1),r.length>0&&g(r)}),[y,D]),F=o((e=>{e.preventDefault(),e.stopPropagation();const r=[...e.target.files].filter((e=>s(e.type,u))).slice(0,m);r.length>0&&(g([...r]),h.current&&(h.current.value=""))}),[]);return e(i,{color:v?"primary":"secondary",children:r(l,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",gap:"8px","& *":{pointerEvents:"none"},cursor:x?"no-drop":"pointer"},onDragOver:j,onDrop:E,onDragEnter:C,onDragLeave:P,onClick:k,children:[e(p,{children:e(a,{className:f})}),"string"==typeof d?e(c,{children:d}):d,e("input",{ref:h,hidden:!0,type:"file",multiple:m>1,accept:u,onChange:F})]})})};export{f as UploadField};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as o}from"react";import{UploadBox as i}from"./UploadBox.js";import{Icon as a}from"../icon/icon.js";import"../icon/icon.definitions.js";import{Box as p,IconButton as l,Typography as c}from"@mui/material";import{minimatch as s}from"minimatch";const f=({uploadIcon:f="plus",maxFiles:m=1,uploadLabel:d="Upload",accept:u="*",onFileDrop:g})=>{const h=r(null),[v,y]=n(!1),[x,D]=n(!1),j=o((e=>{e.stopPropagation(),e.preventDefault()}),[]),C=o((e=>{[...e.dataTransfer.files].filter((e=>s(e.type,u))).length>0?y(!0):D(!0)}),[y,D]),P=o((()=>{y(!1),D(!1)}),[y,D]),k=o((()=>{var e;null===(e=h.current)||void 0===e||e.click()}),[]),E=o((e=>{e.preventDefault(),e.stopPropagation();const t=[...e.dataTransfer.files].filter((e=>s(e.type,u))).slice(0,m);y(!1),D(!1),t.length>0&&g(t)}),[y,D]),F=o((e=>{e.preventDefault(),e.stopPropagation();const t=[...e.target.files].filter((e=>s(e.type,u))).slice(0,m);t.length>0&&(g([...t]),h.current&&(h.current.value=""))}),[]);return e(i,{color:v?"primary":"secondary",children:t(p,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",gap:"8px","& *":{pointerEvents:"none"},cursor:x?"no-drop":"pointer"},onDragOver:j,onDrop:E,onDragEnter:C,onDragLeave:P,onClick:k,children:[e(l,{children:e(a,{name:f})}),"string"==typeof d?e(c,{children:d}):d,e("input",{ref:h,hidden:!0,type:"file",multiple:m>1,accept:u,onChange:F})]})})};export{f as UploadField};
2
2
  //# sourceMappingURL=UploadField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UploadField.js","sources":["../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Icon } from '../icon';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport { minimatch } from 'minimatch';\nexport const UploadField = ({ uploadIcon = 'plus', maxFiles = 1, uploadLabel = 'Upload', accept = '*', onFileDrop, }) => {\n const inputRef = useRef(null);\n const [dragging, setDragging] = useState(false);\n const [dragInvalid, setDragInvalid] = useState(false);\n const preventDragOver = useCallback((event) => {\n event.stopPropagation();\n event.preventDefault();\n }, []);\n const dragOverHandler = useCallback((event) => {\n const files = [...event.dataTransfer.files];\n const matched = files.filter((file) => minimatch(file.type, accept));\n if (matched.length > 0) {\n setDragging(true);\n }\n else {\n setDragInvalid(true);\n }\n }, [setDragging, setDragInvalid]);\n const dragLeaveHandler = useCallback(() => {\n setDragging(false);\n setDragInvalid(false);\n }, [setDragging, setDragInvalid]);\n const uploadClickHandler = useCallback(() => {\n var _a;\n (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();\n }, []);\n const dropHandler = useCallback((event) => {\n event.preventDefault();\n event.stopPropagation();\n const files = [...event.dataTransfer.files];\n const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n setDragging(false);\n setDragInvalid(false);\n if (matched.length > 0) {\n onFileDrop(matched);\n }\n }, [setDragging, setDragInvalid]);\n const inputChangeHandler = useCallback((event) => {\n event.preventDefault();\n event.stopPropagation();\n const files = [...event.target.files];\n const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n if (matched.length > 0) {\n onFileDrop([...matched]);\n if (inputRef.current) {\n inputRef.current.value = '';\n }\n }\n }, []);\n return (_jsx(UploadBox, { color: dragging ? 'primary' : 'secondary', children: _jsxs(Box, { sx: {\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n gap: '8px',\n '& *': {\n pointerEvents: 'none',\n },\n cursor: dragInvalid ? 'no-drop' : 'pointer',\n }, onDragOver: preventDragOver, onDrop: dropHandler, onDragEnter: dragOverHandler, onDragLeave: dragLeaveHandler, onClick: uploadClickHandler, children: [_jsx(IconButton, { children: _jsx(Icon, { className: uploadIcon }) }), typeof uploadLabel === 'string' ? _jsx(Typography, { children: uploadLabel }) : uploadLabel, _jsx(\"input\", { ref: inputRef, hidden: true, type: \"file\", multiple: maxFiles > 1, accept: accept, onChange: inputChangeHandler })] }) }));\n};\n//# sourceMappingURL=UploadField.js.map"],"names":["UploadField","uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","inputRef","useRef","dragging","setDragging","useState","dragInvalid","setDragInvalid","preventDragOver","useCallback","event","stopPropagation","preventDefault","dragOverHandler","dataTransfer","files","filter","file","minimatch","type","length","dragLeaveHandler","uploadClickHandler","_a","current","click","dropHandler","matched","slice","inputChangeHandler","target","value","_jsx","UploadBox","color","children","_jsxs","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","pointerEvents","cursor","onDragOver","onDrop","onDragEnter","onDragLeave","onClick","IconButton","Icon","className","Typography","ref","hidden","multiple","onChange"],"mappings":"4SAMY,MAACA,EAAc,EAAGC,aAAa,OAAQC,WAAW,EAAGC,cAAc,SAAUC,SAAS,IAAKC,iBACnG,MAAMC,EAAWC,EAAO,OACjBC,EAAUC,GAAeC,GAAS,IAClCC,EAAaC,GAAkBF,GAAS,GACzCG,EAAkBC,GAAaC,IACjCA,EAAMC,kBACND,EAAME,gBAAgB,GACvB,IACGC,EAAkBJ,GAAaC,IACnB,IAAIA,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAChDqB,OAAS,EACjBhB,GAAY,GAGZG,GAAe,EAClB,GACF,CAACH,EAAaG,IACXc,EAAmBZ,GAAY,KACjCL,GAAY,GACZG,GAAe,EAAM,GACtB,CAACH,EAAaG,IACXe,EAAqBb,GAAY,KACnC,IAAIc,EACwB,QAA3BA,EAAKtB,EAASuB,eAA4B,IAAPD,GAAyBA,EAAGE,OAAO,GACxE,IACGC,EAAcjB,GAAaC,IAC7BA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC9EO,GAAY,GACZG,GAAe,GACXoB,EAAQP,OAAS,GACjBpB,EAAW2B,EACd,GACF,CAACvB,EAAaG,IACXsB,EAAqBpB,GAAaC,IACpCA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMoB,OAAOf,OACTC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC1E8B,EAAQP,OAAS,IACjBpB,EAAW,IAAI2B,IACX1B,EAASuB,UACTvB,EAASuB,QAAQO,MAAQ,IAEhC,GACF,IACH,OAAQC,EAAKC,EAAW,CAAEC,MAAO/B,EAAW,UAAY,YAAagC,SAAUC,EAAMC,EAAK,CAAEC,GAAI,CACpFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACL,MAAO,CACHC,cAAe,QAEnBC,OAAQzC,EAAc,UAAY,WACnC0C,WAAYxC,EAAiByC,OAAQvB,EAAawB,YAAarC,EAAiBsC,YAAa9B,EAAkB+B,QAAS9B,EAAoBa,SAAU,CAACH,EAAKqB,EAAY,CAAElB,SAAUH,EAAKsB,EAAM,CAAEC,UAAW3D,MAAyC,iBAAhBE,EAA2BkC,EAAKwB,EAAY,CAAErB,SAAUrC,IAAiBA,EAAakC,EAAK,QAAS,CAAEyB,IAAKxD,EAAUyD,QAAQ,EAAMvC,KAAM,OAAQwC,SAAU9D,EAAW,EAAGE,OAAQA,EAAQ6D,SAAU/B,QAA8B"}
1
+ {"version":3,"file":"UploadField.js","sources":["../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Icon } from '../icon';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport { minimatch } from 'minimatch';\nexport const UploadField = ({ uploadIcon = 'plus', maxFiles = 1, uploadLabel = 'Upload', accept = '*', onFileDrop, }) => {\n const inputRef = useRef(null);\n const [dragging, setDragging] = useState(false);\n const [dragInvalid, setDragInvalid] = useState(false);\n const preventDragOver = useCallback((event) => {\n event.stopPropagation();\n event.preventDefault();\n }, []);\n const dragOverHandler = useCallback((event) => {\n const files = [...event.dataTransfer.files];\n const matched = files.filter((file) => minimatch(file.type, accept));\n if (matched.length > 0) {\n setDragging(true);\n }\n else {\n setDragInvalid(true);\n }\n }, [setDragging, setDragInvalid]);\n const dragLeaveHandler = useCallback(() => {\n setDragging(false);\n setDragInvalid(false);\n }, [setDragging, setDragInvalid]);\n const uploadClickHandler = useCallback(() => {\n var _a;\n (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();\n }, []);\n const dropHandler = useCallback((event) => {\n event.preventDefault();\n event.stopPropagation();\n const files = [...event.dataTransfer.files];\n const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n setDragging(false);\n setDragInvalid(false);\n if (matched.length > 0) {\n onFileDrop(matched);\n }\n }, [setDragging, setDragInvalid]);\n const inputChangeHandler = useCallback((event) => {\n event.preventDefault();\n event.stopPropagation();\n const files = [...event.target.files];\n const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n if (matched.length > 0) {\n onFileDrop([...matched]);\n if (inputRef.current) {\n inputRef.current.value = '';\n }\n }\n }, []);\n return (_jsx(UploadBox, { color: dragging ? 'primary' : 'secondary', children: _jsxs(Box, { sx: {\n width: '100%',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '16px',\n gap: '8px',\n '& *': {\n pointerEvents: 'none',\n },\n cursor: dragInvalid ? 'no-drop' : 'pointer',\n }, onDragOver: preventDragOver, onDrop: dropHandler, onDragEnter: dragOverHandler, onDragLeave: dragLeaveHandler, onClick: uploadClickHandler, children: [_jsx(IconButton, { children: _jsx(Icon, { name: uploadIcon }) }), typeof uploadLabel === 'string' ? _jsx(Typography, { children: uploadLabel }) : uploadLabel, _jsx(\"input\", { ref: inputRef, hidden: true, type: \"file\", multiple: maxFiles > 1, accept: accept, onChange: inputChangeHandler })] }) }));\n};\n//# sourceMappingURL=UploadField.js.map"],"names":["UploadField","uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","inputRef","useRef","dragging","setDragging","useState","dragInvalid","setDragInvalid","preventDragOver","useCallback","event","stopPropagation","preventDefault","dragOverHandler","dataTransfer","files","filter","file","minimatch","type","length","dragLeaveHandler","uploadClickHandler","_a","current","click","dropHandler","matched","slice","inputChangeHandler","target","value","_jsx","UploadBox","color","children","_jsxs","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","pointerEvents","cursor","onDragOver","onDrop","onDragEnter","onDragLeave","onClick","IconButton","Icon","name","Typography","ref","hidden","multiple","onChange"],"mappings":"gVAMY,MAACA,EAAc,EAAGC,aAAa,OAAQC,WAAW,EAAGC,cAAc,SAAUC,SAAS,IAAKC,iBACnG,MAAMC,EAAWC,EAAO,OACjBC,EAAUC,GAAeC,GAAS,IAClCC,EAAaC,GAAkBF,GAAS,GACzCG,EAAkBC,GAAaC,IACjCA,EAAMC,kBACND,EAAME,gBAAgB,GACvB,IACGC,EAAkBJ,GAAaC,IACnB,IAAIA,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAChDqB,OAAS,EACjBhB,GAAY,GAGZG,GAAe,EAClB,GACF,CAACH,EAAaG,IACXc,EAAmBZ,GAAY,KACjCL,GAAY,GACZG,GAAe,EAAM,GACtB,CAACH,EAAaG,IACXe,EAAqBb,GAAY,KACnC,IAAIc,EACwB,QAA3BA,EAAKtB,EAASuB,eAA4B,IAAPD,GAAyBA,EAAGE,OAAO,GACxE,IACGC,EAAcjB,GAAaC,IAC7BA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC9EO,GAAY,GACZG,GAAe,GACXoB,EAAQP,OAAS,GACjBpB,EAAW2B,EACd,GACF,CAACvB,EAAaG,IACXsB,EAAqBpB,GAAaC,IACpCA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMoB,OAAOf,OACTC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC1E8B,EAAQP,OAAS,IACjBpB,EAAW,IAAI2B,IACX1B,EAASuB,UACTvB,EAASuB,QAAQO,MAAQ,IAEhC,GACF,IACH,OAAQC,EAAKC,EAAW,CAAEC,MAAO/B,EAAW,UAAY,YAAagC,SAAUC,EAAMC,EAAK,CAAEC,GAAI,CACpFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACL,MAAO,CACHC,cAAe,QAEnBC,OAAQzC,EAAc,UAAY,WACnC0C,WAAYxC,EAAiByC,OAAQvB,EAAawB,YAAarC,EAAiBsC,YAAa9B,EAAkB+B,QAAS9B,EAAoBa,SAAU,CAACH,EAAKqB,EAAY,CAAElB,SAAUH,EAAKsB,EAAM,CAAEC,KAAM3D,MAAyC,iBAAhBE,EAA2BkC,EAAKwB,EAAY,CAAErB,SAAUrC,IAAiBA,EAAakC,EAAK,QAAS,CAAEyB,IAAKxD,EAAUyD,QAAQ,EAAMvC,KAAM,OAAQwC,SAAU9D,EAAW,EAAGE,OAAQA,EAAQ6D,SAAU/B,QAA8B"}
@@ -9,7 +9,7 @@ export type UploadPreviewProps = {
9
9
  * ...
10
10
  * <UploadPreview ... actions={
11
11
  * <IconButton onClick={...}>
12
- * <Icon className="trash"/>
12
+ * <Icon name="trashcan"/>
13
13
  * </IconButton
14
14
  * }/>
15
15
  */
@@ -18,7 +18,7 @@ export type UploadPreviewListProps = {
18
18
  * actions={
19
19
  * (file) =>
20
20
  * <IconButton onClick={...}>
21
- * <Icon className="trash"/>
21
+ * <Icon name="trashcan"/>
22
22
  * </IconButton>
23
23
  * }
24
24
  * />
@@ -1,2 +1,2 @@
1
- import{jsx as i,jsxs as e,Fragment as o}from"react/jsx-runtime";import{Box as r,List as t,ListItem as n,ListItemIcon as l,ListItemText as a,Typography as d,Divider as c}from"@mui/material";import{Icon as m}from"../icon/icon.js";import{UploadBox as s}from"./UploadBox.js";import{formatFileSize as h}from"../../utils/formatFileSize/formatFileSize.js";const p=({files:p,actions:f})=>i(s,{color:"white",children:i(r,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:i(t,{children:p.map(((r,t)=>e(o,{children:[e(n,{secondaryAction:null==f?void 0:f(r),children:[i(l,{sx:{fontSize:"30px"},children:i(m,{fontSize:"inherit",className:"document"})}),i(a,{primary:i(d,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:r.name}),secondary:i(d,{color:"disabled.tertiary",children:h(r.size)})})]},r.name),t<p.length-1&&i(c,{})]})))})})});export{p as UploadPreviewList};
1
+ import{jsx as i,jsxs as e,Fragment as o}from"react/jsx-runtime";import{Box as r,List as n,ListItem as t,ListItemIcon as l,ListItemText as d,Typography as a,Divider as c}from"@mui/material";import{Icon as m}from"../icon/icon.js";import"../icon/icon.definitions.js";import{UploadBox as s}from"./UploadBox.js";import{formatFileSize as p}from"../../utils/formatFileSize/formatFileSize.js";const h=({files:h,actions:f})=>i(s,{color:"white",children:i(r,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:i(n,{children:h.map(((r,n)=>e(o,{children:[e(t,{secondaryAction:null==f?void 0:f(r),children:[i(l,{sx:{fontSize:"30px"},children:i(m,{fontSize:"inherit",name:"file"})}),i(d,{primary:i(a,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:r.name}),secondary:i(a,{color:"disabled.tertiary",children:p(r.size)})})]},r.name),n<h.length-1&&i(c,{})]})))})})});export{h as UploadPreviewList};
2
2
  //# sourceMappingURL=UploadPreviewList.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UploadPreviewList.js","sources":["../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { Icon } from '../icon';\nimport { UploadBox } from './UploadBox';\nimport { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nexport const UploadPreviewList = ({ files, actions }) => {\n return (_jsx(UploadBox, { color: \"white\", children: _jsx(Box, { sx: { width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }, children: _jsx(List, { children: files.map((file, index) => (_jsxs(_Fragment, { children: [_jsxs(ListItem, { secondaryAction: actions === null || actions === void 0 ? void 0 : actions(file), children: [_jsx(ListItemIcon, { sx: { fontSize: '30px' }, children: _jsx(Icon, { fontSize: \"inherit\", className: \"document\" }) }), _jsx(ListItemText, { primary: _jsx(Typography, { sx: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingRight: '15px',\n }, children: file.name }), secondary: _jsx(Typography, { color: \"disabled.tertiary\", children: formatFileSize(file.size) }) })] }, file.name), index < files.length - 1 && _jsx(Divider, {})] }))) }) }) }));\n};\n//# sourceMappingURL=UploadPreviewList.js.map"],"names":["UploadPreviewList","files","actions","_jsx","UploadBox","color","children","Box","sx","width","height","padding","overflow","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","ListItemIcon","fontSize","Icon","className","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","name","secondary","formatFileSize","size","length","Divider"],"mappings":"6VAKY,MAACA,EAAoB,EAAGC,QAAOC,aAC/BC,EAAKC,EAAW,CAAEC,MAAO,QAASC,SAAUH,EAAKI,EAAK,CAAEC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QAAUN,SAAUH,EAAKU,EAAM,CAAEP,SAAUL,EAAMa,KAAI,CAACC,EAAMC,IAAWC,EAAMC,EAAW,CAAEZ,SAAU,CAACW,EAAME,EAAU,CAAEC,gBAAiBlB,aAAyC,EAASA,EAAQa,GAAOT,SAAU,CAACH,EAAKkB,EAAc,CAAEb,GAAI,CAAEc,SAAU,QAAUhB,SAAUH,EAAKoB,EAAM,CAAED,SAAU,UAAWE,UAAW,eAAkBrB,EAAKsB,EAAc,CAAEC,QAASvB,EAAKwB,EAAY,CAAEnB,GAAI,CAC3doB,WAAY,SACZhB,SAAU,SACViB,aAAc,WACdC,aAAc,QACfxB,SAAUS,EAAKgB,OAASC,UAAW7B,EAAKwB,EAAY,CAAEtB,MAAO,oBAAqBC,SAAU2B,EAAelB,EAAKmB,YAAgBnB,EAAKgB,MAAOf,EAAQf,EAAMkC,OAAS,GAAKhC,EAAKiC,EAAS,CAAA"}
1
+ {"version":3,"file":"UploadPreviewList.js","sources":["../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { Icon } from '../icon';\nimport { UploadBox } from './UploadBox';\nimport { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nexport const UploadPreviewList = ({ files, actions }) => {\n return (_jsx(UploadBox, { color: \"white\", children: _jsx(Box, { sx: { width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }, children: _jsx(List, { children: files.map((file, index) => (_jsxs(_Fragment, { children: [_jsxs(ListItem, { secondaryAction: actions === null || actions === void 0 ? void 0 : actions(file), children: [_jsx(ListItemIcon, { sx: { fontSize: '30px' }, children: _jsx(Icon, { fontSize: \"inherit\", name: \"file\" }) }), _jsx(ListItemText, { primary: _jsx(Typography, { sx: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingRight: '15px',\n }, children: file.name }), secondary: _jsx(Typography, { color: \"disabled.tertiary\", children: formatFileSize(file.size) }) })] }, file.name), index < files.length - 1 && _jsx(Divider, {})] }))) }) }) }));\n};\n//# sourceMappingURL=UploadPreviewList.js.map"],"names":["UploadPreviewList","files","actions","_jsx","UploadBox","color","children","Box","sx","width","height","padding","overflow","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","ListItemIcon","fontSize","Icon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"iYAKY,MAACA,EAAoB,EAAGC,QAAOC,aAC/BC,EAAKC,EAAW,CAAEC,MAAO,QAASC,SAAUH,EAAKI,EAAK,CAAEC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QAAUN,SAAUH,EAAKU,EAAM,CAAEP,SAAUL,EAAMa,KAAI,CAACC,EAAMC,IAAWC,EAAMC,EAAW,CAAEZ,SAAU,CAACW,EAAME,EAAU,CAAEC,gBAAiBlB,aAAyC,EAASA,EAAQa,GAAOT,SAAU,CAACH,EAAKkB,EAAc,CAAEb,GAAI,CAAEc,SAAU,QAAUhB,SAAUH,EAAKoB,EAAM,CAAED,SAAU,UAAWE,KAAM,WAAcrB,EAAKsB,EAAc,CAAEC,QAASvB,EAAKwB,EAAY,CAAEnB,GAAI,CACldoB,WAAY,SACZhB,SAAU,SACViB,aAAc,WACdC,aAAc,QACfxB,SAAUS,EAAKS,OAASO,UAAW5B,EAAKwB,EAAY,CAAEtB,MAAO,oBAAqBC,SAAU0B,EAAejB,EAAKkB,YAAgBlB,EAAKS,MAAOR,EAAQf,EAAMiC,OAAS,GAAK/B,EAAKgC,EAAS,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"../../../../components/banner/banner.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../../../components/icon/icon.js";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"@mui/material/MobileStepper";import"react";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/numbering/numbering.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../palette.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"@mui/x-date-pickers/internals";import"../divider.theme.js";import"../drawer.theme.js";import"../form/slider.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../snackbar.theme.js";import"../stepper/stepIcon/errorStepIcon.js";import"../stepper/stepIcon/qontoStepIcon.js";import"../tabs/tabs.theme.js";import"../tooltip.theme.js";import"react-use";import"../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../../utils/enum.js";import"../../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../../organisms/maps/utils/mapIcons.js";import"../../../../organisms/maps/mapComponents/mapStyled.js";import"../../../../organisms/shortcutLink/shortcutLink.js";import"../../../../organisms/textCta/textCta.js";import"../../../../organisms/tile/tile.js";import"lodash/merge";import"../../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../../organisms/notification/Notification.js";import"../../../../organisms/notification/NotificationCenter.js";import"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button/Button.js";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
1
+ import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"react";import"@mui/material";import"@mui/material/styles";import"../../palette.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"tslib";import"@mui/x-date-pickers/internals";import"../divider.theme.js";import"../drawer.theme.js";import"../form/slider.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../snackbar.theme.js";import"../stepper/stepIcon/errorStepIcon.js";import"../stepper/stepIcon/qontoStepIcon.js";import"../tabs/tabs.theme.js";import"../tooltip.theme.js";import"react-use";import"../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/numbering/numbering.js";import"../../../../utils/enum.js";import"../../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../../organisms/maps/utils/mapIcons.js";import"../../../../organisms/maps/mapComponents/mapStyled.js";import"../../../../organisms/shortcutLink/shortcutLink.js";import"../../../../organisms/textCta/textCta.js";import"../../../../organisms/tile/tile.js";import"lodash/merge";import"lodash/noop";import"../../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../../organisms/notification/Notification.js";import"../../../../organisms/notification/NotificationCenter.js";import"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../components/icon/icon.js";import"../../../../components/icon/icon.definitions.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button/Button.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
2
2
  //# sourceMappingURL=accordionSummary.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n defaultProps: {\n expandIcon: _jsx(Controller, { controlType: 'plus' }),\n },\n styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"6kLAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}
1
+ {"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n defaultProps: {\n expandIcon: _jsx(Controller, { controlType: \"plus\" }),\n },\n styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"qlLAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}
@@ -1,2 +1,2 @@
1
- import{jsx as o}from"react/jsx-runtime";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as t}from"../../../components/icon/icon.js";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"@mui/material/MobileStepper";import"react";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../../organisms/gallery/Gallery.js";import"../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../palette.theme.js";import"./accordion/accordionSummary.theme.js";import"./backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../theme.breakpoints.js";import"../theme.constants.js";import"@mui/x-date-pickers/internals";import"./divider.theme.js";import"./drawer.theme.js";import"./form/slider.theme.js";import"./icon.theme.js";import"./mobileStepper.theme.js";import"./modal.theme.js";import"./pagination.theme.js";import"./snackbar.theme.js";import"./stepper/stepIcon/errorStepIcon.js";import"./stepper/stepIcon/qontoStepIcon.js";import"./tabs/tabs.theme.js";import"./tooltip.theme.js";import"react-use";import"../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../utils/enum.js";import"../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../organisms/maps/utils/mapIcons.js";import"../../../organisms/maps/mapComponents/mapStyled.js";import"../../../organisms/shortcutLink/shortcutLink.js";import"../../../organisms/textCta/textCta.js";import"../../../organisms/tile/tile.js";import"lodash/merge";import"../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../organisms/notification/Notification.js";import"../../../organisms/notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button/Button.js";import"minimatch";const e={defaultProps:{popupIcon:o(t,{className:"chevron-down"}),clearIcon:o(t,{className:"ballotx"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:o})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:o.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:o.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:o.palette.surface.primary}}}),option:({theme:o})=>({fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:o.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};export{e as flowAutocomplete};
1
+ import{jsx as o}from"react/jsx-runtime";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"react";import"@mui/material";import"@mui/material/styles";import"../palette.theme.js";import"./accordion/accordionSummary.theme.js";import"./backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../theme.breakpoints.js";import"../theme.constants.js";import"tslib";import"@mui/x-date-pickers/internals";import"./divider.theme.js";import"./drawer.theme.js";import"./form/slider.theme.js";import"./icon.theme.js";import"./mobileStepper.theme.js";import"./modal.theme.js";import"./pagination.theme.js";import"./snackbar.theme.js";import"./stepper/stepIcon/errorStepIcon.js";import"./stepper/stepIcon/qontoStepIcon.js";import"./tabs/tabs.theme.js";import"./tooltip.theme.js";import"react-use";import"../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../components/controls/controls.js";import"../../../components/numbering/numbering.js";import"../../../utils/enum.js";import"../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../organisms/maps/utils/mapIcons.js";import"../../../organisms/maps/mapComponents/mapStyled.js";import"../../../organisms/shortcutLink/shortcutLink.js";import"../../../organisms/textCta/textCta.js";import"../../../organisms/tile/tile.js";import"lodash/merge";import"lodash/noop";import"../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../organisms/notification/Notification.js";import"../../../organisms/notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import{Icon as t}from"../../../components/icon/icon.js";import"../../../components/icon/icon.definitions.js";import"../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button/Button.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../../organisms/gallery/Gallery.js";import"../../../organisms/gallery/GalleryItem.js";import"minimatch";const e={defaultProps:{popupIcon:o(t,{name:"chevron-down"}),clearIcon:o(t,{name:"close"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:o})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:o.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:o.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:o.palette.surface.primary}}}),option:({theme:o})=>({fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:o.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};export{e as flowAutocomplete};
2
2
  //# sourceMappingURL=autocomplete.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"autocomplete.theme.js","sources":["../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n defaultProps: {\n popupIcon: _jsx(Icon, { className: \"chevron-down\" }),\n clearIcon: _jsx(Icon, { className: \"ballotx\" }),\n disableClearable: true,\n componentsProps: {\n popupIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n clearIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n },\n },\n styleOverrides: {\n root: () => ({\n '& .MuiFilledInput-root': {\n paddingBottom: 7,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n height: 26,\n boxSizing: 'border-box',\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {\n paddingBottom: 3,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {\n paddingTop: 12,\n paddingBottom: 14,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel': {\n paddingTop: 17,\n paddingBottom: 13,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n }),\n endAdornment: {\n top: '50%',\n transform: 'translateY(-50%)',\n },\n popupIndicator: {\n padding: 0,\n marginRight: 0,\n },\n clearIndicator: {\n padding: 0,\n marginRight: 0,\n },\n listbox: ({ theme }) => ({\n maxHeight: 240,\n overflow: 'overlay',\n padding: 0,\n '& .MuiAutocomplete-option': {\n minHeight: '48px',\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option.Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n }),\n option: ({ theme }) => ({\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n minHeight: '48px',\n backgroundColor: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n }),\n tag: {\n marginTop: 0,\n marginBottom: 0,\n height: 26,\n display: 'inline-flex',\n alignItems: 'center',\n '&.MuiChip-colorDefault': {\n background: 'transparent',\n },\n '& .MuiChip-label': {\n display: 'inline',\n paddingLeft: 0,\n paddingRight: 7,\n },\n '& .MuiChip-deleteIcon': {\n marginRight: 2,\n },\n },\n },\n};\n//# sourceMappingURL=autocomplete.theme.js.map"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","className","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"o1KAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAKC,EAAM,CAAEC,UAAW,iBACnCC,UAAWH,EAAKC,EAAM,CAAEC,UAAW,YACnCE,kBAAkB,EAClBC,gBAAiB,CACbC,eAAgB,CACZC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAEVC,eAAgB,CACZH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIlBE,eAAgB,CACZC,KAAM,KAAO,CACT,yBAA0B,CACtBC,cAAe,EACfC,WAAY,IAEhB,+CAAgD,CAC5CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEf,gDAAiD,CAC7CH,cAAe,EACfC,WAAY,IAEhB,sEAAuE,CACnEA,WAAY,EACZD,cAAe,GAEnB,yEAA0E,CACtEC,WAAY,GACZD,cAAe,IAEnB,gGAAiG,CAC7FC,WAAY,EACZD,cAAe,GAEnB,kDAAmD,CAC/CC,WAAY,GACZD,cAAe,IAEnB,yEAA0E,CACtEC,WAAY,EACZD,cAAe,KAGvBI,aAAc,CACVC,IAAK,MACLC,UAAW,oBAEfb,eAAgB,CACZc,QAAS,EACTC,YAAa,GAEjBX,eAAgB,CACZU,QAAS,EACTC,YAAa,GAEjBC,QAAS,EAAGC,YAAa,CACrBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CACzBM,UAAW,QAEf,kDAAmD,CAC/CC,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,8DAA+D,CAC3DH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,wCAAyC,CACrCH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,YAI9CC,OAAQ,EAAGR,YAAa,CACpBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACPZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAG1CU,IAAK,CACDC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACtBjB,WAAY,eAEhB,mBAAoB,CAChBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAElB,wBAAyB,CACrBjB,YAAa"}
1
+ {"version":3,"file":"autocomplete.theme.js","sources":["../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n defaultProps: {\n popupIcon: _jsx(Icon, { name: \"chevron-down\" }),\n clearIcon: _jsx(Icon, { name: \"close\" }),\n disableClearable: true,\n componentsProps: {\n popupIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n clearIndicator: {\n disableRipple: true,\n disableFocusRipple: true,\n size: 'small',\n },\n },\n },\n styleOverrides: {\n root: () => ({\n '& .MuiFilledInput-root': {\n paddingBottom: 7,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n height: 26,\n boxSizing: 'border-box',\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {\n paddingBottom: 3,\n paddingTop: 23,\n },\n '& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {\n paddingTop: 12,\n paddingBottom: 14,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel': {\n paddingTop: 17,\n paddingBottom: 13,\n },\n '& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n }),\n endAdornment: {\n top: '50%',\n transform: 'translateY(-50%)',\n },\n popupIndicator: {\n padding: 0,\n marginRight: 0,\n },\n clearIndicator: {\n padding: 0,\n marginRight: 0,\n },\n listbox: ({ theme }) => ({\n maxHeight: 240,\n overflow: 'overlay',\n padding: 0,\n '& .MuiAutocomplete-option': {\n minHeight: '48px',\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n '& .MuiAutocomplete-option.Mui-focused': {\n background: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n },\n }),\n option: ({ theme }) => ({\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n minHeight: '48px',\n backgroundColor: 'unset',\n '&:hover': {\n background: theme.palette.surface.primary,\n },\n }),\n tag: {\n marginTop: 0,\n marginBottom: 0,\n height: 26,\n display: 'inline-flex',\n alignItems: 'center',\n '&.MuiChip-colorDefault': {\n background: 'transparent',\n },\n '& .MuiChip-label': {\n display: 'inline',\n paddingLeft: 0,\n paddingRight: 7,\n },\n '& .MuiChip-deleteIcon': {\n marginRight: 2,\n },\n },\n },\n};\n//# sourceMappingURL=autocomplete.theme.js.map"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","name","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"41KAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAKC,EAAM,CAAEC,KAAM,iBAC9BC,UAAWH,EAAKC,EAAM,CAAEC,KAAM,UAC9BE,kBAAkB,EAClBC,gBAAiB,CACbC,eAAgB,CACZC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAEVC,eAAgB,CACZH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIlBE,eAAgB,CACZC,KAAM,KAAO,CACT,yBAA0B,CACtBC,cAAe,EACfC,WAAY,IAEhB,+CAAgD,CAC5CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEf,gDAAiD,CAC7CH,cAAe,EACfC,WAAY,IAEhB,sEAAuE,CACnEA,WAAY,EACZD,cAAe,GAEnB,yEAA0E,CACtEC,WAAY,GACZD,cAAe,IAEnB,gGAAiG,CAC7FC,WAAY,EACZD,cAAe,GAEnB,kDAAmD,CAC/CC,WAAY,GACZD,cAAe,IAEnB,yEAA0E,CACtEC,WAAY,EACZD,cAAe,KAGvBI,aAAc,CACVC,IAAK,MACLC,UAAW,oBAEfb,eAAgB,CACZc,QAAS,EACTC,YAAa,GAEjBX,eAAgB,CACZU,QAAS,EACTC,YAAa,GAEjBC,QAAS,EAAGC,YAAa,CACrBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CACzBM,UAAW,QAEf,kDAAmD,CAC/CC,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,8DAA+D,CAC3DH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,wCAAyC,CACrCH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,YAI9CC,OAAQ,EAAGR,YAAa,CACpBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACPZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAG1CU,IAAK,CACDC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACtBjB,WAAY,eAEhB,mBAAoB,CAChBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAElB,wBAAyB,CACrBjB,YAAa"}
@@ -1,2 +1,2 @@
1
- const e={defaultProps:{},styleOverrides:{paper:{maxWidth:624},paperFullScreen:{maxWidth:"unset"},paperFullWidth:{maxWidth:"unset"}}};export{e as flowDialog};
1
+ const e={defaultProps:{},styleOverrides:{paper:{borderRadius:8,maxWidth:624},paperFullScreen:{maxWidth:"unset"}}};export{e as flowDialog};
2
2
  //# sourceMappingURL=dialog.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.theme.js","sources":["../../../../../src/design/skoda/components/dialog/dialog.theme.ts"],"sourcesContent":["export const flowDialog = {\n defaultProps: {},\n styleOverrides: {\n paper: {\n maxWidth: 624,\n },\n paperFullScreen: {\n maxWidth: 'unset',\n },\n paperFullWidth: {\n maxWidth: 'unset',\n },\n },\n};\n//# sourceMappingURL=dialog.theme.js.map"],"names":["flowDialog","defaultProps","styleOverrides","paper","maxWidth","paperFullScreen","paperFullWidth"],"mappings":"AAAY,MAACA,EAAa,CACtBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,MAAO,CACHC,SAAU,KAEdC,gBAAiB,CACbD,SAAU,SAEdE,eAAgB,CACZF,SAAU"}
1
+ {"version":3,"file":"dialog.theme.js","sources":["../../../../../src/design/skoda/components/dialog/dialog.theme.ts"],"sourcesContent":["export const flowDialog = {\n defaultProps: {},\n styleOverrides: {\n paper: {\n borderRadius: 8,\n maxWidth: 624,\n },\n paperFullScreen: {\n maxWidth: 'unset',\n },\n },\n};\n//# sourceMappingURL=dialog.theme.js.map"],"names":["flowDialog","defaultProps","styleOverrides","paper","borderRadius","maxWidth","paperFullScreen"],"mappings":"AAAY,MAACA,EAAa,CACtBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,MAAO,CACHC,aAAc,EACdC,SAAU,KAEdC,gBAAiB,CACbD,SAAU"}
@@ -1,2 +1,2 @@
1
- import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"../../../../components/banner/banner.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"react/jsx-runtime";import"@mui/material/Container";import"../../../../components/controls/controls.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as o}from"../../../../components/icon/icon.js";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"@mui/material/MobileStepper";import"react";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/numbering/numbering.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../palette.theme.js";import"../accordion/accordionSummary.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"@mui/x-date-pickers/internals";import"../divider.theme.js";import"../drawer.theme.js";import"./slider.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../snackbar.theme.js";import"../stepper/stepIcon/errorStepIcon.js";import"../stepper/stepIcon/qontoStepIcon.js";import"../tabs/tabs.theme.js";import"../tooltip.theme.js";import"react-use";import"../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../../utils/enum.js";import"../../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../../organisms/maps/utils/mapIcons.js";import"../../../../organisms/maps/mapComponents/mapStyled.js";import"../../../../organisms/shortcutLink/shortcutLink.js";import"../../../../organisms/textCta/textCta.js";import"../../../../organisms/tile/tile.js";import"lodash/merge";import"../../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../../organisms/notification/Notification.js";import"../../../../organisms/notification/NotificationCenter.js";import"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button/Button.js";import"minimatch";const t={defaultProps:{IconComponent:o,classes:{icon:"chevron-down"}},styleOverrides:{select:{"& ~ .MuiInputAdornment-positionEnd":{marginRight:30}},icon:{color:"inherit"},iconOutlined:{right:15},iconFilled:{right:15}}};export{t as flowSelect};
1
+ import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"react/jsx-runtime";import"react";import"@mui/material";import"@mui/material/styles";import"../../palette.theme.js";import"../accordion/accordionSummary.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"tslib";import"@mui/x-date-pickers/internals";import"../divider.theme.js";import"../drawer.theme.js";import"./slider.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../snackbar.theme.js";import"../stepper/stepIcon/errorStepIcon.js";import"../stepper/stepIcon/qontoStepIcon.js";import"../tabs/tabs.theme.js";import"../tooltip.theme.js";import"react-use";import"../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../../components/controls/controls.js";import"../../../../components/numbering/numbering.js";import"../../../../utils/enum.js";import"../../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../../organisms/maps/utils/mapIcons.js";import"../../../../organisms/maps/mapComponents/mapStyled.js";import"../../../../organisms/shortcutLink/shortcutLink.js";import"../../../../organisms/textCta/textCta.js";import"../../../../organisms/tile/tile.js";import"lodash/merge";import"lodash/noop";import"../../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../../organisms/notification/Notification.js";import"../../../../organisms/notification/NotificationCenter.js";import"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import{Icon as o}from"../../../../components/icon/icon.js";import"../../../../components/icon/icon.definitions.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button/Button.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"minimatch";const t={defaultProps:{IconComponent:o,classes:{icon:"chevron-down"}},styleOverrides:{select:{"& ~ .MuiInputAdornment-positionEnd":{marginRight:30}},icon:{color:"inherit"},iconOutlined:{right:15},iconFilled:{right:15}}};export{t as flowSelect};
2
2
  //# sourceMappingURL=select.theme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select.theme.js","sources":["../../../../../src/design/skoda/components/form/select.theme.ts"],"sourcesContent":["import { Icon } from '../../../../components';\nexport const flowSelect = {\n defaultProps: {\n IconComponent: Icon,\n classes: {\n icon: 'chevron-down',\n },\n },\n styleOverrides: {\n select: {\n '& ~ .MuiInputAdornment-positionEnd': {\n marginRight: 30,\n },\n },\n icon: {\n color: 'inherit',\n },\n iconOutlined: {\n right: 15,\n },\n iconFilled: {\n right: 15,\n },\n },\n};\n//# sourceMappingURL=select.theme.js.map"],"names":["flowSelect","defaultProps","IconComponent","Icon","classes","icon","styleOverrides","select","marginRight","color","iconOutlined","right","iconFilled"],"mappings":"kmLACY,MAACA,EAAa,CACtBC,aAAc,CACVC,cAAeC,EACfC,QAAS,CACLC,KAAM,iBAGdC,eAAgB,CACZC,OAAQ,CACJ,qCAAsC,CAClCC,YAAa,KAGrBH,KAAM,CACFI,MAAO,WAEXC,aAAc,CACVC,MAAO,IAEXC,WAAY,CACRD,MAAO"}
1
+ {"version":3,"file":"select.theme.js","sources":["../../../../../src/design/skoda/components/form/select.theme.ts"],"sourcesContent":["import { Icon } from '../../../../components';\nexport const flowSelect = {\n defaultProps: {\n IconComponent: Icon,\n classes: {\n icon: 'chevron-down',\n },\n },\n styleOverrides: {\n select: {\n '& ~ .MuiInputAdornment-positionEnd': {\n marginRight: 30,\n },\n },\n icon: {\n color: 'inherit',\n },\n iconOutlined: {\n right: 15,\n },\n iconFilled: {\n right: 15,\n },\n },\n};\n//# sourceMappingURL=select.theme.js.map"],"names":["flowSelect","defaultProps","IconComponent","Icon","classes","icon","styleOverrides","select","marginRight","color","iconOutlined","right","iconFilled"],"mappings":"0mLACY,MAACA,EAAa,CACtBC,aAAc,CACVC,cAAeC,EACfC,QAAS,CACLC,KAAM,iBAGdC,eAAgB,CACZC,OAAQ,CACJ,qCAAsC,CAClCC,YAAa,KAGrBH,KAAM,CACFI,MAAO,WAEXC,aAAc,CACVC,MAAO,IAEXC,WAAY,CACRD,MAAO"}