@koine/react 2.0.0-beta.5 → 2.0.0-beta.51

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 (667) hide show
  1. package/{Calendar → calendar}/CalendarDaygridCell.d.ts +2 -3
  2. package/{Calendar → calendar}/CalendarDaygridNav.d.ts +1 -1
  3. package/{Calendar → calendar}/CalendarDaygridTable.d.ts +2 -2
  4. package/{Calendar → calendar}/CalendarLegend.d.ts +1 -2
  5. package/calendar/calendar-api-google.d.ts +10 -0
  6. package/{Calendar → calendar}/types.d.ts +0 -19
  7. package/{Calendar → calendar}/useCalendar.d.ts +1 -16
  8. package/calendar/useDateLocale.d.ts +2 -0
  9. package/calendar/utils.d.ts +11 -0
  10. package/calendar.cjs.d.ts +1 -0
  11. package/calendar.cjs.default.js +1 -0
  12. package/calendar.cjs.js +62 -0
  13. package/calendar.cjs.mjs +2 -0
  14. package/calendar.d.ts +7 -0
  15. package/calendar.esm.js +35 -0
  16. package/components/FaviconTags.d.ts +8 -0
  17. package/components/Meta.d.ts +4 -0
  18. package/components/NoJs.d.ts +2 -0
  19. package/forms/antispam.d.ts +27 -0
  20. package/forms.cjs.d.ts +1 -0
  21. package/forms.cjs.default.js +1 -0
  22. package/forms.cjs.js +11 -0
  23. package/forms.cjs.mjs +2 -0
  24. package/forms.d.ts +1 -0
  25. package/forms.esm.js +6 -0
  26. package/hooks/index.d.ts +0 -1
  27. package/hooks/useAsyncFn.d.ts +3 -6
  28. package/hooks/useFirstMountState.d.ts +1 -5
  29. package/hooks/useFixedOffset.d.ts +1 -12
  30. package/hooks/useFocus.d.ts +1 -6
  31. package/hooks/useInterval.d.ts +1 -7
  32. package/hooks/useIsomorphicLayoutEffect.d.ts +2 -6
  33. package/hooks/useKeyUp.d.ts +1 -2
  34. package/hooks/useMeasure.d.ts +2 -7
  35. package/hooks/useMountedState.d.ts +1 -5
  36. package/hooks/useNavigateAway.d.ts +1 -31
  37. package/hooks/usePrevious.d.ts +1 -5
  38. package/hooks/usePreviousRef.d.ts +1 -2
  39. package/hooks/useReveal.d.ts +12 -0
  40. package/hooks/useScrollPosition.d.ts +2 -10
  41. package/hooks/useScrollThreshold.d.ts +1 -2
  42. package/hooks/useScrollTo.d.ts +1 -2
  43. package/hooks/useSmoothScroll.d.ts +1 -8
  44. package/hooks/useSpinDelay.d.ts +1 -14
  45. package/hooks/useTraceUpdate.d.ts +1 -5
  46. package/hooks/useUpdateEffect.d.ts +1 -5
  47. package/hooks/useWindowSize.d.ts +2 -12
  48. package/index.cjs.d.ts +1 -0
  49. package/index.cjs.default.js +1 -0
  50. package/index.cjs.js +77 -0
  51. package/index.cjs.mjs +2 -0
  52. package/index.d.ts +3 -1
  53. package/index.esm.js +51 -0
  54. package/package.json +28 -56
  55. package/types.d.ts +2 -2
  56. package/utils/Polymorphic.d.ts +26 -0
  57. package/utils/classed.d.ts +8 -0
  58. package/utils/createUseMediaQueryWidth.d.ts +6 -0
  59. package/{helpers/extend-component.d.ts → utils/extendComponent.d.ts} +2 -14
  60. package/utils/index.d.ts +5 -0
  61. package/utils/mergeRefs.d.ts +1 -0
  62. package/Alert/Alert.d.ts +0 -5
  63. package/Alert/Alert.js +0 -29
  64. package/Alert/Alert.mjs +0 -18
  65. package/Alert/Alert.stories.js +0 -36
  66. package/Alert/Alert.stories.mjs +0 -15
  67. package/Alert/index.d.ts +0 -1
  68. package/Alert/index.js +0 -6
  69. package/Alert/index.mjs +0 -1
  70. package/Animations/Reveal.d.ts +0 -4
  71. package/Animations/Reveal.js +0 -51
  72. package/Animations/Reveal.mjs +0 -41
  73. package/Animations/Underline.d.ts +0 -1
  74. package/Animations/Underline.js +0 -26
  75. package/Animations/Underline.mjs +0 -15
  76. package/Animations/index.d.ts +0 -3
  77. package/Animations/index.js +0 -8
  78. package/Animations/index.mjs +0 -3
  79. package/Animations/useReveal.d.ts +0 -34
  80. package/Animations/useReveal.js +0 -83
  81. package/Animations/useReveal.mjs +0 -73
  82. package/Autocomplete/AutocompleteDownshift.d.ts +0 -1
  83. package/Autocomplete/AutocompleteDownshift.js +0 -167
  84. package/Autocomplete/AutocompleteDownshift.mjs +0 -157
  85. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -1
  86. package/Autocomplete/AutocompleteDownshiftMultiselect.js +0 -362
  87. package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +0 -352
  88. package/Autocomplete/AutocompleteMui.d.ts +0 -47
  89. package/Autocomplete/AutocompleteMui.js +0 -154
  90. package/Autocomplete/AutocompleteMui.mjs +0 -190
  91. package/Autocomplete/AutocompleteReach.d.ts +0 -1
  92. package/Autocomplete/AutocompleteReach.js +0 -121
  93. package/Autocomplete/AutocompleteReach.mjs +0 -111
  94. package/Autocomplete/components.d.ts +0 -21
  95. package/Autocomplete/components.js +0 -132
  96. package/Autocomplete/components.mjs +0 -87
  97. package/Autocomplete/helpers.d.ts +0 -3
  98. package/Autocomplete/helpers.js +0 -34
  99. package/Autocomplete/helpers.mjs +0 -35
  100. package/Autocomplete/index.d.ts +0 -2
  101. package/Autocomplete/index.js +0 -15
  102. package/Autocomplete/index.mjs +0 -4
  103. package/Bg/BgColor.d.ts +0 -36
  104. package/Bg/BgColor.js +0 -59
  105. package/Bg/BgColor.mjs +0 -37
  106. package/Bg/BgPhoto.d.ts +0 -13
  107. package/Bg/BgPhoto.js +0 -80
  108. package/Bg/BgPhoto.mjs +0 -69
  109. package/Bg/BgSvg.d.ts +0 -7
  110. package/Bg/BgSvg.js +0 -29
  111. package/Bg/BgSvg.mjs +0 -20
  112. package/Bg/index.d.ts +0 -3
  113. package/Bg/index.js +0 -8
  114. package/Bg/index.mjs +0 -3
  115. package/Breadcrumbs/Breadcrumbs.d.ts +0 -13
  116. package/Breadcrumbs/Breadcrumbs.js +0 -90
  117. package/Breadcrumbs/Breadcrumbs.mjs +0 -78
  118. package/Breadcrumbs/index.d.ts +0 -1
  119. package/Breadcrumbs/index.js +0 -6
  120. package/Breadcrumbs/index.mjs +0 -1
  121. package/Buttons/Button.d.ts +0 -18
  122. package/Buttons/Button.js +0 -106
  123. package/Buttons/Button.mjs +0 -78
  124. package/Buttons/ButtonComposite.d.ts +0 -23
  125. package/Buttons/ButtonComposite.js +0 -83
  126. package/Buttons/ButtonComposite.mjs +0 -72
  127. package/Buttons/ButtonFab.d.ts +0 -7
  128. package/Buttons/ButtonFab.js +0 -27
  129. package/Buttons/ButtonFab.mjs +0 -8
  130. package/Buttons/ButtonLink.d.ts +0 -8
  131. package/Buttons/ButtonLink.js +0 -28
  132. package/Buttons/ButtonLink.mjs +0 -17
  133. package/Buttons/IconButton.d.ts +0 -11
  134. package/Buttons/IconButton.js +0 -41
  135. package/Buttons/IconButton.mjs +0 -19
  136. package/Buttons/index.d.ts +0 -5
  137. package/Buttons/index.js +0 -10
  138. package/Buttons/index.mjs +0 -5
  139. package/Calendar/CalendarDaygridCell.js +0 -82
  140. package/Calendar/CalendarDaygridCell.mjs +0 -72
  141. package/Calendar/CalendarDaygridNav.js +0 -49
  142. package/Calendar/CalendarDaygridNav.mjs +0 -38
  143. package/Calendar/CalendarDaygridTable.js +0 -101
  144. package/Calendar/CalendarDaygridTable.mjs +0 -90
  145. package/Calendar/CalendarLegend.js +0 -26
  146. package/Calendar/CalendarLegend.mjs +0 -16
  147. package/Calendar/calendar-api-google.d.ts +0 -18
  148. package/Calendar/calendar-api-google.js +0 -110
  149. package/Calendar/calendar-api-google.mjs +0 -99
  150. package/Calendar/index.d.ts +0 -6
  151. package/Calendar/index.js +0 -11
  152. package/Calendar/index.mjs +0 -6
  153. package/Calendar/types.js +0 -4
  154. package/Calendar/types.mjs +0 -1
  155. package/Calendar/useCalendar.js +0 -235
  156. package/Calendar/useCalendar.mjs +0 -225
  157. package/Calendar/utils.d.ts +0 -11
  158. package/Calendar/utils.js +0 -252
  159. package/Calendar/utils.mjs +0 -209
  160. package/Carousel/Carousel.d.ts +0 -1
  161. package/Carousel/Carousel.js +0 -387
  162. package/Carousel/Carousel.mjs +0 -377
  163. package/Carousel/CarouselCss.d.ts +0 -52
  164. package/Carousel/CarouselCss.js +0 -62
  165. package/Carousel/CarouselCss.mjs +0 -42
  166. package/Carousel/index.d.ts +0 -1
  167. package/Carousel/index.js +0 -6
  168. package/Carousel/index.mjs +0 -1
  169. package/Collapsable/Collapsable.d.ts +0 -1
  170. package/Collapsable/Collapsable.js +0 -11
  171. package/Collapsable/Collapsable.mjs +0 -1
  172. package/Collapsable/CollapsableReach.d.ts +0 -6
  173. package/Collapsable/CollapsableReach.js +0 -251
  174. package/Collapsable/CollapsableReach.mjs +0 -250
  175. package/Collapsable/index.d.ts +0 -1
  176. package/Collapsable/index.js +0 -7
  177. package/Collapsable/index.mjs +0 -1
  178. package/Debug/Debug.d.ts +0 -4
  179. package/Debug/Debug.js +0 -31
  180. package/Debug/Debug.mjs +0 -20
  181. package/Debug/index.d.ts +0 -1
  182. package/Debug/index.js +0 -6
  183. package/Debug/index.mjs +0 -1
  184. package/Details/Details.d.ts +0 -404
  185. package/Details/Details.js +0 -109
  186. package/Details/Details.mjs +0 -82
  187. package/Details/Details.stories.js +0 -38
  188. package/Details/Details.stories.mjs +0 -20
  189. package/Details/index.d.ts +0 -1
  190. package/Details/index.js +0 -6
  191. package/Details/index.mjs +0 -1
  192. package/Dialog/DialogMui.d.ts +0 -484
  193. package/Dialog/DialogMui.js +0 -130
  194. package/Dialog/DialogMui.mjs +0 -92
  195. package/Dialog/DialogMui.stories.js +0 -37
  196. package/Dialog/DialogMui.stories.mjs +0 -19
  197. package/Dialog/css/bare.d.ts +0 -490
  198. package/Dialog/css/bare.js +0 -55
  199. package/Dialog/css/bare.mjs +0 -19
  200. package/Dialog/css/index.stories.js +0 -85
  201. package/Dialog/css/index.stories.mjs +0 -67
  202. package/Dialog/index.d.ts +0 -2
  203. package/Dialog/index.js +0 -11
  204. package/Dialog/index.mjs +0 -1
  205. package/Dialog/m/bare.d.ts +0 -400
  206. package/Dialog/m/bare.js +0 -80
  207. package/Dialog/m/bare.mjs +0 -70
  208. package/Dialog/m/basic.d.ts +0 -4
  209. package/Dialog/m/basic.js +0 -50
  210. package/Dialog/m/basic.mjs +0 -31
  211. package/Dialog/m/index.d.ts +0 -3
  212. package/Dialog/m/index.js +0 -14
  213. package/Dialog/m/index.mjs +0 -4
  214. package/Dialog/sc/bare.d.ts +0 -449
  215. package/Dialog/sc/bare.js +0 -83
  216. package/Dialog/sc/bare.mjs +0 -54
  217. package/Dialog/sc/framer.d.ts +0 -432
  218. package/Dialog/sc/framer.js +0 -26
  219. package/Dialog/sc/framer.mjs +0 -16
  220. package/Dialog/sc/framerMaterial.d.ts +0 -431
  221. package/Dialog/sc/framerMaterial.js +0 -26
  222. package/Dialog/sc/framerMaterial.mjs +0 -16
  223. package/Dialog/sc/index.stories.js +0 -74
  224. package/Dialog/sc/index.stories.mjs +0 -47
  225. package/Dialog/sc/material.d.ts +0 -439
  226. package/Dialog/sc/material.js +0 -78
  227. package/Dialog/sc/material.mjs +0 -41
  228. package/Dialog/tw/bare.d.ts +0 -541
  229. package/Dialog/tw/bare.js +0 -55
  230. package/Dialog/tw/bare.mjs +0 -29
  231. package/Dialog/tw/elegant.d.ts +0 -589
  232. package/Dialog/tw/elegant.js +0 -54
  233. package/Dialog/tw/elegant.mjs +0 -18
  234. package/Dialog/tw/framer.d.ts +0 -460
  235. package/Dialog/tw/framer.js +0 -26
  236. package/Dialog/tw/framer.mjs +0 -16
  237. package/Dialog/tw/framerMaterial.d.ts +0 -515
  238. package/Dialog/tw/framerMaterial.js +0 -26
  239. package/Dialog/tw/framerMaterial.mjs +0 -16
  240. package/Dialog/tw/index.stories.js +0 -112
  241. package/Dialog/tw/index.stories.mjs +0 -82
  242. package/Dialog/tw/material.d.ts +0 -589
  243. package/Dialog/tw/material.js +0 -54
  244. package/Dialog/tw/material.mjs +0 -18
  245. package/Editor/Editor--tiptap.d.ts +0 -9
  246. package/Editor/Editor--tiptap.js +0 -57
  247. package/Editor/Editor--tiptap.mjs +0 -38
  248. package/Editor/components.d.ts +0 -7
  249. package/Editor/components.js +0 -59
  250. package/Editor/components.mjs +0 -28
  251. package/Editor/index.d.ts +0 -1
  252. package/Editor/index.js +0 -6
  253. package/Editor/index.mjs +0 -1
  254. package/FaviconTags.d.ts +0 -19
  255. package/FaviconTags.js +0 -59
  256. package/FaviconTags.mjs +0 -50
  257. package/Form/Form.d.ts +0 -138
  258. package/Form/Form.js +0 -113
  259. package/Form/Form.mjs +0 -78
  260. package/Form/index.d.ts +0 -1
  261. package/Form/index.js +0 -6
  262. package/Form/index.mjs +0 -1
  263. package/Form/sc/bare.d.ts +0 -58
  264. package/Form/sc/bare.js +0 -55
  265. package/Form/sc/bare.mjs +0 -29
  266. package/Forms/Checkbox/Checkbox.d.ts +0 -11
  267. package/Forms/Checkbox/Checkbox.js +0 -48
  268. package/Forms/Checkbox/Checkbox.mjs +0 -22
  269. package/Forms/Checkbox/index.d.ts +0 -1
  270. package/Forms/Checkbox/index.js +0 -6
  271. package/Forms/Checkbox/index.mjs +0 -1
  272. package/Forms/Feedback/Feedback.d.ts +0 -5
  273. package/Forms/Feedback/Feedback.js +0 -23
  274. package/Forms/Feedback/Feedback.mjs +0 -12
  275. package/Forms/Feedback/index.d.ts +0 -1
  276. package/Forms/Feedback/index.js +0 -6
  277. package/Forms/Feedback/index.mjs +0 -1
  278. package/Forms/Field/Field.d.ts +0 -38
  279. package/Forms/Field/Field.js +0 -69
  280. package/Forms/Field/Field.mjs +0 -44
  281. package/Forms/Field/FieldControl.d.ts +0 -26
  282. package/Forms/Field/FieldControl.js +0 -55
  283. package/Forms/Field/FieldControl.mjs +0 -53
  284. package/Forms/Field/FieldHint.d.ts +0 -1
  285. package/Forms/Field/FieldHint.js +0 -17
  286. package/Forms/Field/FieldHint.mjs +0 -6
  287. package/Forms/Field/index.d.ts +0 -2
  288. package/Forms/Field/index.js +0 -7
  289. package/Forms/Field/index.mjs +0 -2
  290. package/Forms/Input/Input.d.ts +0 -9
  291. package/Forms/Input/Input.js +0 -59
  292. package/Forms/Input/Input.mjs +0 -28
  293. package/Forms/Input/index.d.ts +0 -1
  294. package/Forms/Input/index.js +0 -6
  295. package/Forms/Input/index.mjs +0 -1
  296. package/Forms/InputGroup/InputGroup.d.ts +0 -13
  297. package/Forms/InputGroup/InputGroup.js +0 -75
  298. package/Forms/InputGroup/InputGroup.mjs +0 -47
  299. package/Forms/InputGroup/index.d.ts +0 -1
  300. package/Forms/InputGroup/index.js +0 -6
  301. package/Forms/InputGroup/index.mjs +0 -1
  302. package/Forms/Label/Label.d.ts +0 -3
  303. package/Forms/Label/Label.js +0 -46
  304. package/Forms/Label/Label.mjs +0 -24
  305. package/Forms/Label/index.d.ts +0 -1
  306. package/Forms/Label/index.js +0 -6
  307. package/Forms/Label/index.mjs +0 -1
  308. package/Forms/Password/Password.d.ts +0 -5
  309. package/Forms/Password/Password.js +0 -58
  310. package/Forms/Password/Password.mjs +0 -39
  311. package/Forms/Password/index.d.ts +0 -1
  312. package/Forms/Password/index.js +0 -6
  313. package/Forms/Password/index.mjs +0 -1
  314. package/Forms/Radio/Radio.d.ts +0 -12
  315. package/Forms/Radio/Radio.js +0 -49
  316. package/Forms/Radio/Radio.mjs +0 -38
  317. package/Forms/Radio/index.d.ts +0 -1
  318. package/Forms/Radio/index.js +0 -6
  319. package/Forms/Radio/index.mjs +0 -1
  320. package/Forms/Switch/Switch.d.ts +0 -9
  321. package/Forms/Switch/Switch.js +0 -68
  322. package/Forms/Switch/Switch.mjs +0 -48
  323. package/Forms/Switch/index.d.ts +0 -1
  324. package/Forms/Switch/index.js +0 -6
  325. package/Forms/Switch/index.mjs +0 -1
  326. package/Forms/Textarea/Textarea.d.ts +0 -5
  327. package/Forms/Textarea/Textarea.js +0 -37
  328. package/Forms/Textarea/Textarea.mjs +0 -18
  329. package/Forms/Textarea/TextareaRich.d.ts +0 -6
  330. package/Forms/Textarea/TextareaRich.js +0 -50
  331. package/Forms/Textarea/TextareaRich.mjs +0 -40
  332. package/Forms/Textarea/index.d.ts +0 -2
  333. package/Forms/Textarea/index.js +0 -7
  334. package/Forms/Textarea/index.mjs +0 -2
  335. package/Forms/Toggle/Toggle-tailwind.d.ts +0 -0
  336. package/Forms/Toggle/Toggle-tailwind.js +0 -99
  337. package/Forms/Toggle/Toggle-tailwind.mjs +0 -98
  338. package/Forms/Toggle/Toggle.d.ts +0 -19
  339. package/Forms/Toggle/Toggle.js +0 -156
  340. package/Forms/Toggle/Toggle.mjs +0 -104
  341. package/Forms/Toggle/index.d.ts +0 -1
  342. package/Forms/Toggle/index.js +0 -6
  343. package/Forms/Toggle/index.mjs +0 -1
  344. package/Forms/Toggle/useToggle-tailwind.d.ts +0 -0
  345. package/Forms/Toggle/useToggle-tailwind.js +0 -202
  346. package/Forms/Toggle/useToggle-tailwind.mjs +0 -201
  347. package/Forms/Toggle/useToggle.d.ts +0 -46
  348. package/Forms/Toggle/useToggle.js +0 -139
  349. package/Forms/Toggle/useToggle.mjs +0 -157
  350. package/Forms/antispam.d.ts +0 -47
  351. package/Forms/antispam.js +0 -59
  352. package/Forms/antispam.mjs +0 -58
  353. package/Forms/helpers.d.ts +0 -26
  354. package/Forms/helpers.js +0 -72
  355. package/Forms/helpers.mjs +0 -52
  356. package/Forms/index.d.ts +0 -15
  357. package/Forms/index.js +0 -19
  358. package/Forms/index.mjs +0 -16
  359. package/Forms/styles.d.ts +0 -19
  360. package/Forms/styles.js +0 -93
  361. package/Forms/styles.mjs +0 -60
  362. package/Gauge/Gauge.d.ts +0 -5
  363. package/Gauge/Gauge.js +0 -111
  364. package/Gauge/Gauge.mjs +0 -101
  365. package/Grid/Grid.d.ts +0 -65
  366. package/Grid/Grid.js +0 -106
  367. package/Grid/Grid.mjs +0 -75
  368. package/Grid/index.d.ts +0 -1
  369. package/Grid/index.js +0 -6
  370. package/Grid/index.mjs +0 -1
  371. package/Hamburger/Hamburger.d.ts +0 -6
  372. package/Hamburger/Hamburger.js +0 -83
  373. package/Hamburger/Hamburger.mjs +0 -72
  374. package/Hamburger/index.d.ts +0 -1
  375. package/Hamburger/index.js +0 -6
  376. package/Hamburger/index.mjs +0 -1
  377. package/Header/index.d.ts +0 -1
  378. package/Header/index.js +0 -6
  379. package/Header/index.mjs +0 -1
  380. package/Header/useHeader.d.ts +0 -24
  381. package/Header/useHeader.js +0 -54
  382. package/Header/useHeader.mjs +0 -36
  383. package/Hidden/Hidden.d.ts +0 -6
  384. package/Hidden/Hidden.js +0 -21
  385. package/Hidden/Hidden.mjs +0 -10
  386. package/Hidden/index.d.ts +0 -1
  387. package/Hidden/index.js +0 -6
  388. package/Hidden/index.mjs +0 -1
  389. package/Img/index.d.ts +0 -1
  390. package/Img/index.js +0 -6
  391. package/Img/index.mjs +0 -1
  392. package/Img/sc/bare.d.ts +0 -2
  393. package/Img/sc/bare.js +0 -43
  394. package/Img/sc/bare.mjs +0 -36
  395. package/Img/types.d.ts +0 -9
  396. package/Img/types.js +0 -6
  397. package/Img/types.mjs +0 -1
  398. package/Link/Link.d.ts +0 -5
  399. package/Link/Link.js +0 -13
  400. package/Link/Link.mjs +0 -2
  401. package/Link/LinkBlank.d.ts +0 -8
  402. package/Link/LinkBlank.js +0 -45
  403. package/Link/LinkBlank.mjs +0 -25
  404. package/Link/index.d.ts +0 -2
  405. package/Link/index.js +0 -7
  406. package/Link/index.mjs +0 -2
  407. package/Menu/Menu.d.ts +0 -1
  408. package/Menu/Menu.js +0 -22
  409. package/Menu/Menu.mjs +0 -11
  410. package/Menu/MenuMui.d.ts +0 -0
  411. package/Menu/MenuMui.js +0 -165
  412. package/Menu/MenuMui.mjs +0 -164
  413. package/Menu/index.d.ts +0 -1
  414. package/Menu/index.js +0 -6
  415. package/Menu/index.mjs +0 -1
  416. package/MenuItem/MenuItem.d.ts +0 -4
  417. package/MenuItem/MenuItem.js +0 -31
  418. package/MenuItem/MenuItem.mjs +0 -20
  419. package/MenuItem/MenuItemMui.d.ts +0 -0
  420. package/MenuItem/MenuItemMui.js +0 -32
  421. package/MenuItem/MenuItemMui.mjs +0 -31
  422. package/MenuItem/index.d.ts +0 -1
  423. package/MenuItem/index.js +0 -6
  424. package/MenuItem/index.mjs +0 -1
  425. package/MenuItem/useMenuItem.d.ts +0 -9
  426. package/MenuItem/useMenuItem.js +0 -96
  427. package/MenuItem/useMenuItem.mjs +0 -78
  428. package/Meta/Meta.d.ts +0 -15
  429. package/Meta/Meta.js +0 -25
  430. package/Meta/Meta.mjs +0 -7
  431. package/Meta/index.d.ts +0 -2
  432. package/Meta/index.js +0 -12
  433. package/Meta/index.mjs +0 -2
  434. package/NoJs/NoJs.d.ts +0 -3
  435. package/NoJs/NoJs.js +0 -27
  436. package/NoJs/NoJs.mjs +0 -9
  437. package/NoJs/index.d.ts +0 -2
  438. package/NoJs/index.js +0 -12
  439. package/NoJs/index.mjs +0 -2
  440. package/Pagination/PaginationNav.d.ts +0 -22
  441. package/Pagination/PaginationNav.js +0 -107
  442. package/Pagination/PaginationNav.mjs +0 -103
  443. package/Pagination/PaginationResults.d.ts +0 -3
  444. package/Pagination/PaginationResults.js +0 -40
  445. package/Pagination/PaginationResults.mjs +0 -29
  446. package/Pagination/index.d.ts +0 -2
  447. package/Pagination/index.js +0 -7
  448. package/Pagination/index.mjs +0 -2
  449. package/Pill/Pill.d.ts +0 -5
  450. package/Pill/Pill.js +0 -62
  451. package/Pill/Pill.mjs +0 -37
  452. package/Pill/index.d.ts +0 -1
  453. package/Pill/index.js +0 -6
  454. package/Pill/index.mjs +0 -1
  455. package/Progress/ProgressCircular.d.ts +0 -19
  456. package/Progress/ProgressCircular.js +0 -60
  457. package/Progress/ProgressCircular.mjs +0 -51
  458. package/Progress/ProgressLinear.d.ts +0 -22
  459. package/Progress/ProgressLinear.js +0 -51
  460. package/Progress/ProgressLinear.mjs +0 -42
  461. package/Progress/ProgressOverlay.d.ts +0 -4
  462. package/Progress/ProgressOverlay.js +0 -69
  463. package/Progress/ProgressOverlay.mjs +0 -58
  464. package/Progress/index.d.ts +0 -3
  465. package/Progress/index.js +0 -8
  466. package/Progress/index.mjs +0 -3
  467. package/Rating/Rating.d.ts +0 -35
  468. package/Rating/Rating.js +0 -162
  469. package/Rating/Rating.mjs +0 -128
  470. package/Rating/index.d.ts +0 -11
  471. package/Rating/index.js +0 -85
  472. package/Rating/index.mjs +0 -62
  473. package/Select/SelectDownshift.d.ts +0 -5
  474. package/Select/SelectDownshift.js +0 -47
  475. package/Select/SelectDownshift.mjs +0 -37
  476. package/Select/components.d.ts +0 -6
  477. package/Select/components.js +0 -42
  478. package/Select/components.mjs +0 -23
  479. package/Select/index.d.ts +0 -2
  480. package/Select/index.js +0 -13
  481. package/Select/index.mjs +0 -2
  482. package/Sidebar/Sidebar.d.ts +0 -3
  483. package/Sidebar/Sidebar.js +0 -65
  484. package/Sidebar/Sidebar.mjs +0 -54
  485. package/Sidebar/index.d.ts +0 -1
  486. package/Sidebar/index.js +0 -6
  487. package/Sidebar/index.mjs +0 -1
  488. package/Spacing/Spacing.d.ts +0 -30
  489. package/Spacing/Spacing.js +0 -52
  490. package/Spacing/Spacing.mjs +0 -52
  491. package/Spacing/index.d.ts +0 -1
  492. package/Spacing/index.js +0 -6
  493. package/Spacing/index.mjs +0 -1
  494. package/Sticky/Sticky.d.ts +0 -2
  495. package/Sticky/Sticky.js +0 -228
  496. package/Sticky/Sticky.mjs +0 -218
  497. package/Sticky/StickyCss.d.ts +0 -5
  498. package/Sticky/StickyCss.js +0 -19
  499. package/Sticky/StickyCss.mjs +0 -9
  500. package/Sticky/index.d.ts +0 -1
  501. package/Sticky/index.js +0 -19
  502. package/Sticky/index.mjs +0 -1
  503. package/Tabs/TabsMui.d.ts +0 -374
  504. package/Tabs/TabsMui.js +0 -82
  505. package/Tabs/TabsMui.mjs +0 -52
  506. package/Tabs/TabsMui.stories.js +0 -37
  507. package/Tabs/TabsMui.stories.mjs +0 -19
  508. package/Tabs/index.d.ts +0 -1
  509. package/Tabs/index.js +0 -6
  510. package/Tabs/index.mjs +0 -1
  511. package/Tabs/sc/bare.d.ts +0 -5
  512. package/Tabs/sc/bare.js +0 -86
  513. package/Tabs/sc/bare.mjs +0 -85
  514. package/Tabs/sc/index.stories.js +0 -1
  515. package/Tabs/sc/index.stories.mjs +0 -0
  516. package/Tabs/tw/bare.d.ts +0 -375
  517. package/Tabs/tw/bare.js +0 -45
  518. package/Tabs/tw/bare.mjs +0 -15
  519. package/Tabs/tw/index.stories.js +0 -45
  520. package/Tabs/tw/index.stories.mjs +0 -24
  521. package/Tabs/tw/material.d.ts +0 -444
  522. package/Tabs/tw/material.js +0 -44
  523. package/Tabs/tw/material.mjs +0 -14
  524. package/Tabs/useTabs.d.ts +0 -43
  525. package/Tabs/useTabs.js +0 -66
  526. package/Tabs/useTabs.mjs +0 -46
  527. package/Typography/CopyPasteVisible.d.ts +0 -1
  528. package/Typography/CopyPasteVisible.js +0 -17
  529. package/Typography/CopyPasteVisible.mjs +0 -6
  530. package/Typography/Native.d.ts +0 -10
  531. package/Typography/Native.js +0 -90
  532. package/Typography/Native.mjs +0 -47
  533. package/Typography/ReadMore.d.ts +0 -12
  534. package/Typography/ReadMore.js +0 -110
  535. package/Typography/ReadMore.mjs +0 -99
  536. package/Typography/TextLoop.d.ts +0 -16
  537. package/Typography/TextLoop.js +0 -100
  538. package/Typography/TextLoop.mjs +0 -82
  539. package/Typography/TypeStairs.d.ts +0 -6
  540. package/Typography/TypeStairs.js +0 -63
  541. package/Typography/TypeStairs.mjs +0 -53
  542. package/Typography/index.d.ts +0 -5
  543. package/Typography/index.js +0 -10
  544. package/Typography/index.mjs +0 -5
  545. package/css/index.d.ts +0 -2
  546. package/css/index.js +0 -33
  547. package/css/index.mjs +0 -30
  548. package/helpers/classed.d.ts +0 -27
  549. package/helpers/classed.js +0 -66
  550. package/helpers/classed.mjs +0 -65
  551. package/helpers/classed.stories.js +0 -122
  552. package/helpers/classed.stories.mjs +0 -103
  553. package/helpers/createUseMediaQueryWidth.d.ts +0 -12
  554. package/helpers/createUseMediaQueryWidth.js +0 -193
  555. package/helpers/createUseMediaQueryWidth.mjs +0 -178
  556. package/helpers/extend-component.js +0 -32
  557. package/helpers/extend-component.mjs +0 -13
  558. package/helpers/index.d.ts +0 -4
  559. package/helpers/index.js +0 -9
  560. package/helpers/index.mjs +0 -4
  561. package/helpers/mergeRefs.d.ts +0 -3
  562. package/helpers/mergeRefs.js +0 -30
  563. package/helpers/mergeRefs.mjs +0 -12
  564. package/hooks/index.js +0 -92
  565. package/hooks/index.mjs +0 -21
  566. package/hooks/types.d.ts +0 -8
  567. package/hooks/types.js +0 -6
  568. package/hooks/types.mjs +0 -3
  569. package/hooks/useAsyncFn.js +0 -56
  570. package/hooks/useAsyncFn.mjs +0 -39
  571. package/hooks/useDateLocale.d.ts +0 -8
  572. package/hooks/useDateLocale.js +0 -51
  573. package/hooks/useDateLocale.mjs +0 -37
  574. package/hooks/useFirstMountState.js +0 -28
  575. package/hooks/useFirstMountState.mjs +0 -12
  576. package/hooks/useFixedOffset.js +0 -67
  577. package/hooks/useFixedOffset.mjs +0 -56
  578. package/hooks/useFocus.js +0 -30
  579. package/hooks/useFocus.mjs +0 -14
  580. package/hooks/useInterval.js +0 -44
  581. package/hooks/useInterval.mjs +0 -29
  582. package/hooks/useIsomorphicLayoutEffect.js +0 -23
  583. package/hooks/useIsomorphicLayoutEffect.mjs +0 -6
  584. package/hooks/useKeyUp.js +0 -40
  585. package/hooks/useKeyUp.mjs +0 -21
  586. package/hooks/useMeasure.js +0 -189
  587. package/hooks/useMeasure.mjs +0 -174
  588. package/hooks/useMountedState.js +0 -31
  589. package/hooks/useMountedState.mjs +0 -15
  590. package/hooks/useNavigateAway.js +0 -69
  591. package/hooks/useNavigateAway.mjs +0 -69
  592. package/hooks/usePrevious.js +0 -33
  593. package/hooks/usePrevious.mjs +0 -17
  594. package/hooks/usePreviousRef.js +0 -27
  595. package/hooks/usePreviousRef.mjs +0 -9
  596. package/hooks/useScrollPosition.js +0 -83
  597. package/hooks/useScrollPosition.mjs +0 -70
  598. package/hooks/useScrollThreshold.js +0 -52
  599. package/hooks/useScrollThreshold.mjs +0 -33
  600. package/hooks/useScrollTo.js +0 -39
  601. package/hooks/useScrollTo.mjs +0 -20
  602. package/hooks/useSmoothScroll.js +0 -49
  603. package/hooks/useSmoothScroll.mjs +0 -35
  604. package/hooks/useSpinDelay.js +0 -59
  605. package/hooks/useSpinDelay.mjs +0 -52
  606. package/hooks/useTraceUpdate.js +0 -39
  607. package/hooks/useTraceUpdate.mjs +0 -23
  608. package/hooks/useUpdateEffect.js +0 -30
  609. package/hooks/useUpdateEffect.mjs +0 -14
  610. package/hooks/useWindowSize.js +0 -43
  611. package/hooks/useWindowSize.mjs +0 -32
  612. package/index.js +0 -10
  613. package/index.mjs +0 -4
  614. package/m/MotionProvider.d.ts +0 -38
  615. package/m/MotionProvider.js +0 -25
  616. package/m/MotionProvider.mjs +0 -38
  617. package/m/index.d.ts +0 -6
  618. package/m/index.js +0 -10
  619. package/m/index.mjs +0 -5
  620. package/m/lite.d.ts +0 -2
  621. package/m/lite.js +0 -12
  622. package/m/lite.mjs +0 -2
  623. package/m/max.d.ts +0 -2
  624. package/m/max.js +0 -12
  625. package/m/max.mjs +0 -2
  626. package/sc/index.d.ts +0 -30
  627. package/sc/index.js +0 -49
  628. package/sc/index.mjs +0 -31
  629. package/scm/index.d.ts +0 -29
  630. package/scm/index.js +0 -40
  631. package/scm/index.mjs +0 -31
  632. package/shared/index.d.ts +0 -8
  633. package/shared/index.js +0 -13
  634. package/shared/index.mjs +0 -43
  635. package/styles/Body.d.ts +0 -10
  636. package/styles/Body.js +0 -28
  637. package/styles/Body.mjs +0 -16
  638. package/styles/Global.d.ts +0 -15
  639. package/styles/Global.js +0 -55
  640. package/styles/Global.mjs +0 -49
  641. package/styles/index.d.ts +0 -7
  642. package/styles/index.js +0 -142
  643. package/styles/index.mjs +0 -7
  644. package/styles/media.d.ts +0 -67
  645. package/styles/media.js +0 -139
  646. package/styles/media.mjs +0 -151
  647. package/styles/spacing.d.ts +0 -13
  648. package/styles/spacing.js +0 -70
  649. package/styles/spacing.mjs +0 -46
  650. package/styles/styled.d.ts +0 -12
  651. package/styles/styled.js +0 -58
  652. package/styles/styled.mjs +0 -26
  653. package/styles/theme--vanilla.d.ts +0 -17
  654. package/styles/theme--vanilla.js +0 -80
  655. package/styles/theme--vanilla.mjs +0 -63
  656. package/styles/theme.d.ts +0 -82
  657. package/styles/theme.js +0 -49
  658. package/styles/theme.mjs +0 -38
  659. package/tw/index.d.ts +0 -2
  660. package/tw/index.js +0 -33
  661. package/tw/index.mjs +0 -30
  662. package/twm/index.d.ts +0 -2
  663. package/twm/index.js +0 -33
  664. package/twm/index.mjs +0 -30
  665. package/types.js +0 -4
  666. package/types.mjs +0 -1
  667. package/typings.d.ts +0 -99
@@ -1,72 +0,0 @@
1
- import { Fragment, useState } from "react";
2
- import { MdAdd as IconExpand } from "react-icons/md";
3
- import { getDisplayTime } from "./utils";
4
- /**
5
- * Style for button within a event cell
6
- *
7
- * Here we might differentiate week/month view where the first does not get
8
- * ellipsed btn texts, with `Start` as block element and underneath the `Title`
9
- * on multiple lines, but that would mean that we loose the ability to interweave
10
- * single-day events among the spaces left by wider multi-days events.
11
- */ const styleBtn = {
12
- overflow: "hidden",
13
- whiteSpace: "nowrap",
14
- textOverflow: "ellipsis"
15
- };
16
- export const CalendarDaygridCell = ({ eventClicked, setEventClicked, // eventHovered,
17
- setEventHovered, view, maxEvents, events, calendarsMap, Cell = "div", CellOverflow = "div", CellEvent = "div", CellEventBtn = "div", CellEventTitle = "span", CellEventStart = "span" })=>{
18
- const [isExpanded, expand] = useState(false);
19
- const eventsWithoutPlaceholders = events.filter((event)=>!event.placeholder);
20
- return /*#__PURE__*/ React.createElement(Cell, null, events.map((event, i)=>{
21
- if (i === maxEvents && !isExpanded) {
22
- return /*#__PURE__*/ React.createElement(CellOverflow, {
23
- key: "overflowMessage" + i,
24
- onClick: ()=>expand(true)
25
- }, /*#__PURE__*/ React.createElement(IconExpand, null), eventsWithoutPlaceholders.length - maxEvents);
26
- }
27
- if (i > maxEvents && !isExpanded) return null;
28
- if (event.placeholder) {
29
- return /*#__PURE__*/ React.createElement(Fragment, {
30
- key: event.key
31
- }, /*#__PURE__*/ React.createElement(CellEvent, {
32
- $placeholder: true
33
- }, /*#__PURE__*/ React.createElement(CellEventBtn, {
34
- "aria-hidden": "true",
35
- style: {
36
- visibility: "hidden"
37
- },
38
- $placeholder: true
39
- }, /*#__PURE__*/ React.createElement(CellEventTitle, null, "\xa0"))));
40
- }
41
- const styleEvent = {
42
- zIndex: event.firstOfMulti ? 1 : 0,
43
- position: "relative",
44
- width: event.firstOfMulti ? `${100 * event.width}%` : "100%"
45
- };
46
- if (!calendarsMap[event.calendar.id].on) {
47
- // @ts-expect-error nevermind
48
- styleBtn.display = "none";
49
- }
50
- const styledProps = {
51
- $view: view,
52
- $selected: eventClicked?.uid === event.uid,
53
- $past: event.isPast,
54
- $color: event.color,
55
- $isOutOfRange: event.$isOutOfRange,
56
- $isToday: event.$isToday
57
- };
58
- return /*#__PURE__*/ React.createElement(Fragment, {
59
- key: event.key
60
- }, /*#__PURE__*/ React.createElement(CellEvent, {
61
- style: styleEvent,
62
- ...styledProps
63
- }, /*#__PURE__*/ React.createElement(CellEventBtn, {
64
- role: "button",
65
- style: styleBtn,
66
- ...styledProps,
67
- onClick: ()=>setEventClicked((prev)=>prev?.uid === event.uid ? null : event),
68
- onMouseEnter: ()=>setEventHovered(event),
69
- onMouseLeave: ()=>setEventHovered(null)
70
- }, event.allDay ? /*#__PURE__*/ React.createElement(CellEventTitle, null, event.title) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(CellEventStart, null, getDisplayTime(event.start)), /*#__PURE__*/ React.createElement(CellEventTitle, null, event.title)))));
71
- }));
72
- };
@@ -1,49 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "KoineCalendarDaygridNav", {
6
- enumerable: true,
7
- get: function() {
8
- return KoineCalendarDaygridNav;
9
- }
10
- });
11
- const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
12
- const _format = /*#__PURE__*/ _interop_require_default._(require("date-fns/format"));
13
- const _useDateLocale = require("../hooks/useDateLocale");
14
- const KoineCalendarDaygridNav = ({ range, view, todayInView, handlePrev, handleNext, handleToday, handleView, locale: localeCode, NavRoot = "nav", NavTitle = "div", NavBtns = "div", NavBtnPrev = "button", NavBtnNext = "button", NavBtnToday = "button", NavBtnViewMonth = "button", NavBtnViewWeek = "button" })=>{
15
- const [start, end] = range;
16
- const locale = (0, _useDateLocale.useDateLocale)(localeCode);
17
- const opts = {
18
- locale
19
- };
20
- let formatted = "";
21
- if (view === "month") {
22
- formatted = (0, _format.default)(start, "MMMM yyyy", opts);
23
- }
24
- if (view === "week") {
25
- const inSameMonth = start.getMonth() === end.getMonth();
26
- if (inSameMonth) {
27
- formatted = (0, _format.default)(start, "# MMMM yyyy", opts).replace("#", `${start.getDate()}-${end.getDate()}`);
28
- } else {
29
- formatted = `${(0, _format.default)(start, "d MMMM", opts)} - ${(0, _format.default)(end, "d MMMM yyyy", opts)}`;
30
- }
31
- }
32
- return /*#__PURE__*/ React.createElement(NavRoot, null, /*#__PURE__*/ React.createElement(NavBtns, null, /*#__PURE__*/ React.createElement(NavBtnPrev, {
33
- onClick: handlePrev
34
- }), /*#__PURE__*/ React.createElement(NavBtnNext, {
35
- onClick: handleNext
36
- }), /*#__PURE__*/ React.createElement(NavBtnToday, {
37
- onClick: handleToday,
38
- disabled: todayInView
39
- }), /*#__PURE__*/ React.createElement(NavBtnViewMonth, {
40
- onClick: ()=>handleView("month"),
41
- disabled: view === "month"
42
- }), /*#__PURE__*/ React.createElement(NavBtnViewWeek, {
43
- onClick: ()=>handleView("week"),
44
- disabled: view === "week"
45
- })), /*#__PURE__*/ React.createElement(NavTitle, {
46
- range: range,
47
- formatted: formatted
48
- }));
49
- };
@@ -1,38 +0,0 @@
1
- import format from "date-fns/format";
2
- import { useDateLocale } from "../hooks/useDateLocale";
3
- export const KoineCalendarDaygridNav = ({ range, view, todayInView, handlePrev, handleNext, handleToday, handleView, locale: localeCode, NavRoot = "nav", NavTitle = "div", NavBtns = "div", NavBtnPrev = "button", NavBtnNext = "button", NavBtnToday = "button", NavBtnViewMonth = "button", NavBtnViewWeek = "button" })=>{
4
- const [start, end] = range;
5
- const locale = useDateLocale(localeCode);
6
- const opts = {
7
- locale
8
- };
9
- let formatted = "";
10
- if (view === "month") {
11
- formatted = format(start, "MMMM yyyy", opts);
12
- }
13
- if (view === "week") {
14
- const inSameMonth = start.getMonth() === end.getMonth();
15
- if (inSameMonth) {
16
- formatted = format(start, "# MMMM yyyy", opts).replace("#", `${start.getDate()}-${end.getDate()}`);
17
- } else {
18
- formatted = `${format(start, "d MMMM", opts)} - ${format(end, "d MMMM yyyy", opts)}`;
19
- }
20
- }
21
- return /*#__PURE__*/ React.createElement(NavRoot, null, /*#__PURE__*/ React.createElement(NavBtns, null, /*#__PURE__*/ React.createElement(NavBtnPrev, {
22
- onClick: handlePrev
23
- }), /*#__PURE__*/ React.createElement(NavBtnNext, {
24
- onClick: handleNext
25
- }), /*#__PURE__*/ React.createElement(NavBtnToday, {
26
- onClick: handleToday,
27
- disabled: todayInView
28
- }), /*#__PURE__*/ React.createElement(NavBtnViewMonth, {
29
- onClick: ()=>handleView("month"),
30
- disabled: view === "month"
31
- }), /*#__PURE__*/ React.createElement(NavBtnViewWeek, {
32
- onClick: ()=>handleView("week"),
33
- disabled: view === "week"
34
- })), /*#__PURE__*/ React.createElement(NavTitle, {
35
- range: range,
36
- formatted: formatted
37
- }));
38
- };
@@ -1,101 +0,0 @@
1
- "use strict";
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 _eachWeekOfInterval = /*#__PURE__*/ _interop_require_default._(require("date-fns/eachWeekOfInterval"));
13
- const _react = require("react");
14
- const _reactswipeable = require("react-swipeable");
15
- const _hooks = require("../hooks");
16
- const _CalendarDaygridCell = require("./CalendarDaygridCell");
17
- const _utils = require("./utils");
18
- function getView(range) {
19
- const [start, end] = range;
20
- const weeks = (0, _eachWeekOfInterval.default)({
21
- start,
22
- end
23
- }, {
24
- weekStartsOn: 1
25
- });
26
- return {
27
- month: start.getMonth(),
28
- weeks
29
- };
30
- }
31
- 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 })=>{
32
- const restKoine = {
33
- Cell,
34
- CellOverflow,
35
- CellEvent,
36
- CellEventBtn,
37
- CellEventTitle,
38
- CellEventStart
39
- };
40
- const [days, setDays] = (0, _react.useState)(dayLabels || [
41
- 0,
42
- 1,
43
- 2,
44
- 3,
45
- 4,
46
- 5,
47
- 6
48
- ]);
49
- const [weeksEvents, setWeeksEvents] = (0, _react.useState)([]);
50
- // const [days, setDays] = useState(dayLabels || [...Array(7).keys()]);
51
- const locale = (0, _hooks.useDateLocale)(localeCode);
52
- const { month, weeks } = (0, _react.useMemo)(()=>getView(range), [
53
- range
54
- ]);
55
- const swipeableHandlers = (0, _reactswipeable.useSwipeable)({
56
- onSwipedLeft: handleNext,
57
- onSwipedRight: handlePrev
58
- });
59
- (0, _react.useEffect)(()=>{
60
- setWeeksEvents((0, _utils.processEventsInView)(events, view, month, weeks));
61
- }, [
62
- events,
63
- view,
64
- month,
65
- weeks
66
- ]);
67
- (0, _react.useEffect)(()=>{
68
- if (locale && locale.localize && !dayLabels) {
69
- setDays([
70
- 1,
71
- 2,
72
- 3,
73
- 4,
74
- 5,
75
- 6,
76
- 0
77
- ].map(// @ts-expect-error nevermind
78
- (i)=>locale.localize.day(i, {
79
- width: "abbreviated"
80
- })));
81
- }
82
- }, [
83
- locale,
84
- dayLabels
85
- ]);
86
- return /*#__PURE__*/ React.createElement(Table, swipeableHandlers, /*#__PURE__*/ React.createElement(TableHead, null, /*#__PURE__*/ React.createElement("tr", null, days.map((day)=>/*#__PURE__*/ React.createElement(TableHeadCell, {
87
- scope: "column",
88
- key: day
89
- }, day)))), /*#__PURE__*/ React.createElement(TableBody, null, weeksEvents.map((week, i)=>/*#__PURE__*/ React.createElement(TableBodyRow, week.props, week.days.map((day)=>/*#__PURE__*/ React.createElement(TableBodyCell, day.props, /*#__PURE__*/ React.createElement(TableBodyCellDate, day.props, day.label), day.events.length > 0 && /*#__PURE__*/ React.createElement(_CalendarDaygridCell.CalendarDaygridCell, {
90
- eventClicked,
91
- setEventClicked,
92
- eventHovered,
93
- setEventHovered,
94
- view,
95
- maxEvents,
96
- events: day.events,
97
- timestamp: day.timestamp,
98
- calendarsMap,
99
- ...restKoine
100
- })))))));
101
- };
@@ -1,90 +0,0 @@
1
- import eachWeekOfInterval from "date-fns/eachWeekOfInterval";
2
- import { useEffect, useMemo, useState } from "react";
3
- import { useSwipeable } from "react-swipeable";
4
- import { useDateLocale } from "../hooks";
5
- import { CalendarDaygridCell } from "./CalendarDaygridCell";
6
- import { processEventsInView } from "./utils";
7
- function getView(range) {
8
- const [start, end] = range;
9
- const weeks = eachWeekOfInterval({
10
- start,
11
- end
12
- }, {
13
- weekStartsOn: 1
14
- });
15
- return {
16
- month: start.getMonth(),
17
- weeks
18
- };
19
- }
20
- 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 })=>{
21
- const restKoine = {
22
- Cell,
23
- CellOverflow,
24
- CellEvent,
25
- CellEventBtn,
26
- CellEventTitle,
27
- CellEventStart
28
- };
29
- const [days, setDays] = useState(dayLabels || [
30
- 0,
31
- 1,
32
- 2,
33
- 3,
34
- 4,
35
- 5,
36
- 6
37
- ]);
38
- const [weeksEvents, setWeeksEvents] = useState([]);
39
- // const [days, setDays] = useState(dayLabels || [...Array(7).keys()]);
40
- const locale = useDateLocale(localeCode);
41
- const { month, weeks } = useMemo(()=>getView(range), [
42
- range
43
- ]);
44
- const swipeableHandlers = useSwipeable({
45
- onSwipedLeft: handleNext,
46
- onSwipedRight: handlePrev
47
- });
48
- useEffect(()=>{
49
- setWeeksEvents(processEventsInView(events, view, month, weeks));
50
- }, [
51
- events,
52
- view,
53
- month,
54
- weeks
55
- ]);
56
- useEffect(()=>{
57
- if (locale && locale.localize && !dayLabels) {
58
- setDays([
59
- 1,
60
- 2,
61
- 3,
62
- 4,
63
- 5,
64
- 6,
65
- 0
66
- ].map(// @ts-expect-error nevermind
67
- (i)=>locale.localize.day(i, {
68
- width: "abbreviated"
69
- })));
70
- }
71
- }, [
72
- locale,
73
- dayLabels
74
- ]);
75
- return /*#__PURE__*/ React.createElement(Table, swipeableHandlers, /*#__PURE__*/ React.createElement(TableHead, null, /*#__PURE__*/ React.createElement("tr", null, days.map((day)=>/*#__PURE__*/ React.createElement(TableHeadCell, {
76
- scope: "column",
77
- key: day
78
- }, day)))), /*#__PURE__*/ React.createElement(TableBody, null, weeksEvents.map((week, i)=>/*#__PURE__*/ React.createElement(TableBodyRow, week.props, week.days.map((day)=>/*#__PURE__*/ React.createElement(TableBodyCell, day.props, /*#__PURE__*/ React.createElement(TableBodyCellDate, day.props, day.label), day.events.length > 0 && /*#__PURE__*/ React.createElement(CalendarDaygridCell, {
79
- eventClicked,
80
- setEventClicked,
81
- eventHovered,
82
- setEventHovered,
83
- view,
84
- maxEvents,
85
- events: day.events,
86
- timestamp: day.timestamp,
87
- calendarsMap,
88
- ...restKoine
89
- })))))));
90
- };
@@ -1,26 +0,0 @@
1
- "use strict";
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 KoineCalendarLegend = ({ calendarsMap = {}, toggleCalendarVisibility, LegendItem = "div", LegendItemStatus = "span", LegendItemLabel = "span", LegendItemEvents = "span" })=>{
12
- // const sorted = Object.entries(calendarsMap).sort((a, b) => {
13
- // const { name: nameA } = a[1];
14
- // const { name: nameB } = b[1];
15
- // if (nameA < nameB) return -1;
16
- // else if (nameA > nameB) return 1;
17
- // else return 0;
18
- // });
19
- return /*#__PURE__*/ React.createElement(React.Fragment, null, Object.entries(calendarsMap).map(([id, calendar])=>/*#__PURE__*/ React.createElement(LegendItem, {
20
- key: "CalendarLegend." + id,
21
- onClick: ()=>toggleCalendarVisibility(id),
22
- $color: calendar.color,
23
- $empty: calendar.events === 0,
24
- disabled: calendar.events === 0
25
- }, /*#__PURE__*/ React.createElement(LegendItemStatus, null, calendar.on ? "\u2b24" : "\u2b58"), /*#__PURE__*/ React.createElement(LegendItemLabel, null, calendar.name), /*#__PURE__*/ React.createElement(LegendItemEvents, null, calendar.events))));
26
- };
@@ -1,16 +0,0 @@
1
- export const KoineCalendarLegend = ({ calendarsMap = {}, toggleCalendarVisibility, LegendItem = "div", LegendItemStatus = "span", LegendItemLabel = "span", LegendItemEvents = "span" })=>{
2
- // const sorted = Object.entries(calendarsMap).sort((a, b) => {
3
- // const { name: nameA } = a[1];
4
- // const { name: nameB } = b[1];
5
- // if (nameA < nameB) return -1;
6
- // else if (nameA > nameB) return 1;
7
- // else return 0;
8
- // });
9
- return /*#__PURE__*/ React.createElement(React.Fragment, null, Object.entries(calendarsMap).map(([id, calendar])=>/*#__PURE__*/ React.createElement(LegendItem, {
10
- key: "CalendarLegend." + id,
11
- onClick: ()=>toggleCalendarVisibility(id),
12
- $color: calendar.color,
13
- $empty: calendar.events === 0,
14
- disabled: calendar.events === 0
15
- }, /*#__PURE__*/ React.createElement(LegendItemStatus, null, calendar.on ? "\u2b24" : "\u2b58"), /*#__PURE__*/ React.createElement(LegendItemLabel, null, calendar.name), /*#__PURE__*/ React.createElement(LegendItemEvents, null, calendar.events))));
16
- };
@@ -1,18 +0,0 @@
1
- import type { CalendarEventsMap, Calendars } from "./types";
2
- type GetCalendarsEventsFromGoogleOptions = {
3
- /** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY */
4
- apiKey?: string;
5
- /** Start gethering events from date */
6
- start: Date;
7
- /** End gethering events at date */
8
- end: Date;
9
- /**
10
- * The default is the time zone of the calendar
11
- * @see https://developers.google.com/calendar/api/v3/reference/events/list
12
- */
13
- timeZone?: string;
14
- /** The calendars settings */
15
- calendars: Calendars;
16
- };
17
- export declare function getCalendarsEventsFromGoogle({ calendars, ...options }: GetCalendarsEventsFromGoogleOptions): Promise<CalendarEventsMap>;
18
- export {};
@@ -1,110 +0,0 @@
1
- "use strict";
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
25
- });
26
- (0, _utils.addCalendarEvents)(events, allEvents);
27
- }));
28
- return allEvents;
29
- }
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;
53
- });
54
- } catch (e) {
55
- // if (onError) onError(e);
56
- }
57
- return events;
58
- }
59
- function transformCalendarEventFromGoogle(event, calendar) {
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();
71
- // multi-days all day events has as end date the date after to what we actually
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
73
- if (allDay && end > start) {
74
- end = (0, _subDays.default)(end, 1);
75
- end.setHours(23, 59, 59);
76
- }
77
- const days = getDays();
78
- const daysMap = (0, _arrayToLookup.default)(days);
79
- const multi = days.length > 1;
80
- function getDays() {
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)){
87
- // console.log(title, differenceInDays(to, from))
88
- from.setDate(from.getDate() + 1);
89
- days.push((0, _utils.getEventTimestamp)(from));
90
- }
91
- return days;
92
- }
93
- return {
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
109
- };
110
- }
@@ -1,99 +0,0 @@
1
- import differenceInDays from "date-fns/differenceInDays";
2
- import subDays from "date-fns/subDays";
3
- import arrayToLookup from "@koine/utils/arrayToLookup";
4
- import isString from "@koine/utils/isString";
5
- import isUndefined from "@koine/utils/isUndefined";
6
- import { addCalendarEvents, getEventTimestamp } from "./utils";
7
- const baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
8
- export async function getCalendarsEventsFromGoogle({ calendars, ...options }) {
9
- const allEvents = {};
10
- await Promise.all(calendars.map(async (calendar)=>{
11
- const events = await getCalendarEventsFromGoogle({
12
- calendar,
13
- ...options
14
- });
15
- addCalendarEvents(events, allEvents);
16
- }));
17
- return allEvents;
18
- }
19
- async function getCalendarEventsFromGoogle({ apiKey, calendar, timeZone = "", start, end }) {
20
- const events = {};
21
- const params = new URLSearchParams({
22
- calendarId: calendar.id,
23
- timeZone,
24
- singleEvents: "true",
25
- maxAttendees: "1",
26
- maxResults: "9999",
27
- sanitizeHtml: "true",
28
- timeMin: start.toISOString(),
29
- timeMax: end.toISOString(),
30
- key: apiKey || process.env["GOOGLE_CALENDAR_API_KEY"] || ""
31
- }).toString();
32
- const url = baseURL + calendar.id + "/events?" + params;
33
- try {
34
- const response = await fetch(url, {
35
- method: "GET"
36
- });
37
- const data = await response.json();
38
- calendar.name = calendar.name || data.summary;
39
- data.items.forEach((googleEvent)=>{
40
- const event = transformCalendarEventFromGoogle(googleEvent, calendar);
41
- events[event.uid] = event;
42
- });
43
- } catch (e) {
44
- // if (onError) onError(e);
45
- }
46
- return events;
47
- }
48
- function transformCalendarEventFromGoogle(event, calendar) {
49
- const created = new Date(event.created);
50
- const link = event.htmlLink;
51
- const title = event.summary;
52
- const status = event.status;
53
- const start = new Date(event.start.date || event.start.dateTime);
54
- let end = new Date(event.end.date || event.end.dateTime);
55
- const color = calendar.color;
56
- const allDay = isUndefined(event.end.dateTime) && isString(event.end.date);
57
- const location = event.location || "";
58
- const description = event.description || ""; // FIXME: he.decode(event.description || '');
59
- const uid = created.getTime() + "" + start.getTime();
60
- // multi-days all day events has as end date the date after to what we actually
61
- // 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
62
- if (allDay && end > start) {
63
- end = subDays(end, 1);
64
- end.setHours(23, 59, 59);
65
- }
66
- const days = getDays();
67
- const daysMap = arrayToLookup(days);
68
- const multi = days.length > 1;
69
- function getDays() {
70
- const from = new Date(start);
71
- const to = new Date(end);
72
- const days = [
73
- getEventTimestamp(from)
74
- ];
75
- while(differenceInDays(to, from)){
76
- // console.log(title, differenceInDays(to, from))
77
- from.setDate(from.getDate() + 1);
78
- days.push(getEventTimestamp(from));
79
- }
80
- return days;
81
- }
82
- return {
83
- calendar,
84
- created,
85
- link,
86
- title,
87
- status,
88
- start,
89
- end,
90
- days,
91
- daysMap,
92
- multi,
93
- color,
94
- allDay,
95
- location,
96
- description,
97
- uid
98
- };
99
- }
@@ -1,6 +0,0 @@
1
- export * from "./CalendarDaygridCell";
2
- export * from "./CalendarDaygridNav";
3
- export * from "./CalendarDaygridTable";
4
- export * from "./CalendarLegend";
5
- export * from "./useCalendar";
6
- export * from "./types";
package/Calendar/index.js DELETED
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- const _export_star = require("@swc/helpers/_/_export_star");
6
- _export_star._(require("./CalendarDaygridCell"), exports);
7
- _export_star._(require("./CalendarDaygridNav"), exports);
8
- _export_star._(require("./CalendarDaygridTable"), exports);
9
- _export_star._(require("./CalendarLegend"), exports);
10
- _export_star._(require("./useCalendar"), exports);
11
- _export_star._(require("./types"), exports);
@@ -1,6 +0,0 @@
1
- export * from "./CalendarDaygridCell";
2
- export * from "./CalendarDaygridNav";
3
- export * from "./CalendarDaygridTable";
4
- export * from "./CalendarLegend";
5
- export * from "./useCalendar";
6
- export * from "./types";
package/Calendar/types.js DELETED
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1 +0,0 @@
1
- export { };