@koine/react 2.0.0-beta.1 → 2.0.0-beta.10

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 (512) hide show
  1. package/Alert/Alert.js +31 -12
  2. package/Alert/Alert.mjs +19 -7
  3. package/Alert/Alert.stories.js +39 -0
  4. package/Alert/Alert.stories.mjs +18 -0
  5. package/Alert/index.js +5 -3
  6. package/Animations/Reveal.js +50 -18
  7. package/Animations/Reveal.mjs +39 -13
  8. package/Animations/Underline.d.ts +1 -1
  9. package/Animations/Underline.js +25 -7
  10. package/Animations/Underline.mjs +14 -4
  11. package/Animations/index.js +7 -5
  12. package/Animations/useReveal.js +51 -43
  13. package/Animations/useReveal.mjs +42 -40
  14. package/Autocomplete/AutocompleteDownshift.js +166 -160
  15. package/Autocomplete/AutocompleteDownshift.mjs +156 -157
  16. package/Autocomplete/AutocompleteDownshiftMultiselect.js +361 -355
  17. package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +351 -352
  18. package/Autocomplete/AutocompleteMui.d.ts +1 -1
  19. package/Autocomplete/AutocompleteMui.js +140 -137
  20. package/Autocomplete/AutocompleteMui.mjs +126 -89
  21. package/Autocomplete/AutocompleteReach.js +120 -114
  22. package/Autocomplete/AutocompleteReach.mjs +110 -111
  23. package/Autocomplete/components.d.ts +12 -16
  24. package/Autocomplete/components.js +129 -34
  25. package/Autocomplete/components.mjs +76 -23
  26. package/Autocomplete/helpers.js +25 -25
  27. package/Autocomplete/helpers.mjs +11 -5
  28. package/Autocomplete/index.js +14 -6
  29. package/Autocomplete/index.mjs +4 -3
  30. package/Bg/BgColor.d.ts +2 -7
  31. package/Bg/BgColor.js +60 -21
  32. package/Bg/BgColor.mjs +36 -15
  33. package/Bg/BgPhoto.js +80 -18
  34. package/Bg/BgPhoto.mjs +66 -11
  35. package/Bg/BgSvg.js +29 -14
  36. package/Bg/BgSvg.mjs +17 -7
  37. package/Bg/index.js +7 -5
  38. package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  39. package/Breadcrumbs/Breadcrumbs.js +98 -26
  40. package/Breadcrumbs/Breadcrumbs.mjs +82 -18
  41. package/Breadcrumbs/index.js +5 -3
  42. package/Buttons/Button.d.ts +1 -1
  43. package/Buttons/Button.js +105 -16
  44. package/Buttons/Button.mjs +73 -9
  45. package/Buttons/ButtonComposite.d.ts +1 -1
  46. package/Buttons/ButtonComposite.js +109 -25
  47. package/Buttons/ButtonComposite.mjs +99 -22
  48. package/Buttons/ButtonFab.d.ts +1 -3
  49. package/Buttons/ButtonFab.js +26 -8
  50. package/Buttons/ButtonFab.mjs +6 -4
  51. package/Buttons/ButtonLink.d.ts +1 -1
  52. package/Buttons/ButtonLink.js +27 -13
  53. package/Buttons/ButtonLink.mjs +14 -7
  54. package/Buttons/IconButton.d.ts +1 -3
  55. package/Buttons/IconButton.js +40 -9
  56. package/Buttons/IconButton.mjs +18 -6
  57. package/Buttons/index.js +9 -7
  58. package/Calendar/CalendarDaygridCell.d.ts +2 -2
  59. package/Calendar/CalendarDaygridCell.js +77 -33
  60. package/Calendar/CalendarDaygridCell.mjs +64 -26
  61. package/Calendar/CalendarDaygridNav.d.ts +1 -1
  62. package/Calendar/CalendarDaygridNav.js +55 -20
  63. package/Calendar/CalendarDaygridNav.mjs +41 -12
  64. package/Calendar/CalendarDaygridTable.d.ts +3 -3
  65. package/Calendar/CalendarDaygridTable.js +113 -39
  66. package/Calendar/CalendarDaygridTable.mjs +97 -30
  67. package/Calendar/CalendarLegend.d.ts +1 -1
  68. package/Calendar/CalendarLegend.js +30 -10
  69. package/Calendar/CalendarLegend.mjs +20 -6
  70. package/Calendar/calendar-api-google.d.ts +1 -1
  71. package/Calendar/calendar-api-google.js +90 -113
  72. package/Calendar/calendar-api-google.mjs +75 -105
  73. package/Calendar/index.js +10 -8
  74. package/Calendar/types.js +3 -1
  75. package/Calendar/types.mjs +1 -1
  76. package/Calendar/useCalendar.d.ts +2 -2
  77. package/Calendar/useCalendar.js +196 -148
  78. package/Calendar/useCalendar.mjs +184 -142
  79. package/Calendar/utils.js +152 -115
  80. package/Calendar/utils.mjs +101 -94
  81. package/Carousel/Carousel.js +386 -380
  82. package/Carousel/Carousel.mjs +377 -378
  83. package/Carousel/CarouselCss.d.ts +3 -20
  84. package/Carousel/CarouselCss.js +61 -23
  85. package/Carousel/CarouselCss.mjs +38 -16
  86. package/Carousel/index.js +5 -3
  87. package/Collapsable/Collapsable.js +10 -3
  88. package/Collapsable/Collapsable.mjs +1 -1
  89. package/Collapsable/CollapsableReach.js +2 -3
  90. package/Collapsable/CollapsableReach.mjs +1 -3
  91. package/Collapsable/index.js +6 -4
  92. package/Collapsable/index.mjs +1 -2
  93. package/Debug/Debug.js +32 -11
  94. package/Debug/Debug.mjs +20 -6
  95. package/Debug/index.js +5 -3
  96. package/Details/Details.d.ts +5 -5
  97. package/Details/Details.js +92 -41
  98. package/Details/Details.mjs +64 -37
  99. package/Details/Details.stories.js +39 -0
  100. package/Details/Details.stories.mjs +21 -0
  101. package/Details/index.js +5 -3
  102. package/Dialog/DialogMui.d.ts +10 -327
  103. package/Dialog/DialogMui.js +91 -31
  104. package/Dialog/DialogMui.mjs +50 -25
  105. package/Dialog/DialogMui.stories.js +38 -0
  106. package/Dialog/DialogMui.stories.mjs +20 -0
  107. package/Dialog/css/bare.d.ts +9 -327
  108. package/Dialog/css/bare.js +53 -22
  109. package/Dialog/css/bare.mjs +15 -17
  110. package/Dialog/css/index.stories.js +93 -0
  111. package/Dialog/css/index.stories.mjs +75 -0
  112. package/Dialog/index.js +10 -4
  113. package/Dialog/m/bare.d.ts +2 -398
  114. package/Dialog/m/bare.js +122 -52
  115. package/Dialog/m/bare.mjs +114 -51
  116. package/Dialog/m/basic.js +29 -14
  117. package/Dialog/m/basic.mjs +10 -10
  118. package/Dialog/m/index.js +13 -7
  119. package/Dialog/m/index.mjs +4 -4
  120. package/Dialog/sc/bare.d.ts +27 -405
  121. package/Dialog/sc/bare.js +79 -42
  122. package/Dialog/sc/bare.mjs +40 -29
  123. package/Dialog/sc/framer.d.ts +15 -422
  124. package/Dialog/sc/framer.js +24 -17
  125. package/Dialog/sc/framer.mjs +9 -9
  126. package/Dialog/sc/framerMaterial.d.ts +15 -422
  127. package/Dialog/sc/framerMaterial.js +24 -17
  128. package/Dialog/sc/framerMaterial.mjs +9 -9
  129. package/Dialog/sc/index.stories.js +75 -0
  130. package/Dialog/sc/index.stories.mjs +48 -0
  131. package/Dialog/sc/material.d.ts +27 -405
  132. package/Dialog/sc/material.js +76 -22
  133. package/Dialog/sc/material.mjs +37 -17
  134. package/Dialog/tw/bare.d.ts +9 -327
  135. package/Dialog/tw/bare.js +51 -41
  136. package/Dialog/tw/bare.mjs +15 -28
  137. package/Dialog/tw/elegant.d.ts +9 -327
  138. package/Dialog/tw/elegant.js +52 -21
  139. package/Dialog/tw/elegant.mjs +15 -17
  140. package/Dialog/tw/framer.d.ts +3 -354
  141. package/Dialog/tw/framer.js +24 -17
  142. package/Dialog/tw/framer.mjs +9 -9
  143. package/Dialog/tw/framerMaterial.d.ts +3 -354
  144. package/Dialog/tw/framerMaterial.js +24 -17
  145. package/Dialog/tw/framerMaterial.mjs +9 -9
  146. package/Dialog/tw/index.stories.js +113 -0
  147. package/Dialog/tw/index.stories.mjs +83 -0
  148. package/Dialog/tw/material.d.ts +9 -327
  149. package/Dialog/tw/material.js +52 -21
  150. package/Dialog/tw/material.mjs +15 -17
  151. package/Editor/Editor--tiptap.d.ts +1 -1
  152. package/Editor/Editor--tiptap.js +65 -24
  153. package/Editor/Editor--tiptap.mjs +45 -18
  154. package/Editor/components.d.ts +3 -5
  155. package/Editor/components.js +58 -14
  156. package/Editor/components.mjs +26 -8
  157. package/Editor/index.js +5 -3
  158. package/FaviconTags.js +73 -0
  159. package/FaviconTags.mjs +64 -0
  160. package/Form/Form.js +117 -52
  161. package/Form/Form.mjs +81 -47
  162. package/Form/index.js +5 -3
  163. package/Form/sc/bare.d.ts +11 -11
  164. package/Form/sc/bare.js +53 -21
  165. package/Form/sc/bare.mjs +21 -12
  166. package/Forms/Checkbox/Checkbox.d.ts +4 -4
  167. package/Forms/Checkbox/Checkbox.js +60 -19
  168. package/Forms/Checkbox/Checkbox.mjs +29 -11
  169. package/Forms/Checkbox/index.js +5 -3
  170. package/Forms/Feedback/Feedback.js +23 -11
  171. package/Forms/Feedback/Feedback.mjs +11 -6
  172. package/Forms/Feedback/index.js +5 -3
  173. package/Forms/Field/Field.d.ts +2 -4
  174. package/Forms/Field/Field.js +61 -21
  175. package/Forms/Field/Field.mjs +35 -16
  176. package/Forms/Field/FieldControl.js +55 -37
  177. package/Forms/Field/FieldControl.mjs +39 -19
  178. package/Forms/Field/FieldHint.d.ts +1 -1
  179. package/Forms/Field/FieldHint.js +16 -6
  180. package/Forms/Field/FieldHint.mjs +5 -3
  181. package/Forms/Field/index.js +6 -4
  182. package/Forms/Input/Input.d.ts +5 -5
  183. package/Forms/Input/Input.js +64 -17
  184. package/Forms/Input/Input.mjs +30 -11
  185. package/Forms/Input/index.js +5 -3
  186. package/Forms/InputGroup/InputGroup.d.ts +4 -4
  187. package/Forms/InputGroup/InputGroup.js +83 -17
  188. package/Forms/InputGroup/InputGroup.mjs +52 -10
  189. package/Forms/InputGroup/index.js +5 -3
  190. package/Forms/Label/Label.d.ts +1 -1
  191. package/Forms/Label/Label.js +45 -8
  192. package/Forms/Label/Label.mjs +23 -5
  193. package/Forms/Label/index.js +5 -3
  194. package/Forms/Password/Password.d.ts +1 -1
  195. package/Forms/Password/Password.js +70 -18
  196. package/Forms/Password/Password.mjs +48 -12
  197. package/Forms/Password/index.js +5 -3
  198. package/Forms/Radio/Radio.js +65 -25
  199. package/Forms/Radio/Radio.mjs +50 -18
  200. package/Forms/Radio/index.js +5 -3
  201. package/Forms/Switch/Switch.d.ts +2 -2
  202. package/Forms/Switch/Switch.js +78 -21
  203. package/Forms/Switch/Switch.mjs +52 -12
  204. package/Forms/Switch/index.js +5 -3
  205. package/Forms/Textarea/Textarea.d.ts +1 -1
  206. package/Forms/Textarea/Textarea.js +43 -13
  207. package/Forms/Textarea/Textarea.mjs +21 -7
  208. package/Forms/Textarea/TextareaRich.js +54 -27
  209. package/Forms/Textarea/TextareaRich.mjs +39 -19
  210. package/Forms/Textarea/index.js +6 -4
  211. package/Forms/Toggle/Toggle-tailwind.js +1 -1
  212. package/Forms/Toggle/Toggle-tailwind.mjs +0 -1
  213. package/Forms/Toggle/Toggle.d.ts +7 -7
  214. package/Forms/Toggle/Toggle.js +168 -29
  215. package/Forms/Toggle/Toggle.mjs +113 -21
  216. package/Forms/Toggle/index.js +5 -3
  217. package/Forms/Toggle/useToggle-tailwind.js +1 -1
  218. package/Forms/Toggle/useToggle-tailwind.mjs +0 -1
  219. package/Forms/Toggle/useToggle.js +97 -101
  220. package/Forms/Toggle/useToggle.mjs +86 -68
  221. package/Forms/antispam.js +38 -45
  222. package/Forms/antispam.mjs +19 -21
  223. package/Forms/helpers.js +49 -31
  224. package/Forms/helpers.mjs +25 -19
  225. package/Forms/index.js +18 -18
  226. package/Forms/styles.d.ts +3 -7
  227. package/Forms/styles.js +91 -29
  228. package/Forms/styles.mjs +50 -18
  229. package/Gauge/Gauge.js +109 -104
  230. package/Gauge/Gauge.mjs +99 -100
  231. package/Grid/Grid.d.ts +7 -30
  232. package/Grid/Grid.js +84 -34
  233. package/Grid/Grid.mjs +54 -32
  234. package/Grid/index.js +5 -3
  235. package/Hamburger/Hamburger.js +75 -41
  236. package/Hamburger/Hamburger.mjs +64 -37
  237. package/Hamburger/index.js +5 -3
  238. package/Header/index.js +5 -3
  239. package/Header/useHeader.js +44 -25
  240. package/Header/useHeader.mjs +23 -18
  241. package/Hidden/Hidden.d.ts +1 -1
  242. package/Hidden/Hidden.js +19 -11
  243. package/Hidden/Hidden.mjs +9 -9
  244. package/Hidden/index.js +5 -3
  245. package/Img/index.js +5 -3
  246. package/Img/sc/bare.d.ts +1 -1
  247. package/Img/sc/bare.js +42 -41
  248. package/Img/sc/bare.mjs +31 -34
  249. package/Img/types.js +5 -1
  250. package/Img/types.mjs +1 -1
  251. package/Link/Link.d.ts +1 -3
  252. package/Link/Link.js +12 -6
  253. package/Link/Link.mjs +1 -3
  254. package/Link/LinkBlank.d.ts +2 -5
  255. package/Link/LinkBlank.js +49 -18
  256. package/Link/LinkBlank.mjs +25 -10
  257. package/Link/index.js +6 -4
  258. package/Menu/Menu.d.ts +1 -1
  259. package/Menu/Menu.js +21 -6
  260. package/Menu/Menu.mjs +10 -3
  261. package/Menu/MenuMui.js +2 -2
  262. package/Menu/MenuMui.mjs +1 -2
  263. package/Menu/index.js +5 -3
  264. package/MenuItem/MenuItem.d.ts +1 -4
  265. package/MenuItem/MenuItem.js +30 -6
  266. package/MenuItem/MenuItem.mjs +19 -3
  267. package/MenuItem/MenuItemMui.js +1 -1
  268. package/MenuItem/MenuItemMui.mjs +0 -1
  269. package/MenuItem/index.js +5 -3
  270. package/MenuItem/useMenuItem.js +65 -33
  271. package/MenuItem/useMenuItem.mjs +45 -27
  272. package/Meta/Meta.js +24 -8
  273. package/Meta/Meta.mjs +5 -3
  274. package/Meta/index.js +11 -6
  275. package/NoJs/NoJs.js +26 -9
  276. package/NoJs/NoJs.mjs +7 -4
  277. package/NoJs/index.js +11 -6
  278. package/Pagination/PaginationNav.d.ts +1 -1
  279. package/Pagination/PaginationNav.js +105 -44
  280. package/Pagination/PaginationNav.mjs +90 -29
  281. package/Pagination/PaginationResults.js +43 -13
  282. package/Pagination/PaginationResults.mjs +31 -8
  283. package/Pagination/index.js +6 -4
  284. package/Pill/Pill.d.ts +4 -4
  285. package/Pill/Pill.js +61 -9
  286. package/Pill/Pill.mjs +36 -6
  287. package/Pill/index.js +5 -3
  288. package/Progress/ProgressCircular.js +60 -17
  289. package/Progress/ProgressCircular.mjs +48 -10
  290. package/Progress/ProgressLinear.js +51 -26
  291. package/Progress/ProgressLinear.mjs +39 -19
  292. package/Progress/ProgressOverlay.js +71 -24
  293. package/Progress/ProgressOverlay.mjs +56 -16
  294. package/Progress/index.js +7 -5
  295. package/Rating/Rating.d.ts +5 -5
  296. package/Rating/Rating.js +154 -41
  297. package/Rating/Rating.mjs +118 -34
  298. package/Rating/index.js +61 -33
  299. package/Rating/index.mjs +37 -24
  300. package/Select/SelectDownshift.js +46 -40
  301. package/Select/SelectDownshift.mjs +37 -38
  302. package/Select/components.d.ts +1 -1
  303. package/Select/components.js +42 -13
  304. package/Select/components.mjs +21 -8
  305. package/Select/index.js +12 -6
  306. package/Select/index.mjs +2 -3
  307. package/Sidebar/Sidebar.js +70 -23
  308. package/Sidebar/Sidebar.mjs +57 -17
  309. package/Sidebar/index.js +5 -3
  310. package/Spacing/Spacing.d.ts +1 -1
  311. package/Spacing/Spacing.js +39 -33
  312. package/Spacing/Spacing.mjs +27 -17
  313. package/Spacing/index.js +5 -3
  314. package/Sticky/Sticky.js +227 -221
  315. package/Sticky/Sticky.mjs +218 -219
  316. package/Sticky/StickyCss.js +18 -8
  317. package/Sticky/StickyCss.mjs +8 -4
  318. package/Sticky/index.js +18 -4
  319. package/Sticky/index.mjs +1 -1
  320. package/Tabs/TabsMui.d.ts +9 -298
  321. package/Tabs/TabsMui.js +73 -34
  322. package/Tabs/TabsMui.mjs +39 -27
  323. package/Tabs/TabsMui.stories.js +38 -0
  324. package/Tabs/TabsMui.stories.mjs +20 -0
  325. package/Tabs/index.js +5 -3
  326. package/Tabs/sc/bare.js +2 -3
  327. package/Tabs/sc/bare.mjs +1 -3
  328. package/Tabs/sc/index.stories.js +1 -0
  329. package/Tabs/sc/index.stories.mjs +0 -0
  330. package/Tabs/tw/bare.d.ts +7 -296
  331. package/Tabs/tw/bare.js +43 -18
  332. package/Tabs/tw/bare.mjs +11 -13
  333. package/Tabs/tw/index.stories.js +46 -0
  334. package/Tabs/tw/index.stories.mjs +25 -0
  335. package/Tabs/tw/material.d.ts +7 -332
  336. package/Tabs/tw/material.js +41 -18
  337. package/Tabs/tw/material.mjs +11 -15
  338. package/Tabs/useTabs.js +44 -25
  339. package/Tabs/useTabs.mjs +24 -21
  340. package/Typography/CopyPasteVisible.d.ts +1 -1
  341. package/Typography/CopyPasteVisible.js +16 -6
  342. package/Typography/CopyPasteVisible.mjs +5 -3
  343. package/Typography/Native.d.ts +5 -5
  344. package/Typography/Native.js +89 -16
  345. package/Typography/Native.mjs +45 -12
  346. package/Typography/ReadMore.js +114 -36
  347. package/Typography/ReadMore.mjs +100 -29
  348. package/Typography/TextLoop.js +94 -37
  349. package/Typography/TextLoop.mjs +75 -31
  350. package/Typography/TypeStairs.js +47 -28
  351. package/Typography/TypeStairs.mjs +36 -24
  352. package/Typography/index.js +9 -7
  353. package/css/index.js +32 -35
  354. package/css/index.mjs +20 -21
  355. package/helpers/classed.js +39 -51
  356. package/helpers/classed.mjs +21 -30
  357. package/helpers/classed.stories.js +140 -0
  358. package/helpers/classed.stories.mjs +121 -0
  359. package/helpers/createUseMediaQueryWidth.js +163 -153
  360. package/helpers/createUseMediaQueryWidth.mjs +140 -140
  361. package/helpers/extend-component.js +26 -11
  362. package/helpers/extend-component.mjs +7 -7
  363. package/helpers/index.js +8 -6
  364. package/helpers/mergeRefs.js +21 -8
  365. package/helpers/mergeRefs.mjs +3 -4
  366. package/hooks/index.js +91 -43
  367. package/hooks/index.mjs +3 -3
  368. package/hooks/types.js +6 -2
  369. package/hooks/types.mjs +3 -1
  370. package/hooks/useAsyncFn.js +48 -33
  371. package/hooks/useAsyncFn.mjs +28 -26
  372. package/hooks/useDateLocale.js +42 -32
  373. package/hooks/useDateLocale.mjs +22 -22
  374. package/hooks/useFirstMountState.js +20 -9
  375. package/hooks/useFirstMountState.mjs +2 -3
  376. package/hooks/useFixedOffset.js +45 -40
  377. package/hooks/useFixedOffset.mjs +23 -24
  378. package/hooks/useFocus.js +26 -12
  379. package/hooks/useFocus.mjs +7 -5
  380. package/hooks/useInterval.js +37 -25
  381. package/hooks/useInterval.mjs +15 -14
  382. package/hooks/useIsomorphicLayoutEffect.js +22 -12
  383. package/hooks/useIsomorphicLayoutEffect.mjs +1 -4
  384. package/hooks/useKeyUp.js +30 -17
  385. package/hooks/useKeyUp.mjs +9 -11
  386. package/hooks/useMeasure.js +98 -80
  387. package/hooks/useMeasure.mjs +74 -67
  388. package/hooks/useMountedState.js +23 -12
  389. package/hooks/useMountedState.mjs +5 -6
  390. package/hooks/useNavigateAway.js +47 -51
  391. package/hooks/useNavigateAway.mjs +26 -25
  392. package/hooks/usePrevious.js +27 -10
  393. package/hooks/usePrevious.mjs +9 -4
  394. package/hooks/usePreviousRef.js +21 -7
  395. package/hooks/usePreviousRef.mjs +2 -2
  396. package/hooks/useScrollPosition.js +53 -43
  397. package/hooks/useScrollPosition.mjs +28 -26
  398. package/hooks/useScrollThreshold.js +41 -22
  399. package/hooks/useScrollThreshold.mjs +18 -13
  400. package/hooks/useScrollTo.js +28 -16
  401. package/hooks/useScrollTo.mjs +6 -8
  402. package/hooks/useSmoothScroll.js +39 -34
  403. package/hooks/useSmoothScroll.mjs +12 -16
  404. package/hooks/useSpinDelay.js +42 -37
  405. package/hooks/useSpinDelay.mjs +24 -22
  406. package/hooks/useTraceUpdate.js +26 -13
  407. package/hooks/useTraceUpdate.mjs +8 -7
  408. package/hooks/useUpdateEffect.js +24 -13
  409. package/hooks/useUpdateEffect.mjs +4 -5
  410. package/hooks/useWindowSize.js +34 -25
  411. package/hooks/useWindowSize.mjs +13 -10
  412. package/index.js +9 -7
  413. package/index.mjs +4 -5
  414. package/m/MotionProvider.js +25 -41
  415. package/m/MotionProvider.mjs +5 -4
  416. package/m/index.js +6 -5
  417. package/m/index.mjs +1 -2
  418. package/m/lite.js +11 -3
  419. package/m/max.js +11 -3
  420. package/package.json +13 -14
  421. package/sc/index.js +48 -36
  422. package/scm/index.js +39 -35
  423. package/shared/index.js +12 -10
  424. package/shared/index.mjs +35 -0
  425. package/styles/Body.d.ts +2 -2
  426. package/styles/Body.js +27 -15
  427. package/styles/Body.mjs +8 -5
  428. package/styles/Global.js +54 -20
  429. package/styles/Global.mjs +36 -5
  430. package/styles/index.js +141 -40
  431. package/styles/index.mjs +5 -5
  432. package/styles/media.js +98 -120
  433. package/styles/media.mjs +63 -68
  434. package/styles/spacing.js +49 -31
  435. package/styles/spacing.mjs +26 -25
  436. package/styles/styled.js +56 -15
  437. package/styles/styled.mjs +23 -10
  438. package/styles/theme--vanilla.js +60 -42
  439. package/styles/theme--vanilla.mjs +26 -19
  440. package/styles/theme.js +38 -34
  441. package/styles/theme.mjs +16 -19
  442. package/tw/index.js +32 -35
  443. package/tw/index.mjs +20 -21
  444. package/twm/index.js +32 -35
  445. package/twm/index.mjs +20 -21
  446. package/types.js +3 -1
  447. package/types.mjs +1 -1
  448. package/typings.d.ts +1 -0
  449. package/Alert/package.json +0 -6
  450. package/Animations/package.json +0 -6
  451. package/Autocomplete/package.json +0 -6
  452. package/Bg/package.json +0 -6
  453. package/Breadcrumbs/package.json +0 -6
  454. package/Buttons/package.json +0 -6
  455. package/Calendar/package.json +0 -6
  456. package/Carousel/package.json +0 -6
  457. package/Collapsable/package.json +0 -6
  458. package/Debug/package.json +0 -6
  459. package/Details/package.json +0 -6
  460. package/Dialog/m/package.json +0 -6
  461. package/Dialog/package.json +0 -6
  462. package/Editor/package.json +0 -6
  463. package/FaviconTags/FaviconTags.js +0 -20
  464. package/FaviconTags/FaviconTags.mjs +0 -16
  465. package/FaviconTags/index.d.ts +0 -2
  466. package/FaviconTags/index.js +0 -7
  467. package/FaviconTags/index.mjs +0 -2
  468. package/FaviconTags/package.json +0 -6
  469. package/Form/package.json +0 -6
  470. package/Forms/Checkbox/package.json +0 -6
  471. package/Forms/Feedback/package.json +0 -6
  472. package/Forms/Field/package.json +0 -6
  473. package/Forms/Input/package.json +0 -6
  474. package/Forms/InputGroup/package.json +0 -6
  475. package/Forms/Label/package.json +0 -6
  476. package/Forms/Password/package.json +0 -6
  477. package/Forms/Radio/package.json +0 -6
  478. package/Forms/Switch/package.json +0 -6
  479. package/Forms/Textarea/package.json +0 -6
  480. package/Forms/Toggle/package.json +0 -6
  481. package/Forms/package.json +0 -6
  482. package/Grid/package.json +0 -6
  483. package/Hamburger/package.json +0 -6
  484. package/Header/package.json +0 -6
  485. package/Hidden/package.json +0 -6
  486. package/Img/package.json +0 -6
  487. package/Link/package.json +0 -6
  488. package/Menu/package.json +0 -6
  489. package/MenuItem/package.json +0 -6
  490. package/Meta/package.json +0 -6
  491. package/NoJs/package.json +0 -6
  492. package/Pagination/package.json +0 -6
  493. package/Pill/package.json +0 -6
  494. package/Progress/package.json +0 -6
  495. package/Rating/package.json +0 -6
  496. package/Select/package.json +0 -6
  497. package/Sidebar/package.json +0 -6
  498. package/Spacing/package.json +0 -6
  499. package/Sticky/package.json +0 -6
  500. package/Tabs/package.json +0 -6
  501. package/Typography/package.json +0 -6
  502. package/css/package.json +0 -6
  503. package/helpers/package.json +0 -6
  504. package/hooks/package.json +0 -6
  505. package/m/package.json +0 -6
  506. package/sc/package.json +0 -6
  507. package/scm/package.json +0 -6
  508. package/shared/package.json +0 -6
  509. package/styles/package.json +0 -6
  510. package/tw/package.json +0 -6
  511. package/twm/package.json +0 -6
  512. /package/{FaviconTags/FaviconTags.d.ts → FaviconTags.d.ts} +0 -0
@@ -1,52 +1,126 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.KoineCalendarDaygridTable = void 0;
4
- var tslib_1 = require("tslib");
5
- var jsx_runtime_1 = require("react/jsx-runtime");
6
- var react_1 = require("react");
7
- var eachWeekOfInterval_1 = tslib_1.__importDefault(require("date-fns/eachWeekOfInterval"));
8
- var react_swipeable_1 = require("react-swipeable");
9
- var hooks_1 = require("../hooks");
10
- var utils_1 = require("./utils");
11
- var CalendarDaygridCell_1 = require("./CalendarDaygridCell");
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "KoineCalendarDaygridTable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return KoineCalendarDaygridTable;
9
+ }
10
+ });
11
+ const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
+ const _jsxruntime = require("react/jsx-runtime");
13
+ const _eachWeekOfInterval = /*#__PURE__*/ _interop_require_default._(require("date-fns/eachWeekOfInterval"));
14
+ const _react = require("react");
15
+ const _reactswipeable = require("react-swipeable");
16
+ const _hooks = require("../hooks");
17
+ const _CalendarDaygridCell = require("./CalendarDaygridCell");
18
+ const _utils = require("./utils");
12
19
  function getView(range) {
13
- var start = range[0], end = range[1];
14
- var weeks = (0, eachWeekOfInterval_1.default)({ start: start, end: end }, { weekStartsOn: 1 });
20
+ const [start, end] = range;
21
+ const weeks = (0, _eachWeekOfInterval.default)({
22
+ start,
23
+ end
24
+ }, {
25
+ weekStartsOn: 1
26
+ });
15
27
  return {
16
28
  month: start.getMonth(),
17
- weeks: weeks,
29
+ weeks
18
30
  };
19
31
  }
20
- var KoineCalendarDaygridTable = function (_a) {
21
- var localeCode = _a.locale, handlePrev = _a.handlePrev, handleNext = _a.handleNext, events = _a.events, dayLabels = _a.dayLabels, view = _a.view, range = _a.range, eventClicked = _a.eventClicked, setEventClicked = _a.setEventClicked, eventHovered = _a.eventHovered, setEventHovered = _a.setEventHovered, _b = _a.calendarsMap, calendarsMap = _b === void 0 ? {} : _b, _c = _a.maxEvents, maxEvents = _c === void 0 ? 5 : _c, _d = _a.Table, Table = _d === void 0 ? "table" : _d, _e = _a.TableHead, TableHead = _e === void 0 ? "thead" : _e, _f = _a.TableHeadCell, TableHeadCell = _f === void 0 ? "th" : _f, _g = _a.TableBody, TableBody = _g === void 0 ? "tbody" : _g, _h = _a.TableBodyRow, TableBodyRow = _h === void 0 ? "tr" : _h, _j = _a.TableBodyCell, TableBodyCell = _j === void 0 ? "td" : _j, _k = _a.TableBodyCellDate, TableBodyCellDate = _k === void 0 ? "div" : _k, Cell = _a.Cell, CellOverflow = _a.CellOverflow, CellEvent = _a.CellEvent, CellEventBtn = _a.CellEventBtn, CellEventTitle = _a.CellEventTitle, CellEventStart = _a.CellEventStart;
22
- var restKoine = {
23
- Cell: Cell,
24
- CellOverflow: CellOverflow,
25
- CellEvent: CellEvent,
26
- CellEventBtn: CellEventBtn,
27
- CellEventTitle: CellEventTitle,
28
- CellEventStart: CellEventStart,
32
+ const KoineCalendarDaygridTable = ({ locale: localeCode, handlePrev, handleNext, events, dayLabels, view, range, eventClicked, setEventClicked, eventHovered, setEventHovered, calendarsMap = {}, maxEvents = 5, Table = "table", TableHead = "thead", TableHeadCell = "th", TableBody = "tbody", TableBodyRow = "tr", TableBodyCell = "td", TableBodyCellDate = "div", Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart })=>{
33
+ const restKoine = {
34
+ Cell,
35
+ CellOverflow,
36
+ CellEvent,
37
+ CellEventBtn,
38
+ CellEventTitle,
39
+ CellEventStart
29
40
  };
30
- var _l = (0, react_1.useState)(dayLabels || [0, 1, 2, 3, 4, 5, 6]), days = _l[0], setDays = _l[1];
31
- var _m = (0, react_1.useState)([]), weeksEvents = _m[0], setWeeksEvents = _m[1];
41
+ const [days, setDays] = (0, _react.useState)(dayLabels || [
42
+ 0,
43
+ 1,
44
+ 2,
45
+ 3,
46
+ 4,
47
+ 5,
48
+ 6
49
+ ]);
50
+ const [weeksEvents, setWeeksEvents] = (0, _react.useState)([]);
32
51
  // const [days, setDays] = useState(dayLabels || [...Array(7).keys()]);
33
- var locale = (0, hooks_1.useDateLocale)(localeCode);
34
- var _o = (0, react_1.useMemo)(function () { return getView(range); }, [range]), month = _o.month, weeks = _o.weeks;
35
- var swipeableHandlers = (0, react_swipeable_1.useSwipeable)({
52
+ const locale = (0, _hooks.useDateLocale)(localeCode);
53
+ const { month, weeks } = (0, _react.useMemo)(()=>getView(range), [
54
+ range
55
+ ]);
56
+ const swipeableHandlers = (0, _reactswipeable.useSwipeable)({
36
57
  onSwipedLeft: handleNext,
37
- onSwipedRight: handlePrev,
58
+ onSwipedRight: handlePrev
38
59
  });
39
- (0, react_1.useEffect)(function () {
40
- setWeeksEvents((0, utils_1.processEventsInView)(events, view, month, weeks));
41
- }, [events, view, month, weeks]);
42
- (0, react_1.useEffect)(function () {
60
+ (0, _react.useEffect)(()=>{
61
+ setWeeksEvents((0, _utils.processEventsInView)(events, view, month, weeks));
62
+ }, [
63
+ events,
64
+ view,
65
+ month,
66
+ weeks
67
+ ]);
68
+ (0, _react.useEffect)(()=>{
43
69
  if (locale && locale.localize && !dayLabels) {
44
- setDays([1, 2, 3, 4, 5, 6, 0].map(
45
- // @ts-expect-error nevermind
46
- function (i) { return locale.localize.day(i, { width: "abbreviated" }); }));
70
+ setDays([
71
+ 1,
72
+ 2,
73
+ 3,
74
+ 4,
75
+ 5,
76
+ 6,
77
+ 0
78
+ ].map(// @ts-expect-error nevermind
79
+ (i)=>locale.localize.day(i, {
80
+ width: "abbreviated"
81
+ })));
47
82
  }
48
- }, [locale, dayLabels]);
49
- return ((0, jsx_runtime_1.jsxs)(Table, tslib_1.__assign({}, swipeableHandlers, { children: [(0, jsx_runtime_1.jsx)(TableHead, { children: (0, jsx_runtime_1.jsx)("tr", { children: days.map(function (day) { return ((0, jsx_runtime_1.jsx)(TableHeadCell, { scope: "column", children: day }, day)); }) }) }), (0, jsx_runtime_1.jsx)(TableBody, { children: weeksEvents.map(function (week, i) { return ((0, jsx_runtime_1.jsx)(TableBodyRow, tslib_1.__assign({}, week.props, { children: week.days.map(function (day) { return ((0, jsx_runtime_1.jsxs)(TableBodyCell, tslib_1.__assign({}, day.props, { children: [(0, jsx_runtime_1.jsx)(TableBodyCellDate, tslib_1.__assign({}, day.props, { children: day.label })), day.events.length > 0 && ((0, jsx_runtime_1.jsx)(CalendarDaygridCell_1.CalendarDaygridCell, tslib_1.__assign({ eventClicked: eventClicked, setEventClicked: setEventClicked, eventHovered: eventHovered, setEventHovered: setEventHovered, view: view, maxEvents: maxEvents, events: day.events,
50
- timestamp: day.timestamp, calendarsMap: calendarsMap }, restKoine)))] }))); }) }))); }) })] })));
83
+ }, [
84
+ locale,
85
+ dayLabels
86
+ ]);
87
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Table, {
88
+ ...swipeableHandlers,
89
+ children: [
90
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(TableHead, {
91
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
92
+ children: days.map((day)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(TableHeadCell, {
93
+ scope: "column",
94
+ children: day
95
+ }, day))
96
+ })
97
+ }),
98
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(TableBody, {
99
+ children: weeksEvents.map((week, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(TableBodyRow, {
100
+ ...week.props,
101
+ children: week.days.map((day)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(TableBodyCell, {
102
+ ...day.props,
103
+ children: [
104
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(TableBodyCellDate, {
105
+ ...day.props,
106
+ children: day.label
107
+ }),
108
+ day.events.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CalendarDaygridCell.CalendarDaygridCell, {
109
+ eventClicked,
110
+ setEventClicked,
111
+ eventHovered,
112
+ setEventHovered,
113
+ view,
114
+ maxEvents,
115
+ events: day.events,
116
+ timestamp: day.timestamp,
117
+ calendarsMap,
118
+ ...restKoine
119
+ })
120
+ ]
121
+ }))
122
+ }))
123
+ })
124
+ ]
125
+ });
51
126
  };
52
- exports.KoineCalendarDaygridTable = KoineCalendarDaygridTable;
@@ -1,48 +1,115 @@
1
- import { __assign } from "tslib";
2
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { useEffect, useMemo, useState } from "react";
4
2
  import eachWeekOfInterval from "date-fns/eachWeekOfInterval";
3
+ import { useEffect, useMemo, useState } from "react";
5
4
  import { useSwipeable } from "react-swipeable";
6
5
  import { useDateLocale } from "../hooks";
6
+ import { CalendarDaygridCell } from "./CalendarDaygridCell";
7
7
  import { processEventsInView } from "./utils";
8
- import { CalendarDaygridCell, } from "./CalendarDaygridCell";
9
8
  function getView(range) {
10
- var start = range[0], end = range[1];
11
- var weeks = eachWeekOfInterval({ start: start, end: end }, { weekStartsOn: 1 });
9
+ const [start, end] = range;
10
+ const weeks = eachWeekOfInterval({
11
+ start,
12
+ end
13
+ }, {
14
+ weekStartsOn: 1
15
+ });
12
16
  return {
13
17
  month: start.getMonth(),
14
- weeks: weeks,
18
+ weeks
15
19
  };
16
20
  }
17
- export var KoineCalendarDaygridTable = function (_a) {
18
- var localeCode = _a.locale, handlePrev = _a.handlePrev, handleNext = _a.handleNext, events = _a.events, dayLabels = _a.dayLabels, view = _a.view, range = _a.range, eventClicked = _a.eventClicked, setEventClicked = _a.setEventClicked, eventHovered = _a.eventHovered, setEventHovered = _a.setEventHovered, _b = _a.calendarsMap, calendarsMap = _b === void 0 ? {} : _b, _c = _a.maxEvents, maxEvents = _c === void 0 ? 5 : _c, _d = _a.Table, Table = _d === void 0 ? "table" : _d, _e = _a.TableHead, TableHead = _e === void 0 ? "thead" : _e, _f = _a.TableHeadCell, TableHeadCell = _f === void 0 ? "th" : _f, _g = _a.TableBody, TableBody = _g === void 0 ? "tbody" : _g, _h = _a.TableBodyRow, TableBodyRow = _h === void 0 ? "tr" : _h, _j = _a.TableBodyCell, TableBodyCell = _j === void 0 ? "td" : _j, _k = _a.TableBodyCellDate, TableBodyCellDate = _k === void 0 ? "div" : _k, Cell = _a.Cell, CellOverflow = _a.CellOverflow, CellEvent = _a.CellEvent, CellEventBtn = _a.CellEventBtn, CellEventTitle = _a.CellEventTitle, CellEventStart = _a.CellEventStart;
19
- var restKoine = {
20
- Cell: Cell,
21
- CellOverflow: CellOverflow,
22
- CellEvent: CellEvent,
23
- CellEventBtn: CellEventBtn,
24
- CellEventTitle: CellEventTitle,
25
- CellEventStart: CellEventStart,
21
+ export const KoineCalendarDaygridTable = ({ locale: localeCode, handlePrev, handleNext, events, dayLabels, view, range, eventClicked, setEventClicked, eventHovered, setEventHovered, calendarsMap = {}, maxEvents = 5, Table = "table", TableHead = "thead", TableHeadCell = "th", TableBody = "tbody", TableBodyRow = "tr", TableBodyCell = "td", TableBodyCellDate = "div", Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart })=>{
22
+ const restKoine = {
23
+ Cell,
24
+ CellOverflow,
25
+ CellEvent,
26
+ CellEventBtn,
27
+ CellEventTitle,
28
+ CellEventStart
26
29
  };
27
- var _l = useState(dayLabels || [0, 1, 2, 3, 4, 5, 6]), days = _l[0], setDays = _l[1];
28
- var _m = useState([]), weeksEvents = _m[0], setWeeksEvents = _m[1];
30
+ const [days, setDays] = useState(dayLabels || [
31
+ 0,
32
+ 1,
33
+ 2,
34
+ 3,
35
+ 4,
36
+ 5,
37
+ 6
38
+ ]);
39
+ const [weeksEvents, setWeeksEvents] = useState([]);
29
40
  // const [days, setDays] = useState(dayLabels || [...Array(7).keys()]);
30
- var locale = useDateLocale(localeCode);
31
- var _o = useMemo(function () { return getView(range); }, [range]), month = _o.month, weeks = _o.weeks;
32
- var swipeableHandlers = useSwipeable({
41
+ const locale = useDateLocale(localeCode);
42
+ const { month, weeks } = useMemo(()=>getView(range), [
43
+ range
44
+ ]);
45
+ const swipeableHandlers = useSwipeable({
33
46
  onSwipedLeft: handleNext,
34
- onSwipedRight: handlePrev,
47
+ onSwipedRight: handlePrev
35
48
  });
36
- useEffect(function () {
49
+ useEffect(()=>{
37
50
  setWeeksEvents(processEventsInView(events, view, month, weeks));
38
- }, [events, view, month, weeks]);
39
- useEffect(function () {
51
+ }, [
52
+ events,
53
+ view,
54
+ month,
55
+ weeks
56
+ ]);
57
+ useEffect(()=>{
40
58
  if (locale && locale.localize && !dayLabels) {
41
- setDays([1, 2, 3, 4, 5, 6, 0].map(
42
- // @ts-expect-error nevermind
43
- function (i) { return locale.localize.day(i, { width: "abbreviated" }); }));
59
+ setDays([
60
+ 1,
61
+ 2,
62
+ 3,
63
+ 4,
64
+ 5,
65
+ 6,
66
+ 0
67
+ ].map(// @ts-expect-error nevermind
68
+ (i)=>locale.localize.day(i, {
69
+ width: "abbreviated"
70
+ })));
44
71
  }
45
- }, [locale, dayLabels]);
46
- return (_jsxs(Table, __assign({}, swipeableHandlers, { children: [_jsx(TableHead, { children: _jsx("tr", { children: days.map(function (day) { return (_jsx(TableHeadCell, { scope: "column", children: day }, day)); }) }) }), _jsx(TableBody, { children: weeksEvents.map(function (week, i) { return (_jsx(TableBodyRow, __assign({}, week.props, { children: week.days.map(function (day) { return (_jsxs(TableBodyCell, __assign({}, day.props, { children: [_jsx(TableBodyCellDate, __assign({}, day.props, { children: day.label })), day.events.length > 0 && (_jsx(CalendarDaygridCell, __assign({ eventClicked: eventClicked, setEventClicked: setEventClicked, eventHovered: eventHovered, setEventHovered: setEventHovered, view: view, maxEvents: maxEvents, events: day.events,
47
- timestamp: day.timestamp, calendarsMap: calendarsMap }, restKoine)))] }))); }) }))); }) })] })));
72
+ }, [
73
+ locale,
74
+ dayLabels
75
+ ]);
76
+ return /*#__PURE__*/ _jsxs(Table, {
77
+ ...swipeableHandlers,
78
+ children: [
79
+ /*#__PURE__*/ _jsx(TableHead, {
80
+ children: /*#__PURE__*/ _jsx("tr", {
81
+ children: days.map((day)=>/*#__PURE__*/ _jsx(TableHeadCell, {
82
+ scope: "column",
83
+ children: day
84
+ }, day))
85
+ })
86
+ }),
87
+ /*#__PURE__*/ _jsx(TableBody, {
88
+ children: weeksEvents.map((week, i)=>/*#__PURE__*/ _jsx(TableBodyRow, {
89
+ ...week.props,
90
+ children: week.days.map((day)=>/*#__PURE__*/ _jsxs(TableBodyCell, {
91
+ ...day.props,
92
+ children: [
93
+ /*#__PURE__*/ _jsx(TableBodyCellDate, {
94
+ ...day.props,
95
+ children: day.label
96
+ }),
97
+ day.events.length > 0 && /*#__PURE__*/ _jsx(CalendarDaygridCell, {
98
+ eventClicked,
99
+ setEventClicked,
100
+ eventHovered,
101
+ setEventHovered,
102
+ view,
103
+ maxEvents,
104
+ events: day.events,
105
+ timestamp: day.timestamp,
106
+ calendarsMap,
107
+ ...restKoine
108
+ })
109
+ ]
110
+ }))
111
+ }))
112
+ })
113
+ ]
114
+ });
48
115
  };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import type { KoineComponent, KoineComponentProps } from "../types";
2
3
  import type { CalendarsMap } from "./types";
3
- import type { KoineComponentProps, KoineComponent } from "../types";
4
4
  export type KoineCalendarLegendProps = {
5
5
  toggleCalendarVisibility: (id: string) => void;
6
6
  calendarsMap: CalendarsMap;
@@ -1,8 +1,15 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.KoineCalendarLegend = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- var KoineCalendarLegend = function (_a) {
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "KoineCalendarLegend", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return KoineCalendarLegend;
9
+ }
10
+ });
11
+ const _jsxruntime = require("react/jsx-runtime");
12
+ const KoineCalendarLegend = ({ calendarsMap = {}, toggleCalendarVisibility, LegendItem = "div", LegendItemStatus = "span", LegendItemLabel = "span", LegendItemEvents = "span" })=>{
6
13
  // const sorted = Object.entries(calendarsMap).sort((a, b) => {
7
14
  // const { name: nameA } = a[1];
8
15
  // const { name: nameB } = b[1];
@@ -10,10 +17,23 @@ var KoineCalendarLegend = function (_a) {
10
17
  // else if (nameA > nameB) return 1;
11
18
  // else return 0;
12
19
  // });
13
- var _b = _a.calendarsMap, calendarsMap = _b === void 0 ? {} : _b, toggleCalendarVisibility = _a.toggleCalendarVisibility, _c = _a.LegendItem, LegendItem = _c === void 0 ? "div" : _c, _d = _a.LegendItemStatus, LegendItemStatus = _d === void 0 ? "span" : _d, _e = _a.LegendItemLabel, LegendItemLabel = _e === void 0 ? "span" : _e, _f = _a.LegendItemEvents, LegendItemEvents = _f === void 0 ? "span" : _f;
14
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.entries(calendarsMap).map(function (_a) {
15
- var id = _a[0], calendar = _a[1];
16
- return ((0, jsx_runtime_1.jsxs)(LegendItem, { onClick: function () { return toggleCalendarVisibility(id); }, "$color": calendar.color, "$empty": calendar.events === 0, disabled: calendar.events === 0, children: [(0, jsx_runtime_1.jsx)(LegendItemStatus, { children: calendar.on ? "\u2b24" : "\u2b58" }), (0, jsx_runtime_1.jsx)(LegendItemLabel, { children: calendar.name }), (0, jsx_runtime_1.jsx)(LegendItemEvents, { children: calendar.events })] }, "CalendarLegend." + id));
17
- }) }));
20
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
21
+ children: Object.entries(calendarsMap).map(([id, calendar])=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(LegendItem, {
22
+ onClick: ()=>toggleCalendarVisibility(id),
23
+ $color: calendar.color,
24
+ $empty: calendar.events === 0,
25
+ disabled: calendar.events === 0,
26
+ children: [
27
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(LegendItemStatus, {
28
+ children: calendar.on ? "\u2b24" : "\u2b58"
29
+ }),
30
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(LegendItemLabel, {
31
+ children: calendar.name
32
+ }),
33
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(LegendItemEvents, {
34
+ children: calendar.events
35
+ })
36
+ ]
37
+ }, "CalendarLegend." + id))
38
+ });
18
39
  };
19
- exports.KoineCalendarLegend = KoineCalendarLegend;
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- export var KoineCalendarLegend = function (_a) {
2
+ export const KoineCalendarLegend = ({ calendarsMap = {}, toggleCalendarVisibility, LegendItem = "div", LegendItemStatus = "span", LegendItemLabel = "span", LegendItemEvents = "span" })=>{
3
3
  // const sorted = Object.entries(calendarsMap).sort((a, b) => {
4
4
  // const { name: nameA } = a[1];
5
5
  // const { name: nameB } = b[1];
@@ -7,9 +7,23 @@ export var KoineCalendarLegend = function (_a) {
7
7
  // else if (nameA > nameB) return 1;
8
8
  // else return 0;
9
9
  // });
10
- var _b = _a.calendarsMap, calendarsMap = _b === void 0 ? {} : _b, toggleCalendarVisibility = _a.toggleCalendarVisibility, _c = _a.LegendItem, LegendItem = _c === void 0 ? "div" : _c, _d = _a.LegendItemStatus, LegendItemStatus = _d === void 0 ? "span" : _d, _e = _a.LegendItemLabel, LegendItemLabel = _e === void 0 ? "span" : _e, _f = _a.LegendItemEvents, LegendItemEvents = _f === void 0 ? "span" : _f;
11
- return (_jsx(_Fragment, { children: Object.entries(calendarsMap).map(function (_a) {
12
- var id = _a[0], calendar = _a[1];
13
- return (_jsxs(LegendItem, { onClick: function () { return toggleCalendarVisibility(id); }, "$color": calendar.color, "$empty": calendar.events === 0, disabled: calendar.events === 0, children: [_jsx(LegendItemStatus, { children: calendar.on ? "\u2b24" : "\u2b58" }), _jsx(LegendItemLabel, { children: calendar.name }), _jsx(LegendItemEvents, { children: calendar.events })] }, "CalendarLegend." + id));
14
- }) }));
10
+ return /*#__PURE__*/ _jsx(_Fragment, {
11
+ children: Object.entries(calendarsMap).map(([id, calendar])=>/*#__PURE__*/ _jsxs(LegendItem, {
12
+ onClick: ()=>toggleCalendarVisibility(id),
13
+ $color: calendar.color,
14
+ $empty: calendar.events === 0,
15
+ disabled: calendar.events === 0,
16
+ children: [
17
+ /*#__PURE__*/ _jsx(LegendItemStatus, {
18
+ children: calendar.on ? "\u2b24" : "\u2b58"
19
+ }),
20
+ /*#__PURE__*/ _jsx(LegendItemLabel, {
21
+ children: calendar.name
22
+ }),
23
+ /*#__PURE__*/ _jsx(LegendItemEvents, {
24
+ children: calendar.events
25
+ })
26
+ ]
27
+ }, "CalendarLegend." + id))
28
+ });
15
29
  };
@@ -1,4 +1,4 @@
1
- import type { Calendars, CalendarEventsMap } from "./types";
1
+ import type { CalendarEventsMap, Calendars } from "./types";
2
2
  type GetCalendarsEventsFromGoogleOptions = {
3
3
  /** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY */
4
4
  apiKey?: string;
@@ -1,133 +1,110 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getCalendarsEventsFromGoogle = void 0;
4
- var tslib_1 = require("tslib");
5
- var arrayToLookup_1 = tslib_1.__importDefault(require("@koine/utils/arrayToLookup"));
6
- var isString_1 = tslib_1.__importDefault(require("@koine/utils/isString"));
7
- var isUndefined_1 = tslib_1.__importDefault(require("@koine/utils/isUndefined"));
8
- var differenceInDays_1 = tslib_1.__importDefault(require("date-fns/differenceInDays"));
9
- var subDays_1 = tslib_1.__importDefault(require("date-fns/subDays"));
10
- var utils_1 = require("./utils");
11
- var baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
12
- function getCalendarsEventsFromGoogle(_a) {
13
- var calendars = _a.calendars, options = tslib_1.__rest(_a, ["calendars"]);
14
- return tslib_1.__awaiter(this, void 0, void 0, function () {
15
- var allEvents;
16
- var _this = this;
17
- return tslib_1.__generator(this, function (_b) {
18
- switch (_b.label) {
19
- case 0:
20
- allEvents = {};
21
- return [4 /*yield*/, Promise.all(calendars.map(function (calendar) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
22
- var events;
23
- return tslib_1.__generator(this, function (_a) {
24
- switch (_a.label) {
25
- case 0: return [4 /*yield*/, getCalendarEventsFromGoogle(tslib_1.__assign({ calendar: calendar }, options))];
26
- case 1:
27
- events = _a.sent();
28
- (0, utils_1.addCalendarEvents)(events, allEvents);
29
- return [2 /*return*/];
30
- }
31
- });
32
- }); }))];
33
- case 1:
34
- _b.sent();
35
- return [2 /*return*/, allEvents];
36
- }
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "getCalendarsEventsFromGoogle", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return getCalendarsEventsFromGoogle;
9
+ }
10
+ });
11
+ const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
+ const _differenceInDays = /*#__PURE__*/ _interop_require_default._(require("date-fns/differenceInDays"));
13
+ const _subDays = /*#__PURE__*/ _interop_require_default._(require("date-fns/subDays"));
14
+ const _arrayToLookup = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/arrayToLookup"));
15
+ const _isString = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isString"));
16
+ const _isUndefined = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isUndefined"));
17
+ const _utils = require("./utils");
18
+ const baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
19
+ async function getCalendarsEventsFromGoogle({ calendars, ...options }) {
20
+ const allEvents = {};
21
+ await Promise.all(calendars.map(async (calendar)=>{
22
+ const events = await getCalendarEventsFromGoogle({
23
+ calendar,
24
+ ...options
37
25
  });
38
- });
26
+ (0, _utils.addCalendarEvents)(events, allEvents);
27
+ }));
28
+ return allEvents;
39
29
  }
40
- exports.getCalendarsEventsFromGoogle = getCalendarsEventsFromGoogle;
41
- function getCalendarEventsFromGoogle(_a) {
42
- var apiKey = _a.apiKey, calendar = _a.calendar, _b = _a.timeZone, timeZone = _b === void 0 ? "" : _b, start = _a.start, end = _a.end;
43
- return tslib_1.__awaiter(this, void 0, void 0, function () {
44
- var events, params, url, response, data, e_1;
45
- return tslib_1.__generator(this, function (_c) {
46
- switch (_c.label) {
47
- case 0:
48
- events = {};
49
- params = new URLSearchParams({
50
- calendarId: calendar.id,
51
- timeZone: timeZone,
52
- singleEvents: "true",
53
- maxAttendees: "1",
54
- maxResults: "9999",
55
- sanitizeHtml: "true",
56
- timeMin: start.toISOString(),
57
- timeMax: end.toISOString(),
58
- key: apiKey || process.env["GOOGLE_CALENDAR_API_KEY"] || "",
59
- }).toString();
60
- url = baseURL + calendar.id + "/events?" + params;
61
- _c.label = 1;
62
- case 1:
63
- _c.trys.push([1, 4, , 5]);
64
- return [4 /*yield*/, fetch(url, { method: "GET" })];
65
- case 2:
66
- response = _c.sent();
67
- return [4 /*yield*/, response.json()];
68
- case 3:
69
- data = (_c.sent());
70
- calendar.name = calendar.name || data.summary;
71
- data.items.forEach(function (googleEvent) {
72
- var event = transformCalendarEventFromGoogle(googleEvent, calendar);
73
- events[event.uid] = event;
74
- });
75
- return [3 /*break*/, 5];
76
- case 4:
77
- e_1 = _c.sent();
78
- return [3 /*break*/, 5];
79
- case 5: return [2 /*return*/, events];
80
- }
30
+ async function getCalendarEventsFromGoogle({ apiKey, calendar, timeZone = "", start, end }) {
31
+ const events = {};
32
+ const params = new URLSearchParams({
33
+ calendarId: calendar.id,
34
+ timeZone,
35
+ singleEvents: "true",
36
+ maxAttendees: "1",
37
+ maxResults: "9999",
38
+ sanitizeHtml: "true",
39
+ timeMin: start.toISOString(),
40
+ timeMax: end.toISOString(),
41
+ key: apiKey || process.env["GOOGLE_CALENDAR_API_KEY"] || ""
42
+ }).toString();
43
+ const url = baseURL + calendar.id + "/events?" + params;
44
+ try {
45
+ const response = await fetch(url, {
46
+ method: "GET"
47
+ });
48
+ const data = await response.json();
49
+ calendar.name = calendar.name || data.summary;
50
+ data.items.forEach((googleEvent)=>{
51
+ const event = transformCalendarEventFromGoogle(googleEvent, calendar);
52
+ events[event.uid] = event;
81
53
  });
82
- });
54
+ } catch (e) {
55
+ // if (onError) onError(e);
56
+ }
57
+ return events;
83
58
  }
84
59
  function transformCalendarEventFromGoogle(event, calendar) {
85
- var created = new Date(event.created);
86
- var link = event.htmlLink;
87
- var title = event.summary;
88
- var status = event.status;
89
- var start = new Date(event.start.date || event.start.dateTime);
90
- var end = new Date(event.end.date || event.end.dateTime);
91
- var color = calendar.color;
92
- var allDay = (0, isUndefined_1.default)(event.end.dateTime) && (0, isString_1.default)(event.end.date);
93
- var location = event.location || "";
94
- var description = event.description || ""; // FIXME: he.decode(event.description || '');
95
- var uid = created.getTime() + "" + start.getTime();
60
+ const created = new Date(event.created);
61
+ const link = event.htmlLink;
62
+ const title = event.summary;
63
+ const status = event.status;
64
+ const start = new Date(event.start.date || event.start.dateTime);
65
+ let end = new Date(event.end.date || event.end.dateTime);
66
+ const color = calendar.color;
67
+ const allDay = (0, _isUndefined.default)(event.end.dateTime) && (0, _isString.default)(event.end.date);
68
+ const location = event.location || "";
69
+ const description = event.description || ""; // FIXME: he.decode(event.description || '');
70
+ const uid = created.getTime() + "" + start.getTime();
96
71
  // multi-days all day events has as end date the date after to what we actually
97
72
  // mean, hence we subtract one day. @see https://support.google.com/calendar/thread/10074544/google-calendar-all-day-events-are-showing-up-as-a-24-hr-event-across-time-zones?hl=en
98
73
  if (allDay && end > start) {
99
- end = (0, subDays_1.default)(end, 1);
74
+ end = (0, _subDays.default)(end, 1);
100
75
  end.setHours(23, 59, 59);
101
76
  }
102
- var days = getDays();
103
- var daysMap = (0, arrayToLookup_1.default)(days);
104
- var multi = days.length > 1;
77
+ const days = getDays();
78
+ const daysMap = (0, _arrayToLookup.default)(days);
79
+ const multi = days.length > 1;
105
80
  function getDays() {
106
- var from = new Date(start);
107
- var to = new Date(end);
108
- var days = [(0, utils_1.getEventTimestamp)(from)];
109
- while ((0, differenceInDays_1.default)(to, from)) {
81
+ const from = new Date(start);
82
+ const to = new Date(end);
83
+ const days = [
84
+ (0, _utils.getEventTimestamp)(from)
85
+ ];
86
+ while((0, _differenceInDays.default)(to, from)){
110
87
  // console.log(title, differenceInDays(to, from))
111
88
  from.setDate(from.getDate() + 1);
112
- days.push((0, utils_1.getEventTimestamp)(from));
89
+ days.push((0, _utils.getEventTimestamp)(from));
113
90
  }
114
91
  return days;
115
92
  }
116
93
  return {
117
- calendar: calendar,
118
- created: created,
119
- link: link,
120
- title: title,
121
- status: status,
122
- start: start,
123
- end: end,
124
- days: days,
125
- daysMap: daysMap,
126
- multi: multi,
127
- color: color,
128
- allDay: allDay,
129
- location: location,
130
- description: description,
131
- uid: uid,
94
+ calendar,
95
+ created,
96
+ link,
97
+ title,
98
+ status,
99
+ start,
100
+ end,
101
+ days,
102
+ daysMap,
103
+ multi,
104
+ color,
105
+ allDay,
106
+ location,
107
+ description,
108
+ uid
132
109
  };
133
110
  }