@blateral/b.kit 2.7.5 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (311) hide show
  1. package/cjs/Actions-c52a14e4.js +2 -0
  2. package/cjs/{Actions-c7b16449.js.map → Actions-c52a14e4.js.map} +1 -1
  3. package/cjs/Bdot-62c8e349.js +2 -0
  4. package/cjs/{Bdot-5f8e0450.js.map → Bdot-62c8e349.js.map} +1 -1
  5. package/cjs/Button-1adf99b8.js +2 -0
  6. package/cjs/{Button-51ea72b7.js.map → Button-1adf99b8.js.map} +1 -1
  7. package/cjs/ButtonGhost-fbab8769.js +2 -0
  8. package/cjs/{ButtonGhost-628bbd60.js.map → ButtonGhost-fbab8769.js.map} +1 -1
  9. package/cjs/Callout-d84ca60b.js +2 -0
  10. package/cjs/{Callout-5dd16679.js.map → Callout-d84ca60b.js.map} +1 -1
  11. package/cjs/Checkbox-8dccd42f.js +2 -0
  12. package/cjs/Checkbox-8dccd42f.js.map +1 -0
  13. package/cjs/Control-e15e1572.js +2 -0
  14. package/cjs/{Control-08d09950.js.map → Control-e15e1572.js.map} +1 -1
  15. package/cjs/Copy-a0bc570d.js +2 -0
  16. package/cjs/{Copy-ea6ab025.js.map → Copy-a0bc570d.js.map} +1 -1
  17. package/cjs/EventBlock-4e406696.js +2 -0
  18. package/cjs/{EventBlock-04e719a7.js.map → EventBlock-4e406696.js.map} +1 -1
  19. package/cjs/Filter-89286db9.js +2 -0
  20. package/cjs/Filter-89286db9.js.map +1 -0
  21. package/cjs/FilterBar-2266ee4d.js +2 -0
  22. package/cjs/FilterBar-2266ee4d.js.map +1 -0
  23. package/cjs/FilterField-7efcacb7.js +2 -0
  24. package/cjs/FilterField-7efcacb7.js.map +1 -0
  25. package/cjs/Grid-1acefee9.js +2 -0
  26. package/cjs/{Grid-6f4f99bc.js.map → Grid-1acefee9.js.map} +1 -1
  27. package/cjs/Image-94820dfd.js +2 -0
  28. package/cjs/{Image-c72f7a80.js.map → Image-94820dfd.js.map} +1 -1
  29. package/cjs/InfoList-e416058c.js +2 -0
  30. package/cjs/{InfoList-71d3388a.js.map → InfoList-e416058c.js.map} +1 -1
  31. package/cjs/LanguageSwitcher-aa96cc7d.js +2 -0
  32. package/cjs/{LanguageSwitcher-8fdd22ba.js.map → LanguageSwitcher-aa96cc7d.js.map} +1 -1
  33. package/cjs/LibThemeProvider-69109901.js +2 -0
  34. package/cjs/{LibThemeProvider-4823de57.js.map → LibThemeProvider-69109901.js.map} +1 -1
  35. package/cjs/Link-8951180c.js +2 -0
  36. package/cjs/{Link-5a6f1633.js.map → Link-8951180c.js.map} +1 -1
  37. package/cjs/MultiselectDropdown-ce2084d6.js +2 -0
  38. package/cjs/MultiselectDropdown-ce2084d6.js.map +1 -0
  39. package/cjs/Navigation-6abb6213.js +2 -0
  40. package/cjs/{Navigation-939e4d0e.js.map → Navigation-6abb6213.js.map} +1 -1
  41. package/cjs/Pointer-331140b6.js +2 -0
  42. package/cjs/{Pointer-fde7b548.js.map → Pointer-331140b6.js.map} +1 -1
  43. package/cjs/Section-c9a16ccc.js +2 -0
  44. package/cjs/{Section-e8e8cf81.js.map → Section-c9a16ccc.js.map} +1 -1
  45. package/cjs/SocialList-aec9a5c2.js +2 -0
  46. package/cjs/{SocialList-1d5f75a8.js.map → SocialList-aec9a5c2.js.map} +1 -1
  47. package/cjs/TableBlock-c545ca8d.js +2 -0
  48. package/cjs/{TableBlock-f2c59d9b.js.map → TableBlock-c545ca8d.js.map} +1 -1
  49. package/cjs/Tag-937849ad.js +2 -0
  50. package/cjs/{Tag-9238cf0c.js.map → Tag-937849ad.js.map} +1 -1
  51. package/cjs/Textarea-599e94a4.js +2 -0
  52. package/cjs/{Textarea-03bd2c34.js.map → Textarea-599e94a4.js.map} +1 -1
  53. package/cjs/Textfield-24f468be.js +2 -0
  54. package/cjs/Textfield-24f468be.js.map +1 -0
  55. package/cjs/VideoBlock-1fbf598b.js +2 -0
  56. package/cjs/{VideoBlock-dea7de8a.js.map → VideoBlock-1fbf598b.js.map} +1 -1
  57. package/cjs/VideoCard-905c08d2.js +2 -0
  58. package/cjs/{VideoCard-f6c436ca.js.map → VideoCard-905c08d2.js.map} +1 -1
  59. package/cjs/Wrapper-bca9463e.js +2 -0
  60. package/cjs/{Wrapper-ff6854d7.js.map → Wrapper-bca9463e.js.map} +1 -1
  61. package/cjs/base.js +1 -1
  62. package/cjs/blocks.js +1 -1
  63. package/cjs/buttons.js +1 -1
  64. package/cjs/cookies.js +1 -1
  65. package/cjs/cookies.js.map +1 -1
  66. package/cjs/fields.js +1 -1
  67. package/cjs/fields.js.map +1 -1
  68. package/cjs/footer.js +1 -1
  69. package/cjs/footer.js.map +1 -1
  70. package/cjs/formFieldText-046fcbf4.js +2 -0
  71. package/cjs/formFieldText-046fcbf4.js.map +1 -0
  72. package/cjs/headers.js +1 -1
  73. package/cjs/headers.js.map +1 -1
  74. package/cjs/hooks.js +1 -1
  75. package/cjs/hooks.js.map +1 -1
  76. package/cjs/icons.js +1 -1
  77. package/cjs/index.js +1 -1
  78. package/cjs/navigation-3f9d4ac4.js +2 -0
  79. package/cjs/{navigation-bf154e6e.js.map → navigation-3f9d4ac4.js.map} +1 -1
  80. package/cjs/navigation.js +1 -1
  81. package/cjs/navigation.js.map +1 -1
  82. package/cjs/sections.dynamicform.js +1 -1
  83. package/cjs/sections.dynamicform.js.map +1 -1
  84. package/cjs/sections.events.js +1 -1
  85. package/cjs/sections.events.js.map +1 -1
  86. package/cjs/sections.forms.js +1 -1
  87. package/cjs/sections.forms.js.map +1 -1
  88. package/cjs/sections.jobs.js +1 -1
  89. package/cjs/sections.jobs.js.map +1 -1
  90. package/cjs/sections.js +1 -1
  91. package/cjs/sections.js.map +1 -1
  92. package/cjs/sections.news.js +1 -1
  93. package/cjs/sections.news.js.map +1 -1
  94. package/cjs/sections.pois.js +1 -1
  95. package/cjs/sections.pois.js.map +1 -1
  96. package/cjs/styles-13e5d9ac.js +2 -0
  97. package/cjs/styles-13e5d9ac.js.map +1 -0
  98. package/cjs/typography.js +1 -1
  99. package/cjs/useCookieConsent-665d91cf.js +2 -0
  100. package/cjs/{useCookieConsent-aa9f1104.js.map → useCookieConsent-665d91cf.js.map} +1 -1
  101. package/cjs/useEqualSheetHeight-f1c10ec5.js +2 -0
  102. package/cjs/{useEqualSheetHeight-501f4c5f.js.map → useEqualSheetHeight-f1c10ec5.js.map} +1 -1
  103. package/cjs/useLazyInput-911b8eda.js +2 -0
  104. package/cjs/{useLazyInput-f71c221b.js.map → useLazyInput-911b8eda.js.map} +1 -1
  105. package/cjs/useLeafletMap-514304b6.js +2 -0
  106. package/cjs/{useLeafletMap-2e608b01.js.map → useLeafletMap-514304b6.js.map} +1 -1
  107. package/cjs/useMediaQuery-619d7203.js +2 -0
  108. package/cjs/{useMediaQuery-3d1054e5.js.map → useMediaQuery-619d7203.js.map} +1 -1
  109. package/cjs/useScroll-2f086e7f.js +2 -0
  110. package/cjs/useScroll-2f086e7f.js.map +1 -0
  111. package/esm/{Actions-21372b3a.js → Actions-e29b5e75.js} +3 -3
  112. package/esm/{Actions-21372b3a.js.map → Actions-e29b5e75.js.map} +1 -1
  113. package/esm/{Bdot-4db38753.js → Bdot-5e798e7e.js} +3 -3
  114. package/esm/{Bdot-4db38753.js.map → Bdot-5e798e7e.js.map} +1 -1
  115. package/esm/{Button-f9279013.js → Button-9a0dd9aa.js} +3 -3
  116. package/esm/{Button-f9279013.js.map → Button-9a0dd9aa.js.map} +1 -1
  117. package/esm/{ButtonGhost-ae2e97a2.js → ButtonGhost-fc9e7a75.js} +3 -3
  118. package/esm/{ButtonGhost-ae2e97a2.js.map → ButtonGhost-fc9e7a75.js.map} +1 -1
  119. package/esm/{Callout-a926194d.js → Callout-46f0bef0.js} +4 -4
  120. package/esm/{Callout-a926194d.js.map → Callout-46f0bef0.js.map} +1 -1
  121. package/esm/{Checkbox-dd12facd.js → Checkbox-1957067a.js} +11 -8
  122. package/esm/Checkbox-1957067a.js.map +1 -0
  123. package/esm/{Control-2d605e12.js → Control-56ec7872.js} +3 -3
  124. package/esm/{Control-2d605e12.js.map → Control-56ec7872.js.map} +1 -1
  125. package/esm/{Copy-a28aeb61.js → Copy-c6786949.js} +4 -4
  126. package/esm/{Copy-a28aeb61.js.map → Copy-c6786949.js.map} +1 -1
  127. package/esm/{EventBlock-b9204a0d.js → EventBlock-8e130f6b.js} +8 -8
  128. package/esm/{EventBlock-b9204a0d.js.map → EventBlock-8e130f6b.js.map} +1 -1
  129. package/esm/{ClockFilled-62515a8f.js → Filter-19220970.js} +321 -235
  130. package/esm/Filter-19220970.js.map +1 -0
  131. package/esm/FilterBar-f9e957c1.js +460 -0
  132. package/esm/FilterBar-f9e957c1.js.map +1 -0
  133. package/esm/FilterField-bec061bc.js +115 -0
  134. package/esm/FilterField-bec061bc.js.map +1 -0
  135. package/esm/{Grid-5eec127f.js → Grid-7b33e271.js} +3 -3
  136. package/esm/{Grid-5eec127f.js.map → Grid-7b33e271.js.map} +1 -1
  137. package/esm/{Image-dc2b33c1.js → Image-b26692a9.js} +5 -5
  138. package/esm/{Image-dc2b33c1.js.map → Image-b26692a9.js.map} +1 -1
  139. package/esm/{InfoList-5c4586ed.js → InfoList-b6980a42.js} +4 -4
  140. package/esm/{InfoList-5c4586ed.js.map → InfoList-b6980a42.js.map} +1 -1
  141. package/esm/{LanguageSwitcher-3fa20077.js → LanguageSwitcher-f9218fdc.js} +5 -5
  142. package/esm/{LanguageSwitcher-3fa20077.js.map → LanguageSwitcher-f9218fdc.js.map} +1 -1
  143. package/esm/{LibThemeProvider-52555ac9.js → LibThemeProvider-fb1d35ac.js} +3 -3
  144. package/esm/{LibThemeProvider-52555ac9.js.map → LibThemeProvider-fb1d35ac.js.map} +1 -1
  145. package/esm/{Link-3fd9c9b8.js → Link-6067a27f.js} +3 -3
  146. package/esm/{Link-3fd9c9b8.js.map → Link-6067a27f.js.map} +1 -1
  147. package/esm/MultiselectDropdown-10ab18cf.js +296 -0
  148. package/esm/MultiselectDropdown-10ab18cf.js.map +1 -0
  149. package/esm/{Navigation-99f6dc41.js → Navigation-bb79a1eb.js} +10 -10
  150. package/esm/{Navigation-99f6dc41.js.map → Navigation-bb79a1eb.js.map} +1 -1
  151. package/esm/{Pointer-5c77b1f1.js → Pointer-b4abee91.js} +3 -3
  152. package/esm/{Pointer-5c77b1f1.js.map → Pointer-b4abee91.js.map} +1 -1
  153. package/esm/{Section-b76e6909.js → Section-bd61eb2f.js} +3 -3
  154. package/esm/{Section-b76e6909.js.map → Section-bd61eb2f.js.map} +1 -1
  155. package/esm/{SocialList-402b8f20.js → SocialList-336b7f6d.js} +5 -5
  156. package/esm/{SocialList-402b8f20.js.map → SocialList-336b7f6d.js.map} +1 -1
  157. package/esm/{TableBlock-67fe2385.js → TableBlock-1ddfd539.js} +5 -5
  158. package/esm/{TableBlock-67fe2385.js.map → TableBlock-1ddfd539.js.map} +1 -1
  159. package/esm/{Tag-ac51e916.js → Tag-c3bd6b7f.js} +5 -5
  160. package/esm/{Tag-ac51e916.js.map → Tag-c3bd6b7f.js.map} +1 -1
  161. package/esm/{Textarea-266f1e45.js → Textarea-95352f50.js} +10 -10
  162. package/esm/{Textarea-266f1e45.js.map → Textarea-95352f50.js.map} +1 -1
  163. package/esm/{Textfield-d2f201a9.js → Textfield-99d91b4e.js} +10 -97
  164. package/esm/Textfield-99d91b4e.js.map +1 -0
  165. package/esm/{VideoBlock-b227ae6e.js → VideoBlock-474e0aa4.js} +7 -7
  166. package/esm/{VideoBlock-b227ae6e.js.map → VideoBlock-474e0aa4.js.map} +1 -1
  167. package/esm/{VideoCard-2c6e26d1.js → VideoCard-91438667.js} +7 -7
  168. package/esm/{VideoCard-2c6e26d1.js.map → VideoCard-91438667.js.map} +1 -1
  169. package/esm/{Wrapper-90dccc89.js → Wrapper-95108115.js} +3 -3
  170. package/esm/{Wrapper-90dccc89.js.map → Wrapper-95108115.js.map} +1 -1
  171. package/esm/base.js +5 -5
  172. package/esm/blocks.js +25 -16
  173. package/esm/blocks.js.map +1 -1
  174. package/esm/buttons.js +6 -6
  175. package/esm/cookies.js +7 -7
  176. package/esm/fields.js +14 -12
  177. package/esm/fields.js.map +1 -1
  178. package/esm/footer.js +11 -11
  179. package/esm/formFieldText-f4188e55.js +96 -0
  180. package/esm/formFieldText-f4188e55.js.map +1 -0
  181. package/esm/headers.js +12 -12
  182. package/esm/hooks.js +12 -83
  183. package/esm/hooks.js.map +1 -1
  184. package/esm/icons.js +5 -2
  185. package/esm/icons.js.map +1 -1
  186. package/esm/index.js +3 -3
  187. package/esm/{navigation-b89325f8.js → navigation-5216dbad.js} +2 -2
  188. package/esm/{navigation-b89325f8.js.map → navigation-5216dbad.js.map} +1 -1
  189. package/esm/navigation.js +12 -12
  190. package/esm/sections.dynamicform.js +15 -14
  191. package/esm/sections.dynamicform.js.map +1 -1
  192. package/esm/sections.events.js +13 -14
  193. package/esm/sections.events.js.map +1 -1
  194. package/esm/sections.forms.js +10 -9
  195. package/esm/sections.forms.js.map +1 -1
  196. package/esm/sections.jobs.js +12 -12
  197. package/esm/sections.js +24 -24
  198. package/esm/sections.news.js +17 -18
  199. package/esm/sections.news.js.map +1 -1
  200. package/esm/sections.pois.js +282 -145
  201. package/esm/sections.pois.js.map +1 -1
  202. package/esm/{styles-da982973.js → styles-1f1841ef.js} +4 -3
  203. package/esm/styles-1f1841ef.js.map +1 -0
  204. package/esm/typography.js +6 -6
  205. package/esm/{useCookieConsent-6b2d4d93.js → useCookieConsent-6661d419.js} +49 -49
  206. package/esm/useCookieConsent-6661d419.js.map +1 -0
  207. package/esm/{useEqualSheetHeight-97420d63.js → useEqualSheetHeight-60ff9de7.js} +4 -4
  208. package/esm/{useEqualSheetHeight-97420d63.js.map → useEqualSheetHeight-60ff9de7.js.map} +1 -1
  209. package/esm/{useLazyInput-54d1785c.js → useLazyInput-0b6932aa.js} +2 -2
  210. package/esm/{useLazyInput-54d1785c.js.map → useLazyInput-0b6932aa.js.map} +1 -1
  211. package/esm/{useLeafletMap-84170d32.js → useLeafletMap-fa0ab7d4.js} +10 -6
  212. package/esm/useLeafletMap-fa0ab7d4.js.map +1 -0
  213. package/esm/{useMediaQuery-b42fd64e.js → useMediaQuery-4c1b1fa6.js} +3 -3
  214. package/esm/{useMediaQuery-b42fd64e.js.map → useMediaQuery-4c1b1fa6.js.map} +1 -1
  215. package/esm/useScroll-881c7b04.js +76 -0
  216. package/esm/useScroll-881c7b04.js.map +1 -0
  217. package/package.json +2 -1
  218. package/types/blocks.d.ts +1 -0
  219. package/types/blocks.d.ts.map +1 -1
  220. package/types/components/base/icons/Cross.d.ts +2 -0
  221. package/types/components/base/icons/Cross.d.ts.map +1 -1
  222. package/types/components/base/icons/CrossBubble.d.ts +8 -0
  223. package/types/components/base/icons/CrossBubble.d.ts.map +1 -0
  224. package/types/components/base/icons/Icons.d.ts +3 -0
  225. package/types/components/base/icons/Icons.d.ts.map +1 -1
  226. package/types/components/base/icons/Magnifier.d.ts +2 -0
  227. package/types/components/base/icons/Magnifier.d.ts.map +1 -1
  228. package/types/components/blocks/FilterBar.d.ts +38 -0
  229. package/types/components/blocks/FilterBar.d.ts.map +1 -0
  230. package/types/components/blocks/POICard.d.ts.map +1 -1
  231. package/types/components/blocks/Portal.d.ts +8 -0
  232. package/types/components/blocks/Portal.d.ts.map +1 -0
  233. package/types/components/fields/Checkbox.d.ts +3 -1
  234. package/types/components/fields/Checkbox.d.ts.map +1 -1
  235. package/types/components/fields/FilterField.d.ts +1 -0
  236. package/types/components/fields/FilterField.d.ts.map +1 -1
  237. package/types/components/fields/MultiselectDropdown.d.ts +42 -0
  238. package/types/components/fields/MultiselectDropdown.d.ts.map +1 -0
  239. package/types/components/sections/pois/PointOfInterestMap.d.ts +42 -1
  240. package/types/components/sections/pois/PointOfInterestMap.d.ts.map +1 -1
  241. package/types/components/sections/pois/PointOfInterestOverview.d.ts +41 -20
  242. package/types/components/sections/pois/PointOfInterestOverview.d.ts.map +1 -1
  243. package/types/components/sections/pois/filters.d.ts +10 -0
  244. package/types/components/sections/pois/filters.d.ts.map +1 -0
  245. package/types/components/sections/pois/partials/PoiFilterBar.d.ts +8 -0
  246. package/types/components/sections/pois/partials/PoiFilterBar.d.ts.map +1 -0
  247. package/types/components/sections/pois/partials/index.d.ts +3 -0
  248. package/types/components/sections/pois/partials/index.d.ts.map +1 -0
  249. package/types/fields.d.ts +1 -0
  250. package/types/fields.d.ts.map +1 -1
  251. package/types/sections.pois.d.ts +1 -0
  252. package/types/sections.pois.d.ts.map +1 -1
  253. package/types/utils/styles.d.ts +1 -0
  254. package/types/utils/styles.d.ts.map +1 -1
  255. package/types/utils/useLeafletMap.d.ts.map +1 -1
  256. package/cjs/Actions-c7b16449.js +0 -2
  257. package/cjs/Bdot-5f8e0450.js +0 -2
  258. package/cjs/Button-51ea72b7.js +0 -2
  259. package/cjs/ButtonGhost-628bbd60.js +0 -2
  260. package/cjs/Callout-5dd16679.js +0 -2
  261. package/cjs/Checkbox-1c34c7e6.js +0 -2
  262. package/cjs/Checkbox-1c34c7e6.js.map +0 -1
  263. package/cjs/ClockFilled-2483aa4a.js +0 -2
  264. package/cjs/ClockFilled-2483aa4a.js.map +0 -1
  265. package/cjs/Control-08d09950.js +0 -2
  266. package/cjs/Copy-ea6ab025.js +0 -2
  267. package/cjs/EventBlock-04e719a7.js +0 -2
  268. package/cjs/Filter-d6d90b8b.js +0 -2
  269. package/cjs/Filter-d6d90b8b.js.map +0 -1
  270. package/cjs/FilterField-cce38ffb.js +0 -2
  271. package/cjs/FilterField-cce38ffb.js.map +0 -1
  272. package/cjs/Grid-6f4f99bc.js +0 -2
  273. package/cjs/Image-c72f7a80.js +0 -2
  274. package/cjs/InfoList-71d3388a.js +0 -2
  275. package/cjs/LanguageSwitcher-8fdd22ba.js +0 -2
  276. package/cjs/LibThemeProvider-4823de57.js +0 -2
  277. package/cjs/Link-5a6f1633.js +0 -2
  278. package/cjs/Navigation-939e4d0e.js +0 -2
  279. package/cjs/POICard-e46f9041.js +0 -2
  280. package/cjs/POICard-e46f9041.js.map +0 -1
  281. package/cjs/Pointer-fde7b548.js +0 -2
  282. package/cjs/Section-e8e8cf81.js +0 -2
  283. package/cjs/SocialList-1d5f75a8.js +0 -2
  284. package/cjs/TableBlock-f2c59d9b.js +0 -2
  285. package/cjs/Tag-9238cf0c.js +0 -2
  286. package/cjs/Textarea-03bd2c34.js +0 -2
  287. package/cjs/Textfield-56996c98.js +0 -2
  288. package/cjs/Textfield-56996c98.js.map +0 -1
  289. package/cjs/VideoBlock-dea7de8a.js +0 -2
  290. package/cjs/VideoCard-f6c436ca.js +0 -2
  291. package/cjs/Wrapper-ff6854d7.js +0 -2
  292. package/cjs/navigation-bf154e6e.js +0 -2
  293. package/cjs/styles-3a495a2d.js +0 -2
  294. package/cjs/styles-3a495a2d.js.map +0 -1
  295. package/cjs/useCookieConsent-aa9f1104.js +0 -2
  296. package/cjs/useEqualSheetHeight-501f4c5f.js +0 -2
  297. package/cjs/useLazyInput-f71c221b.js +0 -2
  298. package/cjs/useLeafletMap-2e608b01.js +0 -2
  299. package/cjs/useMediaQuery-3d1054e5.js +0 -2
  300. package/esm/Checkbox-dd12facd.js.map +0 -1
  301. package/esm/ClockFilled-62515a8f.js.map +0 -1
  302. package/esm/Filter-2b5f5e53.js +0 -32
  303. package/esm/Filter-2b5f5e53.js.map +0 -1
  304. package/esm/FilterField-962ec61f.js +0 -129
  305. package/esm/FilterField-962ec61f.js.map +0 -1
  306. package/esm/POICard-96ec71d8.js +0 -116
  307. package/esm/POICard-96ec71d8.js.map +0 -1
  308. package/esm/Textfield-d2f201a9.js.map +0 -1
  309. package/esm/styles-da982973.js.map +0 -1
  310. package/esm/useCookieConsent-6b2d4d93.js.map +0 -1
  311. package/esm/useLeafletMap-84170d32.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"useEqualSheetHeight-501f4c5f.js","sources":["../src/utils/useFontsLoaded.ts","../src/utils/useResizeThrottle.ts","../src/utils/useEqualSheetHeight.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useFontsLoaded = () => {\n const [allFontsLoaded, setFontLoaded] = useState<boolean | undefined>(\n false\n );\n\n useEffect(() => {\n const waitForFonts = () => {\n (document as any)?.fonts?.ready?.then(() => {\n setFontLoaded(true);\n });\n };\n\n if ((document as any).fonts === undefined) setFontLoaded(undefined);\n else waitForFonts();\n }, []);\n\n return allFontsLoaded;\n};\n","import { useEffect, useRef, useState } from 'react';\n\nexport interface ResizeState {\n clientWidth: number;\n clientHeight: number;\n innerHeight: number;\n innerWidth: number;\n}\n\nconst useResizeThrottle = (\n timeout = 0,\n callback?: (state: ResizeState) => void\n) => {\n const [throttledState, setThrottledState] =\n useState<ResizeState | null>(null);\n\n const timeoutRef = useRef<number>(-1);\n const lastState = useRef<ResizeState>({\n clientWidth: 0,\n clientHeight: 0,\n innerHeight: 0,\n innerWidth: 0,\n });\n\n const updateResizeState = () => {\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n return;\n }\n\n lastState.current = {\n clientWidth: document.documentElement.clientWidth,\n clientHeight: document.documentElement.clientHeight,\n innerHeight: window.innerHeight,\n innerWidth: window.innerWidth,\n };\n };\n\n useEffect(() => {\n if (typeof window === 'undefined') return;\n\n const handleResize = () => {\n updateResizeState();\n\n if (timeoutRef.current === -1) {\n timeoutRef.current = window.setTimeout(() => {\n callback?.(lastState.current);\n setThrottledState(lastState.current);\n timeoutRef.current = -1;\n }, timeout);\n }\n };\n\n updateResizeState();\n callback?.(lastState.current);\n setThrottledState(lastState.current);\n\n window.addEventListener('resize', handleResize);\n\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, [callback, timeout]);\n\n return throttledState;\n};\n\nexport default useResizeThrottle;\n","import {\n useEffect,\n useState,\n MutableRefObject,\n createRef,\n useCallback,\n} from 'react';\nimport { useDynamicMediaQueries } from './useMediaQuery';\nimport { useFontsLoaded } from 'utils/useFontsLoaded';\nimport useResizeThrottle from './useResizeThrottle';\nimport { MediaQueryType, mq } from './styles';\n\ninterface ItemsPerRow {\n small?: number;\n medium?: number;\n semilarge?: number;\n large?: number;\n xlarge?: number;\n}\n\ntype Mq = keyof ItemsPerRow;\n\n// ********************\n// useEqualSheetHeight\n// ********************\n\nexport const useEqualSheetHeight = <T extends HTMLElement>(props: {\n listLength: number;\n identifiers: string[];\n responsive?: ItemsPerRow;\n /** Throttle timeout for resize events. Default: 400ms */\n resizeThrottleTimeout?: number;\n customMediaQueries?: { [key in Exclude<Mq, 'small'>]: string };\n}) => {\n const defaultResponsive = {\n small: 1,\n medium: 1,\n semilarge: 2,\n large: 3,\n xlarge: 3,\n ...props.responsive,\n } as Record<MediaQueryType, number>;\n\n const queries = useDynamicMediaQueries(props.customMediaQueries || mq);\n const currentMq = Object.keys(queries).reduce<Mq>(\n (acc, key) => (queries[key] ? key : acc) as Mq,\n 'small'\n );\n const itemsPerRow = defaultResponsive[currentMq];\n\n const [sheetRefs, setSheetRefs] = useState<MutableRefObject<T>[]>([]);\n const fontsLoaded = useFontsLoaded();\n\n const setHeights = useCallback(\n (\n heights: (number | null)[],\n selector: string,\n refs: MutableRefObject<T>[]\n ) => {\n const makeRows = (\n result: Array<number | null>[],\n _: number,\n index: number,\n arr: Array<number | null>\n ) => {\n // make new row after 3 items\n if (index % itemsPerRow === 0) {\n result.push(\n arr.slice(index, index + itemsPerRow) as Array<number>\n );\n }\n return result;\n };\n\n // put item heights in 2-dimensional array to sort them in rows\n const heightsInRows = heights.reduce(makeRows, []);\n\n heightsInRows.forEach((rowHeights, y) => {\n const validHeights = rowHeights.filter(\n (height) => height !== null\n ) as number[];\n\n const highest = validHeights.slice().sort((vA, vB) => {\n if (vA && vB) {\n if (vA > vB) return -1;\n return 1;\n } else return 0;\n })[0];\n\n // set height of all items in row to the highest value\n if (rowHeights.length > 1 && highest) {\n for (let x = 0; x < rowHeights.length; x++) {\n const index = x + y * itemsPerRow;\n const el = refs[index].current.querySelector(selector);\n\n el?.setAttribute('style', `height: ${highest}px`);\n }\n }\n });\n },\n [itemsPerRow]\n );\n\n // Throttle viewport resize event for performance\n const resizeState = useResizeThrottle(\n props.resizeThrottleTimeout !== undefined\n ? props.resizeThrottleTimeout\n : 400\n );\n\n useEffect(() => {\n const resize = (refs: MutableRefObject<T>[]) => () => {\n const identifierSizes = new Map<string, Array<number | null>>();\n\n // create identifier map\n for (let i = 0; i < props.identifiers.length; i++) {\n identifierSizes.set(props.identifiers[i], []);\n }\n\n // set height values\n refs.filter((ref) => ref.current).forEach(({ current }) => {\n // get height for each element\n props.identifiers.forEach((id) => {\n const element = current.querySelector(id);\n const prevHeights = identifierSizes.get(id);\n let height: number | null = null;\n\n if (element) {\n element.removeAttribute('style');\n height = element.getBoundingClientRect().height;\n }\n\n if (prevHeights) {\n identifierSizes.set(id, [...prevHeights, height]);\n }\n });\n });\n\n // set heights for each identifier\n identifierSizes.forEach((value, key) => {\n setHeights(value, key, refs);\n });\n };\n\n const resizeHandler = resize(sheetRefs);\n resizeHandler();\n }, [props.identifiers, resizeState, setHeights, sheetRefs, fontsLoaded]);\n\n const triggerCalculation = useCallback(() => {\n setSheetRefs((prev) =>\n Array(props.listLength)\n .fill(null)\n .map((_, i) => prev[i] || createRef())\n );\n }, [props.listLength]);\n\n useEffect(() => {\n setSheetRefs((prev) =>\n Array(props.listLength)\n .fill(null)\n .map((_, i) => prev[i] || createRef())\n );\n }, [props.listLength]);\n\n return {\n sheetRefs,\n triggerCalculation,\n };\n};\n"],"names":["useFontsLoaded","_a","useState","allFontsLoaded","setFontLoaded","useEffect","undefined","document","fonts","_b","ready","then","waitForFonts","useResizeThrottle","timeout","callback","throttledState","setThrottledState","timeoutRef","useRef","lastState","clientWidth","clientHeight","innerHeight","innerWidth","updateResizeState","window","current","documentElement","handleResize","setTimeout","addEventListener","removeEventListener","props","defaultResponsive","__assign","small","medium","semilarge","large","xlarge","responsive","queries","useDynamicMediaQueries","customMediaQueries","mq","itemsPerRow","Object","keys","reduce","acc","key","sheetRefs","setSheetRefs","fontsLoaded","setHeights","useCallback","heights","selector","refs","result","_","index","arr","push","slice","forEach","rowHeights","y","validHeights","highest","filter","height","sort","vA","vB","length","x","el","querySelector","setAttribute","concat","resizeState","resizeThrottleTimeout","resizeHandler","identifierSizes","Map","i","identifiers","set","ref","id","element","prevHeights","get","removeAttribute","getBoundingClientRect","value","triggerCalculation","prev","Array","listLength","fill","map","createRef"],"mappings":"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"}
1
+ {"version":3,"file":"useEqualSheetHeight-f1c10ec5.js","sources":["../src/utils/useFontsLoaded.ts","../src/utils/useResizeThrottle.ts","../src/utils/useEqualSheetHeight.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useFontsLoaded = () => {\n const [allFontsLoaded, setFontLoaded] = useState<boolean | undefined>(\n false\n );\n\n useEffect(() => {\n const waitForFonts = () => {\n (document as any)?.fonts?.ready?.then(() => {\n setFontLoaded(true);\n });\n };\n\n if ((document as any).fonts === undefined) setFontLoaded(undefined);\n else waitForFonts();\n }, []);\n\n return allFontsLoaded;\n};\n","import { useEffect, useRef, useState } from 'react';\n\nexport interface ResizeState {\n clientWidth: number;\n clientHeight: number;\n innerHeight: number;\n innerWidth: number;\n}\n\nconst useResizeThrottle = (\n timeout = 0,\n callback?: (state: ResizeState) => void\n) => {\n const [throttledState, setThrottledState] =\n useState<ResizeState | null>(null);\n\n const timeoutRef = useRef<number>(-1);\n const lastState = useRef<ResizeState>({\n clientWidth: 0,\n clientHeight: 0,\n innerHeight: 0,\n innerWidth: 0,\n });\n\n const updateResizeState = () => {\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n return;\n }\n\n lastState.current = {\n clientWidth: document.documentElement.clientWidth,\n clientHeight: document.documentElement.clientHeight,\n innerHeight: window.innerHeight,\n innerWidth: window.innerWidth,\n };\n };\n\n useEffect(() => {\n if (typeof window === 'undefined') return;\n\n const handleResize = () => {\n updateResizeState();\n\n if (timeoutRef.current === -1) {\n timeoutRef.current = window.setTimeout(() => {\n callback?.(lastState.current);\n setThrottledState(lastState.current);\n timeoutRef.current = -1;\n }, timeout);\n }\n };\n\n updateResizeState();\n callback?.(lastState.current);\n setThrottledState(lastState.current);\n\n window.addEventListener('resize', handleResize);\n\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, [callback, timeout]);\n\n return throttledState;\n};\n\nexport default useResizeThrottle;\n","import {\n useEffect,\n useState,\n MutableRefObject,\n createRef,\n useCallback,\n} from 'react';\nimport { useDynamicMediaQueries } from './useMediaQuery';\nimport { useFontsLoaded } from 'utils/useFontsLoaded';\nimport useResizeThrottle from './useResizeThrottle';\nimport { MediaQueryType, mq } from './styles';\n\ninterface ItemsPerRow {\n small?: number;\n medium?: number;\n semilarge?: number;\n large?: number;\n xlarge?: number;\n}\n\ntype Mq = keyof ItemsPerRow;\n\n// ********************\n// useEqualSheetHeight\n// ********************\n\nexport const useEqualSheetHeight = <T extends HTMLElement>(props: {\n listLength: number;\n identifiers: string[];\n responsive?: ItemsPerRow;\n /** Throttle timeout for resize events. Default: 400ms */\n resizeThrottleTimeout?: number;\n customMediaQueries?: { [key in Exclude<Mq, 'small'>]: string };\n}) => {\n const defaultResponsive = {\n small: 1,\n medium: 1,\n semilarge: 2,\n large: 3,\n xlarge: 3,\n ...props.responsive,\n } as Record<MediaQueryType, number>;\n\n const queries = useDynamicMediaQueries(props.customMediaQueries || mq);\n const currentMq = Object.keys(queries).reduce<Mq>(\n (acc, key) => (queries[key] ? key : acc) as Mq,\n 'small'\n );\n const itemsPerRow = defaultResponsive[currentMq];\n\n const [sheetRefs, setSheetRefs] = useState<MutableRefObject<T>[]>([]);\n const fontsLoaded = useFontsLoaded();\n\n const setHeights = useCallback(\n (\n heights: (number | null)[],\n selector: string,\n refs: MutableRefObject<T>[]\n ) => {\n const makeRows = (\n result: Array<number | null>[],\n _: number,\n index: number,\n arr: Array<number | null>\n ) => {\n // make new row after 3 items\n if (index % itemsPerRow === 0) {\n result.push(\n arr.slice(index, index + itemsPerRow) as Array<number>\n );\n }\n return result;\n };\n\n // put item heights in 2-dimensional array to sort them in rows\n const heightsInRows = heights.reduce(makeRows, []);\n\n heightsInRows.forEach((rowHeights, y) => {\n const validHeights = rowHeights.filter(\n (height) => height !== null\n ) as number[];\n\n const highest = validHeights.slice().sort((vA, vB) => {\n if (vA && vB) {\n if (vA > vB) return -1;\n return 1;\n } else return 0;\n })[0];\n\n // set height of all items in row to the highest value\n if (rowHeights.length > 1 && highest) {\n for (let x = 0; x < rowHeights.length; x++) {\n const index = x + y * itemsPerRow;\n const el = refs[index].current.querySelector(selector);\n\n el?.setAttribute('style', `height: ${highest}px`);\n }\n }\n });\n },\n [itemsPerRow]\n );\n\n // Throttle viewport resize event for performance\n const resizeState = useResizeThrottle(\n props.resizeThrottleTimeout !== undefined\n ? props.resizeThrottleTimeout\n : 400\n );\n\n useEffect(() => {\n const resize = (refs: MutableRefObject<T>[]) => () => {\n const identifierSizes = new Map<string, Array<number | null>>();\n\n // create identifier map\n for (let i = 0; i < props.identifiers.length; i++) {\n identifierSizes.set(props.identifiers[i], []);\n }\n\n // set height values\n refs.filter((ref) => ref.current).forEach(({ current }) => {\n // get height for each element\n props.identifiers.forEach((id) => {\n const element = current.querySelector(id);\n const prevHeights = identifierSizes.get(id);\n let height: number | null = null;\n\n if (element) {\n element.removeAttribute('style');\n height = element.getBoundingClientRect().height;\n }\n\n if (prevHeights) {\n identifierSizes.set(id, [...prevHeights, height]);\n }\n });\n });\n\n // set heights for each identifier\n identifierSizes.forEach((value, key) => {\n setHeights(value, key, refs);\n });\n };\n\n const resizeHandler = resize(sheetRefs);\n resizeHandler();\n }, [props.identifiers, resizeState, setHeights, sheetRefs, fontsLoaded]);\n\n const triggerCalculation = useCallback(() => {\n setSheetRefs((prev) =>\n Array(props.listLength)\n .fill(null)\n .map((_, i) => prev[i] || createRef())\n );\n }, [props.listLength]);\n\n useEffect(() => {\n setSheetRefs((prev) =>\n Array(props.listLength)\n .fill(null)\n .map((_, i) => prev[i] || createRef())\n );\n }, [props.listLength]);\n\n return {\n sheetRefs,\n triggerCalculation,\n };\n};\n"],"names":["useFontsLoaded","_a","useState","allFontsLoaded","setFontLoaded","useEffect","undefined","document","fonts","_b","ready","then","waitForFonts","useResizeThrottle","timeout","callback","throttledState","setThrottledState","timeoutRef","useRef","lastState","clientWidth","clientHeight","innerHeight","innerWidth","updateResizeState","window","current","documentElement","handleResize","setTimeout","addEventListener","removeEventListener","props","defaultResponsive","__assign","small","medium","semilarge","large","xlarge","responsive","queries","useDynamicMediaQueries","customMediaQueries","mq","itemsPerRow","Object","keys","reduce","acc","key","sheetRefs","setSheetRefs","fontsLoaded","setHeights","useCallback","heights","selector","refs","result","_","index","arr","push","slice","forEach","rowHeights","y","validHeights","highest","filter","height","sort","vA","vB","length","x","el","querySelector","setAttribute","concat","resizeState","resizeThrottleTimeout","resizeHandler","identifierSizes","Map","i","identifiers","set","ref","id","element","prevHeights","get","removeAttribute","getBoundingClientRect","value","triggerCalculation","prev","Array","listLength","fill","map","createRef"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("react"),r=require("./Filter-89286db9.js"),u=function(r,u){var t=e.useRef(r),n=e.useRef();e.useEffect((function(){t.current=r}),[r]);var c=e.useCallback((function(){n.current=window.setTimeout((function(){var e;return null===(e=t.current)||void 0===e?void 0:e.call(t)}),u)}),[u]),a=e.useCallback((function(){n.current&&window.clearTimeout(n.current)}),[]);e.useEffect((function(){return c(),a}),[u,c,a]);var l=e.useCallback((function(){a(),c()}),[a,c]);return{clear:a,reset:l}},t=function(t,n,c){var a=u(t,n),l=a.clear,o=a.reset;return e.useEffect(o,r.__spreadArray(r.__spreadArray([],c,!0),[o],!1)),e.useEffect(l,[]),{clear:l,reset:o}};exports.useDebounce=t,exports.useLazyInput=function(r,u,n){void 0===n&&(n=600);var c=e.useState(u),a=c[0],l=c[1],o=t((function(){return null==r?void 0:r(a)}),n,[a]).clear,s=e.useCallback((function(e,u){void 0===u&&(u=!1),l(e),u&&(o(),null==r||r(e))}),[]),i=e.useCallback((function(){o(),null==r||r(a)}),[r,o,a]);return{update:s,value:a,forceUpdate:i}},exports.useTimeout=u;
2
+ //# sourceMappingURL=useLazyInput-911b8eda.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useLazyInput-f71c221b.js","sources":["../src/utils/useTimeout.ts","../src/utils/useDebounce.ts","../src/utils/useLazyInput.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nconst useTimeout = (callback: () => void, delay: number) => {\n const callbackRef = useRef(callback);\n const timeoutRef = useRef<number>();\n\n useEffect(() => {\n callbackRef.current = callback;\n }, [callback]);\n\n const set = useCallback(() => {\n timeoutRef.current = window.setTimeout(\n () => callbackRef.current?.(),\n delay\n );\n }, [delay]);\n\n const clear = useCallback(() => {\n timeoutRef.current && window.clearTimeout(timeoutRef.current);\n }, []);\n\n useEffect(() => {\n set();\n return clear;\n }, [delay, set, clear]);\n\n const reset = useCallback(() => {\n clear();\n set();\n }, [clear, set]);\n\n return { clear, reset };\n};\n\nexport default useTimeout;\n","import { DependencyList, useEffect } from 'react';\nimport useTimeout from './useTimeout';\n\nconst useDebounce = (\n callback: () => void,\n delay: number,\n deps: DependencyList\n) => {\n const { clear, reset } = useTimeout(callback, delay);\n\n useEffect(reset, [...deps, reset]);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(clear, []);\n\n return {\n clear,\n reset,\n };\n};\n\nexport default useDebounce;\n","import { useCallback, useState } from 'react';\nimport useDebounce from './useDebounce';\n\nconst useLazyInput = (\n callback: (value: string) => void,\n initial: string,\n delay = 600\n) => {\n const [value, setValue] = useState<string>(initial);\n const { clear } = useDebounce(() => callback?.(value), delay, [value]);\n\n const update = useCallback((value: string, withoutDelay = false) => {\n setValue(value);\n if (withoutDelay) {\n clear();\n callback?.(value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const forceUpdate = useCallback(() => {\n clear();\n callback?.(value);\n }, [callback, clear, value]);\n\n return {\n update,\n value,\n forceUpdate,\n };\n};\n\nexport default useLazyInput;\n"],"names":["useTimeout","callback","delay","callbackRef","useRef","timeoutRef","useEffect","current","set","useCallback","window","setTimeout","_a","call","clear","clearTimeout","reset","useDebounce","deps","__spreadArray","initial","useState","value","setValue","update","withoutDelay","forceUpdate"],"mappings":"2EAEMA,EAAa,SAACC,EAAsBC,GACtC,IAAMC,EAAcC,SAAOH,GACrBI,EAAaD,EAAAA,SAEnBE,EAAAA,WAAU,WACNH,EAAYI,QAAUN,IACvB,CAACA,IAEJ,IAAMO,EAAMC,EAAAA,aAAY,WACpBJ,EAAWE,QAAUG,OAAOC,YACxB,WAAM,IAAAC,EAAA,OAAuB,UAAvBT,EAAYI,eAAW,IAAAK,OAAA,EAAAA,EAAAC,KAAAV,KAC7BD,KAEL,CAACA,IAEEY,EAAQL,EAAAA,aAAY,WACtBJ,EAAWE,SAAWG,OAAOK,aAAaV,EAAWE,WACtD,IAEHD,EAAAA,WAAU,WAEN,OADAE,IACOM,IACR,CAACZ,EAAOM,EAAKM,IAEhB,IAAME,EAAQP,EAAAA,aAAY,WACtBK,IACAN,MACD,CAACM,EAAON,IAEJ,MAAA,CAAEM,MAAKA,EAAEE,MAAKA,IC5BnBC,EAAc,SAChBhB,EACAC,EACAgB,GAEM,IAAAN,EAAmBZ,EAAWC,EAAUC,GAAtCY,EAAKF,EAAAE,MAAEE,UAOR,OALPV,EAAAA,UAAUU,EAAKG,gBAAAA,EAAAA,cAAA,GAAMD,GAAM,GAAA,CAAAF,QAG3BV,YAAUQ,EAAO,IAEV,CACHA,MAAKA,EACLE,MAAKA,+CCdQ,SACjBf,EACAmB,EACAlB,QAAA,IAAAA,IAAAA,EAAW,KAEL,IAAAU,EAAoBS,EAAQA,SAASD,GAApCE,EAAKV,EAAA,GAAEW,EAAQX,EAAA,GACdE,EAAUG,GAAY,WAAM,OAAAhB,MAAAA,OAAQ,EAARA,EAAWqB,KAAQpB,EAAO,CAACoB,IAAOR,MAEhEU,EAASf,EAAAA,aAAY,SAACa,EAAeG,QAAA,IAAAA,IAAAA,GAAoB,GAC3DF,EAASD,GACLG,IACAX,IACAb,MAAAA,GAAAA,EAAWqB,MAGhB,IAEGI,EAAcjB,EAAAA,aAAY,WAC5BK,IACAb,MAAAA,GAAAA,EAAWqB,KACZ,CAACrB,EAAUa,EAAOQ,IAEd,MAAA,CACHE,OAAMA,EACNF,MAAKA,EACLI,YAAWA"}
1
+ {"version":3,"file":"useLazyInput-911b8eda.js","sources":["../src/utils/useTimeout.ts","../src/utils/useDebounce.ts","../src/utils/useLazyInput.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nconst useTimeout = (callback: () => void, delay: number) => {\n const callbackRef = useRef(callback);\n const timeoutRef = useRef<number>();\n\n useEffect(() => {\n callbackRef.current = callback;\n }, [callback]);\n\n const set = useCallback(() => {\n timeoutRef.current = window.setTimeout(\n () => callbackRef.current?.(),\n delay\n );\n }, [delay]);\n\n const clear = useCallback(() => {\n timeoutRef.current && window.clearTimeout(timeoutRef.current);\n }, []);\n\n useEffect(() => {\n set();\n return clear;\n }, [delay, set, clear]);\n\n const reset = useCallback(() => {\n clear();\n set();\n }, [clear, set]);\n\n return { clear, reset };\n};\n\nexport default useTimeout;\n","import { DependencyList, useEffect } from 'react';\nimport useTimeout from './useTimeout';\n\nconst useDebounce = (\n callback: () => void,\n delay: number,\n deps: DependencyList\n) => {\n const { clear, reset } = useTimeout(callback, delay);\n\n useEffect(reset, [...deps, reset]);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useEffect(clear, []);\n\n return {\n clear,\n reset,\n };\n};\n\nexport default useDebounce;\n","import { useCallback, useState } from 'react';\nimport useDebounce from './useDebounce';\n\nconst useLazyInput = (\n callback: (value: string) => void,\n initial: string,\n delay = 600\n) => {\n const [value, setValue] = useState<string>(initial);\n const { clear } = useDebounce(() => callback?.(value), delay, [value]);\n\n const update = useCallback((value: string, withoutDelay = false) => {\n setValue(value);\n if (withoutDelay) {\n clear();\n callback?.(value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const forceUpdate = useCallback(() => {\n clear();\n callback?.(value);\n }, [callback, clear, value]);\n\n return {\n update,\n value,\n forceUpdate,\n };\n};\n\nexport default useLazyInput;\n"],"names":["useTimeout","callback","delay","callbackRef","useRef","timeoutRef","useEffect","current","set","useCallback","window","setTimeout","_a","call","clear","clearTimeout","reset","useDebounce","deps","__spreadArray","initial","useState","value","setValue","update","withoutDelay","forceUpdate"],"mappings":"sEAEMA,EAAa,SAACC,EAAsBC,GACtC,IAAMC,EAAcC,SAAOH,GACrBI,EAAaD,EAAAA,SAEnBE,EAAAA,WAAU,WACNH,EAAYI,QAAUN,IACvB,CAACA,IAEJ,IAAMO,EAAMC,EAAAA,aAAY,WACpBJ,EAAWE,QAAUG,OAAOC,YACxB,WAAM,IAAAC,EAAA,OAAuB,UAAvBT,EAAYI,eAAW,IAAAK,OAAA,EAAAA,EAAAC,KAAAV,KAC7BD,KAEL,CAACA,IAEEY,EAAQL,EAAAA,aAAY,WACtBJ,EAAWE,SAAWG,OAAOK,aAAaV,EAAWE,WACtD,IAEHD,EAAAA,WAAU,WAEN,OADAE,IACOM,IACR,CAACZ,EAAOM,EAAKM,IAEhB,IAAME,EAAQP,EAAAA,aAAY,WACtBK,IACAN,MACD,CAACM,EAAON,IAEJ,MAAA,CAAEM,MAAKA,EAAEE,MAAKA,IC5BnBC,EAAc,SAChBhB,EACAC,EACAgB,GAEM,IAAAN,EAAmBZ,EAAWC,EAAUC,GAAtCY,EAAKF,EAAAE,MAAEE,UAOR,OALPV,EAAAA,UAAUU,EAAKG,gBAAAA,EAAAA,cAAA,GAAMD,GAAM,GAAA,CAAAF,QAG3BV,YAAUQ,EAAO,IAEV,CACHA,MAAKA,EACLE,MAAKA,+CCdQ,SACjBf,EACAmB,EACAlB,QAAA,IAAAA,IAAAA,EAAW,KAEL,IAAAU,EAAoBS,EAAQA,SAASD,GAApCE,EAAKV,EAAA,GAAEW,EAAQX,EAAA,GACdE,EAAUG,GAAY,WAAM,OAAAhB,MAAAA,OAAQ,EAARA,EAAWqB,KAAQpB,EAAO,CAACoB,IAAOR,MAEhEU,EAASf,EAAAA,aAAY,SAACa,EAAeG,QAAA,IAAAA,IAAAA,GAAoB,GAC3DF,EAASD,GACLG,IACAX,IACAb,MAAAA,GAAAA,EAAWqB,MAGhB,IAEGI,EAAcjB,EAAAA,aAAY,WAC5BK,IACAb,MAAAA,GAAAA,EAAWqB,KACZ,CAACrB,EAAUa,EAAOQ,IAEd,MAAA,CACHE,OAAMA,EACNF,MAAKA,EACLI,YAAWA"}
@@ -0,0 +1,2 @@
1
+ "use strict";var o=require("./Filter-89286db9.js"),e=require("react");function n(o){if(o&&o.__esModule)return o;var e=Object.create(null);return o&&Object.keys(o).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return o[n]}})}})),e.default=o,Object.freeze(e)}exports.useLeafletMap=function(r){var t=e.useState(null),l=t[0],i=t[1],a=e.useState(null),u=a[0],c=a[1],s=e.useState(null),d=s[0],f=s[1],v=e.useState(null),m=v[0],g=v[1],k=e.useRef(null),h=e.useState(!1),p=h[0],b=h[1],z=e.useRef(!1),y=e.useRef(null),M=e.useMemo((function(){return Object.keys(r).forEach((function(o){void 0===r[o]&&delete r[o]})),o.__assign({center:[0,0],zoom:2.5,touchZoom:!0,scrollWheelZoom:!1,showZoomControls:!0,zoomControlPosition:"topleft",onlyScrollOnFocus:!0,url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",attribution:'&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',markers:[],fitBoundsPadding:[20,20]},r)}),[r]);e.useEffect((function(){if(l){o.__awaiter(void 0,void 0,void 0,(function(){var e,r,t;return o.__generator(this,(function(o){switch(o.label){case 0:return u||!l||z.current?[2]:(z.current=!0,[4,Promise.resolve().then((function(){return n(require("leaflet"))}))]);case 1:return(e=o.sent())?(c(e),r=e.map(l,{center:M.center,zoom:M.zoom,touchZoom:M.touchZoom,scrollWheelZoom:M.scrollWheelZoom,zoomControl:!1,minZoom:M.minZoom,maxZoom:M.maxZoom}),M.showZoomControls&&e.control.zoom({position:M.zoomControlPosition}).addTo(r),r.once("focus",(function(){M.onlyScrollOnFocus&&r.scrollWheelZoom.enable()})),r.once("blur",(function(){M.onlyScrollOnFocus&&r.scrollWheelZoom.disable()})),r.on("click",(function(o){var e;null===(e=M.onClick)||void 0===e||e.call(M,o,r.getZoom())})),f(r),e.tileLayer(M.url,{attribution:M.attribution}).addTo(r),(t=new e.FeatureGroup).addTo(r),g(t),[2]):[2]}}))}))}}),[u,l,M,M.attribution,M.center,M.onlyScrollOnFocus,M.scrollWheelZoom,M.touchZoom,M.url,M.zoom]),e.useEffect((function(){var o;if(d&&m){m.clearLayers(),null===(o=M.markers)||void 0===o||o.forEach((function(o){var e,n,r=o.position,t=o.icon,l=o.id,i=o.isInteractive;if((null==t?void 0:t.url)&&(null==t?void 0:t.size)&&r){var a=l===M.activeMarkerId,c=u.icon({iconUrl:t.url,iconSize:a?t.sizeActive:t.size,iconAnchor:a?t.anchorActive:null==t?void 0:t.anchor}),s=u.marker(u.latLng(r[0],r[1]),{icon:c,riseOnHover:!0,interactive:i}).addTo(d);i&&s.on("click",(function(){var o;null===(o=M.onMarkerClick)||void 0===o||o.call(M,l)})),m.addLayer(s),u&&d&&m&&(p?M.activeMarkerId&&M.activeMarkerId!==(null==k?void 0:k.current)&&(k.current=M.activeMarkerId,null===(n=M.onActiveMarkerChanged)||void 0===n||n.call(M,{markerId:M.activeMarkerId})):(null===(e=M.onReady)||void 0===e||e.call(M),b(!0),M.activeMarkerId&&(k.current=M.activeMarkerId)))}}));var e=function(){var o,e,n;if(d&&M.restrictToMarkersArea){var r=null===(o=null==m?void 0:m.getBounds())||void 0===o?void 0:o.pad(.3);if(r&&r.isValid()){var t=r.getNorth(),l=r.getEast(),i=r.getSouth(),a=r.getWest(),u=d.getCenter(),c=null,s=null;(u.lat<i||u.lat>t)&&y.current&&(c=null===(e=y.current)||void 0===e?void 0:e.lat),(u.lng<a||u.lng>l)&&y.current&&(s=null===(n=y.current)||void 0===n?void 0:n.lng),null===s&&null===c||(null!==s&&(u.lng=s),null!==c&&(u.lat=c),d.panTo(u,{animate:!1})),y.current=u}}};if(M.restrictToMarkersArea)(null==m?void 0:m.getBounds()).isValid()&&d.on("drag",e);return function(){y.current=null,null==d||d.off("drag",e)}}}),[u,p,d,M,M.markers,m]);var Z=e.useCallback((function(){try{d&&m&&d.fitBounds(m.getBounds(),{padding:u.point(M.fitBoundsPadding)})}catch(o){console.log(o)}}),[u,d,M.fitBoundsPadding,m]),C=e.useCallback((function(o){var e,n=o||M.zoom,r=null===(e=M.markers)||void 0===e?void 0:e.find((function(o){return o.id===M.activeMarkerId}));r&&(null==d||d.flyTo(r.position,n))}),[d,M.activeMarkerId,M.markers,M.zoom]),S=e.useCallback((function(o,e){var n=e||M.zoom;o?null==d||d.flyTo(o,n):C(n)}),[C,d,M.zoom]),O=e.useCallback((function(o){o&&(null==d||d.panTo(o))}),[d]),T=e.useCallback((function(){null==d||d.invalidateSize()}),[d]),I=e.useCallback((function(){return(null==d?void 0:d.getZoom())||M.zoom}),[d,M.zoom]);return{setContainer:i,flyToActive:C,flyToPosition:S,panToPosition:O,showAllMarkers:Z,recalculateMapSize:T,getCurrentZoom:I,isLoaded:p}};
2
+ //# sourceMappingURL=useLeafletMap-514304b6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useLeafletMap-2e608b01.js","sources":["../src/utils/useLeafletMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n FeatureGroup,\n LatLng,\n LeafletMouseEvent,\n Map,\n Marker,\n MarkerOptions,\n} from 'leaflet';\n\nexport interface LeafletMapSettings {\n center: [number, number];\n zoom: number;\n minZoom?: number;\n maxZoom?: number;\n touchZoom: boolean;\n scrollWheelZoom: boolean;\n onlyScrollOnFocus: boolean;\n url: string;\n attribution: string;\n markers: Array<LeafletMapMarker>;\n activeMarkerId?: string;\n fitBoundsPadding: [number, number];\n restrictToMarkersArea?: boolean;\n showZoomControls?: boolean;\n zoomControlPosition?: 'bottomleft' | 'bottomright' | 'topleft' | 'topright';\n onMarkerClick?: (markerId: string) => void;\n onActiveMarkerChanged?: (props: { markerId: string }) => void;\n onReady?: () => void;\n onClick?: (ev: LeafletMouseEvent, currentZoom: number) => void;\n}\n\nexport interface LeafletMapMarker {\n id: string;\n position: [number, number];\n isInteractive?: boolean;\n icon?: {\n url: string;\n size: [number, number];\n anchor: [number, number];\n\n sizeActive: [number, number];\n anchorActive: [number, number];\n };\n popup?: {\n text: string;\n };\n}\n\nconst useLeafletMap = (settings: Partial<LeafletMapSettings>) => {\n const [container, setContainer] = useState<HTMLElement | null>(null);\n const [L, setLeaflet] = useState<any>(null);\n const [map, setMap] = useState<Map | null>(null);\n const [markersLayerGroup, setMarkersLayerGroup] =\n useState<FeatureGroup<any> | null>(null);\n const prevMarkerId = useRef<string | null>(null);\n const [isLoaded, setLoaded] = useState<boolean>(false);\n const isRenderedRef = useRef<boolean>(false);\n\n const lastValidCenter = useRef<LatLng | null>(null);\n\n const mapSettings: LeafletMapSettings = useMemo(() => {\n // removing undefined keys\n Object.keys(settings).forEach((key) => {\n if (settings[key] === undefined) {\n delete settings[key];\n }\n });\n\n return {\n center: [0, 0],\n zoom: 2.5,\n touchZoom: true,\n scrollWheelZoom: false,\n showZoomControls: true,\n zoomControlPosition: 'topleft',\n onlyScrollOnFocus: true,\n url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',\n attribution:\n '&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors',\n markers: [],\n fitBoundsPadding: [20, 20], // 0 = TopLeft, 1 = BottomRight\n ...settings,\n };\n }, [settings]);\n\n useEffect(() => {\n if (!container) return;\n\n const init = async () => {\n if (L || !container || isRenderedRef.current) return;\n isRenderedRef.current = true;\n\n // init leaflet\n const leaflet = await import('leaflet');\n if (!leaflet) return;\n\n // set leaflet state\n setLeaflet(leaflet);\n\n // setup map\n const map = leaflet.map(container, {\n center: mapSettings.center,\n zoom: mapSettings.zoom,\n touchZoom: mapSettings.touchZoom,\n scrollWheelZoom: mapSettings.scrollWheelZoom,\n zoomControl: false,\n minZoom: mapSettings.minZoom,\n maxZoom: mapSettings.maxZoom,\n });\n\n if (mapSettings.showZoomControls) {\n leaflet.control\n .zoom({\n position: mapSettings.zoomControlPosition,\n })\n .addTo(map);\n }\n\n // activate map scrolling on focus\n map.once('focus', () => {\n if (mapSettings.onlyScrollOnFocus) {\n map.scrollWheelZoom.enable();\n }\n });\n\n // deactivate map scrolling on focus is lost\n map.once('blur', () => {\n if (mapSettings.onlyScrollOnFocus) {\n map.scrollWheelZoom.disable();\n }\n });\n\n map.on('click', (ev) => {\n mapSettings.onClick?.(ev as LeafletMouseEvent, map.getZoom());\n });\n\n // set map state\n setMap(map);\n\n // add map layer from map provider\n leaflet\n .tileLayer(mapSettings.url, {\n attribution: mapSettings.attribution,\n })\n .addTo(map);\n\n // setup layer for markers\n const group = new leaflet.FeatureGroup();\n group.addTo(map);\n\n setMarkersLayerGroup(group);\n };\n\n init();\n }, [\n L,\n container,\n mapSettings,\n mapSettings.attribution,\n mapSettings.center,\n mapSettings.onlyScrollOnFocus,\n mapSettings.scrollWheelZoom,\n mapSettings.touchZoom,\n mapSettings.url,\n mapSettings.zoom,\n ]);\n\n useEffect(() => {\n if (!map || !markersLayerGroup) return;\n\n markersLayerGroup.clearLayers();\n mapSettings.markers?.forEach(\n ({ position, icon, id, isInteractive }) => {\n if (!icon?.url || !icon?.size || !position) return;\n const isActive = id === mapSettings.activeMarkerId;\n\n const markerIcon = L.icon({\n iconUrl: icon.url,\n\n iconSize: isActive ? icon.sizeActive : icon.size, // size of the icon\n // shadowSize: [50, 64], // size of the shadow\n iconAnchor: isActive ? icon.anchorActive : icon?.anchor, // point of the icon which will correspond to marker's location\n // shadowAnchor: [4, 62], // the same for the shadow\n // popupAnchor: [0, -16], // point from which the popup should open relative to the iconAnchor\n });\n\n const marker: Marker = L.marker(\n L.latLng(position[0], position[1]),\n {\n icon: markerIcon,\n riseOnHover: true,\n interactive: isInteractive,\n } as MarkerOptions\n ).addTo(map);\n\n if (isInteractive) {\n marker.on('click', () => {\n mapSettings.onMarkerClick?.(id);\n });\n }\n\n // add marker to markers layer\n markersLayerGroup.addLayer(marker);\n\n if (L && map && markersLayerGroup) {\n if (!isLoaded) {\n // on first load\n mapSettings.onReady?.();\n setLoaded(true);\n if (mapSettings.activeMarkerId) {\n prevMarkerId.current = mapSettings.activeMarkerId;\n }\n } else {\n // check if active marker changed\n if (\n mapSettings.activeMarkerId &&\n mapSettings.activeMarkerId !== prevMarkerId?.current\n ) {\n prevMarkerId.current = mapSettings.activeMarkerId;\n\n mapSettings.onActiveMarkerChanged?.({\n markerId: mapSettings.activeMarkerId,\n });\n }\n }\n }\n }\n );\n\n const handleMapMove = () => {\n if (!map) return;\n if (!mapSettings.restrictToMarkersArea) return;\n\n const markersBounds = markersLayerGroup?.getBounds()?.pad(0.3);\n if (!markersBounds || !markersBounds.isValid()) return;\n\n const northEdge = markersBounds.getNorth();\n const eastEdge = markersBounds.getEast();\n const southEdge = markersBounds.getSouth();\n const westEdge = markersBounds.getWest();\n\n const center = map.getCenter();\n let newLat: number | null = null;\n let newLng: number | null = null;\n\n // on latitude overshoot\n if (\n (center.lat < southEdge || center.lat > northEdge) &&\n lastValidCenter.current\n ) {\n newLat = lastValidCenter.current?.lat;\n }\n\n // on longitude overshoot\n if (\n (center.lng < westEdge || center.lng > eastEdge) &&\n lastValidCenter.current\n ) {\n newLng = lastValidCenter.current?.lng;\n }\n\n if (newLng !== null || newLat !== null) {\n if (newLng !== null) center.lng = newLng;\n if (newLat !== null) center.lat = newLat;\n\n map.panTo(center, { animate: false });\n }\n\n lastValidCenter.current = center;\n };\n\n // if set restrict map movement to markers\n if (mapSettings.restrictToMarkersArea) {\n const markersBounds = markersLayerGroup?.getBounds();\n\n if (markersBounds.isValid()) {\n map.on('drag', handleMapMove);\n }\n }\n\n return () => {\n lastValidCenter.current = null;\n map?.off('drag', handleMapMove);\n };\n }, [L, isLoaded, map, mapSettings, mapSettings.markers, markersLayerGroup]);\n\n /**\n * Adjust zoom to show all markers\n */\n const showAllMarkers = useCallback(() => {\n if (map && markersLayerGroup) {\n map.fitBounds(markersLayerGroup.getBounds(), {\n padding: L.point(mapSettings.fitBoundsPadding),\n });\n }\n }, [L, map, mapSettings.fitBoundsPadding, markersLayerGroup]);\n\n /**\n * Pan and zoom to active marker position on map\n * @param zoom\n */\n const flyToActive = useCallback(\n (zoom?: number) => {\n const mapZoom = zoom || mapSettings.zoom;\n const marker = mapSettings.markers?.find(\n (m) => m.id === mapSettings.activeMarkerId\n );\n if (marker) map?.flyTo(marker.position, mapZoom);\n },\n [map, mapSettings.activeMarkerId, mapSettings.markers, mapSettings.zoom]\n );\n\n /**\n * Pan and zoom to marker position on map\n * @param position\n * @param zoom\n */\n const flyToPosition = useCallback(\n (position?: [number, number], zoom?: number) => {\n const mapZoom = zoom || mapSettings.zoom;\n\n if (position) map?.flyTo(position, mapZoom);\n else flyToActive(mapZoom);\n },\n [flyToActive, map, mapSettings.zoom]\n );\n\n /**\n * Pan to marker position on map\n * @param position\n */\n const panToPosition = useCallback(\n (position?: [number, number]) => {\n if (position) map?.panTo(position);\n },\n [map]\n );\n\n /** Recalculate map size */\n const recalculateMapSize = useCallback(() => {\n map?.invalidateSize();\n }, [map]);\n\n const getCurrentZoom = useCallback(() => {\n return map?.getZoom() || mapSettings.zoom;\n }, [map, mapSettings.zoom]);\n\n return {\n setContainer,\n flyToActive,\n flyToPosition,\n panToPosition,\n showAllMarkers,\n recalculateMapSize,\n getCurrentZoom,\n isLoaded,\n };\n};\n\nexport default useLeafletMap;\n"],"names":["settings","_a","useState","container","setContainer","_b","L","setLeaflet","_c","map","setMap","_d","markersLayerGroup","setMarkersLayerGroup","prevMarkerId","useRef","_e","isLoaded","setLoaded","isRenderedRef","lastValidCenter","mapSettings","useMemo","Object","keys","forEach","key","undefined","__assign","center","zoom","touchZoom","scrollWheelZoom","showZoomControls","zoomControlPosition","onlyScrollOnFocus","url","attribution","markers","fitBoundsPadding","useEffect","__awaiter","current","Promise","resolve","then","_interopNamespace","require","leaflet","sent","zoomControl","minZoom","maxZoom","control","position","addTo","once","enable","disable","on","ev","onClick","call","getZoom","tileLayer","group","FeatureGroup","clearLayers","icon","id","isInteractive","size","isActive","activeMarkerId","markerIcon","iconUrl","iconSize","sizeActive","iconAnchor","anchorActive","anchor","marker","latLng","riseOnHover","interactive","onMarkerClick","addLayer","onActiveMarkerChanged","markerId","onReady","handleMapMove","restrictToMarkersArea","markersBounds","getBounds","pad","isValid","northEdge","getNorth","eastEdge","getEast","southEdge","getSouth","westEdge","getWest","getCenter","newLat","newLng","lat","lng","panTo","animate","off","showAllMarkers","useCallback","fitBounds","padding","point","flyToActive","mapZoom","find","m","flyTo","flyToPosition","panToPosition","recalculateMapSize","invalidateSize","getCurrentZoom"],"mappings":"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"}
1
+ {"version":3,"file":"useLeafletMap-514304b6.js","sources":["../src/utils/useLeafletMap.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n FeatureGroup,\n LatLng,\n LeafletMouseEvent,\n Map,\n Marker,\n MarkerOptions,\n} from 'leaflet';\n\nexport interface LeafletMapSettings {\n center: [number, number];\n zoom: number;\n minZoom?: number;\n maxZoom?: number;\n touchZoom: boolean;\n scrollWheelZoom: boolean;\n onlyScrollOnFocus: boolean;\n url: string;\n attribution: string;\n markers: Array<LeafletMapMarker>;\n activeMarkerId?: string;\n fitBoundsPadding: [number, number];\n restrictToMarkersArea?: boolean;\n showZoomControls?: boolean;\n zoomControlPosition?: 'bottomleft' | 'bottomright' | 'topleft' | 'topright';\n onMarkerClick?: (markerId: string) => void;\n onActiveMarkerChanged?: (props: { markerId: string }) => void;\n onReady?: () => void;\n onClick?: (ev: LeafletMouseEvent, currentZoom: number) => void;\n}\n\nexport interface LeafletMapMarker {\n id: string;\n position: [number, number];\n isInteractive?: boolean;\n icon?: {\n url: string;\n size: [number, number];\n anchor: [number, number];\n\n sizeActive: [number, number];\n anchorActive: [number, number];\n };\n popup?: {\n text: string;\n };\n}\n\nconst useLeafletMap = (settings: Partial<LeafletMapSettings>) => {\n const [container, setContainer] = useState<HTMLElement | null>(null);\n const [L, setLeaflet] = useState<any>(null);\n const [map, setMap] = useState<Map | null>(null);\n const [markersLayerGroup, setMarkersLayerGroup] =\n useState<FeatureGroup<any> | null>(null);\n const prevMarkerId = useRef<string | null>(null);\n const [isLoaded, setLoaded] = useState<boolean>(false);\n const isRenderedRef = useRef<boolean>(false);\n\n const lastValidCenter = useRef<LatLng | null>(null);\n\n const mapSettings: LeafletMapSettings = useMemo(() => {\n // removing undefined keys\n Object.keys(settings).forEach((key) => {\n if (settings[key] === undefined) {\n delete settings[key];\n }\n });\n\n return {\n center: [0, 0],\n zoom: 2.5,\n touchZoom: true,\n scrollWheelZoom: false,\n showZoomControls: true,\n zoomControlPosition: 'topleft',\n onlyScrollOnFocus: true,\n url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',\n attribution:\n '&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors',\n markers: [],\n fitBoundsPadding: [20, 20], // 0 = TopLeft, 1 = BottomRight\n ...settings,\n };\n }, [settings]);\n\n useEffect(() => {\n if (!container) return;\n\n const init = async () => {\n if (L || !container || isRenderedRef.current) return;\n isRenderedRef.current = true;\n\n // init leaflet\n const leaflet = await import('leaflet');\n if (!leaflet) return;\n\n // set leaflet state\n setLeaflet(leaflet);\n\n // setup map\n const map = leaflet.map(container, {\n center: mapSettings.center,\n zoom: mapSettings.zoom,\n touchZoom: mapSettings.touchZoom,\n scrollWheelZoom: mapSettings.scrollWheelZoom,\n zoomControl: false,\n minZoom: mapSettings.minZoom,\n maxZoom: mapSettings.maxZoom,\n });\n\n if (mapSettings.showZoomControls) {\n leaflet.control\n .zoom({\n position: mapSettings.zoomControlPosition,\n })\n .addTo(map);\n }\n\n // activate map scrolling on focus\n map.once('focus', () => {\n if (mapSettings.onlyScrollOnFocus) {\n map.scrollWheelZoom.enable();\n }\n });\n\n // deactivate map scrolling on focus is lost\n map.once('blur', () => {\n if (mapSettings.onlyScrollOnFocus) {\n map.scrollWheelZoom.disable();\n }\n });\n\n map.on('click', (ev) => {\n mapSettings.onClick?.(ev as LeafletMouseEvent, map.getZoom());\n });\n\n // set map state\n setMap(map);\n\n // add map layer from map provider\n leaflet\n .tileLayer(mapSettings.url, {\n attribution: mapSettings.attribution,\n })\n .addTo(map);\n\n // setup layer for markers\n const group = new leaflet.FeatureGroup();\n group.addTo(map);\n\n setMarkersLayerGroup(group);\n };\n\n init();\n }, [\n L,\n container,\n mapSettings,\n mapSettings.attribution,\n mapSettings.center,\n mapSettings.onlyScrollOnFocus,\n mapSettings.scrollWheelZoom,\n mapSettings.touchZoom,\n mapSettings.url,\n mapSettings.zoom,\n ]);\n\n useEffect(() => {\n if (!map || !markersLayerGroup) return;\n\n markersLayerGroup.clearLayers();\n mapSettings.markers?.forEach(\n ({ position, icon, id, isInteractive }) => {\n if (!icon?.url || !icon?.size || !position) return;\n const isActive = id === mapSettings.activeMarkerId;\n\n const markerIcon = L.icon({\n iconUrl: icon.url,\n\n iconSize: isActive ? icon.sizeActive : icon.size, // size of the icon\n // shadowSize: [50, 64], // size of the shadow\n iconAnchor: isActive ? icon.anchorActive : icon?.anchor, // point of the icon which will correspond to marker's location\n // shadowAnchor: [4, 62], // the same for the shadow\n // popupAnchor: [0, -16], // point from which the popup should open relative to the iconAnchor\n });\n\n const marker: Marker = L.marker(\n L.latLng(position[0], position[1]),\n {\n icon: markerIcon,\n riseOnHover: true,\n interactive: isInteractive,\n } as MarkerOptions\n ).addTo(map);\n\n if (isInteractive) {\n marker.on('click', () => {\n mapSettings.onMarkerClick?.(id);\n });\n }\n\n // add marker to markers layer\n markersLayerGroup.addLayer(marker);\n\n if (L && map && markersLayerGroup) {\n if (!isLoaded) {\n // on first load\n mapSettings.onReady?.();\n setLoaded(true);\n if (mapSettings.activeMarkerId) {\n prevMarkerId.current = mapSettings.activeMarkerId;\n }\n } else {\n // check if active marker changed\n if (\n mapSettings.activeMarkerId &&\n mapSettings.activeMarkerId !== prevMarkerId?.current\n ) {\n prevMarkerId.current = mapSettings.activeMarkerId;\n\n mapSettings.onActiveMarkerChanged?.({\n markerId: mapSettings.activeMarkerId,\n });\n }\n }\n }\n }\n );\n\n const handleMapMove = () => {\n if (!map) return;\n if (!mapSettings.restrictToMarkersArea) return;\n\n const markersBounds = markersLayerGroup?.getBounds()?.pad(0.3);\n if (!markersBounds || !markersBounds.isValid()) return;\n\n const northEdge = markersBounds.getNorth();\n const eastEdge = markersBounds.getEast();\n const southEdge = markersBounds.getSouth();\n const westEdge = markersBounds.getWest();\n\n const center = map.getCenter();\n let newLat: number | null = null;\n let newLng: number | null = null;\n\n // on latitude overshoot\n if (\n (center.lat < southEdge || center.lat > northEdge) &&\n lastValidCenter.current\n ) {\n newLat = lastValidCenter.current?.lat;\n }\n\n // on longitude overshoot\n if (\n (center.lng < westEdge || center.lng > eastEdge) &&\n lastValidCenter.current\n ) {\n newLng = lastValidCenter.current?.lng;\n }\n\n if (newLng !== null || newLat !== null) {\n if (newLng !== null) center.lng = newLng;\n if (newLat !== null) center.lat = newLat;\n\n map.panTo(center, { animate: false });\n }\n\n lastValidCenter.current = center;\n };\n\n // if set restrict map movement to markers\n if (mapSettings.restrictToMarkersArea) {\n const markersBounds = markersLayerGroup?.getBounds();\n\n if (markersBounds.isValid()) {\n map.on('drag', handleMapMove);\n }\n }\n\n return () => {\n lastValidCenter.current = null;\n map?.off('drag', handleMapMove);\n };\n }, [L, isLoaded, map, mapSettings, mapSettings.markers, markersLayerGroup]);\n\n /**\n * Adjust zoom to show all markers\n */\n const showAllMarkers = useCallback(() => {\n try {\n if (map && markersLayerGroup) {\n map.fitBounds(markersLayerGroup.getBounds(), {\n padding: L.point(mapSettings.fitBoundsPadding),\n });\n }\n } catch (err) {\n console.log(err);\n }\n }, [L, map, mapSettings.fitBoundsPadding, markersLayerGroup]);\n\n /**\n * Pan and zoom to active marker position on map\n * @param zoom\n */\n const flyToActive = useCallback(\n (zoom?: number) => {\n const mapZoom = zoom || mapSettings.zoom;\n const marker = mapSettings.markers?.find(\n (m) => m.id === mapSettings.activeMarkerId\n );\n if (marker) map?.flyTo(marker.position, mapZoom);\n },\n [map, mapSettings.activeMarkerId, mapSettings.markers, mapSettings.zoom]\n );\n\n /**\n * Pan and zoom to marker position on map\n * @param position\n * @param zoom\n */\n const flyToPosition = useCallback(\n (position?: [number, number], zoom?: number) => {\n const mapZoom = zoom || mapSettings.zoom;\n\n if (position) map?.flyTo(position, mapZoom);\n else flyToActive(mapZoom);\n },\n [flyToActive, map, mapSettings.zoom]\n );\n\n /**\n * Pan to marker position on map\n * @param position\n */\n const panToPosition = useCallback(\n (position?: [number, number]) => {\n if (position) map?.panTo(position);\n },\n [map]\n );\n\n /** Recalculate map size */\n const recalculateMapSize = useCallback(() => {\n map?.invalidateSize();\n }, [map]);\n\n const getCurrentZoom = useCallback(() => {\n return map?.getZoom() || mapSettings.zoom;\n }, [map, mapSettings.zoom]);\n\n return {\n setContainer,\n flyToActive,\n flyToPosition,\n panToPosition,\n showAllMarkers,\n recalculateMapSize,\n getCurrentZoom,\n isLoaded,\n };\n};\n\nexport default useLeafletMap;\n"],"names":["settings","_a","useState","container","setContainer","_b","L","setLeaflet","_c","map","setMap","_d","markersLayerGroup","setMarkersLayerGroup","prevMarkerId","useRef","_e","isLoaded","setLoaded","isRenderedRef","lastValidCenter","mapSettings","useMemo","Object","keys","forEach","key","undefined","__assign","center","zoom","touchZoom","scrollWheelZoom","showZoomControls","zoomControlPosition","onlyScrollOnFocus","url","attribution","markers","fitBoundsPadding","useEffect","__awaiter","current","Promise","resolve","then","_interopNamespace","require","leaflet","sent","zoomControl","minZoom","maxZoom","control","position","addTo","once","enable","disable","on","ev","onClick","call","getZoom","tileLayer","group","FeatureGroup","clearLayers","icon","id","isInteractive","size","isActive","activeMarkerId","markerIcon","iconUrl","iconSize","sizeActive","iconAnchor","anchorActive","anchor","marker","latLng","riseOnHover","interactive","onMarkerClick","addLayer","onActiveMarkerChanged","markerId","onReady","handleMapMove","restrictToMarkersArea","markersBounds","getBounds","pad","isValid","northEdge","getNorth","eastEdge","getEast","southEdge","getSouth","westEdge","getWest","getCenter","newLat","newLng","lat","lng","panTo","animate","off","showAllMarkers","useCallback","fitBounds","padding","point","err","console","log","flyToActive","mapZoom","find","m","flyTo","flyToPosition","panToPosition","recalculateMapSize","invalidateSize","getCurrentZoom"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("./Filter-89286db9.js"),r=require("react"),n=require("./styles-13e5d9ac.js"),t="undefined"!=typeof window&&void 0!==window.document,i=function(e,r){return t&&(r.length<=0||r.indexOf(e)>-1)&&("small"===e||window.matchMedia(n.mq[e]).matches)},a=function(e){return i("xxlarge",e)?"xxlarge":i("xlarge",e)?"xlarge":i("large",e)?"large":i("semilarge",e)?"semilarge":i("medium",e)?"medium":"small"},u=function(){return{small:!0,medium:window.matchMedia(n.mq.medium).matches,semilarge:window.matchMedia(n.mq.semilarge).matches,large:window.matchMedia(n.mq.large).matches,xlarge:window.matchMedia(n.mq.xlarge).matches,xxlarge:window.matchMedia(n.mq.xxlarge).matches}};exports.getMediaQuery=a,exports.isBrowser=t,exports.useDynamicMediaQueries=function(n){var t=r.useState((function(){return Object.keys(n).reduce((function(r,n){var t=e.__assign({},r);return t[n]=!1,t}),{})})),i=t[0],a=t[1];return r.useEffect((function(){var e=function(){var e={};for(var r in n)e[r]=window.matchMedia(n[r]).matches;return e},r=function(e){a((function(r){for(var n in e){if(void 0===r[n])return e;if(e[n]!==r[n])return e}return r}))},t=function(){r(e())};return window.addEventListener("resize",t),r(e()),function(){return window.removeEventListener("resize",t)}}),[n,i]),i},exports.useMediaQueries=function(){var e=r.useState({small:!0,medium:!1,semilarge:!1,large:!1,xlarge:!1,xxlarge:!1}),t=e[0],i=e[1];return r.useEffect((function(){var e=function(){var e=u();i((function(r){return function(e,r){var t=!1;for(var i in n.mq)if(e[i]!==r[i]){t=!0;break}return!t}(r,e)?r:e}))};return window.addEventListener("resize",e),i(u()),function(){return window.removeEventListener("resize",e)}}),[]),t},exports.useMediaQuery=function(e){var n=r.useMemo((function(){return e||[]}),[e]),t=r.useState(),i=t[0],u=t[1];return r.useEffect((function(){var e=function(){var e=a(n);e!==i&&u(e)};return window.addEventListener("resize",e),u(a(n)),function(){return window.removeEventListener("resize",e)}}),[n,i]),i};
2
+ //# sourceMappingURL=useMediaQuery-619d7203.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useMediaQuery-3d1054e5.js","sources":["../src/utils/useMediaQuery.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { MediaQueryType, mq } from './styles';\n\nexport const isBrowser =\n typeof window !== 'undefined' && typeof window.document !== 'undefined';\n\n// *****************\n// useBreakpoint\n// *****************\nconst checkMq = (cmq: MediaQueryType, checkMqs: MediaQueryType[]) => {\n return (\n isBrowser &&\n (checkMqs.length <= 0 || checkMqs.indexOf(cmq) > -1) &&\n (cmq !== 'small' ? window.matchMedia(mq[cmq]).matches : true)\n );\n};\n\nexport const getMediaQuery = (checkMqs: MediaQueryType[]): MediaQueryType => {\n if (checkMq('xxlarge', checkMqs)) {\n return 'xxlarge';\n } else if (checkMq('xlarge', checkMqs)) {\n return 'xlarge';\n } else if (checkMq('large', checkMqs)) {\n return 'large';\n } else if (checkMq('semilarge', checkMqs)) {\n return 'semilarge';\n } else if (checkMq('medium', checkMqs)) {\n return 'medium';\n } else {\n return 'small';\n }\n};\n\nexport const getMediaQueries = (): { [key in MediaQueryType]: boolean } => {\n return {\n small: true,\n medium: window.matchMedia(mq['medium']).matches,\n semilarge: window.matchMedia(mq['semilarge']).matches,\n large: window.matchMedia(mq['large']).matches,\n xlarge: window.matchMedia(mq['xlarge']).matches,\n xxlarge: window.matchMedia(mq['xxlarge']).matches,\n };\n};\n\nconst isEqual = (\n currentMqs: { [key in MediaQueryType]: boolean },\n newMqs: { [key in MediaQueryType]: boolean }\n) => {\n let isDifferent = false;\n\n for (const key in mq) {\n if (currentMqs[key] !== newMqs[key]) {\n isDifferent = true;\n break;\n }\n }\n\n return !isDifferent;\n};\n\nexport const useMediaQueries = () => {\n const [mediaQueries, setMediaQueries] = useState<\n { [key in MediaQueryType]: boolean }\n >({\n small: true,\n medium: false,\n semilarge: false,\n large: false,\n xlarge: false,\n xxlarge: false,\n });\n\n useEffect(() => {\n const handleResize = () => {\n const newMediaQueries = getMediaQueries();\n setMediaQueries((prev) => {\n if (!isEqual(prev, newMediaQueries)) {\n return newMediaQueries;\n } else return prev;\n });\n };\n\n window.addEventListener('resize', handleResize);\n setMediaQueries(getMediaQueries());\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return mediaQueries;\n};\n\nexport const useMediaQuery = (mqs?: MediaQueryType[]) => {\n const checkMqs = useMemo(() => mqs || [], [mqs]);\n const [mediaQuery, setMediaQuery] = useState<MediaQueryType | undefined>();\n\n useEffect(() => {\n const handleResize = () => {\n const newMediaQuery = getMediaQuery(checkMqs);\n\n if (newMediaQuery !== mediaQuery) {\n setMediaQuery(newMediaQuery);\n }\n };\n\n window.addEventListener('resize', handleResize);\n setMediaQuery(getMediaQuery(checkMqs));\n\n return () => window.removeEventListener('resize', handleResize);\n }, [checkMqs, mediaQuery]);\n\n return mediaQuery;\n};\n\nexport interface MediaQueries {\n [key: string]: string;\n}\n\nexport const useDynamicMediaQueries = <QueryMap extends MediaQueries>(\n mq: QueryMap\n) => {\n const [mediaQueries, setMediaQueries] = useState<\n { [key in keyof QueryMap]: boolean }\n >(() => {\n return Object.keys(mq).reduce((acc, current) => {\n const copy = { ...acc };\n copy[current] = false;\n return copy;\n }, {}) as Record<keyof QueryMap, boolean>;\n });\n\n useEffect(() => {\n const getMq = () => {\n const newQueryState = {};\n\n for (const key in mq) {\n newQueryState[key as string] = window.matchMedia(\n mq[key]\n ).matches;\n }\n return newQueryState as Record<keyof QueryMap, boolean>;\n };\n\n const setQueries = (newQueries: Record<keyof QueryMap, boolean>) => {\n setMediaQueries((prev) => {\n for (const key in newQueries) {\n if (prev[key] === undefined) return newQueries;\n if (newQueries[key] !== prev[key]) {\n return newQueries;\n }\n }\n return prev;\n });\n };\n\n const handleResize = () => {\n setQueries(getMq());\n };\n\n window.addEventListener('resize', handleResize);\n setQueries(getMq());\n\n return () => window.removeEventListener('resize', handleResize);\n }, [mq, mediaQueries]);\n\n return mediaQueries;\n};\n"],"names":["isBrowser","window","document","checkMq","cmq","checkMqs","length","indexOf","matchMedia","mq","matches","getMediaQuery","getMediaQueries","small","medium","semilarge","large","xlarge","xxlarge","_a","useState","Object","keys","reduce","acc","current","copy","__assign","mediaQueries","setMediaQueries","useEffect","getMq","newQueryState","key","setQueries","newQueries","prev","undefined","handleResize","addEventListener","removeEventListener","newMediaQueries","currentMqs","newMqs","isDifferent","isEqual","mqs","useMemo","mediaQuery","setMediaQuery","newMediaQuery"],"mappings":"6GAGaA,EACS,oBAAXC,aAAqD,IAApBA,OAAOC,SAK7CC,EAAU,SAACC,EAAqBC,GAClC,OACIL,IACCK,EAASC,QAAU,GAAKD,EAASE,QAAQH,IAAQ,KACzC,UAARA,GAAkBH,OAAOO,WAAWC,EAAAA,GAAGL,IAAMM,UAIzCC,EAAgB,SAACN,GAC1B,OAAIF,EAAQ,UAAWE,GACZ,UACAF,EAAQ,SAAUE,GAClB,SACAF,EAAQ,QAASE,GACjB,QACAF,EAAQ,YAAaE,GACrB,YACAF,EAAQ,SAAUE,GAClB,SAEA,SAIFO,EAAkB,WACpB,MAAA,CACHC,OAAO,EACPC,OAAQb,OAAOO,WAAWC,EAAEA,GAAA,QAAYC,QACxCK,UAAWd,OAAOO,WAAWC,EAAEA,GAAA,WAAeC,QAC9CM,MAAOf,OAAOO,WAAWC,EAAEA,GAAA,OAAWC,QACtCO,OAAQhB,OAAOO,WAAWC,EAAEA,GAAA,QAAYC,QACxCQ,QAASjB,OAAOO,WAAWC,EAAEA,GAAA,SAAaC,qFA6EZ,SAClCD,GAEM,IAAAU,EAAkCC,EAAAA,UAEtC,WACE,OAAOC,OAAOC,KAAKb,GAAIc,QAAO,SAACC,EAAKC,GAChC,IAAMC,EAAIC,EAAAA,SAAA,GAAQH,GAElB,OADAE,EAAKD,IAAW,EACTC,IACR,OAPAE,OAAcC,OA4CrB,OAlCAC,EAAAA,WAAU,WACAC,IAAAA,EAAQ,WACJC,IAAAA,EAAgB,GAEtB,IAAK,IAAMC,KAAOxB,EACduB,EAAcC,GAAiBhC,OAAOO,WAClCC,EAAGwB,IACLvB,QAEN,OAAOsB,GAGLE,EAAa,SAACC,GAChBN,GAAgB,SAACO,GACb,IAAK,IAAMH,KAAOE,EAAY,CACtBC,QAAcC,IAAdD,EAAKH,GAAoB,OAAOE,EAChCA,GAAAA,EAAWF,KAASG,EAAKH,GACzB,OAAOE,EAGf,OAAOC,MAITE,EAAe,WACjBJ,EAAWH,MAMf,OAHA9B,OAAOsC,iBAAiB,SAAUD,GAClCJ,EAAWH,KAEJ,WAAM,OAAA9B,OAAOuC,oBAAoB,SAAUF,MACnD,CAAC7B,EAAImB,IAEDA,2BAxGoB,WACrBT,IAAAA,EAAkCC,EAAAA,SAEtC,CACEP,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,OAAO,EACPC,QAAQ,EACRC,SAAS,IARNU,EAAYT,EAAA,GAAEU,OA2BrB,OAhBAC,EAAAA,WAAU,WACAQ,IAAAA,EAAe,WACXG,IAAAA,EAAkB7B,IACxBiB,GAAgB,SAACO,GACb,OAhCA,SACZM,EACAC,GAEIC,IAAAA,GAAc,EAElB,IAAK,IAAMX,KAAOxB,KACViC,GAAAA,EAAWT,KAASU,EAAOV,GAAM,CACjCW,GAAc,EACd,MAIR,OAAQA,EAmBSC,CAAQT,EAAMK,GAELL,EADHK,MAQnB,OAHAxC,OAAOsC,iBAAiB,SAAUD,GAClCT,EAAgBjB,KAET,WAAM,OAAAX,OAAOuC,oBAAoB,SAAUF,MACnD,IAEIV,yBAGkB,SAACkB,GAC1B,IAAMzC,EAAW0C,EAAAA,SAAQ,WAAMD,OAAAA,GAAO,KAAI,CAACA,IACrC3B,EAA8BC,EAAAA,WAA7B4B,EAAU7B,EAAA,GAAE8B,EAAa9B,EAAA,GAiBhC,OAfAW,EAAAA,WAAU,WACAQ,IAAAA,EAAe,WACjB,IAAMY,EAAgBvC,EAAcN,GAEhC6C,IAAkBF,GAClBC,EAAcC,IAOtB,OAHAjD,OAAOsC,iBAAiB,SAAUD,GAClCW,EAActC,EAAcN,IAErB,WAAM,OAAAJ,OAAOuC,oBAAoB,SAAUF,MACnD,CAACjC,EAAU2C,IAEPA"}
1
+ {"version":3,"file":"useMediaQuery-619d7203.js","sources":["../src/utils/useMediaQuery.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { MediaQueryType, mq } from './styles';\n\nexport const isBrowser =\n typeof window !== 'undefined' && typeof window.document !== 'undefined';\n\n// *****************\n// useBreakpoint\n// *****************\nconst checkMq = (cmq: MediaQueryType, checkMqs: MediaQueryType[]) => {\n return (\n isBrowser &&\n (checkMqs.length <= 0 || checkMqs.indexOf(cmq) > -1) &&\n (cmq !== 'small' ? window.matchMedia(mq[cmq]).matches : true)\n );\n};\n\nexport const getMediaQuery = (checkMqs: MediaQueryType[]): MediaQueryType => {\n if (checkMq('xxlarge', checkMqs)) {\n return 'xxlarge';\n } else if (checkMq('xlarge', checkMqs)) {\n return 'xlarge';\n } else if (checkMq('large', checkMqs)) {\n return 'large';\n } else if (checkMq('semilarge', checkMqs)) {\n return 'semilarge';\n } else if (checkMq('medium', checkMqs)) {\n return 'medium';\n } else {\n return 'small';\n }\n};\n\nexport const getMediaQueries = (): { [key in MediaQueryType]: boolean } => {\n return {\n small: true,\n medium: window.matchMedia(mq['medium']).matches,\n semilarge: window.matchMedia(mq['semilarge']).matches,\n large: window.matchMedia(mq['large']).matches,\n xlarge: window.matchMedia(mq['xlarge']).matches,\n xxlarge: window.matchMedia(mq['xxlarge']).matches,\n };\n};\n\nconst isEqual = (\n currentMqs: { [key in MediaQueryType]: boolean },\n newMqs: { [key in MediaQueryType]: boolean }\n) => {\n let isDifferent = false;\n\n for (const key in mq) {\n if (currentMqs[key] !== newMqs[key]) {\n isDifferent = true;\n break;\n }\n }\n\n return !isDifferent;\n};\n\nexport const useMediaQueries = () => {\n const [mediaQueries, setMediaQueries] = useState<\n { [key in MediaQueryType]: boolean }\n >({\n small: true,\n medium: false,\n semilarge: false,\n large: false,\n xlarge: false,\n xxlarge: false,\n });\n\n useEffect(() => {\n const handleResize = () => {\n const newMediaQueries = getMediaQueries();\n setMediaQueries((prev) => {\n if (!isEqual(prev, newMediaQueries)) {\n return newMediaQueries;\n } else return prev;\n });\n };\n\n window.addEventListener('resize', handleResize);\n setMediaQueries(getMediaQueries());\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return mediaQueries;\n};\n\nexport const useMediaQuery = (mqs?: MediaQueryType[]) => {\n const checkMqs = useMemo(() => mqs || [], [mqs]);\n const [mediaQuery, setMediaQuery] = useState<MediaQueryType | undefined>();\n\n useEffect(() => {\n const handleResize = () => {\n const newMediaQuery = getMediaQuery(checkMqs);\n\n if (newMediaQuery !== mediaQuery) {\n setMediaQuery(newMediaQuery);\n }\n };\n\n window.addEventListener('resize', handleResize);\n setMediaQuery(getMediaQuery(checkMqs));\n\n return () => window.removeEventListener('resize', handleResize);\n }, [checkMqs, mediaQuery]);\n\n return mediaQuery;\n};\n\nexport interface MediaQueries {\n [key: string]: string;\n}\n\nexport const useDynamicMediaQueries = <QueryMap extends MediaQueries>(\n mq: QueryMap\n) => {\n const [mediaQueries, setMediaQueries] = useState<\n { [key in keyof QueryMap]: boolean }\n >(() => {\n return Object.keys(mq).reduce((acc, current) => {\n const copy = { ...acc };\n copy[current] = false;\n return copy;\n }, {}) as Record<keyof QueryMap, boolean>;\n });\n\n useEffect(() => {\n const getMq = () => {\n const newQueryState = {};\n\n for (const key in mq) {\n newQueryState[key as string] = window.matchMedia(\n mq[key]\n ).matches;\n }\n return newQueryState as Record<keyof QueryMap, boolean>;\n };\n\n const setQueries = (newQueries: Record<keyof QueryMap, boolean>) => {\n setMediaQueries((prev) => {\n for (const key in newQueries) {\n if (prev[key] === undefined) return newQueries;\n if (newQueries[key] !== prev[key]) {\n return newQueries;\n }\n }\n return prev;\n });\n };\n\n const handleResize = () => {\n setQueries(getMq());\n };\n\n window.addEventListener('resize', handleResize);\n setQueries(getMq());\n\n return () => window.removeEventListener('resize', handleResize);\n }, [mq, mediaQueries]);\n\n return mediaQueries;\n};\n"],"names":["isBrowser","window","document","checkMq","cmq","checkMqs","length","indexOf","matchMedia","mq","matches","getMediaQuery","getMediaQueries","small","medium","semilarge","large","xlarge","xxlarge","_a","useState","Object","keys","reduce","acc","current","copy","__assign","mediaQueries","setMediaQueries","useEffect","getMq","newQueryState","key","setQueries","newQueries","prev","undefined","handleResize","addEventListener","removeEventListener","newMediaQueries","currentMqs","newMqs","isDifferent","isEqual","mqs","useMemo","mediaQuery","setMediaQuery","newMediaQuery"],"mappings":"wGAGaA,EACS,oBAAXC,aAAqD,IAApBA,OAAOC,SAK7CC,EAAU,SAACC,EAAqBC,GAClC,OACIL,IACCK,EAASC,QAAU,GAAKD,EAASE,QAAQH,IAAQ,KACzC,UAARA,GAAkBH,OAAOO,WAAWC,EAAAA,GAAGL,IAAMM,UAIzCC,EAAgB,SAACN,GAC1B,OAAIF,EAAQ,UAAWE,GACZ,UACAF,EAAQ,SAAUE,GAClB,SACAF,EAAQ,QAASE,GACjB,QACAF,EAAQ,YAAaE,GACrB,YACAF,EAAQ,SAAUE,GAClB,SAEA,SAIFO,EAAkB,WACpB,MAAA,CACHC,OAAO,EACPC,OAAQb,OAAOO,WAAWC,EAAEA,GAAA,QAAYC,QACxCK,UAAWd,OAAOO,WAAWC,EAAEA,GAAA,WAAeC,QAC9CM,MAAOf,OAAOO,WAAWC,EAAEA,GAAA,OAAWC,QACtCO,OAAQhB,OAAOO,WAAWC,EAAEA,GAAA,QAAYC,QACxCQ,QAASjB,OAAOO,WAAWC,EAAEA,GAAA,SAAaC,qFA6EZ,SAClCD,GAEM,IAAAU,EAAkCC,EAAAA,UAEtC,WACE,OAAOC,OAAOC,KAAKb,GAAIc,QAAO,SAACC,EAAKC,GAChC,IAAMC,EAAIC,EAAAA,SAAA,GAAQH,GAElB,OADAE,EAAKD,IAAW,EACTC,IACR,OAPAE,OAAcC,OA4CrB,OAlCAC,EAAAA,WAAU,WACAC,IAAAA,EAAQ,WACJC,IAAAA,EAAgB,GAEtB,IAAK,IAAMC,KAAOxB,EACduB,EAAcC,GAAiBhC,OAAOO,WAClCC,EAAGwB,IACLvB,QAEN,OAAOsB,GAGLE,EAAa,SAACC,GAChBN,GAAgB,SAACO,GACb,IAAK,IAAMH,KAAOE,EAAY,CACtBC,QAAcC,IAAdD,EAAKH,GAAoB,OAAOE,EAChCA,GAAAA,EAAWF,KAASG,EAAKH,GACzB,OAAOE,EAGf,OAAOC,MAITE,EAAe,WACjBJ,EAAWH,MAMf,OAHA9B,OAAOsC,iBAAiB,SAAUD,GAClCJ,EAAWH,KAEJ,WAAM,OAAA9B,OAAOuC,oBAAoB,SAAUF,MACnD,CAAC7B,EAAImB,IAEDA,2BAxGoB,WACrBT,IAAAA,EAAkCC,EAAAA,SAEtC,CACEP,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,OAAO,EACPC,QAAQ,EACRC,SAAS,IARNU,EAAYT,EAAA,GAAEU,OA2BrB,OAhBAC,EAAAA,WAAU,WACAQ,IAAAA,EAAe,WACXG,IAAAA,EAAkB7B,IACxBiB,GAAgB,SAACO,GACb,OAhCA,SACZM,EACAC,GAEIC,IAAAA,GAAc,EAElB,IAAK,IAAMX,KAAOxB,KACViC,GAAAA,EAAWT,KAASU,EAAOV,GAAM,CACjCW,GAAc,EACd,MAIR,OAAQA,EAmBSC,CAAQT,EAAMK,GAELL,EADHK,MAQnB,OAHAxC,OAAOsC,iBAAiB,SAAUD,GAClCT,EAAgBjB,KAET,WAAM,OAAAX,OAAOuC,oBAAoB,SAAUF,MACnD,IAEIV,yBAGkB,SAACkB,GAC1B,IAAMzC,EAAW0C,EAAAA,SAAQ,WAAMD,OAAAA,GAAO,KAAI,CAACA,IACrC3B,EAA8BC,EAAAA,WAA7B4B,EAAU7B,EAAA,GAAE8B,EAAa9B,EAAA,GAiBhC,OAfAW,EAAAA,WAAU,WACAQ,IAAAA,EAAe,WACjB,IAAMY,EAAgBvC,EAAcN,GAEhC6C,IAAkBF,GAClBC,EAAcC,IAOtB,OAHAjD,OAAOsC,iBAAiB,SAAUD,GAClCW,EAActC,EAAcN,IAErB,WAAM,OAAAJ,OAAOuC,oBAAoB,SAAUF,MACnD,CAACjC,EAAU2C,IAEPA"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e,t=require("react");exports.ScrollDirection=void 0,(e=exports.ScrollDirection||(exports.ScrollDirection={}))[e.UP=0]="UP",e[e.DOWN=1]="DOWN";exports.useScroll=function(e){var r=e.initialTopOffset,o=void 0===r?0:r,n=e.onLeftOffset,i=e.onEnterOffset,f=t.useState(o),s=f[0],c=f[1],u=t.useState(!0),w=u[0],l=u[1],p=t.useState(!0),a=p[0],O=p[1],d=t.useState(exports.ScrollDirection.DOWN),D=d[0],S=d[1],g=t.useRef(0);return t.useEffect((function(){if("undefined"!=typeof window){var e=function(){l(window.pageYOffset<=1),O(window.pageYOffset<=1+s),g.current&&(window.pageYOffset>1+s&&g.current<=1+s&&n&&n(),window.pageYOffset<=1+s&&g.current>1+s&&i&&i(),S((function(e){return window.pageYOffset<=1||window.pageYOffset>g.current?exports.ScrollDirection.DOWN:window.pageYOffset<g.current?exports.ScrollDirection.UP:e}))),g.current=window.pageYOffset};return e(),window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}}),[g,n,i,D,s]),{isTop:w,isInOffset:a,scrollDirection:D,setTopOffset:c,topOffset:s}};
2
+ //# sourceMappingURL=useScroll-2f086e7f.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScroll-2f086e7f.js","sources":["../src/utils/useScroll.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport enum ScrollDirection {\n UP,\n DOWN,\n}\n\nexport const useScroll = ({\n initialTopOffset = 0,\n onLeftOffset,\n onEnterOffset,\n}: {\n initialTopOffset?: number;\n onLeftOffset?: () => void;\n onEnterOffset?: () => void;\n}) => {\n const [topOffset, setTopOffset] = useState<number>(initialTopOffset);\n const [isTop, setIsTop] = useState<boolean>(true);\n const [isInOffset, setIsInOffset] = useState<boolean>(true);\n const [scrollDirection, setScrollDirection] = useState<ScrollDirection>(\n ScrollDirection.DOWN\n );\n const lastScrollPos = useRef<number>(0);\n\n useEffect(() => {\n if (typeof window === 'undefined') return;\n const handleScroll = () => {\n setIsTop(window.pageYOffset <= 1);\n setIsInOffset(window.pageYOffset <= 1 + topOffset);\n\n if (lastScrollPos.current) {\n // check if top offset is left\n if (\n window.pageYOffset > 1 + topOffset &&\n lastScrollPos.current <= 1 + topOffset\n ) {\n onLeftOffset && onLeftOffset();\n }\n\n // check if top offset was joined\n if (\n window.pageYOffset <= 1 + topOffset &&\n lastScrollPos.current > 1 + topOffset\n ) {\n onEnterOffset && onEnterOffset();\n }\n\n setScrollDirection((prev) => {\n if (window.pageYOffset <= 1) return ScrollDirection.DOWN;\n return window.pageYOffset > lastScrollPos.current\n ? ScrollDirection.DOWN\n : window.pageYOffset < lastScrollPos.current\n ? ScrollDirection.UP\n : prev;\n });\n }\n lastScrollPos.current = window.pageYOffset;\n };\n\n handleScroll();\n window.addEventListener('scroll', handleScroll);\n\n return () => {\n window.removeEventListener('scroll', handleScroll);\n };\n }, [\n lastScrollPos,\n onLeftOffset,\n onEnterOffset,\n scrollDirection,\n topOffset,\n ]);\n\n return {\n isTop,\n isInOffset,\n scrollDirection,\n setTopOffset,\n topOffset,\n };\n};\n"],"names":["ScrollDirection","_a","_b","initialTopOffset","onLeftOffset","onEnterOffset","_c","useState","topOffset","setTopOffset","_d","isTop","setIsTop","_e","isInOffset","setIsInOffset","_f","DOWN","scrollDirection","setScrollDirection","lastScrollPos","useRef","useEffect","window","handleScroll","pageYOffset","current","prev","UP","addEventListener","removeEventListener"],"mappings":"iBAEYA,qBAAAA,QAAZA,qBAAA,GAAYA,EAAAA,0BAAAA,QAAAA,gBAGX,KAFGA,EAAA,GAAA,GAAA,KACAA,EAAAA,EAAA,KAAA,GAAA,yBAGqB,SAACC,OACtBC,EAAoBD,EAAAE,iBAApBA,OAAgB,IAAAD,EAAG,EAACA,EACpBE,EAAYH,EAAAG,aACZC,EAAaJ,EAAAI,cAMPC,EAA4BC,EAAQA,SAASJ,GAA5CK,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAoBH,EAAQA,UAAU,GAArCI,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GAChBG,EAA8BN,EAAQA,UAAU,GAA/CO,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAC1BG,EAAwCT,EAAAA,SAC1CP,QAAeA,gBAACiB,MADbC,EAAeF,EAAA,GAAEG,OAGlBC,EAAgBC,SAAe,GAmD9B,OAjDPC,EAAAA,WAAU,WACN,GAAsB,oBAAXC,OAAX,CACMC,IAAAA,EAAe,WACjBZ,EAASW,OAAOE,aAAe,GAC/BV,EAAcQ,OAAOE,aAAe,EAAIjB,GAEpCY,EAAcM,UAGVH,OAAOE,YAAc,EAAIjB,GACzBY,EAAcM,SAAW,EAAIlB,GAE7BJ,GAAgBA,IAKhBmB,OAAOE,aAAe,EAAIjB,GAC1BY,EAAcM,QAAU,EAAIlB,GAE5BH,GAAiBA,IAGrBc,GAAmB,SAACQ,GACZJ,OAAAA,OAAOE,aAAe,GACnBF,OAAOE,YAAcL,EAAcM,QADN1B,QAAAA,gBAAgBiB,KAG9CM,OAAOE,YAAcL,EAAcM,QACnC1B,QAAAA,gBAAgB4B,GAChBD,MAGdP,EAAcM,QAAUH,OAAOE,aAMnC,OAHAD,IACAD,OAAOM,iBAAiB,SAAUL,GAE3B,WACHD,OAAOO,oBAAoB,SAAUN,OAE1C,CACCJ,EACAhB,EACAC,EACAa,EACAV,IAGG,CACHG,MAAKA,EACLG,WAAUA,EACVI,gBAAeA,EACfT,aAAYA,EACZD,UAASA"}
@@ -1,7 +1,7 @@
1
- import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
1
+ import { a as __makeTemplateObject } from './Filter-19220970.js';
2
2
  import React__default from 'react';
3
3
  import styled from 'styled-components';
4
- import { m as mq, s as spacings } from './styles-da982973.js';
4
+ import { m as mq, s as spacings } from './styles-1f1841ef.js';
5
5
 
6
6
  var View = styled.div.withConfig({
7
7
  displayName: "Actions__View",
@@ -54,4 +54,4 @@ var Actions = function (_a) {
54
54
  var templateObject_1, templateObject_2, templateObject_3;
55
55
 
56
56
  export { Actions as A };
57
- //# sourceMappingURL=Actions-21372b3a.js.map
57
+ //# sourceMappingURL=Actions-e29b5e75.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Actions-21372b3a.js","sources":["../src/components/blocks/Actions.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div<{ isCovered?: boolean }>`\n display: block;\n\n @media ${mq.medium} {\n display: ${({ isCovered }) => (isCovered ? 'block' : 'inline-block')};\n }\n`;\n\nconst Content = styled.div<{\n isMirrored?: boolean;\n isCovered?: boolean;\n}>`\n display: flex;\n flex-wrap: wrap;\n flex-direction: ${({ isMirrored }) =>\n isMirrored ? 'column-reverse' : 'column'};\n\n margin-top: -${spacings.nudge * 2}px;\n margin-left: -${spacings.spacer}px;\n\n &&& > * {\n /* flex: 1 1 ${({ isCovered }) => (isCovered ? '100%' : '0px')}; */\n margin-top: ${spacings.nudge * 2}px;\n margin-left: ${spacings.spacer}px;\n\n /* min-width: ${({ isCovered }) => isCovered && '0px'}; */\n }\n\n @media ${mq.medium} {\n display: ${({ isCovered }) => (isCovered ? 'flex' : 'inline-flex')};\n flex-direction: ${({ isMirrored }) =>\n isMirrored ? 'row-reverse' : 'row'};\n align-items: stretch;\n width: auto;\n }\n`;\n\nconst TertiaryWrapper = styled.div`\n align-self: flex-start;\n\n @media ${mq.medium} {\n align-self: center;\n }\n`;\n\nexport type ActionMode = 'wrap' | 'cover';\n\nconst Actions: FC<{\n /** Behaviour of content wrapping. If set to cover the action container always tries to fill full width */\n mode?: ActionMode;\n /** Switch order of primary and secondary action */\n isMirrored?: boolean;\n /** React node of primary action */\n primary?: React.ReactNode;\n /** React node of secondary action */\n secondary?: React.ReactNode;\n /** React node of tertiary action */\n tertiary?: React.ReactNode;\n className?: string;\n}> = ({\n mode = 'wrap',\n isMirrored = false,\n primary,\n secondary,\n tertiary,\n className,\n}) => {\n return (\n <View isCovered={mode === 'cover'} className={className}>\n <Content isCovered={mode === 'cover'} isMirrored={isMirrored}>\n {primary && primary}\n {secondary && secondary}\n {tertiary && <TertiaryWrapper>{tertiary}</TertiaryWrapper>}\n </Content>\n </View>\n );\n};\n\nexport default Actions;\n"],"names":["View","styled","div","mq","medium","_a","isCovered","Content","templateObject_2","__makeTemplateObject","isMirrored","spacings","nudge","spacer","TertiaryWrapper","templateObject_3","Actions","_b","mode","_c","primary","secondary","tertiary","className","React","createElement"],"mappings":"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"}
1
+ {"version":3,"file":"Actions-e29b5e75.js","sources":["../src/components/blocks/Actions.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div<{ isCovered?: boolean }>`\n display: block;\n\n @media ${mq.medium} {\n display: ${({ isCovered }) => (isCovered ? 'block' : 'inline-block')};\n }\n`;\n\nconst Content = styled.div<{\n isMirrored?: boolean;\n isCovered?: boolean;\n}>`\n display: flex;\n flex-wrap: wrap;\n flex-direction: ${({ isMirrored }) =>\n isMirrored ? 'column-reverse' : 'column'};\n\n margin-top: -${spacings.nudge * 2}px;\n margin-left: -${spacings.spacer}px;\n\n &&& > * {\n /* flex: 1 1 ${({ isCovered }) => (isCovered ? '100%' : '0px')}; */\n margin-top: ${spacings.nudge * 2}px;\n margin-left: ${spacings.spacer}px;\n\n /* min-width: ${({ isCovered }) => isCovered && '0px'}; */\n }\n\n @media ${mq.medium} {\n display: ${({ isCovered }) => (isCovered ? 'flex' : 'inline-flex')};\n flex-direction: ${({ isMirrored }) =>\n isMirrored ? 'row-reverse' : 'row'};\n align-items: stretch;\n width: auto;\n }\n`;\n\nconst TertiaryWrapper = styled.div`\n align-self: flex-start;\n\n @media ${mq.medium} {\n align-self: center;\n }\n`;\n\nexport type ActionMode = 'wrap' | 'cover';\n\nconst Actions: FC<{\n /** Behaviour of content wrapping. If set to cover the action container always tries to fill full width */\n mode?: ActionMode;\n /** Switch order of primary and secondary action */\n isMirrored?: boolean;\n /** React node of primary action */\n primary?: React.ReactNode;\n /** React node of secondary action */\n secondary?: React.ReactNode;\n /** React node of tertiary action */\n tertiary?: React.ReactNode;\n className?: string;\n}> = ({\n mode = 'wrap',\n isMirrored = false,\n primary,\n secondary,\n tertiary,\n className,\n}) => {\n return (\n <View isCovered={mode === 'cover'} className={className}>\n <Content isCovered={mode === 'cover'} isMirrored={isMirrored}>\n {primary && primary}\n {secondary && secondary}\n {tertiary && <TertiaryWrapper>{tertiary}</TertiaryWrapper>}\n </Content>\n </View>\n );\n};\n\nexport default Actions;\n"],"names":["View","styled","div","mq","medium","_a","isCovered","Content","templateObject_2","__makeTemplateObject","isMirrored","spacings","nudge","spacer","TertiaryWrapper","templateObject_3","Actions","_b","mode","_c","primary","secondary","tertiary","className","React","createElement"],"mappings":";;;;;AAKA,IAAMA,IAAI,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,eAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,gJAAsC,wCAG1B,yBACsD,eAJlE,EAGGC,EAAE,CAACC,MAHN,EAIS,UAACC,EAAD,EAAc;AAAX,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,OAAH,GAAa,cAAvB,CAAA;AAAsC,CAJlE,CAAV,CAAA;AAQA,IAAMC,OAAO,GAAGN,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,kBAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaM,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,kEAAA,EAAA,wBAAA,EAAA,yBAAA,EAAA,6CAAA,EAAA,4BAAA,EAAA,4BAAA,EAAA,+BAAA,EAAA,4BAAA,EAAA,uBAAA,EAAA,6BAAA,EAAA,iEAAA,CAAA,EAAA,CAGxB,kEAHwB,EAOsB,wBAPtB,EASW,yBATX,EAUS,6CAVT,EAa4C,4BAb5C,EAcc,4BAdd,EAeY,+BAfZ,EAiBmC,4BAjBnC,EAoBJ,uBApBI,EAqBgD,6BArBhD,EAuBoB,iEAvBpB,CAAA,CAAA,CAAb,EAMS,UAACJ,EAAD,EAAe;AAAZ,EAAA,IAAAK,UAAU,GAAAL,EAAA,CAAAK,UAAV,CAAA;AACjB,EAAA,OAAAA,UAAU,GAAG,gBAAH,GAAsB,QAAhC,CAAA;AAAwC,CAPnC,EASMC,QAAQ,CAACC,KAAT,GAAiB,CATvB,EAUOD,QAAQ,CAACE,MAVhB,EAaU,UAACR,EAAD,EAAc;AAAX,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,MAAH,GAAY,KAAtB,CAAA;AAA4B,CAbzD,EAcSK,QAAQ,CAACC,KAAT,GAAiB,CAd1B,EAeUD,QAAQ,CAACE,MAfnB,EAiBW,UAACR,EAAD,EAAc;AAAX,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT,CAAA;AAAgB,EAAAA,OAAAA,SAAS,IAAI,KAAb,CAAA;AAAkB,CAjBhD,EAoBAH,EAAE,CAACC,MApBH,EAqBM,UAACC,EAAD,EAAc;AAAX,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT,CAAA;AAAgB,EAAA,OAACA,SAAS,GAAG,MAAH,GAAY,aAAtB,CAAA;AAAoC,CArB7D,EAsBa,UAACD,EAAD,EAAe;AAAZ,EAAA,IAAAK,UAAU,GAAAL,EAAA,CAAAK,UAAV,CAAA;AACjB,EAAA,OAAAA,UAAU,GAAG,aAAH,GAAmB,KAA7B,CAAA;AAAkC,CAvBjC,CAAb,CAAA;AA6BA,IAAMI,eAAe,GAAGb,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,0BAAA;AAAA,EAAA,WAAA,EAAA,cAAA;AAAA,CAAaa,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAN,oBAAA,CAAA,CAAA,8CAAA,EAAA,0CAAA,CAAA,EAAA,CAAA,8CAAA,EAGZ,0CAHY,CAAA,CAAA,CAAb,EAGRN,EAAE,CAACC,MAHK,CAArB,CAAA;;AAUA,IAAMY,OAAO,GAYR,UAACX,EAAD,EAOJ;MANGY,EAAa,GAAAZ,EAAA,CAAAa;MAAbA,IAAI,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAA;MACPE,EAAA,GAAAd,EAAA,CAAAK;MAAAA,UAAU,GAAGS,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA;MACbC,OAAO,GAAAf,EAAA,CAAAe;MACPC,SAAS,GAAAhB,EAAA,CAAAgB;MACTC,QAAQ,GAAAjB,EAAA,CAAAiB;MACRC,SAAS,GAAAlB,EAAA,CAAAkB;AAET,EAAA,OACIC,cAAA,CAAAC,aAAA,CAACzB,IAAD,EAAK;AAACM,IAAAA,SAAS,EAAEY,IAAI,KAAK,OAArB;AAA8BK,IAAAA,SAAS,EAAEA,SAAAA;AAAzC,GAAL,EACIC,cAAC,CAAAC,aAAD,CAAClB,OAAD,EAAS;AAAAD,IAAAA,SAAS,EAAEY,IAAI,KAAK,OAApB;AAA6BR,IAAAA,UAAU,EAAEA,UAAAA;AAAzC,GAAT,EACKU,OAAO,IAAIA,OADhB,EAEKC,SAAS,IAAIA,SAFlB,EAGKC,QAAQ,IAAIE,4BAAA,CAACV,eAAD,EAAgB,IAAhB,EAAkBQ,QAAlB,CAHjB,CADJ,CADJ,CAAA;AASH,EA7BD;;;;;"}
@@ -1,7 +1,7 @@
1
- import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
1
+ import { a as __makeTemplateObject } from './Filter-19220970.js';
2
2
  import * as React from 'react';
3
3
  import styled from 'styled-components';
4
- import { L as Link } from './Link-3fd9c9b8.js';
4
+ import { L as Link } from './Link-6067a27f.js';
5
5
 
6
6
  var bdotColor = '#1fc2f4';
7
7
  var Dot = styled(Link).withConfig({
@@ -21,4 +21,4 @@ var Bdot = function (_a) {
21
21
  var templateObject_1;
22
22
 
23
23
  export { Bdot as B };
24
- //# sourceMappingURL=Bdot-4db38753.js.map
24
+ //# sourceMappingURL=Bdot-5e798e7e.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Bdot-4db38753.js","sources":["../src/components/blocks/Bdot.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport Link from 'components/typography/Link';\n\nconst bdotColor = '#1fc2f4';\n\nconst Dot = styled(Link)`\n width: 14px;\n height: 14px;\n\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n\n background: ${bdotColor};\n color: ${bdotColor};\n text-decoration: none;\n\n span {\n visibility: hidden;\n font-size: 0;\n color: transparent;\n }\n`;\n\nconst Bdot: React.FC<{ className?: string }> = ({ className }) => {\n return (\n <Dot\n ariaLabel=\"b.lateral - creative agency\"\n className={className}\n href=\"https://blateral.com\"\n isExternal\n >\n <span>b.lateral - creative agency</span>\n </Dot>\n );\n};\n\nexport default Bdot;\n"],"names":["bdotColor","Dot","styled","Link","templateObject_1","__makeTemplateObject","Bdot","_a","className","React","createElement","ariaLabel","href","isExternal"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAG,SAAlB,CAAA;AAEA,IAAMC,GAAG,GAAGC,MAAM,CAACC,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,WAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAeC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,+IAAA,EAAA,gBAAA,EAAA,uIAAA,CAAA,EAAA,CAAA,+IAAA,EAQG,gBARH,EASF,uIATE,CAAA,CAAA,CAAf,EAQSL,SART,EASIA,SATJ,CAAT,CAAA;;AAmBA,IAAMM,IAAI,GAAqC,UAACC,EAAD,EAAc;AAAX,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT,CAAA;AAC9C,EAAA,OACIC,KAAC,CAAAC,aAAD,CAACT,GAAD,EACI;AAAAU,IAAAA,SAAS,EAAC,6BAAV;AACAH,IAAAA,SAAS,EAAEA,SADX;AAEAI,IAAAA,IAAI,EAAC,sBAFL;AAGAC,IAAAA,UAAU,EAAA,IAAA;AAHV,GADJ,EAMIJ,KAAwC,CAAAC,aAAxC,CAAwC,MAAxC,EAAwC,IAAxC,EAAwC,6BAAxC,CANJ,CADJ,CAAA;AAUH,EAXD;;;;;"}
1
+ {"version":3,"file":"Bdot-5e798e7e.js","sources":["../src/components/blocks/Bdot.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport Link from 'components/typography/Link';\n\nconst bdotColor = '#1fc2f4';\n\nconst Dot = styled(Link)`\n width: 14px;\n height: 14px;\n\n display: inline-block;\n vertical-align: middle;\n border-radius: 50%;\n\n background: ${bdotColor};\n color: ${bdotColor};\n text-decoration: none;\n\n span {\n visibility: hidden;\n font-size: 0;\n color: transparent;\n }\n`;\n\nconst Bdot: React.FC<{ className?: string }> = ({ className }) => {\n return (\n <Dot\n ariaLabel=\"b.lateral - creative agency\"\n className={className}\n href=\"https://blateral.com\"\n isExternal\n >\n <span>b.lateral - creative agency</span>\n </Dot>\n );\n};\n\nexport default Bdot;\n"],"names":["bdotColor","Dot","styled","Link","templateObject_1","__makeTemplateObject","Bdot","_a","className","React","createElement","ariaLabel","href","isExternal"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAG,SAAlB,CAAA;AAEA,IAAMC,GAAG,GAAGC,MAAM,CAACC,IAAD,CAAT,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,WAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAeC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,+IAAA,EAAA,gBAAA,EAAA,uIAAA,CAAA,EAAA,CAAA,+IAAA,EAQG,gBARH,EASF,uIATE,CAAA,CAAA,CAAf,EAQSL,SART,EASIA,SATJ,CAAT,CAAA;;AAmBA,IAAMM,IAAI,GAAqC,UAACC,EAAD,EAAc;AAAX,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT,CAAA;AAC9C,EAAA,OACIC,KAAC,CAAAC,aAAD,CAACT,GAAD,EACI;AAAAU,IAAAA,SAAS,EAAC,6BAAV;AACAH,IAAAA,SAAS,EAAEA,SADX;AAEAI,IAAAA,IAAI,EAAC,sBAFL;AAGAC,IAAAA,UAAU,EAAA,IAAA;AAHV,GADJ,EAMIJ,KAAwC,CAAAC,aAAxC,CAAwC,MAAxC,EAAwC,IAAxC,EAAwC,6BAAxC,CANJ,CADJ,CAAA;AAUH,EAXD;;;;;"}
@@ -1,8 +1,8 @@
1
- import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ClockFilled-62515a8f.js';
1
+ import { a as __makeTemplateObject, d as __rest, _ as __assign } from './Filter-19220970.js';
2
2
  import React__default from 'react';
3
3
  import styled, { css } from 'styled-components';
4
4
  import { h as hexToRgba } from './hexRgbConverter-edb91624.js';
5
- import { s as spacings, a as getFonts, w as withRange, c as getGlobals, g as getColors, m as mq } from './styles-da982973.js';
5
+ import { s as spacings, a as getFonts, w as withRange, c as getGlobals, g as getColors, m as mq } from './styles-1f1841ef.js';
6
6
 
7
7
  var View = styled.a.withConfig({
8
8
  displayName: "Button__View",
@@ -112,4 +112,4 @@ var Button$1 = {
112
112
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
113
113
 
114
114
  export { Button$1 as B };
115
- //# sourceMappingURL=Button-f9279013.js.map
115
+ //# sourceMappingURL=Button-9a0dd9aa.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button-f9279013.js","sources":["../src/components/buttons/Button.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n getColors as color,\n getFonts as font,\n getGlobals as global,\n mq,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n inverted?: boolean;\n disable?: boolean;\n size?: 'default' | 'small';\n}>`\n min-height: 3em;\n height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n padding: 0.1em 1.2em;\n\n max-width: calc(100% - ${spacings.spacer}px);\n\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n\n vertical-align: middle;\n\n font-family: ${({ theme }) => font(theme).copy.medium.family};\n ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n line-height: 1;\n letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n text-decoration: none;\n\n outline: none;\n border: 1px solid transparent;\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n user-select: none;\n cursor: pointer;\n\n pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n background-color: ${({ theme, inverted, disable }) =>\n disable\n ? color(theme).elementBg.medium\n : inverted\n ? color(theme).primary.inverted\n : color(theme).primary.default};\n color: ${({ theme, inverted, disable }) =>\n disable\n ? hexToRgba(color(theme).text.default, 0.4)\n : !inverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n text-align: left;\n\n transition: all ease-in-out 0.2s;\n\n & > * {\n color: ${({ theme, inverted, disable }) =>\n disable\n ? hexToRgba(color(theme).text.default, 0.4)\n : !inverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n }\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n & > *[data-btn-desktop] + *[data-btn-mobile] {\n margin-left: 0;\n }\n & > *[data-btn-mobile] + *[data-btn-desktop] {\n margin-left: 0;\n }\n & > *[data-btn-desktop] {\n display: none;\n }\n & > *:not([data-btn-desktop]) + * {\n margin-left: 0;\n }\n\n @media (hover: hover) and (pointer: fine) {\n ${({ disable, inverted }) =>\n !disable &&\n css`\n &:hover {\n box-shadow: 0px 8px 16px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.25)'};\n }\n `}\n }\n\n ${({ disable, inverted }) =>\n !disable &&\n css`\n &:focus {\n text-decoration: underline;\n box-shadow: 0px 8px 16px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.25)'};\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n outline: none;\n box-shadow: none;\n }\n\n &:active {\n box-shadow: 0px 2px 6px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.3)'};\n }\n `}\n\n @media ${mq.semilarge} {\n & > *[data-btn-desktop='true'] {\n display: inherit;\n }\n & > *[data-btn-mobile='true'] {\n display: none;\n }\n & > *:not([data-btn-mobile='true']) + * {\n margin-left: 0;\n }\n }\n`;\n\ninterface Props {\n size?: 'default' | 'small';\n isInverted?: boolean;\n isDisabled?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n as?: 'button';\n onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n as?: 'a';\n href?: string;\n onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n isExternal?: boolean;\n};\n\nconst Button: React.FC<BtnProps | LinkProps> = React.forwardRef(\n (\n {\n as,\n size = 'default',\n isInverted,\n isDisabled,\n onClick,\n className,\n children,\n ...rest\n },\n ref\n ) => {\n if (as === 'button') {\n return (\n <View\n ref={ref}\n as={as as any}\n size={size}\n inverted={isInverted}\n disable={isDisabled}\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n } else {\n return (\n <View\n ref={ref}\n as={as as any}\n aria-disabled={isDisabled}\n size={size}\n href={(rest as LinkProps).href}\n target={\n (rest as LinkProps).isExternal ? '_blank' : undefined\n }\n rel={\n (rest as LinkProps).isExternal\n ? 'noopener noreferrer'\n : undefined\n }\n inverted={isInverted}\n disable={isDisabled}\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n }\n }\n);\n\nButton.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 35px;\n height: 35px;\n\n color: ${({ iconColor }) => iconColor || 'inherit'};\n\n transition: transform 0.2s ease-in-out;\n\n ${View}:hover > & {\n transform: translateX(3px);\n }\n`;\n\nconst Label = styled.span`\n display: inline-block;\n\n max-width: 100%;\n\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nexport default { View: Button, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","templateObject_3","__makeTemplateObject","_a","size","spacings","spacer","theme","font","copy","medium","family","withRange","weight","letterSpacing","global","sections","edgeRadius","disable","inverted","color","elementBg","primary","default","hexToRgba","text","nudge","css","templateObject_2","mq","semilarge","Button","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_4","iconColor","Label","span","templateObject_5"],"mappings":"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"}
1
+ {"version":3,"file":"Button-9a0dd9aa.js","sources":["../src/components/buttons/Button.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n getColors as color,\n getFonts as font,\n getGlobals as global,\n mq,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n inverted?: boolean;\n disable?: boolean;\n size?: 'default' | 'small';\n}>`\n min-height: 3em;\n height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n padding: 0.1em 1.2em;\n\n max-width: calc(100% - ${spacings.spacer}px);\n\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n\n vertical-align: middle;\n\n font-family: ${({ theme }) => font(theme).copy.medium.family};\n ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n line-height: 1;\n letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n text-decoration: none;\n\n outline: none;\n border: 1px solid transparent;\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n user-select: none;\n cursor: pointer;\n\n pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n background-color: ${({ theme, inverted, disable }) =>\n disable\n ? color(theme).elementBg.medium\n : inverted\n ? color(theme).primary.inverted\n : color(theme).primary.default};\n color: ${({ theme, inverted, disable }) =>\n disable\n ? hexToRgba(color(theme).text.default, 0.4)\n : !inverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n text-align: left;\n\n transition: all ease-in-out 0.2s;\n\n & > * {\n color: ${({ theme, inverted, disable }) =>\n disable\n ? hexToRgba(color(theme).text.default, 0.4)\n : !inverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n }\n\n & > * + * {\n margin-left: ${spacings.nudge}px;\n }\n & > *[data-btn-desktop] + *[data-btn-mobile] {\n margin-left: 0;\n }\n & > *[data-btn-mobile] + *[data-btn-desktop] {\n margin-left: 0;\n }\n & > *[data-btn-desktop] {\n display: none;\n }\n & > *:not([data-btn-desktop]) + * {\n margin-left: 0;\n }\n\n @media (hover: hover) and (pointer: fine) {\n ${({ disable, inverted }) =>\n !disable &&\n css`\n &:hover {\n box-shadow: 0px 8px 16px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.25)'};\n }\n `}\n }\n\n ${({ disable, inverted }) =>\n !disable &&\n css`\n &:focus {\n text-decoration: underline;\n box-shadow: 0px 8px 16px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.25)'};\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n outline: none;\n box-shadow: none;\n }\n\n &:active {\n box-shadow: 0px 2px 6px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.3)'};\n }\n `}\n\n @media ${mq.semilarge} {\n & > *[data-btn-desktop='true'] {\n display: inherit;\n }\n & > *[data-btn-mobile='true'] {\n display: none;\n }\n & > *:not([data-btn-mobile='true']) + * {\n margin-left: 0;\n }\n }\n`;\n\ninterface Props {\n size?: 'default' | 'small';\n isInverted?: boolean;\n isDisabled?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n as?: 'button';\n onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n as?: 'a';\n href?: string;\n onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n isExternal?: boolean;\n};\n\nconst Button: React.FC<BtnProps | LinkProps> = React.forwardRef(\n (\n {\n as,\n size = 'default',\n isInverted,\n isDisabled,\n onClick,\n className,\n children,\n ...rest\n },\n ref\n ) => {\n if (as === 'button') {\n return (\n <View\n ref={ref}\n as={as as any}\n size={size}\n inverted={isInverted}\n disable={isDisabled}\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n } else {\n return (\n <View\n ref={ref}\n as={as as any}\n aria-disabled={isDisabled}\n size={size}\n href={(rest as LinkProps).href}\n target={\n (rest as LinkProps).isExternal ? '_blank' : undefined\n }\n rel={\n (rest as LinkProps).isExternal\n ? 'noopener noreferrer'\n : undefined\n }\n inverted={isInverted}\n disable={isDisabled}\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n }\n }\n);\n\nButton.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 35px;\n height: 35px;\n\n color: ${({ iconColor }) => iconColor || 'inherit'};\n\n transition: transform 0.2s ease-in-out;\n\n ${View}:hover > & {\n transform: translateX(3px);\n }\n`;\n\nconst Label = styled.span`\n display: inline-block;\n\n max-width: 100%;\n\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nexport default { View: Button, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","templateObject_3","__makeTemplateObject","_a","size","spacings","spacer","theme","font","copy","medium","family","withRange","weight","letterSpacing","global","sections","edgeRadius","disable","inverted","color","elementBg","primary","default","hexToRgba","text","nudge","css","templateObject_2","mq","semilarge","Button","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_4","iconColor","Label","span","templateObject_5"],"mappings":"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"}
@@ -1,8 +1,8 @@
1
- import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ClockFilled-62515a8f.js';
1
+ import { a as __makeTemplateObject, d as __rest, _ as __assign } from './Filter-19220970.js';
2
2
  import * as React from 'react';
3
3
  import styled, { css } from 'styled-components';
4
4
  import { h as hexToRgba } from './hexRgbConverter-edb91624.js';
5
- import { s as spacings, a as getFonts, w as withRange, g as getColors, c as getGlobals } from './styles-da982973.js';
5
+ import { s as spacings, a as getFonts, w as withRange, g as getColors, c as getGlobals } from './styles-1f1841ef.js';
6
6
 
7
7
  var View = styled.a.withConfig({
8
8
  displayName: "ButtonGhost__View",
@@ -109,4 +109,4 @@ var ButtonGhost$1 = {
109
109
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
110
110
 
111
111
  export { ButtonGhost$1 as B };
112
- //# sourceMappingURL=ButtonGhost-ae2e97a2.js.map
112
+ //# sourceMappingURL=ButtonGhost-fc9e7a75.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGhost-ae2e97a2.js","sources":["../src/components/buttons/ButtonGhost.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n getColors as color,\n getFonts as font,\n getGlobals as global,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n inverted?: boolean;\n disable?: boolean;\n size?: 'default' | 'small';\n}>`\n min-height: 3em;\n height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n padding: 0.1em 1.2em;\n\n max-width: calc(100% - ${spacings.spacer}px);\n\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n\n vertical-align: middle;\n\n font-family: ${({ theme }) => font(theme).copy.medium.family};\n ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n line-height: 1;\n letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n text-align: center;\n text-decoration: none;\n\n outline: none;\n box-shadow: none;\n border: solid 1px\n ${({ inverted, disable, theme }) =>\n disable\n ? color(theme).elementBg.medium\n : inverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n user-select: none;\n cursor: pointer;\n\n pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n background-color: transparent;\n color: ${({ theme, inverted, disable }) =>\n disable\n ? inverted\n ? hexToRgba(color(theme).text.inverted, 0.6)\n : hexToRgba(color(theme).text.default, 0.6)\n : inverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n\n transition: all ease-in-out 0.2s;\n\n & > * {\n color: ${({ theme, inverted, disable }) =>\n disable\n ? inverted\n ? hexToRgba(color(theme).text.inverted, 0.6)\n : hexToRgba(color(theme).text.default, 0.6)\n : inverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n }\n\n & > :not(:last-child) {\n padding-right: ${spacings.nudge}px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n ${({ disable, inverted, theme }) =>\n !disable &&\n css`\n &:hover {\n box-shadow: 0px 8px 16px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.25)'};\n }\n\n &:focus {\n outline: 1px solid\n ${inverted\n ? color(theme).primary.inverted\n : color(theme).primary.default};\n outline-offset: 0;\n box-shadow: 0px 2px 6px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.3)'};\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n }\n\n &:active {\n box-shadow: 0px 2px 6px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.3)'};\n }\n `}\n }\n`;\n\ninterface Props {\n size?: 'default' | 'small';\n isInverted?: boolean;\n isDisabled?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n as?: 'button';\n onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n as?: 'a';\n href?: string;\n onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n isExternal?: boolean;\n};\n\nconst ButtonGhost: React.FC<BtnProps | LinkProps> = React.forwardRef(\n (\n {\n as,\n size = 'default',\n isInverted,\n isDisabled,\n onClick,\n className,\n children,\n ...rest\n },\n ref\n ) => {\n if (as === 'button') {\n return (\n <View\n ref={ref}\n as={as as any}\n size={size}\n inverted={isInverted}\n disable={isDisabled}\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n } else {\n return (\n <View\n ref={ref}\n as={as as any}\n aria-disabled={isDisabled}\n size={size}\n href={(rest as LinkProps).href}\n target={\n (rest as LinkProps).isExternal ? '_blank' : undefined\n }\n rel={\n (rest as LinkProps).isExternal\n ? 'noopener noreferrer'\n : undefined\n }\n inverted={isInverted}\n disable={isDisabled}\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n }\n }\n);\n\nButtonGhost.displayName = 'Button Ghost';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n width: 35px;\n height: 35px;\n\n color: ${({ iconColor }) => iconColor || 'inherit'};\n\n transition: transform 0.2s ease-in-out;\n\n ${View}:hover > & {\n transform: translateX(3px);\n }\n`;\n\nconst Label = styled.span`\n display: inline-block;\n\n max-width: 100%;\n\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nexport default { View: ButtonGhost, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","_a","size","spacings","spacer","theme","font","copy","medium","family","withRange","weight","letterSpacing","inverted","disable","color","elementBg","light","dark","global","sections","edgeRadius","hexToRgba","text","default","nudge","css","primary","ButtonGhost","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_3","__makeTemplateObject","iconColor","Label","span","templateObject_4"],"mappings":"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"}
1
+ {"version":3,"file":"ButtonGhost-fc9e7a75.js","sources":["../src/components/buttons/ButtonGhost.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n getColors as color,\n getFonts as font,\n getGlobals as global,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n inverted?: boolean;\n disable?: boolean;\n size?: 'default' | 'small';\n}>`\n min-height: 3em;\n height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n padding: 0.1em 1.2em;\n\n max-width: calc(100% - ${spacings.spacer}px);\n\n display: inline-flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n\n vertical-align: middle;\n\n font-family: ${({ theme }) => font(theme).copy.medium.family};\n ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n line-height: 1;\n letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n text-align: center;\n text-decoration: none;\n\n outline: none;\n box-shadow: none;\n border: solid 1px\n ${({ inverted, disable, theme }) =>\n disable\n ? color(theme).elementBg.medium\n : inverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.dark};\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n user-select: none;\n cursor: pointer;\n\n pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n background-color: transparent;\n color: ${({ theme, inverted, disable }) =>\n disable\n ? inverted\n ? hexToRgba(color(theme).text.inverted, 0.6)\n : hexToRgba(color(theme).text.default, 0.6)\n : inverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n\n transition: all ease-in-out 0.2s;\n\n & > * {\n color: ${({ theme, inverted, disable }) =>\n disable\n ? inverted\n ? hexToRgba(color(theme).text.inverted, 0.6)\n : hexToRgba(color(theme).text.default, 0.6)\n : inverted\n ? color(theme).text.inverted\n : color(theme).text.default};\n }\n\n & > :not(:last-child) {\n padding-right: ${spacings.nudge}px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n ${({ disable, inverted, theme }) =>\n !disable &&\n css`\n &:hover {\n box-shadow: 0px 8px 16px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.25)'};\n }\n\n &:focus {\n outline: 1px solid\n ${inverted\n ? color(theme).primary.inverted\n : color(theme).primary.default};\n outline-offset: 0;\n box-shadow: 0px 2px 6px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.3)'};\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n }\n\n &:active {\n box-shadow: 0px 2px 6px\n ${inverted\n ? 'rgba(255, 255, 255, 0.25)'\n : 'rgba(0, 0, 0, 0.3)'};\n }\n `}\n }\n`;\n\ninterface Props {\n size?: 'default' | 'small';\n isInverted?: boolean;\n isDisabled?: boolean;\n className?: string;\n children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n as?: 'button';\n onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n as?: 'a';\n href?: string;\n onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n isExternal?: boolean;\n};\n\nconst ButtonGhost: React.FC<BtnProps | LinkProps> = React.forwardRef(\n (\n {\n as,\n size = 'default',\n isInverted,\n isDisabled,\n onClick,\n className,\n children,\n ...rest\n },\n ref\n ) => {\n if (as === 'button') {\n return (\n <View\n ref={ref}\n as={as as any}\n size={size}\n inverted={isInverted}\n disable={isDisabled}\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n } else {\n return (\n <View\n ref={ref}\n as={as as any}\n aria-disabled={isDisabled}\n size={size}\n href={(rest as LinkProps).href}\n target={\n (rest as LinkProps).isExternal ? '_blank' : undefined\n }\n rel={\n (rest as LinkProps).isExternal\n ? 'noopener noreferrer'\n : undefined\n }\n inverted={isInverted}\n disable={isDisabled}\n onClick={onClick}\n className={className}\n {...rest}\n >\n {children}\n </View>\n );\n }\n }\n);\n\nButtonGhost.displayName = 'Button Ghost';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n width: 35px;\n height: 35px;\n\n color: ${({ iconColor }) => iconColor || 'inherit'};\n\n transition: transform 0.2s ease-in-out;\n\n ${View}:hover > & {\n transform: translateX(3px);\n }\n`;\n\nconst Label = styled.span`\n display: inline-block;\n\n max-width: 100%;\n\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nexport default { View: ButtonGhost, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","_a","size","spacings","spacer","theme","font","copy","medium","family","withRange","weight","letterSpacing","inverted","disable","color","elementBg","light","dark","global","sections","edgeRadius","hexToRgba","text","default","nudge","css","primary","ButtonGhost","React","forwardRef","ref","as","_b","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_3","__makeTemplateObject","iconColor","Label","span","templateObject_4"],"mappings":"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"}
@@ -1,8 +1,8 @@
1
- import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ClockFilled-62515a8f.js';
1
+ import { a as __makeTemplateObject, d as __rest, _ as __assign } from './Filter-19220970.js';
2
2
  import * as React from 'react';
3
3
  import styled, { css } from 'styled-components';
4
- import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
5
- import { e as styleTextColor, m as mq, a as getFonts, w as withRange } from './styles-da982973.js';
4
+ import { u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
5
+ import { e as styleTextColor, m as mq, a as getFonts, w as withRange } from './styles-1f1841ef.js';
6
6
 
7
7
  var BaseStyles = styled.h1.withConfig({
8
8
  displayName: "Callout__BaseStyles",
@@ -96,4 +96,4 @@ Callout.defaultProps = {
96
96
  var templateObject_1, templateObject_2, templateObject_3;
97
97
 
98
98
  export { Callout as C };
99
- //# sourceMappingURL=Callout-a926194d.js.map
99
+ //# sourceMappingURL=Callout-46f0bef0.js.map