@jetshop/ui 6.3.5 → 7.0.0-alpha-3

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 (400) hide show
  1. package/package.json +2 -3
  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/ContentPageLink.d.ts +0 -11
  81. package/ContentPageLink.js +0 -46
  82. package/ContentPageLink.js.map +0 -1
  83. package/ContentRenderer.d.ts +0 -9
  84. package/ContentRenderer.js +0 -36
  85. package/ContentRenderer.js.map +0 -1
  86. package/DropdownMenu/Button.d.ts +0 -7
  87. package/DropdownMenu/Button.js +0 -33
  88. package/DropdownMenu/Button.js.map +0 -1
  89. package/DropdownMenu/DropdownMenu.d.ts +0 -21
  90. package/DropdownMenu/DropdownMenu.js +0 -72
  91. package/DropdownMenu/DropdownMenu.js.map +0 -1
  92. package/DropdownMenu/Item.d.ts +0 -13
  93. package/DropdownMenu/Item.js +0 -48
  94. package/DropdownMenu/Item.js.map +0 -1
  95. package/DropdownMenu/Items.d.ts +0 -16
  96. package/DropdownMenu/Items.js +0 -53
  97. package/DropdownMenu/Items.js.map +0 -1
  98. package/DropdownMenu/index.d.ts +0 -4
  99. package/DropdownMenu/index.js +0 -5
  100. package/DropdownMenu/index.js.map +0 -1
  101. package/ErrorBoundary/Generic.d.ts +0 -18
  102. package/ErrorBoundary/Generic.js +0 -69
  103. package/ErrorBoundary/Generic.js.map +0 -1
  104. package/ErrorBoundary/PassThrough.d.ts +0 -3
  105. package/ErrorBoundary/PassThrough.js +0 -7
  106. package/ErrorBoundary/PassThrough.js.map +0 -1
  107. package/Gallery/Gallery.d.ts +0 -39
  108. package/Gallery/Gallery.js +0 -121
  109. package/Gallery/Gallery.js.map +0 -1
  110. package/Gallery/constructGallery.d.ts +0 -15
  111. package/Gallery/constructGallery.js +0 -40
  112. package/Gallery/constructGallery.js.map +0 -1
  113. package/Image/BaseImage.d.ts +0 -39
  114. package/Image/BaseImage.js +0 -192
  115. package/Image/BaseImage.js.map +0 -1
  116. package/Image/Fallback.d.ts +0 -5
  117. package/Image/Fallback.js +0 -4
  118. package/Image/Fallback.js.map +0 -1
  119. package/Image/FlightImage.d.ts +0 -51
  120. package/Image/FlightImage.js +0 -59
  121. package/Image/FlightImage.js.map +0 -1
  122. package/Image/Image.d.ts +0 -2
  123. package/Image/Image.js +0 -3
  124. package/Image/Image.js.map +0 -1
  125. package/Image/index.d.ts +0 -1
  126. package/Image/index.js +0 -2
  127. package/Image/index.js.map +0 -1
  128. package/Image/useConstructImage.d.ts +0 -49
  129. package/Image/useConstructImage.js +0 -122
  130. package/Image/useConstructImage.js.map +0 -1
  131. package/Image/utils/aspectRatioToFraction.d.ts +0 -2
  132. package/Image/utils/aspectRatioToFraction.js +0 -11
  133. package/Image/utils/aspectRatioToFraction.js.map +0 -1
  134. package/Image/utils/getFullUrl.d.ts +0 -6
  135. package/Image/utils/getFullUrl.js +0 -18
  136. package/Image/utils/getFullUrl.js.map +0 -1
  137. package/Image/utils/getImageWidth.d.ts +0 -1
  138. package/Image/utils/getImageWidth.js +0 -12
  139. package/Image/utils/getImageWidth.js.map +0 -1
  140. package/Image/utils/getImageWidths.d.ts +0 -2
  141. package/Image/utils/getImageWidths.js +0 -21
  142. package/Image/utils/getImageWidths.js.map +0 -1
  143. package/Image/utils/getLQIP.d.ts +0 -8
  144. package/Image/utils/getLQIP.js +0 -20
  145. package/Image/utils/getLQIP.js.map +0 -1
  146. package/Image/utils/getLargestSize.d.ts +0 -7
  147. package/Image/utils/getLargestSize.js +0 -17
  148. package/Image/utils/getLargestSize.js.map +0 -1
  149. package/Image/utils/getSizeForBreakpoint.d.ts +0 -2
  150. package/Image/utils/getSizeForBreakpoint.js +0 -16
  151. package/Image/utils/getSizeForBreakpoint.js.map +0 -1
  152. package/Image/utils/getSizesMap.d.ts +0 -2
  153. package/Image/utils/getSizesMap.js +0 -35
  154. package/Image/utils/getSizesMap.js.map +0 -1
  155. package/Image/utils/getSmallestSize.d.ts +0 -2
  156. package/Image/utils/getSmallestSize.js +0 -12
  157. package/Image/utils/getSmallestSize.js.map +0 -1
  158. package/Image/utils/getSrcSetFromWidths.d.ts +0 -10
  159. package/Image/utils/getSrcSetFromWidths.js +0 -9
  160. package/Image/utils/getSrcSetFromWidths.js.map +0 -1
  161. package/Image/utils/getSrcWithParams.d.ts +0 -3
  162. package/Image/utils/getSrcWithParams.js +0 -29
  163. package/Image/utils/getSrcWithParams.js.map +0 -1
  164. package/Image/utils/paddingForAspectRatio.d.ts +0 -1
  165. package/Image/utils/paddingForAspectRatio.js +0 -6
  166. package/Image/utils/paddingForAspectRatio.js.map +0 -1
  167. package/Image/utils/remToPx.d.ts +0 -1
  168. package/Image/utils/remToPx.js +0 -2
  169. package/Image/utils/remToPx.js.map +0 -1
  170. package/Image/utils/sizeToNumber.d.ts +0 -2
  171. package/Image/utils/sizeToNumber.js +0 -27
  172. package/Image/utils/sizeToNumber.js.map +0 -1
  173. package/Input/Input.d.ts +0 -6
  174. package/Input/Input.js +0 -45
  175. package/Input/Input.js.map +0 -1
  176. package/Input/index.d.ts +0 -3
  177. package/Input/index.js +0 -4
  178. package/Input/index.js.map +0 -1
  179. package/JetshopText.d.ts +0 -3
  180. package/JetshopText.js +0 -13
  181. package/JetshopText.js.map +0 -1
  182. package/Loading/LoadingBar.d.ts +0 -8
  183. package/Loading/LoadingBar.js +0 -58
  184. package/Loading/LoadingBar.js.map +0 -1
  185. package/Loading/LoadingLine.d.ts +0 -31
  186. package/Loading/LoadingLine.js +0 -26
  187. package/Loading/LoadingLine.js.map +0 -1
  188. package/Loading/NetworkStatusNotifier.d.ts +0 -6
  189. package/Loading/NetworkStatusNotifier.js +0 -8
  190. package/Loading/NetworkStatusNotifier.js.map +0 -1
  191. package/Menu/MenuContainer.d.ts +0 -28
  192. package/Menu/MenuContainer.js +0 -46
  193. package/Menu/MenuContainer.js.map +0 -1
  194. package/Menu/RecursiveTree.d.ts +0 -28
  195. package/Menu/RecursiveTree.js +0 -91
  196. package/Menu/RecursiveTree.js.map +0 -1
  197. package/Modal/Drawer/Drawer.d.ts +0 -12
  198. package/Modal/Drawer/Drawer.js +0 -31
  199. package/Modal/Drawer/Drawer.js.map +0 -1
  200. package/Modal/Drawer/DrawerTarget.d.ts +0 -6
  201. package/Modal/Drawer/DrawerTarget.js +0 -12
  202. package/Modal/Drawer/DrawerTarget.js.map +0 -1
  203. package/Modal/Drawer/DrawerTrigger.d.ts +0 -11
  204. package/Modal/Drawer/DrawerTrigger.js +0 -16
  205. package/Modal/Drawer/DrawerTrigger.js.map +0 -1
  206. package/Modal/Drawer/index.d.ts +0 -3
  207. package/Modal/Drawer/index.js +0 -4
  208. package/Modal/Drawer/index.js.map +0 -1
  209. package/Modal/Flyout/FlyoutTarget.d.ts +0 -10
  210. package/Modal/Flyout/FlyoutTarget.js +0 -15
  211. package/Modal/Flyout/FlyoutTarget.js.map +0 -1
  212. package/Modal/Flyout/FlyoutTrigger.d.ts +0 -15
  213. package/Modal/Flyout/FlyoutTrigger.js +0 -18
  214. package/Modal/Flyout/FlyoutTrigger.js.map +0 -1
  215. package/Modal/Flyout/index.d.ts +0 -2
  216. package/Modal/Flyout/index.js +0 -3
  217. package/Modal/Flyout/index.js.map +0 -1
  218. package/Modal/ModalContext.d.ts +0 -26
  219. package/Modal/ModalContext.js +0 -9
  220. package/Modal/ModalContext.js.map +0 -1
  221. package/Modal/ModalProvider.d.ts +0 -5
  222. package/Modal/ModalProvider.js +0 -83
  223. package/Modal/ModalProvider.js.map +0 -1
  224. package/Modal/ModalRoot.d.ts +0 -3
  225. package/Modal/ModalRoot.js +0 -44
  226. package/Modal/ModalRoot.js.map +0 -1
  227. package/Modal/ModalTrigger.d.ts +0 -9
  228. package/Modal/ModalTrigger.js +0 -9
  229. package/Modal/ModalTrigger.js.map +0 -1
  230. package/Pagination/Pagination.d.ts +0 -7
  231. package/Pagination/Pagination.js +0 -23
  232. package/Pagination/Pagination.js.map +0 -1
  233. package/Pagination/PaginationBehaviour.d.ts +0 -52
  234. package/Pagination/PaginationBehaviour.js +0 -68
  235. package/Pagination/PaginationBehaviour.js.map +0 -1
  236. package/Pagination/index.d.ts +0 -2
  237. package/Pagination/index.js +0 -3
  238. package/Pagination/index.js.map +0 -1
  239. package/Pagination/usePagination.d.ts +0 -15
  240. package/Pagination/usePagination.js +0 -46
  241. package/Pagination/usePagination.js.map +0 -1
  242. package/PreOrderDateSelector/PreOrderDateSelector.d.ts +0 -23
  243. package/PreOrderDateSelector/PreOrderDateSelector.js +0 -74
  244. package/PreOrderDateSelector/PreOrderDateSelector.js.map +0 -1
  245. package/PreOrderDateSelector/index.d.ts +0 -2
  246. package/PreOrderDateSelector/index.js +0 -3
  247. package/PreOrderDateSelector/index.js.map +0 -1
  248. package/Price/Currency.d.ts +0 -9
  249. package/Price/Currency.js +0 -11
  250. package/Price/Currency.js.map +0 -1
  251. package/Price/Price.d.ts +0 -44
  252. package/Price/Price.js +0 -74
  253. package/Price/Price.js.map +0 -1
  254. package/Price/index.d.ts +0 -1
  255. package/Price/index.js +0 -2
  256. package/Price/index.js.map +0 -1
  257. package/ProductLink.d.ts +0 -23
  258. package/ProductLink.js +0 -88
  259. package/ProductLink.js.map +0 -1
  260. package/ProductList/Badges.d.ts +0 -6
  261. package/ProductList/Badges.js +0 -56
  262. package/ProductList/Badges.js.map +0 -1
  263. package/ProductList/GridProduct.d.ts +0 -24
  264. package/ProductList/GridProduct.js +0 -58
  265. package/ProductList/GridProduct.js.map +0 -1
  266. package/ProductList/ProductGrid.d.ts +0 -16
  267. package/ProductList/ProductGrid.js +0 -30
  268. package/ProductList/ProductGrid.js.map +0 -1
  269. package/ProductList/ProductImage.d.ts +0 -12
  270. package/ProductList/ProductImage.js +0 -21
  271. package/ProductList/ProductImage.js.map +0 -1
  272. package/ProductSpecifications/ProductSpecifications.d.ts +0 -8
  273. package/ProductSpecifications/ProductSpecifications.js +0 -78
  274. package/ProductSpecifications/ProductSpecifications.js.map +0 -1
  275. package/ScrollRestorationHandler/ScrollRestorationHandler.d.ts +0 -8
  276. package/ScrollRestorationHandler/ScrollRestorationHandler.js +0 -17
  277. package/ScrollRestorationHandler/ScrollRestorationHandler.js.map +0 -1
  278. package/ScrollRestorationHandler/index.d.ts +0 -1
  279. package/ScrollRestorationHandler/index.js +0 -2
  280. package/ScrollRestorationHandler/index.js.map +0 -1
  281. package/ScrollRestorationHandler/isInIgnoredRouteTypes.d.ts +0 -8
  282. package/ScrollRestorationHandler/isInIgnoredRouteTypes.js +0 -8
  283. package/ScrollRestorationHandler/isInIgnoredRouteTypes.js.map +0 -1
  284. package/ScrollRestorationHandler/useScrollRestore.d.ts +0 -9
  285. package/ScrollRestorationHandler/useScrollRestore.js +0 -20
  286. package/ScrollRestorationHandler/useScrollRestore.js.map +0 -1
  287. package/Search/SearchAutoCompleteContainer.d.ts +0 -45
  288. package/Search/SearchAutoCompleteContainer.js +0 -172
  289. package/Search/SearchAutoCompleteContainer.js.map +0 -1
  290. package/Search/SearchField.d.ts +0 -26
  291. package/Search/SearchField.js +0 -98
  292. package/Search/SearchField.js.map +0 -1
  293. package/Search/SearchPage/PageOf.d.ts +0 -5
  294. package/Search/SearchPage/PageOf.js +0 -7
  295. package/Search/SearchPage/PageOf.js.map +0 -1
  296. package/Search/SearchPage/SearchMeta.d.ts +0 -16
  297. package/Search/SearchPage/SearchMeta.js +0 -20
  298. package/Search/SearchPage/SearchMeta.js.map +0 -1
  299. package/Search/SearchPage/SearchPageBehaviour.d.ts +0 -19
  300. package/Search/SearchPage/SearchPageBehaviour.js +0 -75
  301. package/Search/SearchPage/SearchPageBehaviour.js.map +0 -1
  302. package/Search/SuggestedTerm.d.ts +0 -16
  303. package/Search/SuggestedTerm.js +0 -35
  304. package/Search/SuggestedTerm.js.map +0 -1
  305. package/Search/index.d.ts +0 -1
  306. package/Search/index.js +0 -2
  307. package/Search/index.js.map +0 -1
  308. package/Select/Components.d.ts +0 -28
  309. package/Select/Components.js +0 -91
  310. package/Select/Components.js.map +0 -1
  311. package/Select/SelectComponents/Quantity.d.ts +0 -5
  312. package/Select/SelectComponents/Quantity.js +0 -8
  313. package/Select/SelectComponents/Quantity.js.map +0 -1
  314. package/Select/index.d.ts +0 -5
  315. package/Select/index.js +0 -2
  316. package/Select/index.js.map +0 -1
  317. package/SortOrder/SortOrder.d.ts +0 -16
  318. package/SortOrder/SortOrder.js +0 -33
  319. package/SortOrder/SortOrder.js.map +0 -1
  320. package/SortOrder/SortOrderDropdown.d.ts +0 -9
  321. package/SortOrder/SortOrderDropdown.js +0 -25
  322. package/SortOrder/SortOrderDropdown.js.map +0 -1
  323. package/SortOrder/SortOrderList.d.ts +0 -7
  324. package/SortOrder/SortOrderList.js +0 -17
  325. package/SortOrder/SortOrderList.js.map +0 -1
  326. package/StartPageRenderer/StartPageRenderer.d.ts +0 -17
  327. package/StartPageRenderer/StartPageRenderer.js +0 -52
  328. package/StartPageRenderer/StartPageRenderer.js.map +0 -1
  329. package/StartPageRenderer/index.d.ts +0 -1
  330. package/StartPageRenderer/index.js +0 -2
  331. package/StartPageRenderer/index.js.map +0 -1
  332. package/Stock/StockStatusContainer.d.ts +0 -21
  333. package/Stock/StockStatusContainer.js +0 -45
  334. package/Stock/StockStatusContainer.js.map +0 -1
  335. package/Text/Text.d.ts +0 -11
  336. package/Text/Text.js +0 -22
  337. package/Text/Text.js.map +0 -1
  338. package/Text/index.d.ts +0 -3
  339. package/Text/index.js +0 -4
  340. package/Text/index.js.map +0 -1
  341. package/Theme/createTheme.d.ts +0 -16
  342. package/Theme/createTheme.js +0 -5
  343. package/Theme/createTheme.js.map +0 -1
  344. package/Theme/cssReset.d.ts +0 -1
  345. package/Theme/cssReset.js +0 -160
  346. package/Theme/cssReset.js.map +0 -1
  347. package/Theme/normalizeCss.d.ts +0 -1
  348. package/Theme/normalizeCss.js +0 -357
  349. package/Theme/normalizeCss.js.map +0 -1
  350. package/Theme/sanitizeCss.d.ts +0 -1
  351. package/Theme/sanitizeCss.js +0 -572
  352. package/Theme/sanitizeCss.js.map +0 -1
  353. package/WindowGrid/WindowGrid.d.ts +0 -11
  354. package/WindowGrid/WindowGrid.js +0 -58
  355. package/WindowGrid/WindowGrid.js.map +0 -1
  356. package/WindowGrid/index.d.ts +0 -1
  357. package/WindowGrid/index.js +0 -2
  358. package/WindowGrid/index.js.map +0 -1
  359. package/WindowGrid/useResizeObserver.d.ts +0 -3
  360. package/WindowGrid/useResizeObserver.js +0 -14
  361. package/WindowGrid/useResizeObserver.js.map +0 -1
  362. package/WindowGrid/useScrollWithWindow.d.ts +0 -12
  363. package/WindowGrid/useScrollWithWindow.js +0 -39
  364. package/WindowGrid/useScrollWithWindow.js.map +0 -1
  365. package/fuzzySearch/fuzzySearch.d.ts +0 -8
  366. package/fuzzySearch/fuzzySearch.js +0 -43
  367. package/fuzzySearch/fuzzySearch.js.map +0 -1
  368. package/fuzzySearch/index.d.ts +0 -1
  369. package/fuzzySearch/index.js +0 -2
  370. package/fuzzySearch/index.js.map +0 -1
  371. package/hooks/index.d.ts +0 -2
  372. package/hooks/index.js +0 -3
  373. package/hooks/index.js.map +0 -1
  374. package/hooks/useOnClickOutside.d.ts +0 -6
  375. package/hooks/useOnClickOutside.js +0 -17
  376. package/hooks/useOnClickOutside.js.map +0 -1
  377. package/hooks/useOnEsc.d.ts +0 -4
  378. package/hooks/useOnEsc.js +0 -17
  379. package/hooks/useOnEsc.js.map +0 -1
  380. package/utils/breakpoints.d.ts +0 -23
  381. package/utils/breakpoints.js +0 -94
  382. package/utils/breakpoints.js.map +0 -1
  383. package/utils/callAllEventHandlers.d.ts +0 -5
  384. package/utils/callAllEventHandlers.js +0 -9
  385. package/utils/callAllEventHandlers.js.map +0 -1
  386. package/utils/text.d.ts +0 -1
  387. package/utils/text.js +0 -23
  388. package/utils/text.js.map +0 -1
  389. package/utils/theme.d.ts +0 -3
  390. package/utils/theme.js +0 -5
  391. package/utils/theme.js.map +0 -1
  392. package/utils/useHoverIntent.d.ts +0 -10
  393. package/utils/useHoverIntent.js +0 -78
  394. package/utils/useHoverIntent.js.map +0 -1
  395. package/utils/usePropsOfType.d.ts +0 -11
  396. package/utils/usePropsOfType.js +0 -18
  397. package/utils/usePropsOfType.js.map +0 -1
  398. package/withFlightUI.d.ts +0 -17
  399. package/withFlightUI.js +0 -20
  400. package/withFlightUI.js.map +0 -1
@@ -1,21 +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 Image from '../Image/Image';
14
- import Badges from './Badges';
15
- const ProdImage = (_a) => {
16
- var { image, sizes = [1 / 4, 1 / 3, 1 / 2, 1 / 2], badges, aspect = '1:1' } = _a, rest = __rest(_a, ["image", "sizes", "badges", "aspect"]);
17
- const imageOrSizes = image && (image.url || image.sizes);
18
- return (React.createElement(Image, Object.assign({ src: imageOrSizes, sizes: sizes, aspect: aspect, title: image && image.title, alt: image && image.alt, badges: React.createElement(Badges, { badges: badges }) }, rest)));
19
- };
20
- export default ProdImage;
21
- //# sourceMappingURL=ProductImage.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductImage.js","sourceRoot":"","sources":["ProductImage.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAA+B,MAAM,gBAAgB,CAAC;AAC7D,OAAO,MAAM,MAAM,UAAU,CAAC;AAU9B,MAAM,SAAS,GAAiC,CAAC,EAMhD,EAAE,EAAE;QAN4C,EAC/C,KAAK,EACL,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EACpC,MAAM,EACN,MAAM,GAAG,KAAK,OAEf,EADI,IAAI,cALwC,sCAMhD,CADQ;IAEP,MAAM,YAAY,GAChB,KAAK,IAAK,CAAC,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,CAAiC,CAAC;IACvE,OAAO,CACL,oBAAC,KAAK,kBACJ,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,EAC3B,GAAG,EAAE,KAAK,IAAI,KAAK,CAAC,GAAG,EACvB,MAAM,EAAE,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,GAAI,IAC9B,IAAI,EACD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export declare const Table: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLTableElement> & React.TableHTMLAttributes<HTMLTableElement> & {
3
- as?: React.ElementType<any>;
4
- }>;
5
- declare const ProductSpecifications: ({ fields, ...rest }: {
6
- fields: any;
7
- }) => React.JSX.Element;
8
- export default ProductSpecifications;
@@ -1,78 +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 t from '@jetshop/intl';
15
- export const Table = styled('table') `
16
- width: 100%;
17
- overflow: hidden;
18
-
19
- svg {
20
- height: 1rem;
21
- width: 1rem;
22
- }
23
- ul {
24
- list-style-type: disc;
25
- margin-left: 1rem;
26
- }
27
-
28
- tr {
29
- > * {
30
- line-height: 2rem;
31
- }
32
- th {
33
- text-align: left;
34
- font-weight: 600;
35
- padding-right: 0.5rem;
36
- }
37
- }
38
- `;
39
- const StringValues = ({ stringValue, title }) => (React.createElement("tr", null,
40
- React.createElement("th", null, title),
41
- React.createElement("td", null, stringValue)));
42
- const HtmlValues = ({ htmlValue, title }) => {
43
- const value = { __html: htmlValue };
44
- return (React.createElement("tr", null,
45
- React.createElement("th", null, title),
46
- React.createElement("td", { dangerouslySetInnerHTML: value })));
47
- };
48
- const BoolValues = ({ boolValue, title }) => (React.createElement("tr", null,
49
- React.createElement("th", null, title),
50
- React.createElement("td", null, boolValue ? React.createElement("div", null, t('Yes')) : React.createElement("div", null, t('No')))));
51
- const ListValues = ({ listValues, title }) => listValues ? (React.createElement("tr", null,
52
- React.createElement("th", null, title),
53
- React.createElement("td", null,
54
- React.createElement("ul", null, listValues.map((val) => (React.createElement("li", { key: val }, val))))))) : null;
55
- const renderFieldPair = (field, index) => {
56
- const type = field.type;
57
- switch (type) {
58
- case 'STRING':
59
- return React.createElement(StringValues, Object.assign({}, field, { key: index }));
60
- case 'HTML':
61
- return React.createElement(HtmlValues, Object.assign({}, field, { key: index }));
62
- case 'BOOL':
63
- return React.createElement(BoolValues, Object.assign({}, field, { key: index }));
64
- case 'LIST':
65
- return React.createElement(ListValues, Object.assign({}, field, { key: index }));
66
- default:
67
- break;
68
- }
69
- };
70
- const ProductSpecifications = (_a) => {
71
- var { fields } = _a, rest = __rest(_a, ["fields"]);
72
- return fields ? (React.createElement(Table, Object.assign({}, rest),
73
- React.createElement("tbody", null, fields.map((field, index) => {
74
- return renderFieldPair(field, index);
75
- })))) : null;
76
- };
77
- export default ProductSpecifications;
78
- //# sourceMappingURL=ProductSpecifications.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProductSpecifications.js","sourceRoot":"","sources":["ProductSpecifications.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,CAAC,MAAM,eAAe,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBnC,CAAC;AAIF,MAAM,YAAY,GAAG,CAAC,EACpB,WAAW,EACX,KAAK,EAIN,EAAE,EAAE,CAAC,CACJ;IACE,gCAAK,KAAK,CAAM;IAChB,gCAAK,WAAW,CAAM,CACnB,CACN,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,KAAK,EAIN,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IACpC,OAAO,CACL;QACE,gCAAK,KAAK,CAAM;QAChB,4BAAI,uBAAuB,EAAE,KAAK,GAAI,CACnC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,KAAK,EAIN,EAAE,EAAE,CAAC,CACJ;IACE,gCAAK,KAAK,CAAM;IAChB,gCAAK,SAAS,CAAC,CAAC,CAAC,iCAAM,CAAC,CAAC,KAAK,CAAC,CAAO,CAAC,CAAC,CAAC,iCAAM,CAAC,CAAC,IAAI,CAAC,CAAO,CAAM,CAChE,CACN,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,UAAU,EACV,KAAK,EAIN,EAAE,EAAE,CACH,UAAU,CAAC,CAAC,CAAC,CACX;IACE,gCAAK,KAAK,CAAM;IAChB;QACE,gCACG,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACvB,4BAAI,GAAG,EAAE,GAAG,IAAG,GAAG,CAAM,CACzB,CAAC,CACC,CACF,CACF,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,eAAe,GAAG,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;IACpD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO,oBAAC,YAAY,oBAAK,KAAK,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACjD,KAAK,MAAM;YACT,OAAO,oBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QAC/C,KAAK,MAAM;YACT,OAAO,oBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QAC/C,KAAK,MAAM;YACT,OAAO,oBAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QAE/C;YACE,MAAM;KACT;AACH,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,EAAoC,EAAE,EAAE;QAAxC,EAAE,MAAM,OAA4B,EAAvB,IAAI,cAAjB,UAAmB,CAAF;IAC9C,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,oBAAC,KAAK,oBAAK,IAAI;QACb,mCACG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;YACxC,OAAO,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC,CACI,CACF,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { RouteComponentProps } from 'react-router-dom';
3
- export type routeType = 'sortOrderChange' | 'filterChange' | 'paginationChange' | 'Product' | 'Category' | 'Page';
4
- export interface ScrollRestoreProps {
5
- ignoreForRouteTypes?: routeType[];
6
- }
7
- declare const _default: import("react").ComponentClass<Pick<ScrollRestoreProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>, "ignoreForRouteTypes">, any> & import("react-router").WithRouterStatics<({ location, ignoreForRouteTypes }: ScrollRestoreProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>) => any>;
8
- export default _default;
@@ -1,17 +0,0 @@
1
- import { useEffect, useRef } from 'react';
2
- import { withRouter } from 'react-router-dom';
3
- import { useScrollRestore } from './useScrollRestore';
4
- const ScrollRestorationHandler = function ScrollRestorationHandler({ location, ignoreForRouteTypes }) {
5
- const prevLocation = useRef();
6
- useEffect(() => {
7
- prevLocation.current = location;
8
- }, [location]);
9
- useScrollRestore({
10
- location,
11
- prevLocation: prevLocation.current,
12
- ignoreForRouteTypes
13
- });
14
- return null;
15
- };
16
- export default withRouter(ScrollRestorationHandler);
17
- //# sourceMappingURL=ScrollRestorationHandler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScrollRestorationHandler.js","sourceRoot":"","sources":["ScrollRestorationHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAuB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAetD,MAAM,wBAAwB,GAAG,SAAS,wBAAwB,CAAC,EACjE,QAAQ,EACR,mBAAmB,EACsB;IACzC,MAAM,YAAY,GAAG,MAAM,EAAY,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,gBAAgB,CAAC;QACf,QAAQ;QACR,YAAY,EAAE,YAAY,CAAC,OAAO;QAClC,mBAAmB;KACpB,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC,wBAAwB,CAAC,CAAC"}
@@ -1 +0,0 @@
1
- export { default } from './ScrollRestorationHandler';
@@ -1,2 +0,0 @@
1
- export { default } from './ScrollRestorationHandler';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC"}
@@ -1,8 +0,0 @@
1
- import { Location } from 'history';
2
- import { routeType } from './ScrollRestorationHandler';
3
- export declare function isInIgnoredRouteTypes({ location, routeTypes }: {
4
- location: Location<{
5
- type?: any;
6
- }>;
7
- routeTypes: routeType[];
8
- }): boolean;
@@ -1,8 +0,0 @@
1
- export function isInIgnoredRouteTypes({ location, routeTypes }) {
2
- if (!location.state || !location.state.type)
3
- return false;
4
- if (routeTypes.includes(location.state.type))
5
- return true;
6
- return false;
7
- }
8
- //# sourceMappingURL=isInIgnoredRouteTypes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isInIgnoredRouteTypes.js","sourceRoot":"","sources":["isInIgnoredRouteTypes.tsx"],"names":[],"mappings":"AAEA,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EACR,UAAU,EAIX;IACC,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IAC1D,IAAI,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAC1D,OAAO,KAAK,CAAC;AACf,CAAC"}
@@ -1,9 +0,0 @@
1
- import { Location } from 'history';
2
- import { routeType } from './ScrollRestorationHandler';
3
- export declare function useScrollRestore({ location, ignoreForRouteTypes, prevLocation }: {
4
- location: Location<{
5
- type?: any;
6
- }>;
7
- prevLocation: Location;
8
- ignoreForRouteTypes?: routeType[];
9
- }): void;
@@ -1,20 +0,0 @@
1
- import { useEffect } from 'react';
2
- import { isInIgnoredRouteTypes } from './isInIgnoredRouteTypes';
3
- export function useScrollRestore({ location, ignoreForRouteTypes, prevLocation }) {
4
- useEffect(() => {
5
- if (ignoreForRouteTypes &&
6
- isInIgnoredRouteTypes({ location, routeTypes: ignoreForRouteTypes })) {
7
- return;
8
- }
9
- if (!prevLocation && location.hash !== '') {
10
- return;
11
- }
12
- if (prevLocation &&
13
- prevLocation.pathname === location.pathname &&
14
- prevLocation.search === location.search) {
15
- return;
16
- }
17
- window.scrollTo(0, 0);
18
- }, [ignoreForRouteTypes, location, prevLocation]);
19
- }
20
- //# sourceMappingURL=useScrollRestore.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useScrollRestore.js","sourceRoot":"","sources":["useScrollRestore.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,mBAAmB,EACnB,YAAY,EAKb;IACC,SAAS,CAAC,GAAG,EAAE;QACb,IACE,mBAAmB;YACnB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC,EACpE;YACA,OAAO;SACR;QAED,IAAI,CAAC,YAAY,IAAI,QAAQ,CAAC,IAAI,KAAK,EAAE,EAAE;YACzC,OAAO;SACR;QAED,IACE,YAAY;YACZ,YAAY,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ;YAC3C,YAAY,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,EACvC;YACA,OAAO;SACR;QAED,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,mBAAmB,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;AACpD,CAAC"}
@@ -1,45 +0,0 @@
1
- import { SearchResult } from '@jetshop/core/types';
2
- import { DocumentNode } from 'graphql';
3
- import * as React from 'react';
4
- import { RouteComponentProps } from 'react-router-dom';
5
- export interface Events {
6
- onClick?: React.MouseEventHandler<HTMLElement>;
7
- onBlur?: React.FocusEventHandler<FocusEvent>;
8
- onFocus?: React.FocusEventHandler<FocusEvent>;
9
- }
10
- export interface RenderFnProps extends SearchFieldState {
11
- getInputProps: (args?: Pick<Events, 'onBlur' | 'onFocus'>) => {};
12
- getCancelProps: (args?: Pick<Events, 'onClick'>) => {};
13
- getFlyoutProps: (args?: any) => {};
14
- updateFocus: (args: 'focus' | 'blur') => void;
15
- result: SearchResult;
16
- loading: boolean;
17
- inputRef: React.Ref<HTMLInputElement>;
18
- triggerSearch(term: string): void;
19
- }
20
- export interface SearchFieldProps {
21
- /** Initial value for the search field */
22
- initialValue: string;
23
- /** Optional function to call when cancel button is clicked */
24
- onCancel?: () => void;
25
- /** Optional function to call when the search is submitted */
26
- onSubmit?: (term: string) => void;
27
- /** Whether to focus the search input on first mount */
28
- focusOnLoad?: boolean;
29
- /** Query to perform the autocomplete search */
30
- autocompleteQuery: DocumentNode;
31
- /** Internals */
32
- children: (args: RenderFnProps) => JSX.Element;
33
- }
34
- export interface SearchFieldState {
35
- /** Whether or not the search term has been edited since render */
36
- isDirty: boolean;
37
- /** The search term string */
38
- term: string;
39
- /** The debounced search term string used for the query */
40
- debouncedTerm: string;
41
- /** Whether the search field is open */
42
- isOpen: boolean;
43
- }
44
- declare const _default: React.ComponentClass<Pick<SearchFieldProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>, keyof SearchFieldProps>, any> & import("react-router").WithRouterStatics<(props: SearchFieldProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>) => React.JSX.Element>;
45
- export default _default;
@@ -1,172 +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 debounce from 'lodash.debounce';
14
- import * as React from 'react';
15
- import { Query } from '@apollo/client/react/components';
16
- import { withRouter } from 'react-router-dom';
17
- import { callAllEventHandlers } from '../utils/callAllEventHandlers';
18
- class SearchFieldBehaviour extends React.Component {
19
- constructor() {
20
- super(...arguments);
21
- this.inputRef = React.createRef();
22
- this.flyoutRef = React.createRef();
23
- this.cleanup = () => { };
24
- this._isMounted = false;
25
- this.initialState = {
26
- isDirty: false,
27
- term: this.props.initialValue,
28
- debouncedTerm: this.props.initialValue,
29
- isOpen: false
30
- };
31
- this.environment = typeof window === 'undefined' ? null : window;
32
- this.state = this.initialState;
33
- this.getInputProps = (_a = {}) => {
34
- var { onBlur, onFocus, refKey = 'ref' } = _a, rest = __rest(_a, ["onBlur", "onFocus", "refKey"]);
35
- const { updateSearch, handleBlur, handleFocus, handleEnterSubmit, inputRef } = this;
36
- const { term } = this.state;
37
- return Object.assign({ onChange: updateSearch, onBlur: callAllEventHandlers(onBlur, handleBlur), onFocus: callAllEventHandlers(onFocus, handleFocus), onKeyDown: callAllEventHandlers(handleEnterSubmit), [refKey]: inputRef, autoComplete: 'off', value: term, type: 'search' }, rest
38
- // TODO: add an ID via props or generate one
39
- // TODO: add ARIA labels
40
- );
41
- };
42
- this.getFlyoutProps = ({ refKey = 'ref', rest } = {}) => {
43
- const { flyoutRef } = this;
44
- return Object.assign({ [refKey]: flyoutRef }, rest);
45
- };
46
- this.getCancelProps = (_a = {}) => {
47
- var { onClick } = _a, rest = __rest(_a, ["onClick"]);
48
- const { clearSearch } = this;
49
- const { onCancel } = this.props;
50
- return Object.assign({ onClick: callAllEventHandlers(onClick, onCancel, clearSearch) }, rest);
51
- };
52
- this.resetIfEmpty = (e) => {
53
- if (e.currentTarget.value === this.props.initialValue) {
54
- this.clearSearch();
55
- }
56
- };
57
- this.handleBlur = (e, cb) => {
58
- this.resetIfEmpty(e);
59
- cb && typeof cb === 'function' && cb();
60
- return true;
61
- };
62
- this.handleEnterSubmit = (e) => {
63
- // First check that the key pressed was Enter, and then
64
- // call the onSubmit callback. We always call triggerSearch,
65
- // but the user has an opportunity to pass an onSubmit handler
66
- // as a prop
67
- const { term } = this.state;
68
- if (e.key === 'Enter') {
69
- this.triggerSearch(term);
70
- }
71
- };
72
- this.triggerSearch = (term = this.state.term) => {
73
- // Blur the input, close the search and navigate to the search page
74
- this.setState({ isOpen: false });
75
- this.debouncedUpdateTerm.cancel();
76
- if (typeof this.props.onSubmit === 'function')
77
- this.props.onSubmit(term);
78
- this.props.history.push(`${this.props.routes.search.path}/?term=${term}`);
79
- this.updateFocus('blur');
80
- };
81
- this.handleFocus = (_e, cb) => {
82
- this.setState({ isOpen: true });
83
- cb && typeof cb === 'function' && cb();
84
- return true;
85
- };
86
- this.updateFocus = (focusState) => {
87
- if (!['blur', 'focus'].includes(focusState)) {
88
- throw new Error("updateFocus must be called with one of 'blur' | 'focus'");
89
- }
90
- const shouldHaveFocus = focusState === 'focus';
91
- const DOMElementHasFocus = document.activeElement === this.inputRef.current;
92
- // Trigger a blur or focus on the input
93
- shouldHaveFocus && !DOMElementHasFocus && this.inputRef.current.focus();
94
- !shouldHaveFocus && DOMElementHasFocus && this.inputRef.current.blur();
95
- return true;
96
- };
97
- this.debouncedUpdateTerm = debounce((term) => this._isMounted && this.setState({ debouncedTerm: term }), 200);
98
- this.updateSearch = (e) => {
99
- const term = e.currentTarget.value;
100
- const isDirty = term !== this.props.initialValue;
101
- this.debouncedUpdateTerm(term);
102
- this.setState({
103
- term,
104
- isDirty
105
- });
106
- };
107
- this.clearSearch = () => {
108
- this.setState(this.initialState);
109
- };
110
- }
111
- componentDidMount() {
112
- this._isMounted = true;
113
- const targetIsInside = (target) => [this.flyoutRef, this.inputRef].some((node) => node &&
114
- node.current &&
115
- (node.current === target || node.current.contains(target)));
116
- const onMouseUp = (event) => {
117
- if (!targetIsInside(event.target)) {
118
- this.handleBlur(event);
119
- this.setState({ isOpen: false });
120
- }
121
- };
122
- const onTouchStart = (event) => {
123
- if (!targetIsInside(event.target)) {
124
- this.handleBlur(event);
125
- this.setState({ isOpen: false });
126
- }
127
- };
128
- if (this.environment) {
129
- this.environment.addEventListener('mouseup', onMouseUp);
130
- this.environment.addEventListener('touchstart', onTouchStart);
131
- }
132
- if (this.props.focusOnLoad) {
133
- this.updateFocus('focus');
134
- }
135
- this.cleanup = () => {
136
- if (this.environment) {
137
- this.environment.removeEventListener('mouseup', onMouseUp);
138
- this.environment.removeEventListener('touchstart', onTouchStart);
139
- }
140
- };
141
- }
142
- componentWillUnmount() {
143
- this._isMounted = false;
144
- this.cleanup();
145
- }
146
- componentDidUpdate(prevProps) {
147
- const { pathname } = this.props.location;
148
- const locationPath = pathname.substr(-1) !== '/'
149
- ? pathname
150
- : pathname.substr(0, pathname.length - 1);
151
- if (this.props.location.pathname !== prevProps.location.pathname &&
152
- locationPath !== this.props.routes.search.path)
153
- this.props.onCancel();
154
- }
155
- render() {
156
- return (React.createElement(Query, { context: { useApolloNetworkStatus: false }, skip: !this.state.isDirty ||
157
- this.state.debouncedTerm === this.props.initialValue, variables: { term: this.state.debouncedTerm }, errorPolicy: "ignore", query: this.props.autocompleteQuery }, ({ loading, data }) => {
158
- return this.props.children(Object.assign({ getInputProps: this.getInputProps, getCancelProps: this.getCancelProps, getFlyoutProps: this.getFlyoutProps, loading: loading || this.state.term !== this.state.debouncedTerm, isOpen: this.state.isOpen, updateFocus: this.updateFocus, result: data === null || data === void 0 ? void 0 : data.searchAutoComplete, inputRef: this.inputRef, triggerSearch: this.triggerSearch }, this.state));
159
- }));
160
- }
161
- }
162
- SearchFieldBehaviour.defaultProps = {
163
- initialValue: '',
164
- focusOnLoad: false
165
- };
166
- // If SearchFieldBehaviour is refactored to use hooks, then this can be moved inside there
167
- const SearchFieldBehaviourWrapper = (props) => {
168
- const { routes } = useShopConfig();
169
- return React.createElement(SearchFieldBehaviour, Object.assign({}, props, { routes: routes }));
170
- };
171
- export default withRouter(SearchFieldBehaviourWrapper);
172
- //# sourceMappingURL=SearchAutoCompleteContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchAutoCompleteContainer.js","sourceRoot":"","sources":["SearchAutoCompleteContainer.tsx"],"names":[],"mappings":"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"}
@@ -1,26 +0,0 @@
1
- import { DocumentNode } from 'graphql';
2
- import * as React from 'react';
3
- export interface SearchFieldProps {
4
- initialValue: string;
5
- className?: string;
6
- placeholder?: string;
7
- autocompleteQuery: DocumentNode;
8
- focusOnLoad?: boolean;
9
- }
10
- export interface SearchFieldCompound {
11
- Flyout?: React.ReactNode;
12
- Wrapper?: React.ReactNode;
13
- Cancel?: React.ReactNode;
14
- }
15
- declare const _default: React.SFC<SearchFieldProps> & SearchFieldCompound & {
16
- Flyout: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
17
- as?: React.ElementType<any>;
18
- }>;
19
- Wrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
20
- as?: React.ElementType<any>;
21
- }>;
22
- Cancel: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
23
- as?: React.ElementType<any>;
24
- }>;
25
- };
26
- export default _default;
@@ -1,98 +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 throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
13
- import t from '@jetshop/intl';
14
- import { FlyoutTarget, FlyoutTrigger } from '@jetshop/ui/Modal/Flyout';
15
- import SuggestedTerm from '@jetshop/ui/Search/SuggestedTerm';
16
- import * as React from 'react';
17
- import { styled } from 'linaria/react';
18
- import { css } from 'linaria';
19
- import SearchAutoCompleteContainer from './SearchAutoCompleteContainer';
20
- const Wrapper = styled('div') `
21
- display: flex;
22
- margin: 0 auto;
23
- justify-content: center;
24
- align-items: center;
25
- `;
26
- const SearchFieldWrapper = styled('div') `
27
- width: 12rem;
28
- position: relative;
29
- font-size: 16px;
30
- font-weight: normal;
31
- `;
32
- const Flyout = styled('div') `
33
- position: absolute;
34
- background: white;
35
- z-index: 999;
36
- border: 1px solid #e8e8e8;
37
- width: 100%;
38
- top: 2rem;
39
- left: 0;
40
- `;
41
- const CancelButton = styled('button') `
42
- font-size: 0.875rem;
43
- border: 0;
44
- background: transparent;
45
- color: #878787;
46
- margin-left: 1rem;
47
- `;
48
- const resultStyles = css `
49
- ul + h2 {
50
- margin-top: 1em;
51
- }
52
- `;
53
- const SearchResults = ({ term, result, loading, onClick }) => {
54
- const products = result === null || result === void 0 ? void 0 : result.products;
55
- const categories = result === null || result === void 0 ? void 0 : result.categories;
56
- if (!loading &&
57
- (products === null || products === void 0 ? void 0 : products.result.length) === 0 &&
58
- (categories === null || categories === void 0 ? void 0 : categories.result.length) === 0) {
59
- return null;
60
- }
61
- return (React.createElement("div", { className: resultStyles },
62
- (products === null || products === void 0 ? void 0 : products.result.length) > 0 && (React.createElement(React.Fragment, null,
63
- React.createElement("h2", null, t('Products')),
64
- React.createElement("ul", { style: loading ? { opacity: 0.5 } : null }, products.result.map((item) => (React.createElement(SuggestedTerm, { term: term, onClick: onClick, key: item.id, item: item })))))),
65
- (categories === null || categories === void 0 ? void 0 : categories.result.length) > 0 && (React.createElement(React.Fragment, null,
66
- React.createElement("h2", null, t('Categories')),
67
- React.createElement("ul", { style: loading ? { opacity: 0.5 } : null }, categories.result.map((item) => (React.createElement(SuggestedTerm, { term: term, onClick: onClick, key: item.id, item: item }))))))));
68
- };
69
- const SearchField = (_a) => {
70
- var { initialValue, className, placeholder = '', autocompleteQuery, focusOnLoad = true } = _a, rest = __rest(_a, ["initialValue", "className", "placeholder", "autocompleteQuery", "focusOnLoad"]);
71
- throwErrorInDev(!autocompleteQuery, `You forgot to pass 'autocompleteQuery' to SearchField`);
72
- return (React.createElement(SearchAutoCompleteContainer, Object.assign({ autocompleteQuery: autocompleteQuery, initialValue: initialValue, focusOnLoad: focusOnLoad }, rest), (searchField) => (React.createElement(Wrapper, { className: className, "data-flight-searchfield": "" },
73
- React.createElement(SearchFieldWrapper, null,
74
- React.createElement(FlyoutTrigger, { showCover: false, id: "searchFlyout" }, ({ showTarget, hideTarget }) => (React.createElement(React.Fragment, null,
75
- React.createElement("input", Object.assign({ placeholder: placeholder }, searchField.getInputProps({
76
- onFocus: showTarget
77
- }), { "data-flight-search-autocomplete-field": "" })),
78
- React.createElement(CancelButton, Object.assign({}, searchField.getCancelProps({ onClick: hideTarget }), { "data-flight-searchfield-cancel": true }), t('Cancel'))))),
79
- React.createElement(FlyoutTarget, { id: "searchFlyout" }, (flyout) => {
80
- var _a, _b, _c, _d;
81
- const hasResults = ((_b = (_a = searchField.result) === null || _a === void 0 ? void 0 : _a.products) === null || _b === void 0 ? void 0 : _b.result.length) > 0 ||
82
- ((_d = (_c = searchField.result) === null || _c === void 0 ? void 0 : _c.categories) === null || _d === void 0 ? void 0 : _d.result.length) > 0;
83
- const { loading, isDirty, isOpen } = searchField;
84
- const showFlyout = isDirty && !loading && hasResults && isOpen && flyout.isOpen;
85
- if (showFlyout) {
86
- return (React.createElement(Flyout, { "data-flight-searchfield-flyout": true },
87
- React.createElement("div", Object.assign({}, searchField.getFlyoutProps()), searchField.isDirty && (React.createElement(React.Fragment, null,
88
- React.createElement(SearchResults, { term: searchField.term, result: searchField.result, onClick: flyout.hideTarget, loading: searchField.loading }))))));
89
- }
90
- return null;
91
- }))))));
92
- };
93
- export default Object.assign(SearchField, {
94
- Flyout,
95
- Wrapper: SearchFieldWrapper,
96
- Cancel: CancelButton
97
- });
98
- //# sourceMappingURL=SearchField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchField.js","sourceRoot":"","sources":["SearchField.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- export declare const PageOf: ({ page, pages }: {
3
- page: number;
4
- pages: number;
5
- }) => React.JSX.Element;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export const PageOf = ({ page, pages }) => (React.createElement("div", null,
3
- "Page ",
4
- page,
5
- " of ",
6
- pages));
7
- //# sourceMappingURL=PageOf.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageOf.js","sourceRoot":"","sources":["PageOf.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAmC,EAAE,EAAE,CAAC,CAC1E;;IACQ,IAAI;;IAAM,KAAK,CACjB,CACP,CAAC"}
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- export interface ISearchMetaProps {
3
- total: number;
4
- page: number;
5
- pages: number;
6
- className?: string;
7
- }
8
- export declare const SearchMetaWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
9
- as?: React.ElementType<any>;
10
- }>;
11
- declare class SearchMeta extends React.PureComponent<ISearchMetaProps & {
12
- className?: string;
13
- }, any> {
14
- render(): React.JSX.Element;
15
- }
16
- export default SearchMeta;