@jetshop/ui 6.3.8-alpha.31 → 6.3.8-alpha.32

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 (460) hide show
  1. package/package.json +2 -2
  2. package/Accordion/Accordion.d.ts +0 -33
  3. package/Accordion/Accordion.js +0 -59
  4. package/Accordion/Accordion.js.map +0 -1
  5. package/Auth/FormFields/CountriesInput.d.ts +0 -16
  6. package/Auth/FormFields/CountriesInput.js +0 -28
  7. package/Auth/FormFields/CountriesInput.js.map +0 -1
  8. package/Auth/LogInBehavior.d.ts +0 -22
  9. package/Auth/LogInBehavior.js +0 -24
  10. package/Auth/LogInBehavior.js.map +0 -1
  11. package/Auth/LogInFormProvider.d.ts +0 -7
  12. package/Auth/LogInFormProvider.js +0 -70
  13. package/Auth/LogInFormProvider.js.map +0 -1
  14. package/Auth/LogOut.d.ts +0 -10
  15. package/Auth/LogOut.js +0 -24
  16. package/Auth/LogOut.js.map +0 -1
  17. package/Auth/logInValidator.d.ts +0 -10
  18. package/Auth/logInValidator.js +0 -16
  19. package/Auth/logInValidator.js.map +0 -1
  20. package/Breadcrumbs/Breadcrumbs.d.ts +0 -14
  21. package/Breadcrumbs/Breadcrumbs.js +0 -84
  22. package/Breadcrumbs/Breadcrumbs.js.map +0 -1
  23. package/Breadcrumbs/getParentsOrCanonicalRoute.d.ts +0 -3
  24. package/Breadcrumbs/getParentsOrCanonicalRoute.js +0 -14
  25. package/Breadcrumbs/getParentsOrCanonicalRoute.js.map +0 -1
  26. package/Breadcrumbs/index.d.ts +0 -1
  27. package/Breadcrumbs/index.js +0 -2
  28. package/Breadcrumbs/index.js.map +0 -1
  29. package/Breakpoints.d.ts +0 -12
  30. package/Breakpoints.js +0 -36
  31. package/Breakpoints.js.map +0 -1
  32. package/Button/Button.d.ts +0 -14
  33. package/Button/Button.js +0 -60
  34. package/Button/Button.js.map +0 -1
  35. package/Button/SecondaryButton.d.ts +0 -2
  36. package/Button/SecondaryButton.js +0 -9
  37. package/Button/SecondaryButton.js.map +0 -1
  38. package/Button/TrendButton.d.ts +0 -2
  39. package/Button/TrendButton.js +0 -8
  40. package/Button/TrendButton.js.map +0 -1
  41. package/Button/index.d.ts +0 -4
  42. package/Button/index.js +0 -5
  43. package/Button/index.js.map +0 -1
  44. package/CategoryLink.d.ts +0 -11
  45. package/CategoryLink.js +0 -49
  46. package/CategoryLink.js.map +0 -1
  47. package/ChannelSelector/ChannelListItem.d.ts +0 -10
  48. package/ChannelSelector/ChannelListItem.js +0 -51
  49. package/ChannelSelector/ChannelListItem.js.map +0 -1
  50. package/ChannelSelector/ChannelSelector.d.ts +0 -63
  51. package/ChannelSelector/ChannelSelector.js +0 -80
  52. package/ChannelSelector/ChannelSelector.js.map +0 -1
  53. package/ChannelSelector/ChannelSelectorButtons.d.ts +0 -2
  54. package/ChannelSelector/ChannelSelectorButtons.js +0 -20
  55. package/ChannelSelector/ChannelSelectorButtons.js.map +0 -1
  56. package/ChannelSelector/Channels.d.ts +0 -17
  57. package/ChannelSelector/Channels.js +0 -12
  58. package/ChannelSelector/Channels.js.map +0 -1
  59. package/ChannelSelector/LargeSelector.d.ts +0 -3
  60. package/ChannelSelector/LargeSelector.js +0 -67
  61. package/ChannelSelector/LargeSelector.js.map +0 -1
  62. package/ChannelSelector/MiniSelector.d.ts +0 -4
  63. package/ChannelSelector/MiniSelector.js +0 -58
  64. package/ChannelSelector/MiniSelector.js.map +0 -1
  65. package/ChannelSelector/Region.d.ts +0 -28
  66. package/ChannelSelector/Region.js +0 -21
  67. package/ChannelSelector/Region.js.map +0 -1
  68. package/ChannelSelector/groupBy.d.ts +0 -7
  69. package/ChannelSelector/groupBy.js +0 -16
  70. package/ChannelSelector/groupBy.js.map +0 -1
  71. package/Checkbox/Checkbox.d.ts +0 -14
  72. package/Checkbox/Checkbox.js +0 -70
  73. package/Checkbox/Checkbox.js.map +0 -1
  74. package/Checkbox/CheckboxGroup.d.ts +0 -27
  75. package/Checkbox/CheckboxGroup.js +0 -22
  76. package/Checkbox/CheckboxGroup.js.map +0 -1
  77. package/Checkbox/index.d.ts +0 -2
  78. package/Checkbox/index.js +0 -3
  79. package/Checkbox/index.js.map +0 -1
  80. package/CloudflareImage/BaseImage.d.ts +0 -39
  81. package/CloudflareImage/BaseImage.js +0 -192
  82. package/CloudflareImage/BaseImage.js.map +0 -1
  83. package/CloudflareImage/Fallback.d.ts +0 -5
  84. package/CloudflareImage/Fallback.js +0 -4
  85. package/CloudflareImage/Fallback.js.map +0 -1
  86. package/CloudflareImage/FlightImage.d.ts +0 -51
  87. package/CloudflareImage/FlightImage.js +0 -61
  88. package/CloudflareImage/FlightImage.js.map +0 -1
  89. package/CloudflareImage/Image.d.ts +0 -2
  90. package/CloudflareImage/Image.js +0 -3
  91. package/CloudflareImage/Image.js.map +0 -1
  92. package/CloudflareImage/index.d.ts +0 -1
  93. package/CloudflareImage/index.js +0 -2
  94. package/CloudflareImage/index.js.map +0 -1
  95. package/CloudflareImage/useConstructImage.d.ts +0 -49
  96. package/CloudflareImage/useConstructImage.js +0 -122
  97. package/CloudflareImage/useConstructImage.js.map +0 -1
  98. package/CloudflareImage/utils/aspectRatioToFraction.d.ts +0 -2
  99. package/CloudflareImage/utils/aspectRatioToFraction.js +0 -11
  100. package/CloudflareImage/utils/aspectRatioToFraction.js.map +0 -1
  101. package/CloudflareImage/utils/getFullUrl.d.ts +0 -6
  102. package/CloudflareImage/utils/getFullUrl.js +0 -18
  103. package/CloudflareImage/utils/getFullUrl.js.map +0 -1
  104. package/CloudflareImage/utils/getImageWidth.d.ts +0 -1
  105. package/CloudflareImage/utils/getImageWidth.js +0 -12
  106. package/CloudflareImage/utils/getImageWidth.js.map +0 -1
  107. package/CloudflareImage/utils/getImageWidths.d.ts +0 -2
  108. package/CloudflareImage/utils/getImageWidths.js +0 -21
  109. package/CloudflareImage/utils/getImageWidths.js.map +0 -1
  110. package/CloudflareImage/utils/getLQIP.d.ts +0 -8
  111. package/CloudflareImage/utils/getLQIP.js +0 -21
  112. package/CloudflareImage/utils/getLQIP.js.map +0 -1
  113. package/CloudflareImage/utils/getLargestSize.d.ts +0 -7
  114. package/CloudflareImage/utils/getLargestSize.js +0 -17
  115. package/CloudflareImage/utils/getLargestSize.js.map +0 -1
  116. package/CloudflareImage/utils/getSizeForBreakpoint.d.ts +0 -2
  117. package/CloudflareImage/utils/getSizeForBreakpoint.js +0 -16
  118. package/CloudflareImage/utils/getSizeForBreakpoint.js.map +0 -1
  119. package/CloudflareImage/utils/getSizesMap.d.ts +0 -2
  120. package/CloudflareImage/utils/getSizesMap.js +0 -35
  121. package/CloudflareImage/utils/getSizesMap.js.map +0 -1
  122. package/CloudflareImage/utils/getSmallestSize.d.ts +0 -2
  123. package/CloudflareImage/utils/getSmallestSize.js +0 -12
  124. package/CloudflareImage/utils/getSmallestSize.js.map +0 -1
  125. package/CloudflareImage/utils/getSrcSetFromWidths.d.ts +0 -10
  126. package/CloudflareImage/utils/getSrcSetFromWidths.js +0 -10
  127. package/CloudflareImage/utils/getSrcSetFromWidths.js.map +0 -1
  128. package/CloudflareImage/utils/getSrcWithParams.d.ts +0 -3
  129. package/CloudflareImage/utils/getSrcWithParams.js +0 -30
  130. package/CloudflareImage/utils/getSrcWithParams.js.map +0 -1
  131. package/CloudflareImage/utils/paddingForAspectRatio.d.ts +0 -1
  132. package/CloudflareImage/utils/paddingForAspectRatio.js +0 -6
  133. package/CloudflareImage/utils/paddingForAspectRatio.js.map +0 -1
  134. package/CloudflareImage/utils/remToPx.d.ts +0 -1
  135. package/CloudflareImage/utils/remToPx.js +0 -2
  136. package/CloudflareImage/utils/remToPx.js.map +0 -1
  137. package/CloudflareImage/utils/sizeToNumber.d.ts +0 -2
  138. package/CloudflareImage/utils/sizeToNumber.js +0 -27
  139. package/CloudflareImage/utils/sizeToNumber.js.map +0 -1
  140. package/ContentPageLink.d.ts +0 -11
  141. package/ContentPageLink.js +0 -46
  142. package/ContentPageLink.js.map +0 -1
  143. package/ContentRenderer.d.ts +0 -9
  144. package/ContentRenderer.js +0 -36
  145. package/ContentRenderer.js.map +0 -1
  146. package/DropdownMenu/Button.d.ts +0 -7
  147. package/DropdownMenu/Button.js +0 -33
  148. package/DropdownMenu/Button.js.map +0 -1
  149. package/DropdownMenu/DropdownMenu.d.ts +0 -21
  150. package/DropdownMenu/DropdownMenu.js +0 -72
  151. package/DropdownMenu/DropdownMenu.js.map +0 -1
  152. package/DropdownMenu/Item.d.ts +0 -13
  153. package/DropdownMenu/Item.js +0 -48
  154. package/DropdownMenu/Item.js.map +0 -1
  155. package/DropdownMenu/Items.d.ts +0 -16
  156. package/DropdownMenu/Items.js +0 -53
  157. package/DropdownMenu/Items.js.map +0 -1
  158. package/DropdownMenu/index.d.ts +0 -4
  159. package/DropdownMenu/index.js +0 -5
  160. package/DropdownMenu/index.js.map +0 -1
  161. package/ErrorBoundary/Generic.d.ts +0 -18
  162. package/ErrorBoundary/Generic.js +0 -65
  163. package/ErrorBoundary/Generic.js.map +0 -1
  164. package/ErrorBoundary/PassThrough.d.ts +0 -3
  165. package/ErrorBoundary/PassThrough.js +0 -7
  166. package/ErrorBoundary/PassThrough.js.map +0 -1
  167. package/Gallery/Gallery.d.ts +0 -39
  168. package/Gallery/Gallery.js +0 -121
  169. package/Gallery/Gallery.js.map +0 -1
  170. package/Gallery/constructGallery.d.ts +0 -15
  171. package/Gallery/constructGallery.js +0 -40
  172. package/Gallery/constructGallery.js.map +0 -1
  173. package/Image/BaseImage.d.ts +0 -39
  174. package/Image/BaseImage.js +0 -192
  175. package/Image/BaseImage.js.map +0 -1
  176. package/Image/Fallback.d.ts +0 -5
  177. package/Image/Fallback.js +0 -4
  178. package/Image/Fallback.js.map +0 -1
  179. package/Image/FlightImage.d.ts +0 -51
  180. package/Image/FlightImage.js +0 -59
  181. package/Image/FlightImage.js.map +0 -1
  182. package/Image/Image.d.ts +0 -2
  183. package/Image/Image.js +0 -3
  184. package/Image/Image.js.map +0 -1
  185. package/Image/index.d.ts +0 -1
  186. package/Image/index.js +0 -2
  187. package/Image/index.js.map +0 -1
  188. package/Image/useConstructImage.d.ts +0 -49
  189. package/Image/useConstructImage.js +0 -122
  190. package/Image/useConstructImage.js.map +0 -1
  191. package/Image/utils/aspectRatioToFraction.d.ts +0 -2
  192. package/Image/utils/aspectRatioToFraction.js +0 -11
  193. package/Image/utils/aspectRatioToFraction.js.map +0 -1
  194. package/Image/utils/getFullUrl.d.ts +0 -6
  195. package/Image/utils/getFullUrl.js +0 -18
  196. package/Image/utils/getFullUrl.js.map +0 -1
  197. package/Image/utils/getImageWidth.d.ts +0 -1
  198. package/Image/utils/getImageWidth.js +0 -12
  199. package/Image/utils/getImageWidth.js.map +0 -1
  200. package/Image/utils/getImageWidths.d.ts +0 -2
  201. package/Image/utils/getImageWidths.js +0 -21
  202. package/Image/utils/getImageWidths.js.map +0 -1
  203. package/Image/utils/getLQIP.d.ts +0 -8
  204. package/Image/utils/getLQIP.js +0 -20
  205. package/Image/utils/getLQIP.js.map +0 -1
  206. package/Image/utils/getLargestSize.d.ts +0 -7
  207. package/Image/utils/getLargestSize.js +0 -17
  208. package/Image/utils/getLargestSize.js.map +0 -1
  209. package/Image/utils/getSizeForBreakpoint.d.ts +0 -2
  210. package/Image/utils/getSizeForBreakpoint.js +0 -16
  211. package/Image/utils/getSizeForBreakpoint.js.map +0 -1
  212. package/Image/utils/getSizesMap.d.ts +0 -2
  213. package/Image/utils/getSizesMap.js +0 -35
  214. package/Image/utils/getSizesMap.js.map +0 -1
  215. package/Image/utils/getSmallestSize.d.ts +0 -2
  216. package/Image/utils/getSmallestSize.js +0 -12
  217. package/Image/utils/getSmallestSize.js.map +0 -1
  218. package/Image/utils/getSrcSetFromWidths.d.ts +0 -10
  219. package/Image/utils/getSrcSetFromWidths.js +0 -9
  220. package/Image/utils/getSrcSetFromWidths.js.map +0 -1
  221. package/Image/utils/getSrcWithParams.d.ts +0 -3
  222. package/Image/utils/getSrcWithParams.js +0 -29
  223. package/Image/utils/getSrcWithParams.js.map +0 -1
  224. package/Image/utils/paddingForAspectRatio.d.ts +0 -1
  225. package/Image/utils/paddingForAspectRatio.js +0 -6
  226. package/Image/utils/paddingForAspectRatio.js.map +0 -1
  227. package/Image/utils/remToPx.d.ts +0 -1
  228. package/Image/utils/remToPx.js +0 -2
  229. package/Image/utils/remToPx.js.map +0 -1
  230. package/Image/utils/sizeToNumber.d.ts +0 -2
  231. package/Image/utils/sizeToNumber.js +0 -27
  232. package/Image/utils/sizeToNumber.js.map +0 -1
  233. package/Input/Input.d.ts +0 -6
  234. package/Input/Input.js +0 -45
  235. package/Input/Input.js.map +0 -1
  236. package/Input/index.d.ts +0 -3
  237. package/Input/index.js +0 -4
  238. package/Input/index.js.map +0 -1
  239. package/JetshopText.d.ts +0 -3
  240. package/JetshopText.js +0 -13
  241. package/JetshopText.js.map +0 -1
  242. package/Loading/LoadingBar.d.ts +0 -8
  243. package/Loading/LoadingBar.js +0 -58
  244. package/Loading/LoadingBar.js.map +0 -1
  245. package/Loading/LoadingLine.d.ts +0 -31
  246. package/Loading/LoadingLine.js +0 -26
  247. package/Loading/LoadingLine.js.map +0 -1
  248. package/Loading/NetworkStatusNotifier.d.ts +0 -6
  249. package/Loading/NetworkStatusNotifier.js +0 -8
  250. package/Loading/NetworkStatusNotifier.js.map +0 -1
  251. package/Menu/MenuContainer.d.ts +0 -28
  252. package/Menu/MenuContainer.js +0 -46
  253. package/Menu/MenuContainer.js.map +0 -1
  254. package/Menu/RecursiveTree.d.ts +0 -28
  255. package/Menu/RecursiveTree.js +0 -91
  256. package/Menu/RecursiveTree.js.map +0 -1
  257. package/Modal/Drawer/Drawer.d.ts +0 -12
  258. package/Modal/Drawer/Drawer.js +0 -31
  259. package/Modal/Drawer/Drawer.js.map +0 -1
  260. package/Modal/Drawer/DrawerTarget.d.ts +0 -6
  261. package/Modal/Drawer/DrawerTarget.js +0 -12
  262. package/Modal/Drawer/DrawerTarget.js.map +0 -1
  263. package/Modal/Drawer/DrawerTrigger.d.ts +0 -11
  264. package/Modal/Drawer/DrawerTrigger.js +0 -16
  265. package/Modal/Drawer/DrawerTrigger.js.map +0 -1
  266. package/Modal/Drawer/index.d.ts +0 -3
  267. package/Modal/Drawer/index.js +0 -4
  268. package/Modal/Drawer/index.js.map +0 -1
  269. package/Modal/Flyout/FlyoutTarget.d.ts +0 -10
  270. package/Modal/Flyout/FlyoutTarget.js +0 -15
  271. package/Modal/Flyout/FlyoutTarget.js.map +0 -1
  272. package/Modal/Flyout/FlyoutTrigger.d.ts +0 -15
  273. package/Modal/Flyout/FlyoutTrigger.js +0 -18
  274. package/Modal/Flyout/FlyoutTrigger.js.map +0 -1
  275. package/Modal/Flyout/index.d.ts +0 -2
  276. package/Modal/Flyout/index.js +0 -3
  277. package/Modal/Flyout/index.js.map +0 -1
  278. package/Modal/ModalContext.d.ts +0 -26
  279. package/Modal/ModalContext.js +0 -9
  280. package/Modal/ModalContext.js.map +0 -1
  281. package/Modal/ModalProvider.d.ts +0 -5
  282. package/Modal/ModalProvider.js +0 -83
  283. package/Modal/ModalProvider.js.map +0 -1
  284. package/Modal/ModalRoot.d.ts +0 -3
  285. package/Modal/ModalRoot.js +0 -44
  286. package/Modal/ModalRoot.js.map +0 -1
  287. package/Modal/ModalTrigger.d.ts +0 -9
  288. package/Modal/ModalTrigger.js +0 -9
  289. package/Modal/ModalTrigger.js.map +0 -1
  290. package/Pagination/Pagination.d.ts +0 -7
  291. package/Pagination/Pagination.js +0 -23
  292. package/Pagination/Pagination.js.map +0 -1
  293. package/Pagination/PaginationBehaviour.d.ts +0 -52
  294. package/Pagination/PaginationBehaviour.js +0 -68
  295. package/Pagination/PaginationBehaviour.js.map +0 -1
  296. package/Pagination/index.d.ts +0 -2
  297. package/Pagination/index.js +0 -3
  298. package/Pagination/index.js.map +0 -1
  299. package/Pagination/usePagination.d.ts +0 -15
  300. package/Pagination/usePagination.js +0 -46
  301. package/Pagination/usePagination.js.map +0 -1
  302. package/PreOrderDateSelector/PreOrderDateSelector.d.ts +0 -23
  303. package/PreOrderDateSelector/PreOrderDateSelector.js +0 -74
  304. package/PreOrderDateSelector/PreOrderDateSelector.js.map +0 -1
  305. package/PreOrderDateSelector/index.d.ts +0 -2
  306. package/PreOrderDateSelector/index.js +0 -3
  307. package/PreOrderDateSelector/index.js.map +0 -1
  308. package/Price/Currency.d.ts +0 -9
  309. package/Price/Currency.js +0 -11
  310. package/Price/Currency.js.map +0 -1
  311. package/Price/Price.d.ts +0 -44
  312. package/Price/Price.js +0 -74
  313. package/Price/Price.js.map +0 -1
  314. package/Price/index.d.ts +0 -1
  315. package/Price/index.js +0 -2
  316. package/Price/index.js.map +0 -1
  317. package/ProductLink.d.ts +0 -23
  318. package/ProductLink.js +0 -88
  319. package/ProductLink.js.map +0 -1
  320. package/ProductList/Badges.d.ts +0 -6
  321. package/ProductList/Badges.js +0 -56
  322. package/ProductList/Badges.js.map +0 -1
  323. package/ProductList/GridProduct.d.ts +0 -24
  324. package/ProductList/GridProduct.js +0 -58
  325. package/ProductList/GridProduct.js.map +0 -1
  326. package/ProductList/ProductGrid.d.ts +0 -16
  327. package/ProductList/ProductGrid.js +0 -30
  328. package/ProductList/ProductGrid.js.map +0 -1
  329. package/ProductList/ProductImage.d.ts +0 -12
  330. package/ProductList/ProductImage.js +0 -21
  331. package/ProductList/ProductImage.js.map +0 -1
  332. package/ProductSpecifications/ProductSpecifications.d.ts +0 -8
  333. package/ProductSpecifications/ProductSpecifications.js +0 -78
  334. package/ProductSpecifications/ProductSpecifications.js.map +0 -1
  335. package/ScrollRestorationHandler/ScrollRestorationHandler.d.ts +0 -8
  336. package/ScrollRestorationHandler/ScrollRestorationHandler.js +0 -17
  337. package/ScrollRestorationHandler/ScrollRestorationHandler.js.map +0 -1
  338. package/ScrollRestorationHandler/index.d.ts +0 -1
  339. package/ScrollRestorationHandler/index.js +0 -2
  340. package/ScrollRestorationHandler/index.js.map +0 -1
  341. package/ScrollRestorationHandler/isInIgnoredRouteTypes.d.ts +0 -8
  342. package/ScrollRestorationHandler/isInIgnoredRouteTypes.js +0 -8
  343. package/ScrollRestorationHandler/isInIgnoredRouteTypes.js.map +0 -1
  344. package/ScrollRestorationHandler/useScrollRestore.d.ts +0 -9
  345. package/ScrollRestorationHandler/useScrollRestore.js +0 -20
  346. package/ScrollRestorationHandler/useScrollRestore.js.map +0 -1
  347. package/Search/SearchAutoCompleteContainer.d.ts +0 -45
  348. package/Search/SearchAutoCompleteContainer.js +0 -172
  349. package/Search/SearchAutoCompleteContainer.js.map +0 -1
  350. package/Search/SearchField.d.ts +0 -26
  351. package/Search/SearchField.js +0 -98
  352. package/Search/SearchField.js.map +0 -1
  353. package/Search/SearchPage/PageOf.d.ts +0 -5
  354. package/Search/SearchPage/PageOf.js +0 -7
  355. package/Search/SearchPage/PageOf.js.map +0 -1
  356. package/Search/SearchPage/SearchMeta.d.ts +0 -16
  357. package/Search/SearchPage/SearchMeta.js +0 -20
  358. package/Search/SearchPage/SearchMeta.js.map +0 -1
  359. package/Search/SearchPage/SearchPageBehaviour.d.ts +0 -19
  360. package/Search/SearchPage/SearchPageBehaviour.js +0 -75
  361. package/Search/SearchPage/SearchPageBehaviour.js.map +0 -1
  362. package/Search/SuggestedTerm.d.ts +0 -16
  363. package/Search/SuggestedTerm.js +0 -35
  364. package/Search/SuggestedTerm.js.map +0 -1
  365. package/Search/index.d.ts +0 -1
  366. package/Search/index.js +0 -2
  367. package/Search/index.js.map +0 -1
  368. package/Select/Components.d.ts +0 -28
  369. package/Select/Components.js +0 -91
  370. package/Select/Components.js.map +0 -1
  371. package/Select/SelectComponents/Quantity.d.ts +0 -5
  372. package/Select/SelectComponents/Quantity.js +0 -8
  373. package/Select/SelectComponents/Quantity.js.map +0 -1
  374. package/Select/index.d.ts +0 -5
  375. package/Select/index.js +0 -2
  376. package/Select/index.js.map +0 -1
  377. package/SortOrder/SortOrder.d.ts +0 -16
  378. package/SortOrder/SortOrder.js +0 -33
  379. package/SortOrder/SortOrder.js.map +0 -1
  380. package/SortOrder/SortOrderDropdown.d.ts +0 -9
  381. package/SortOrder/SortOrderDropdown.js +0 -25
  382. package/SortOrder/SortOrderDropdown.js.map +0 -1
  383. package/SortOrder/SortOrderList.d.ts +0 -7
  384. package/SortOrder/SortOrderList.js +0 -17
  385. package/SortOrder/SortOrderList.js.map +0 -1
  386. package/StartPageRenderer/StartPageRenderer.d.ts +0 -17
  387. package/StartPageRenderer/StartPageRenderer.js +0 -52
  388. package/StartPageRenderer/StartPageRenderer.js.map +0 -1
  389. package/StartPageRenderer/index.d.ts +0 -1
  390. package/StartPageRenderer/index.js +0 -2
  391. package/StartPageRenderer/index.js.map +0 -1
  392. package/Stock/StockStatusContainer.d.ts +0 -21
  393. package/Stock/StockStatusContainer.js +0 -45
  394. package/Stock/StockStatusContainer.js.map +0 -1
  395. package/Text/Text.d.ts +0 -11
  396. package/Text/Text.js +0 -22
  397. package/Text/Text.js.map +0 -1
  398. package/Text/index.d.ts +0 -3
  399. package/Text/index.js +0 -4
  400. package/Text/index.js.map +0 -1
  401. package/Theme/createTheme.d.ts +0 -16
  402. package/Theme/createTheme.js +0 -5
  403. package/Theme/createTheme.js.map +0 -1
  404. package/Theme/cssReset.d.ts +0 -1
  405. package/Theme/cssReset.js +0 -160
  406. package/Theme/cssReset.js.map +0 -1
  407. package/Theme/normalizeCss.d.ts +0 -1
  408. package/Theme/normalizeCss.js +0 -357
  409. package/Theme/normalizeCss.js.map +0 -1
  410. package/Theme/sanitizeCss.d.ts +0 -1
  411. package/Theme/sanitizeCss.js +0 -572
  412. package/Theme/sanitizeCss.js.map +0 -1
  413. package/WindowGrid/WindowGrid.d.ts +0 -11
  414. package/WindowGrid/WindowGrid.js +0 -58
  415. package/WindowGrid/WindowGrid.js.map +0 -1
  416. package/WindowGrid/index.d.ts +0 -1
  417. package/WindowGrid/index.js +0 -2
  418. package/WindowGrid/index.js.map +0 -1
  419. package/WindowGrid/useResizeObserver.d.ts +0 -3
  420. package/WindowGrid/useResizeObserver.js +0 -14
  421. package/WindowGrid/useResizeObserver.js.map +0 -1
  422. package/WindowGrid/useScrollWithWindow.d.ts +0 -12
  423. package/WindowGrid/useScrollWithWindow.js +0 -39
  424. package/WindowGrid/useScrollWithWindow.js.map +0 -1
  425. package/fuzzySearch/fuzzySearch.d.ts +0 -8
  426. package/fuzzySearch/fuzzySearch.js +0 -43
  427. package/fuzzySearch/fuzzySearch.js.map +0 -1
  428. package/fuzzySearch/index.d.ts +0 -1
  429. package/fuzzySearch/index.js +0 -2
  430. package/fuzzySearch/index.js.map +0 -1
  431. package/hooks/index.d.ts +0 -2
  432. package/hooks/index.js +0 -3
  433. package/hooks/index.js.map +0 -1
  434. package/hooks/useOnClickOutside.d.ts +0 -6
  435. package/hooks/useOnClickOutside.js +0 -17
  436. package/hooks/useOnClickOutside.js.map +0 -1
  437. package/hooks/useOnEsc.d.ts +0 -4
  438. package/hooks/useOnEsc.js +0 -17
  439. package/hooks/useOnEsc.js.map +0 -1
  440. package/utils/breakpoints.d.ts +0 -23
  441. package/utils/breakpoints.js +0 -94
  442. package/utils/breakpoints.js.map +0 -1
  443. package/utils/callAllEventHandlers.d.ts +0 -5
  444. package/utils/callAllEventHandlers.js +0 -9
  445. package/utils/callAllEventHandlers.js.map +0 -1
  446. package/utils/text.d.ts +0 -1
  447. package/utils/text.js +0 -23
  448. package/utils/text.js.map +0 -1
  449. package/utils/theme.d.ts +0 -3
  450. package/utils/theme.js +0 -5
  451. package/utils/theme.js.map +0 -1
  452. package/utils/useHoverIntent.d.ts +0 -10
  453. package/utils/useHoverIntent.js +0 -78
  454. package/utils/useHoverIntent.js.map +0 -1
  455. package/utils/usePropsOfType.d.ts +0 -11
  456. package/utils/usePropsOfType.js +0 -18
  457. package/utils/usePropsOfType.js.map +0 -1
  458. package/withFlightUI.d.ts +0 -17
  459. package/withFlightUI.js +0 -20
  460. package/withFlightUI.js.map +0 -1
@@ -1,21 +0,0 @@
1
- import { styled } from 'linaria/react';
2
- import React from 'react';
3
- import groupBy from './groupBy';
4
- export const Region = ({ channels, render }) => {
5
- const groupedCountries = groupBy(channels, channel => channel.region);
6
- return (React.createElement(RegionWrapper, null, Object.keys(groupedCountries).map(region => {
7
- const regionCountries = groupedCountries[region];
8
- return render({ regionCountries, region });
9
- })));
10
- };
11
- export default Region;
12
- export const RegionName = styled('h2') `
13
- text-transform: uppercase;
14
- font-size: 1rem;
15
- line-height: 1.5rem;
16
- font-weight: 600;
17
- margin: 1rem 0 0.5rem 0;
18
- `;
19
- export const RegionWrapper = styled('div') ``;
20
- export const RegionGroup = styled('div') ``;
21
- //# sourceMappingURL=Region.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Region.js","sourceRoot":"","sources":["Region.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,WAAW,CAAC;AAiBhC,MAAM,CAAC,MAAM,MAAM,GAAqB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/D,MAAM,gBAAgB,GAAG,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAEnE,CAAC;IACF,OAAO,CACL,oBAAC,aAAa,QACX,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC1C,MAAM,eAAe,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAEjD,OAAO,MAAM,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC;AAEtB,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;CAMrC,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,EAAE,CAAC;AAC7C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,EAAE,CAAC"}
@@ -1,7 +0,0 @@
1
- /**
2
- * Takes in an array and a keyGetter function by which to select
3
- * the key to group by. Returns an array.
4
- */
5
- export default function groupBy<T>(list: T[], keyGetter: (item: T) => string): {
6
- [key: string]: T[];
7
- } | T[];
@@ -1,16 +0,0 @@
1
- /**
2
- * Takes in an array and a keyGetter function by which to select
3
- * the key to group by. Returns an array.
4
- */
5
- export default function groupBy(list, keyGetter) {
6
- // Return if the keyGetter does not return a string
7
- if (typeof keyGetter(list[0]) !== 'string')
8
- return list;
9
- return list.reduce((groups, item) => {
10
- const key = keyGetter(item);
11
- groups[key] = groups[key] || [];
12
- groups[key].push(item);
13
- return groups;
14
- }, {});
15
- }
16
- //# sourceMappingURL=groupBy.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"groupBy.js","sourceRoot":"","sources":["groupBy.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,IAAS,EACT,SAA8B;IAE9B,mDAAmD;IACnD,IAAI,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IACxD,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,MAAW,EAAE,IAAI,EAAE,EAAE;QACvC,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAC5B,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QAChC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
@@ -1,14 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- export type CheckboxProps = {
3
- label: ReactNode;
4
- className?: string;
5
- };
6
- export type CheckboxCompound = {
7
- Label?: React.ReactNode;
8
- };
9
- declare const _default: React.SFC<CheckboxProps & React.InputHTMLAttributes<HTMLInputElement>> & CheckboxCompound & {
10
- Label: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLLabelElement> & React.LabelHTMLAttributes<HTMLLabelElement> & {
11
- as?: React.ElementType<any>;
12
- }>;
13
- };
14
- export default _default;
@@ -1,70 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from 'react';
13
- import { styled } from 'linaria/react';
14
- import { ReactComponent as Check } from '../svg/Check.svg';
15
- const CheckInput = styled('input') `
16
- /* hide browser default checkbox */
17
- position: absolute;
18
- opacity: 0;
19
- cursor: pointer;
20
- `;
21
- const CheckBox = styled('span') `
22
- height: 22px;
23
- width: 22px;
24
- background-color: transparent;
25
- border: 1px solid black;
26
- display: flex;
27
- align-items: center;
28
- justify-content: center;
29
- margin-right: 0.5rem;
30
- `;
31
- const CheckMark = styled(Check) `
32
- display: none;
33
- width: 1em;
34
- height: 1em;
35
- use {
36
- fill: white;
37
- }
38
- `;
39
- const Label = styled('label') `
40
- display: flex;
41
- position: relative;
42
- height: 22px;
43
- align-items: center;
44
- cursor: pointer;
45
- font-size: 14px;
46
- white-space: nowrap;
47
- :hover input ~ span {
48
- background-color: #ccc;
49
- }
50
- input:focus ~ span {
51
- border-color: #2f80ed;
52
- }
53
- input:checked ~ span {
54
- svg {
55
- display: block;
56
- }
57
- }
58
- `;
59
- const Checkbox = (_a) => {
60
- var { label, className } = _a, props = __rest(_a, ["label", "className"]);
61
- return (React.createElement(Label, { className: className || '', "data-testid": `checkbox-${label}` },
62
- React.createElement(CheckInput, Object.assign({ type: "checkbox" }, props)),
63
- React.createElement(CheckBox, null,
64
- React.createElement(CheckMark, null)),
65
- label));
66
- };
67
- export default Object.assign(Checkbox, {
68
- Label
69
- });
70
- //# sourceMappingURL=Checkbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;CAS9B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;CAO9B,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;;;;;;;;;CAmB5B,CAAC;AAWF,MAAM,QAAQ,GAGO,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,KAAK,EAAE,SAAS,OAAY,EAAP,KAAK,cAA5B,sBAA8B,CAAF;IAChD,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,SAAS,IAAI,EAAE,iBAAe,YAAY,KAAK,EAAE;QACjE,oBAAC,UAAU,kBAAC,IAAI,EAAC,UAAU,IAAK,KAAK,EAAI;QACzC,oBAAC,QAAQ;YACP,oBAAC,SAAS,OAAG,CACJ;QACV,KAAK,CACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACrC,KAAK;CACN,CAAC,CAAC"}
@@ -1,27 +0,0 @@
1
- import * as React from 'react';
2
- export type CheckboxGroupChange = (val: string) => any;
3
- export interface Item {
4
- /** The checkbox label */
5
- label: string;
6
- /** The checkbox value; applied to the underlying input element */
7
- val: string;
8
- }
9
- export interface Props {
10
- items: Item[];
11
- selectedItem: string;
12
- /** The label to display for the entire group */
13
- groupLabel?: string;
14
- /** Called when the value changes */
15
- handleChange: CheckboxGroupChange;
16
- className?: string;
17
- }
18
- export declare const Radio: import("linaria/lib/StyledMeta").StyledMeta & React.SFC<import("./Checkbox").CheckboxProps & React.InputHTMLAttributes<HTMLInputElement>> & import("./Checkbox").CheckboxCompound & {
19
- Label: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLLabelElement> & React.LabelHTMLAttributes<HTMLLabelElement> & {
20
- as?: React.ElementType<any>;
21
- }>;
22
- };
23
- export declare const CheckboxWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
24
- as?: React.ElementType<any>;
25
- }>;
26
- declare const CheckboxGroup: React.SFC<Props>;
27
- export default CheckboxGroup;
@@ -1,22 +0,0 @@
1
- import * as React from 'react';
2
- import Checkbox from './Checkbox';
3
- import { styled } from 'linaria/react';
4
- export const Radio = styled(Checkbox) `
5
- display: flex;
6
- margin-top: 1rem;
7
- & span {
8
- width: 16px;
9
- height: 16px;
10
- border-radius: 50%;
11
- flex: 0 0 auto;
12
- }
13
- `;
14
- const Label = styled('span') `
15
- font-weight: 600;
16
- `;
17
- export const CheckboxWrapper = styled('div') ``;
18
- const CheckboxGroup = ({ selectedItem, items, handleChange, groupLabel, className }) => (React.createElement(CheckboxWrapper, { className: className },
19
- groupLabel && React.createElement(Label, null, groupLabel),
20
- items.map(item => (React.createElement(Radio, { type: "radio", key: item.val, value: item.val, tabIndex: 0, checked: selectedItem === item.val ? true : false, label: item.label, onChange: () => handleChange(item.val) })))));
21
- export default CheckboxGroup;
22
- //# sourceMappingURL=CheckboxGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAoBvC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;;;;;CASpC,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAE3B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,EAAE,CAAC;AAE/C,MAAM,aAAa,GAAqB,CAAC,EACvC,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,UAAU,EACV,SAAS,EACV,EAAE,EAAE,CAAC,CACJ,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS;IAClC,UAAU,IAAI,oBAAC,KAAK,QAAE,UAAU,CAAS;IACzC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,oBAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,GAAG,EACf,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,GACtC,CACH,CAAC,CACc,CACnB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,2 +0,0 @@
1
- import Checkbox from './Checkbox';
2
- export default Checkbox;
package/Checkbox/index.js DELETED
@@ -1,3 +0,0 @@
1
- import Checkbox from './Checkbox';
2
- export default Checkbox;
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,eAAe,QAAQ,CAAC"}
@@ -1,39 +0,0 @@
1
- import * as React from 'react';
2
- import { ProductImageSize } from '@jetshop/core/types';
3
- export type ImageSrcType = string | ProductImageSize[];
4
- export type BreakpointValues = string[];
5
- export type ImageBreakpointSize = number | string;
6
- export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
7
- export type AspectRatio = string | number;
8
- export declare const transparentDataImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
9
- export interface ImageParameters {
10
- src: string | boolean;
11
- sizes: string;
12
- hasFalsySrc: boolean;
13
- srcset: string;
14
- webpSrcset: string;
15
- lqip: string;
16
- /**
17
- * The aspect ratio of the image
18
- * If unknown, use null to preserve original aspect ratio
19
- */
20
- aspect?: string;
21
- critical?: boolean;
22
- }
23
- export interface ImageProps extends ImageParameters {
24
- /** Whether or not to use `background-size: cover` */
25
- cover?: boolean;
26
- error?: (args: any) => React.ReactElement<any>;
27
- alt?: string;
28
- title?: string;
29
- /**
30
- * Useful for banner images. Sets the following CSS automatically:
31
- * object-fit: cover
32
- * padding-top: 0;
33
- */
34
- fillAvailableSpace?: boolean;
35
- className?: string;
36
- badges?: React.ReactElement<any>;
37
- }
38
- declare const Image: React.FC<ImageProps>;
39
- export default Image;
@@ -1,192 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import * as React from 'react';
13
- import { useInView } from 'react-intersection-observer';
14
- import { paddingForAspectRatio } from './utils/paddingForAspectRatio';
15
- export const transparentDataImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
16
- const defaultImageState = {
17
- imgLoaded: false,
18
- error: false
19
- };
20
- const loadedImageState = {
21
- imgLoaded: true,
22
- error: false
23
- };
24
- let hydrated = false;
25
- const imageCache = Object.create({});
26
- function isInCache(src) {
27
- return src in imageCache;
28
- }
29
- function cacheImage(src) {
30
- imageCache[src] = true;
31
- }
32
- function imageStateReducer(_, action) {
33
- switch (action.type) {
34
- case 'reset':
35
- return defaultImageState;
36
- case 'loaded':
37
- cacheImage(action.cacheKey);
38
- return loadedImageState;
39
- case 'error':
40
- return { imgLoaded: false, error: true };
41
- default:
42
- console.error(`Action ${action.type} is invalid for image reducer`);
43
- return;
44
- }
45
- }
46
- function useObjectFitPolyfill(imageRefs) {
47
- const [polyfilled, setPolyfilled] = React.useState(false);
48
- React.useEffect(() => {
49
- const testImg = document.createElement(`img`);
50
- if (typeof testImg.style.objectFit === `undefined` ||
51
- typeof testImg.style.objectPosition === `undefined`) {
52
- import(`object-fit-images`).then(({ default: ObjectFitImages }) => {
53
- imageRefs.forEach((imageRef) => {
54
- imageRef.current && ObjectFitImages(imageRef.current);
55
- });
56
- setPolyfilled(true);
57
- });
58
- }
59
- }, [imageRefs]);
60
- return polyfilled;
61
- }
62
- function getTypeByExtension(src) {
63
- // Identifying type by extension, based on common image file types
64
- // https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
65
- const extensionRegex = /\.(jpg|jpeg|jfif|pjpeg|pjp|png|gif|bmp|webp|svg|apng|ico|cur)(?:\?.*)?$/i;
66
- const formatMatch = extensionRegex.exec(src);
67
- if (!formatMatch)
68
- return null;
69
- let type = null;
70
- switch (formatMatch[1]) {
71
- case 'jpg':
72
- case 'jpeg':
73
- case 'jfif':
74
- case 'pjpeg':
75
- case 'pjp':
76
- type = 'image/jpeg';
77
- break;
78
- case 'png':
79
- type = 'image/png';
80
- break;
81
- case 'gif':
82
- type = 'image/gif';
83
- break;
84
- case 'bmp':
85
- type = 'image/bmp';
86
- break;
87
- case 'webp':
88
- type = 'image/webp';
89
- break;
90
- case 'svg':
91
- type = 'image/svg+xml';
92
- break;
93
- case 'apng':
94
- type = 'image/apng';
95
- break;
96
- case 'ico':
97
- case 'cur':
98
- type = 'image/x-icon';
99
- break;
100
- default:
101
- break;
102
- }
103
- return type;
104
- }
105
- const Img = React.forwardRef((props, ref) => {
106
- const { sizes, srcSet, src, style, alt, onLoad, onError, objectFit, critical } = props, otherProps = __rest(props, ["sizes", "srcSet", "src", "style", "alt", "onLoad", "onError", "objectFit", "critical"]);
107
- const imgStyle = Object.assign({ position: 'absolute', top: 0, left: 0, width: `100%`, height: `100%`, paddingTop: 0, objectPosition: `center`, objectFit }, style);
108
- return (React.createElement("img", Object.assign({ alt: alt, sizes: sizes, srcSet: srcSet, src: src, onLoad: onLoad, onError: onError, loading: critical ? 'eager' : 'lazy' }, otherProps, { ref: ref, style: imgStyle })));
109
- });
110
- const Placeholder = React.forwardRef((props, ref) => {
111
- return (React.createElement("picture", { "data-flight-image-placeholder": "" },
112
- React.createElement(Img, Object.assign({ loading: "lazy" }, props, { ref: ref }))));
113
- });
114
- const Image = function Image(_a) {
115
- var { src, hasFalsySrc, lqip, sizes, srcset, webpSrcset, critical, aspect, cover = false, alt = '', fillAvailableSpace = false, children, error: ErrorComp, className, badges } = _a, rest = __rest(_a, ["src", "hasFalsySrc", "lqip", "sizes", "srcset", "webpSrcset", "critical", "aspect", "cover", "alt", "fillAvailableSpace", "children", "error", "className", "badges"]);
116
- // Set up the IntersectionObserver
117
- const [ref, inView] = useInView({ triggerOnce: true });
118
- // Check if the browser supports loading="lazy". In that case, we don't need
119
- // the IntersectionObserver
120
- const nativeLazyLoading = typeof HTMLImageElement !== 'undefined' &&
121
- 'loading' in HTMLImageElement.prototype;
122
- const imageRef = React.createRef();
123
- const placeholderRef = React.createRef();
124
- useObjectFitPolyfill([imageRef, placeholderRef]);
125
- const [{ imgLoaded, error }, dispatch] = React.useReducer(imageStateReducer, critical ? loadedImageState : defaultImageState);
126
- const cacheKey = srcset;
127
- const handleImgLoad = React.useCallback(function handleImgLoad() {
128
- dispatch({ type: 'loaded', cacheKey });
129
- }, [cacheKey]);
130
- function handleImgError() {
131
- dispatch({ type: 'error' });
132
- }
133
- // Treat critical images as always cached
134
- const isCached = critical || isInCache(cacheKey);
135
- React.useEffect(() => {
136
- hydrated = true;
137
- }, []);
138
- React.useEffect(() => {
139
- dispatch({ type: 'reset' });
140
- }, [src]);
141
- React.useEffect(() => {
142
- // Handle case where image onLoad fires during SSR
143
- if (imageRef.current && imageRef.current.complete && !isCached) {
144
- handleImgLoad();
145
- }
146
- }, [handleImgLoad, imageRef, isCached]);
147
- // Render nothing if src is boolean
148
- if (typeof src === 'boolean' && !src) {
149
- return null;
150
- }
151
- const loaded = imgLoaded || hasFalsySrc || isCached;
152
- const objectFit = cover || fillAvailableSpace ? 'cover' : 'contain';
153
- const objectFitPolyfillStyles = { fontFamily: `"object-fit: ${objectFit}"` };
154
- const type = getTypeByExtension(src);
155
- return (React.createElement(React.Fragment, null,
156
- React.createElement("div", Object.assign({ key: src, ref:
157
- // If we have native lazyloading, by not applying the `ref` from
158
- // useInView we don't use IntersectionObserver at all
159
- nativeLazyLoading ? undefined : ref, "data-flight-image-container": "", "data-flight-image-loaded": loaded, className: className }, rest, { style: {
160
- position: `relative`,
161
- overflow: `hidden`,
162
- width: `100%`,
163
- height: fillAvailableSpace ? '100%' : 'auto',
164
- paddingBottom: fillAvailableSpace
165
- ? 0
166
- : !aspect
167
- ? '100%'
168
- : paddingForAspectRatio(aspect)
169
- } }),
170
- error ? (React.createElement(ErrorComp, null)) : (React.createElement(React.Fragment, null,
171
- React.createElement(Placeholder, { src: critical ? transparentDataImg : lqip || transparentDataImg, ref: placeholderRef, alt: "", "aria-hidden": "true", style: Object.assign({ objectFit, opacity: loaded ? 0 : 0.6, transitionDelay: `500ms` }, objectFitPolyfillStyles) }),
172
- (inView || nativeLazyLoading || !hydrated || isCached) && (React.createElement("picture", { "data-flight-image": "" },
173
- React.createElement("source", { type: "image/webp", srcSet: webpSrcset, sizes: sizes }),
174
- React.createElement("source", { type: type, srcSet: srcset, sizes: sizes }),
175
- React.createElement(Img, { srcSet: srcset, src: src || transparentDataImg, sizes: sizes, onLoad: handleImgLoad, onError: handleImgError, alt: alt, ref: imageRef, style: Object.assign({ objectFit, opacity: loaded ? 1 : 0, transition: `opacity 500ms` }, objectFitPolyfillStyles), critical: critical, fetchpriority: critical ? 'high' : 'auto' }))),
176
- React.createElement("noscript", null,
177
- React.createElement("picture", null,
178
- React.createElement(Img, { srcSet: srcset, src: src, sizes: sizes, alt: alt, style: {
179
- objectFit
180
- }, critical: critical, fetchpriority: critical ? 'high' : 'auto' }))))),
181
- children && (React.createElement("div", { "data-flight-image-children": "", style: {
182
- position: 'relative',
183
- zIndex: 2,
184
- width: '100%',
185
- height: '100%'
186
- } }, children)),
187
- badges && (React.createElement("div", { "data-flight-image-badges": "", style: {
188
- zIndex: 2
189
- } }, badges)))));
190
- };
191
- export default Image;
192
- //# sourceMappingURL=BaseImage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseImage.js","sourceRoot":"","sources":["BaseImage.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- /** Display this if JS is disabled. */
3
- export declare const Fallback: ({ children }: {
4
- children: React.ReactElement<{}>;
5
- }) => React.JSX.Element;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- /** Display this if JS is disabled. */
3
- export const Fallback = ({ children }) => React.createElement("noscript", null, children);
4
- //# sourceMappingURL=Fallback.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Fallback.js","sourceRoot":"","sources":["Fallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,sCAAsC;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EAGT,EAAE,EAAE,CAAC,sCAAW,QAAQ,CAAY,CAAC"}
@@ -1,51 +0,0 @@
1
- import React from 'react';
2
- import { ProductImageSize } from '@jetshop/core/types';
3
- export type ImageSrcType = string | ProductImageSize[];
4
- export type ImageBreakpointSize = number | string;
5
- export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
6
- export type AspectRatio = string | number;
7
- export type Gravity = 'north' | 'south' | 'west' | 'east' | 'centre' | 'smart';
8
- export declare const transparentDataImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
9
- interface ImageParameters {
10
- /** The image src
11
- * Also accepts an array of objects with `url` keys (deprecated image field)
12
- */
13
- src: ImageSrcType;
14
- /**
15
- * Whether to crop the image instead of resizing it when aspect ratio is provided
16
- * @default false
17
- */
18
- crop?: boolean;
19
- gravity?: Gravity;
20
- quality?: number;
21
- /** An array of image sizes, will be mapped against breakpoints.
22
- * @see https://docs.dev.jetshop.se/ui/image#the-sizes-prop
23
- */
24
- sizes: ImageBreakpointSizes;
25
- /**
26
- * The aspect ratio of the image
27
- * If unknown, use null to preserve original aspect ratio
28
- */
29
- aspect?: string;
30
- critical?: boolean;
31
- modifiedDate?: string;
32
- focalPointX?: number;
33
- focalPointY?: number;
34
- }
35
- interface ImageProps extends ImageParameters {
36
- /** Whether or not to use `background-size: cover` */
37
- cover?: boolean;
38
- error?: (args: any) => React.ReactElement<any>;
39
- alt?: string;
40
- title?: string;
41
- /**
42
- * Useful for banner images. Sets the following CSS automatically:
43
- * object-fit: cover
44
- * padding-top: 0;
45
- */
46
- fillAvailableSpace?: boolean;
47
- className?: string;
48
- badges?: React.ReactElement<any>;
49
- }
50
- declare function FlightImage(props: ImageProps): React.JSX.Element;
51
- export default FlightImage;
@@ -1,61 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
13
- import Image from './BaseImage';
14
- import React from 'react';
15
- import t from '@jetshop/intl';
16
- import { useConstructImage } from './useConstructImage';
17
- import ChannelContext from '@jetshop/core/components/ChannelContext';
18
- import { Below } from '../Breakpoints';
19
- export const transparentDataImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
20
- function Error() {
21
- return (React.createElement("div", { style: {
22
- background: '#e2e2e2',
23
- display: 'flex',
24
- justifyContent: 'center',
25
- alignItems: 'center',
26
- position: `absolute`,
27
- top: 0,
28
- left: 0,
29
- width: `100%`,
30
- height: `100%`
31
- } }, t('Image Not Found')));
32
- }
33
- function FlightImage(props) {
34
- const { gravity, crop, src: originalSrc, sizes: sizesArray = [1], aspect, quality, critical, modifiedDate, error: ErrorComp = Error, focalPointX, focalPointY } = props, rest = __rest(props, ["gravity", "crop", "src", "sizes", "aspect", "quality", "critical", "modifiedDate", "error", "focalPointX", "focalPointY"]);
35
- const { theme: { breakpoints }, useMobileImageSizes = false } = useShopConfig();
36
- // The baseUrl will change based on the currently-selected channel.
37
- // We need it to correctly construct the image url
38
- const { selectedChannel } = React.useContext(ChannelContext);
39
- const baseUrl = (selectedChannel === null || selectedChannel === void 0 ? void 0 : selectedChannel.imageUrl)
40
- ? String(selectedChannel.imageUrl)
41
- : null;
42
- const imageOptions = useConstructImage({
43
- gravity,
44
- crop,
45
- src: originalSrc,
46
- sizes: sizesArray,
47
- aspect,
48
- quality,
49
- critical,
50
- modifiedDate,
51
- breakpoints,
52
- baseUrl,
53
- focalPointX,
54
- focalPointY
55
- });
56
- const { hasFalsySrc, lqip, sizes, sizesMobile, srcset, srcsetMobile, webpSrcset, webpSrcsetMobile, src } = imageOptions;
57
- // // https://<ZONE>/cdn-cgi/image/<OPTIONS>/<SOURCE-IMAGE>
58
- return (React.createElement(Below, { breakpoint: 'sm' }, (matches) => (React.createElement(Image, Object.assign({}, rest, { critical: critical, aspect: aspect, src: hasFalsySrc && typeof originalSrc === 'boolean' ? false : src, hasFalsySrc: hasFalsySrc, lqip: lqip, sizes: matches && useMobileImageSizes ? sizesMobile : sizes, srcset: matches && useMobileImageSizes ? srcsetMobile : srcset, webpSrcset: matches && useMobileImageSizes ? webpSrcsetMobile : webpSrcset, error: ErrorComp })))));
59
- }
60
- export default FlightImage;
61
- //# sourceMappingURL=FlightImage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FlightImage.js","sourceRoot":"","sources":["FlightImage.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export * from './FlightImage';
2
- export { default } from './FlightImage';
@@ -1,3 +0,0 @@
1
- export * from './FlightImage';
2
- export { default } from './FlightImage';
3
- //# sourceMappingURL=Image.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
@@ -1 +0,0 @@
1
- export { default } from './FlightImage';
@@ -1,2 +0,0 @@
1
- export { default } from './FlightImage';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}