@koine/react 2.0.0-beta.37 → 2.0.0-beta.39

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 (470) hide show
  1. package/README.md +1 -0
  2. package/calendar/CalendarDaygridCell.d.ts +4 -4
  3. package/calendar/CalendarDaygridNav.d.ts +3 -3
  4. package/calendar/CalendarDaygridTable.d.ts +4 -4
  5. package/calendar/CalendarLegend.d.ts +3 -3
  6. package/calendar/calendar-api-google.d.ts +2 -2
  7. package/calendar/useCalendar.d.ts +5 -5
  8. package/calendar/useDateLocale.d.ts +2 -0
  9. package/calendar/utils.d.ts +11 -11
  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 +6 -6
  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 +19 -0
  27. package/{useAsyncFn.d.ts → hooks/useAsyncFn.d.ts} +3 -3
  28. package/hooks/useFirstMountState.d.ts +1 -0
  29. package/hooks/useFixedOffset.d.ts +1 -0
  30. package/hooks/useFocus.d.ts +1 -0
  31. package/hooks/useInterval.d.ts +1 -0
  32. package/hooks/useIsomorphicLayoutEffect.d.ts +2 -0
  33. package/hooks/useKeyUp.d.ts +1 -0
  34. package/{useMeasure.d.ts → hooks/useMeasure.d.ts} +2 -2
  35. package/hooks/useMountedState.d.ts +1 -0
  36. package/hooks/useNavigateAway.d.ts +2 -0
  37. package/hooks/usePrevious.d.ts +1 -0
  38. package/hooks/usePreviousRef.d.ts +1 -0
  39. package/{useReveal.d.ts → hooks/useReveal.d.ts} +1 -1
  40. package/hooks/useScrollPosition.d.ts +7 -0
  41. package/hooks/useScrollThreshold.d.ts +1 -0
  42. package/hooks/useScrollTo.d.ts +1 -0
  43. package/hooks/useSmoothScroll.d.ts +1 -0
  44. package/hooks/useSpinDelay.d.ts +1 -0
  45. package/hooks/useTraceUpdate.d.ts +1 -0
  46. package/hooks/useUpdateEffect.d.ts +2 -0
  47. package/hooks/useWindowSize.d.ts +2 -0
  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 -26
  53. package/index.esm.js +51 -0
  54. package/package.json +21 -646
  55. package/utils/classed.d.ts +8 -0
  56. package/{createUseMediaQueryWidth.d.ts → utils/createUseMediaQueryWidth.d.ts} +2 -2
  57. package/{extendComponent.d.ts → utils/extendComponent.d.ts} +2 -3
  58. package/utils/index.d.ts +5 -0
  59. package/utils/mergeRefs.d.ts +1 -0
  60. package/Alert/Alert.d.ts +0 -5
  61. package/Alert/Alert.js +0 -10
  62. package/Alert/index.d.ts +0 -1
  63. package/Alert/index.js +0 -1
  64. package/Animations/Reveal.d.ts +0 -3
  65. package/Animations/Reveal.js +0 -16
  66. package/Animations/Underline.d.ts +0 -1
  67. package/Animations/Underline.js +0 -5
  68. package/Animations/index.d.ts +0 -3
  69. package/Animations/index.js +0 -3
  70. package/Animations/useReveal.d.ts +0 -13
  71. package/Animations/useReveal.js +0 -43
  72. package/Autocomplete/AutocompleteDownshift.d.ts +0 -1
  73. package/Autocomplete/AutocompleteDownshift.js +0 -1
  74. package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -1
  75. package/Autocomplete/AutocompleteDownshiftMultiselect.js +0 -1
  76. package/Autocomplete/AutocompleteMui.d.ts +0 -22
  77. package/Autocomplete/AutocompleteMui.js +0 -93
  78. package/Autocomplete/AutocompleteReach.d.ts +0 -1
  79. package/Autocomplete/AutocompleteReach.js +0 -1
  80. package/Autocomplete/components.d.ts +0 -12
  81. package/Autocomplete/components.js +0 -26
  82. package/Autocomplete/helpers.d.ts +0 -3
  83. package/Autocomplete/helpers.js +0 -16
  84. package/Autocomplete/index.d.ts +0 -2
  85. package/Autocomplete/index.js +0 -1
  86. package/Bg/BgColor.d.ts +0 -12
  87. package/Bg/BgColor.js +0 -16
  88. package/Bg/BgPhoto.d.ts +0 -8
  89. package/Bg/BgPhoto.js +0 -16
  90. package/Bg/BgSvg.d.ts +0 -4
  91. package/Bg/BgSvg.js +0 -9
  92. package/Bg/index.d.ts +0 -3
  93. package/Bg/index.js +0 -3
  94. package/Breadcrumbs/Breadcrumbs.d.ts +0 -13
  95. package/Breadcrumbs/Breadcrumbs.js +0 -27
  96. package/Breadcrumbs/index.d.ts +0 -1
  97. package/Breadcrumbs/index.js +0 -1
  98. package/Buttons/Button.d.ts +0 -14
  99. package/Buttons/Button.js +0 -10
  100. package/Buttons/ButtonComposite.d.ts +0 -22
  101. package/Buttons/ButtonComposite.js +0 -28
  102. package/Buttons/ButtonFab.d.ts +0 -4
  103. package/Buttons/ButtonFab.js +0 -6
  104. package/Buttons/ButtonLink.d.ts +0 -8
  105. package/Buttons/ButtonLink.js +0 -11
  106. package/Buttons/IconButton.d.ts +0 -8
  107. package/Buttons/IconButton.js +0 -7
  108. package/Buttons/index.d.ts +0 -5
  109. package/Buttons/index.js +0 -5
  110. package/Calendar/CalendarDaygridCell.d.ts +0 -35
  111. package/Calendar/CalendarDaygridCell.js +0 -46
  112. package/Calendar/CalendarDaygridNav.d.ts +0 -27
  113. package/Calendar/CalendarDaygridNav.js +0 -24
  114. package/Calendar/CalendarDaygridTable.d.ts +0 -25
  115. package/Calendar/CalendarDaygridTable.js +0 -45
  116. package/Calendar/CalendarLegend.d.ts +0 -18
  117. package/Calendar/CalendarLegend.js +0 -9
  118. package/Calendar/calendar-api-google.d.ts +0 -10
  119. package/Calendar/calendar-api-google.js +0 -124
  120. package/Calendar/index.d.ts +0 -6
  121. package/Calendar/index.js +0 -6
  122. package/Calendar/types.d.ts +0 -62
  123. package/Calendar/types.js +0 -1
  124. package/Calendar/useCalendar.d.ts +0 -35
  125. package/Calendar/useCalendar.js +0 -176
  126. package/Calendar/utils.d.ts +0 -11
  127. package/Calendar/utils.js +0 -185
  128. package/Carousel/Carousel.d.ts +0 -1
  129. package/Carousel/Carousel.js +0 -1
  130. package/Carousel/CarouselCss.d.ts +0 -13
  131. package/Carousel/CarouselCss.js +0 -19
  132. package/Carousel/index.d.ts +0 -1
  133. package/Carousel/index.js +0 -1
  134. package/Collapsable/Collapsable.d.ts +0 -1
  135. package/Collapsable/Collapsable.js +0 -1
  136. package/Collapsable/CollapsableReach.d.ts +0 -0
  137. package/Collapsable/CollapsableReach.js +0 -1
  138. package/Collapsable/index.d.ts +0 -1
  139. package/Collapsable/index.js +0 -1
  140. package/Debug/Debug.d.ts +0 -4
  141. package/Debug/Debug.js +0 -9
  142. package/Debug/index.d.ts +0 -1
  143. package/Debug/index.js +0 -1
  144. package/Details/Details.d.ts +0 -398
  145. package/Details/Details.js +0 -52
  146. package/Details/index.d.ts +0 -1
  147. package/Details/index.js +0 -1
  148. package/Dialog/DialogMui.d.ts +0 -165
  149. package/Dialog/DialogMui.js +0 -39
  150. package/Dialog/css/bare.d.ts +0 -171
  151. package/Dialog/css/bare.js +0 -21
  152. package/Dialog/index.d.ts +0 -2
  153. package/Dialog/index.js +0 -1
  154. package/Dialog/m/bare.d.ts +0 -4
  155. package/Dialog/m/bare.js +0 -3
  156. package/Dialog/m/basic.d.ts +0 -4
  157. package/Dialog/m/basic.js +0 -28
  158. package/Dialog/m/index.d.ts +0 -2
  159. package/Dialog/m/index.js +0 -4
  160. package/Dialog/sc/bare.d.ts +0 -61
  161. package/Dialog/sc/bare.js +0 -31
  162. package/Dialog/sc/framer.d.ts +0 -24
  163. package/Dialog/sc/framer.js +0 -16
  164. package/Dialog/sc/framerMaterial.d.ts +0 -24
  165. package/Dialog/sc/framerMaterial.js +0 -16
  166. package/Dialog/sc/material.d.ts +0 -60
  167. package/Dialog/sc/material.js +0 -21
  168. package/Dialog/tw/bare.d.ts +0 -208
  169. package/Dialog/tw/bare.js +0 -29
  170. package/Dialog/tw/elegant.d.ts +0 -270
  171. package/Dialog/tw/elegant.js +0 -21
  172. package/Dialog/tw/framer.d.ts +0 -108
  173. package/Dialog/tw/framer.js +0 -16
  174. package/Dialog/tw/framerMaterial.d.ts +0 -164
  175. package/Dialog/tw/framerMaterial.js +0 -16
  176. package/Dialog/tw/material.d.ts +0 -270
  177. package/Dialog/tw/material.js +0 -21
  178. package/Editor/Editor--tiptap.d.ts +0 -9
  179. package/Editor/Editor--tiptap.js +0 -26
  180. package/Editor/components.d.ts +0 -5
  181. package/Editor/components.js +0 -10
  182. package/Editor/index.d.ts +0 -1
  183. package/Editor/index.js +0 -1
  184. package/FaviconTags.d.ts +0 -9
  185. package/FaviconTags.js +0 -6
  186. package/Form/Form.d.ts +0 -125
  187. package/Form/Form.js +0 -60
  188. package/Form/index.d.ts +0 -1
  189. package/Form/index.js +0 -1
  190. package/Form/sc/bare.d.ts +0 -57
  191. package/Form/sc/bare.js +0 -20
  192. package/Forms/Checkbox/Checkbox.d.ts +0 -7
  193. package/Forms/Checkbox/Checkbox.js +0 -15
  194. package/Forms/Checkbox/index.d.ts +0 -1
  195. package/Forms/Checkbox/index.js +0 -1
  196. package/Forms/Feedback/Feedback.d.ts +0 -5
  197. package/Forms/Feedback/Feedback.js +0 -9
  198. package/Forms/Feedback/index.d.ts +0 -1
  199. package/Forms/Feedback/index.js +0 -1
  200. package/Forms/Field/Field.d.ts +0 -18
  201. package/Forms/Field/Field.js +0 -25
  202. package/Forms/Field/FieldControl.d.ts +0 -14
  203. package/Forms/Field/FieldControl.js +0 -35
  204. package/Forms/Field/FieldHint.d.ts +0 -1
  205. package/Forms/Field/FieldHint.js +0 -4
  206. package/Forms/Field/index.d.ts +0 -2
  207. package/Forms/Field/index.js +0 -2
  208. package/Forms/Input/Input.d.ts +0 -8
  209. package/Forms/Input/Input.js +0 -16
  210. package/Forms/Input/index.d.ts +0 -1
  211. package/Forms/Input/index.js +0 -1
  212. package/Forms/InputGroup/InputGroup.d.ts +0 -12
  213. package/Forms/InputGroup/InputGroup.js +0 -15
  214. package/Forms/InputGroup/index.d.ts +0 -1
  215. package/Forms/InputGroup/index.js +0 -1
  216. package/Forms/Label/Label.d.ts +0 -3
  217. package/Forms/Label/Label.js +0 -6
  218. package/Forms/Label/index.d.ts +0 -1
  219. package/Forms/Label/index.js +0 -1
  220. package/Forms/Password/Password.d.ts +0 -4
  221. package/Forms/Password/Password.js +0 -17
  222. package/Forms/Password/index.d.ts +0 -1
  223. package/Forms/Password/index.js +0 -1
  224. package/Forms/Radio/Radio.d.ts +0 -11
  225. package/Forms/Radio/Radio.js +0 -25
  226. package/Forms/Radio/index.d.ts +0 -1
  227. package/Forms/Radio/index.js +0 -1
  228. package/Forms/Switch/Switch.d.ts +0 -5
  229. package/Forms/Switch/Switch.js +0 -17
  230. package/Forms/Switch/index.d.ts +0 -1
  231. package/Forms/Switch/index.js +0 -1
  232. package/Forms/Textarea/Textarea.d.ts +0 -4
  233. package/Forms/Textarea/Textarea.js +0 -12
  234. package/Forms/Textarea/TextareaRich.d.ts +0 -5
  235. package/Forms/Textarea/TextareaRich.js +0 -26
  236. package/Forms/Textarea/index.d.ts +0 -2
  237. package/Forms/Textarea/index.js +0 -2
  238. package/Forms/Toggle/Toggle-tailwind.d.ts +0 -0
  239. package/Forms/Toggle/Toggle-tailwind.js +0 -1
  240. package/Forms/Toggle/Toggle.d.ts +0 -18
  241. package/Forms/Toggle/Toggle.js +0 -25
  242. package/Forms/Toggle/index.d.ts +0 -1
  243. package/Forms/Toggle/index.js +0 -1
  244. package/Forms/Toggle/useToggle-tailwind.d.ts +0 -0
  245. package/Forms/Toggle/useToggle-tailwind.js +0 -1
  246. package/Forms/Toggle/useToggle.d.ts +0 -16
  247. package/Forms/Toggle/useToggle.js +0 -85
  248. package/Forms/antispam.d.ts +0 -27
  249. package/Forms/antispam.js +0 -29
  250. package/Forms/helpers.d.ts +0 -18
  251. package/Forms/helpers.js +0 -35
  252. package/Forms/index.d.ts +0 -15
  253. package/Forms/index.js +0 -15
  254. package/Forms/styles.d.ts +0 -9
  255. package/Forms/styles.js +0 -19
  256. package/Gauge/Gauge.d.ts +0 -4
  257. package/Gauge/Gauge.js +0 -1
  258. package/Grid/Grid.d.ts +0 -32
  259. package/Grid/Grid.js +0 -52
  260. package/Grid/index.d.ts +0 -1
  261. package/Grid/index.js +0 -1
  262. package/Hamburger/Hamburger.d.ts +0 -5
  263. package/Hamburger/Hamburger.js +0 -47
  264. package/Hamburger/index.d.ts +0 -1
  265. package/Hamburger/index.js +0 -1
  266. package/Header/index.d.ts +0 -1
  267. package/Header/index.js +0 -1
  268. package/Header/useHeader.d.ts +0 -20
  269. package/Header/useHeader.js +0 -32
  270. package/Hidden/Hidden.d.ts +0 -6
  271. package/Hidden/Hidden.js +0 -10
  272. package/Hidden/index.d.ts +0 -1
  273. package/Hidden/index.js +0 -1
  274. package/Img/index.d.ts +0 -1
  275. package/Img/index.js +0 -1
  276. package/Img/sc/bare.d.ts +0 -2
  277. package/Img/sc/bare.js +0 -4
  278. package/Img/types.d.ts +0 -9
  279. package/Img/types.js +0 -1
  280. package/Link/Link.d.ts +0 -3
  281. package/Link/Link.js +0 -4
  282. package/Link/LinkBlank.d.ts +0 -5
  283. package/Link/LinkBlank.js +0 -15
  284. package/Link/index.d.ts +0 -2
  285. package/Link/index.js +0 -2
  286. package/Menu/Menu.d.ts +0 -1
  287. package/Menu/Menu.js +0 -4
  288. package/Menu/MenuMui.d.ts +0 -0
  289. package/Menu/MenuMui.js +0 -1
  290. package/Menu/index.d.ts +0 -1
  291. package/Menu/index.js +0 -1
  292. package/MenuItem/MenuItem.d.ts +0 -1
  293. package/MenuItem/MenuItem.js +0 -4
  294. package/MenuItem/MenuItemMui.d.ts +0 -0
  295. package/MenuItem/MenuItemMui.js +0 -1
  296. package/MenuItem/index.d.ts +0 -1
  297. package/MenuItem/index.js +0 -1
  298. package/MenuItem/useMenuItem.d.ts +0 -9
  299. package/MenuItem/useMenuItem.js +0 -42
  300. package/Meta.d.ts +0 -5
  301. package/Meta.js +0 -6
  302. package/NoJs.d.ts +0 -3
  303. package/NoJs.js +0 -7
  304. package/Pagination/PaginationNav.d.ts +0 -14
  305. package/Pagination/PaginationNav.js +0 -48
  306. package/Pagination/PaginationResults.d.ts +0 -3
  307. package/Pagination/PaginationResults.js +0 -11
  308. package/Pagination/index.d.ts +0 -2
  309. package/Pagination/index.js +0 -2
  310. package/Pill/Pill.d.ts +0 -5
  311. package/Pill/Pill.js +0 -7
  312. package/Pill/index.d.ts +0 -1
  313. package/Pill/index.js +0 -1
  314. package/Polymorphic.js +0 -1
  315. package/Progress/ProgressCircular.d.ts +0 -13
  316. package/Progress/ProgressCircular.js +0 -12
  317. package/Progress/ProgressLinear.d.ts +0 -15
  318. package/Progress/ProgressLinear.js +0 -21
  319. package/Progress/ProgressOverlay.d.ts +0 -4
  320. package/Progress/ProgressOverlay.js +0 -23
  321. package/Progress/index.d.ts +0 -3
  322. package/Progress/index.js +0 -3
  323. package/Rating/Rating.d.ts +0 -27
  324. package/Rating/Rating.js +0 -43
  325. package/Rating/index.d.ts +0 -8
  326. package/Rating/index.js +0 -45
  327. package/Select/SelectDownshift.d.ts +0 -5
  328. package/Select/SelectDownshift.js +0 -1
  329. package/Select/components.d.ts +0 -6
  330. package/Select/components.js +0 -12
  331. package/Select/index.d.ts +0 -2
  332. package/Select/index.js +0 -1
  333. package/Sidebar/Sidebar.d.ts +0 -3
  334. package/Sidebar/Sidebar.js +0 -23
  335. package/Sidebar/index.d.ts +0 -1
  336. package/Sidebar/index.js +0 -1
  337. package/Spacing/Spacing.d.ts +0 -17
  338. package/Spacing/Spacing.js +0 -32
  339. package/Spacing/index.d.ts +0 -1
  340. package/Spacing/index.js +0 -1
  341. package/Sticky/Sticky.d.ts +0 -2
  342. package/Sticky/Sticky.js +0 -1
  343. package/Sticky/StickyCss.d.ts +0 -5
  344. package/Sticky/StickyCss.js +0 -6
  345. package/Sticky/index.d.ts +0 -1
  346. package/Sticky/index.js +0 -1
  347. package/Tabs/TabsMui.d.ts +0 -84
  348. package/Tabs/TabsMui.js +0 -30
  349. package/Tabs/index.d.ts +0 -1
  350. package/Tabs/index.js +0 -1
  351. package/Tabs/sc/bare.d.ts +0 -0
  352. package/Tabs/sc/bare.js +0 -1
  353. package/Tabs/tw/bare.d.ts +0 -85
  354. package/Tabs/tw/bare.js +0 -17
  355. package/Tabs/tw/material.d.ts +0 -118
  356. package/Tabs/tw/material.js +0 -19
  357. package/Tabs/useTabs.d.ts +0 -21
  358. package/Tabs/useTabs.js +0 -44
  359. package/Typography/CopyPasteVisible.d.ts +0 -1
  360. package/Typography/CopyPasteVisible.js +0 -4
  361. package/Typography/Native.d.ts +0 -10
  362. package/Typography/Native.js +0 -14
  363. package/Typography/ReadMore.d.ts +0 -10
  364. package/Typography/ReadMore.js +0 -42
  365. package/Typography/TextLoop.d.ts +0 -16
  366. package/Typography/TextLoop.js +0 -45
  367. package/Typography/TypeStairs.d.ts +0 -6
  368. package/Typography/TypeStairs.js +0 -42
  369. package/Typography/index.d.ts +0 -5
  370. package/Typography/index.js +0 -5
  371. package/calendar/CalendarDaygridCell.js +0 -48
  372. package/calendar/CalendarDaygridNav.js +0 -24
  373. package/calendar/CalendarDaygridTable.js +0 -45
  374. package/calendar/CalendarLegend.js +0 -9
  375. package/calendar/calendar-api-google.js +0 -124
  376. package/calendar/index.d.ts +0 -6
  377. package/calendar/index.js +0 -6
  378. package/calendar/types.js +0 -1
  379. package/calendar/useCalendar.js +0 -176
  380. package/calendar/utils.js +0 -185
  381. package/classed.d.ts +0 -8
  382. package/classed.js +0 -43
  383. package/createUseMediaQueryWidth.js +0 -39
  384. package/css/index.d.ts +0 -1
  385. package/css/index.js +0 -1
  386. package/extendComponent.js +0 -9
  387. package/forms/antispam.js +0 -29
  388. package/forms/index.d.ts +0 -1
  389. package/forms/index.js +0 -1
  390. package/index.js +0 -24
  391. package/m/MotionProvider.d.ts +0 -6
  392. package/m/MotionProvider.js +0 -7
  393. package/m/index.d.ts +0 -1
  394. package/m/index.js +0 -1
  395. package/m/lite.d.ts +0 -2
  396. package/m/lite.js +0 -2
  397. package/m/max.d.ts +0 -2
  398. package/m/max.js +0 -2
  399. package/mergeRefs.d.ts +0 -2
  400. package/mergeRefs.js +0 -13
  401. package/sc/index.d.ts +0 -29
  402. package/sc/index.js +0 -29
  403. package/scm/index.d.ts +0 -28
  404. package/scm/index.js +0 -28
  405. package/shared/index.d.ts +0 -7
  406. package/shared/index.js +0 -7
  407. package/styles/Body.d.ts +0 -2
  408. package/styles/Body.js +0 -5
  409. package/styles/Global.d.ts +0 -2
  410. package/styles/Global.js +0 -5
  411. package/styles/index.d.ts +0 -7
  412. package/styles/index.js +0 -7
  413. package/styles/media.d.ts +0 -18
  414. package/styles/media.js +0 -75
  415. package/styles/spacing.d.ts +0 -12
  416. package/styles/spacing.js +0 -45
  417. package/styles/styled.d.ts +0 -8
  418. package/styles/styled.js +0 -9
  419. package/styles/theme--vanilla.d.ts +0 -17
  420. package/styles/theme--vanilla.js +0 -47
  421. package/styles/theme.d.ts +0 -53
  422. package/styles/theme.js +0 -30
  423. package/tw/index.d.ts +0 -1
  424. package/tw/index.js +0 -1
  425. package/twm/index.d.ts +0 -1
  426. package/twm/index.js +0 -1
  427. package/types.js +0 -1
  428. package/typings.d.ts +0 -6
  429. package/useAsyncFn.js +0 -33
  430. package/useDateLocale.d.ts +0 -3
  431. package/useDateLocale.js +0 -28
  432. package/useFirstMountState.d.ts +0 -2
  433. package/useFirstMountState.js +0 -10
  434. package/useFixedOffset.d.ts +0 -2
  435. package/useFixedOffset.js +0 -42
  436. package/useFocus.d.ts +0 -2
  437. package/useFocus.js +0 -9
  438. package/useInterval.d.ts +0 -2
  439. package/useInterval.js +0 -22
  440. package/useIsomorphicLayoutEffect.d.ts +0 -3
  441. package/useIsomorphicLayoutEffect.js +0 -6
  442. package/useKeyUp.d.ts +0 -2
  443. package/useKeyUp.js +0 -18
  444. package/useMeasure.js +0 -130
  445. package/useMountedState.d.ts +0 -2
  446. package/useMountedState.js +0 -13
  447. package/useNavigateAway.d.ts +0 -3
  448. package/useNavigateAway.js +0 -25
  449. package/usePrevious.d.ts +0 -2
  450. package/usePrevious.js +0 -10
  451. package/usePreviousRef.d.ts +0 -2
  452. package/usePreviousRef.js +0 -9
  453. package/useReveal.js +0 -43
  454. package/useScrollPosition.d.ts +0 -7
  455. package/useScrollPosition.js +0 -61
  456. package/useScrollThreshold.d.ts +0 -2
  457. package/useScrollThreshold.js +0 -27
  458. package/useScrollTo.d.ts +0 -2
  459. package/useScrollTo.js +0 -20
  460. package/useSmoothScroll.d.ts +0 -2
  461. package/useSmoothScroll.js +0 -32
  462. package/useSpinDelay.d.ts +0 -2
  463. package/useSpinDelay.js +0 -39
  464. package/useTraceUpdate.d.ts +0 -2
  465. package/useTraceUpdate.js +0 -19
  466. package/useUpdateEffect.d.ts +0 -3
  467. package/useUpdateEffect.js +0 -11
  468. package/useWindowSize.d.ts +0 -3
  469. package/useWindowSize.js +0 -20
  470. /package/{Polymorphic.d.ts → utils/Polymorphic.d.ts} +0 -0
@@ -1,124 +0,0 @@
1
- import { __assign, __awaiter, __generator, __rest } from "tslib";
2
- import { differenceInDays } from "date-fns/differenceInDays";
3
- import { subDays } from "date-fns/subDays";
4
- import { arrayToLookup, isString, isUndefined } from "@koine/utils";
5
- import { addCalendarEvents, getEventTimestamp } from "./utils.js";
6
- var baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
7
- export function getCalendarsEventsFromGoogle(_a) {
8
- var calendars = _a.calendars, options = __rest(_a, ["calendars"]);
9
- return __awaiter(this, void 0, void 0, function () {
10
- var allEvents;
11
- var _this = this;
12
- return __generator(this, function (_b) {
13
- switch (_b.label) {
14
- case 0:
15
- allEvents = {};
16
- return [4, Promise.all(calendars.map(function (calendar) { return __awaiter(_this, void 0, void 0, function () {
17
- var events;
18
- return __generator(this, function (_a) {
19
- switch (_a.label) {
20
- case 0: return [4, getCalendarEventsFromGoogle(__assign({ calendar: calendar }, options))];
21
- case 1:
22
- events = _a.sent();
23
- addCalendarEvents(events, allEvents);
24
- return [2];
25
- }
26
- });
27
- }); }))];
28
- case 1:
29
- _b.sent();
30
- return [2, allEvents];
31
- }
32
- });
33
- });
34
- }
35
- function getCalendarEventsFromGoogle(_a) {
36
- var apiKey = _a.apiKey, calendar = _a.calendar, _b = _a.timeZone, timeZone = _b === void 0 ? "" : _b, start = _a.start, end = _a.end;
37
- return __awaiter(this, void 0, void 0, function () {
38
- var events, params, url, response, data, e_1;
39
- return __generator(this, function (_c) {
40
- switch (_c.label) {
41
- case 0:
42
- events = {};
43
- params = new URLSearchParams({
44
- calendarId: calendar.id,
45
- timeZone: timeZone,
46
- singleEvents: "true",
47
- maxAttendees: "1",
48
- maxResults: "9999",
49
- sanitizeHtml: "true",
50
- timeMin: start.toISOString(),
51
- timeMax: end.toISOString(),
52
- key: apiKey || process.env["GOOGLE_CALENDAR_API_KEY"] || "",
53
- }).toString();
54
- url = baseURL + calendar.id + "/events?" + params;
55
- _c.label = 1;
56
- case 1:
57
- _c.trys.push([1, 4, , 5]);
58
- return [4, fetch(url, { method: "GET" })];
59
- case 2:
60
- response = _c.sent();
61
- return [4, response.json()];
62
- case 3:
63
- data = (_c.sent());
64
- calendar.name = calendar.name || data.summary;
65
- data.items.forEach(function (googleEvent) {
66
- var event = transformCalendarEventFromGoogle(googleEvent, calendar);
67
- events[event.uid] = event;
68
- });
69
- return [3, 5];
70
- case 4:
71
- e_1 = _c.sent();
72
- return [3, 5];
73
- case 5: return [2, events];
74
- }
75
- });
76
- });
77
- }
78
- function transformCalendarEventFromGoogle(event, calendar) {
79
- var created = new Date(event.created);
80
- var link = event.htmlLink;
81
- var title = event.summary;
82
- var status = event.status;
83
- var start = new Date(event.start.date || event.start.dateTime);
84
- var end = new Date(event.end.date || event.end.dateTime);
85
- var color = calendar.color;
86
- var allDay = isUndefined(event.end.dateTime) && isString(event.end.date);
87
- var location = event.location || "";
88
- var description = event.description || "";
89
- var uid = created.getTime() + "" + start.getTime();
90
- if (allDay && end > start) {
91
- end = subDays(end, 1);
92
- end.setHours(23, 59, 59);
93
- }
94
- var days = getDays();
95
- var daysMap = arrayToLookup(days);
96
- var multi = days.length > 1;
97
- function getDays() {
98
- var from = new Date(start);
99
- var to = new Date(end);
100
- var days = [getEventTimestamp(from)];
101
- while (differenceInDays(to, from)) {
102
- from.setDate(from.getDate() + 1);
103
- days.push(getEventTimestamp(from));
104
- }
105
- return days;
106
- }
107
- return {
108
- calendar: calendar,
109
- created: created,
110
- link: link,
111
- title: title,
112
- status: status,
113
- start: start,
114
- end: end,
115
- days: days,
116
- daysMap: daysMap,
117
- multi: multi,
118
- color: color,
119
- allDay: allDay,
120
- location: location,
121
- description: description,
122
- uid: uid,
123
- };
124
- }
@@ -1,6 +0,0 @@
1
- export * from "./CalendarDaygridCell.js";
2
- export * from "./CalendarDaygridNav.js";
3
- export * from "./CalendarDaygridTable.js";
4
- export * from "./CalendarLegend.js";
5
- export * from "./useCalendar.js";
6
- export * from "./types.js";
package/calendar/index.js DELETED
@@ -1,6 +0,0 @@
1
- export * from "./CalendarDaygridCell.js";
2
- export * from "./CalendarDaygridNav.js";
3
- export * from "./CalendarDaygridTable.js";
4
- export * from "./CalendarLegend.js";
5
- export * from "./useCalendar.js";
6
- export * from "./types.js";
package/calendar/types.js DELETED
@@ -1 +0,0 @@
1
- export {};
@@ -1,176 +0,0 @@
1
- import { __assign, __awaiter, __generator, __read } from "tslib";
2
- import { useCallback, useEffect, useReducer, useState } from "react";
3
- import { getCalendarsEventsFromGoogle } from "./calendar-api-google.js";
4
- import { getEndDate, getNextDate, getPrevDate, getStartDate, isTodayInView, } from "./utils.js";
5
- export function useCalendar(_a) {
6
- var _this = this;
7
- var locale = _a.locale, apiKey = _a.apiKey, calendars = _a.calendars, initialEvents = _a.events, initialStart = _a.start, initialEnd = _a.end, _b = _a.view, initialView = _b === void 0 ? "month" : _b, _c = _a.timeZone, timeZone = _c === void 0 ? "" : _c, onError = _a.onError;
8
- var _d = __read(useState(initialView), 2), view = _d[0], setView = _d[1];
9
- var start = initialStart || getStartDate(new Date(), view);
10
- var end = initialEnd || getEndDate(start, view);
11
- var _e = __read(useState([start, end]), 2), range = _e[0], setRange = _e[1];
12
- var _f = __read(useState(isTodayInView(start, end)), 2), todayInView = _f[0], setTodayInView = _f[1];
13
- var _g = __read(useState(initialEvents || {}), 2), events = _g[0], setEvents = _g[1];
14
- var _h = __read(useState(null), 2), eventHovered = _h[0], setEventHovered = _h[1];
15
- var _j = __read(useState(null), 2), eventClicked = _j[0], setEventClicked = _j[1];
16
- var _k = __read(useReducer(function (state, action) {
17
- var _a;
18
- var type = action.type;
19
- switch (type) {
20
- case "events": {
21
- var events_1 = action.payload;
22
- return Object.entries(state).reduce(function (map, _a) {
23
- var _b = __read(_a, 2), id = _b[0], calendar = _b[1];
24
- map[id] = __assign(__assign({}, calendar), { events: events_1[id] || 0 });
25
- return map;
26
- }, {});
27
- }
28
- case "visibility": {
29
- var visible_1 = action.payload;
30
- if (typeof visible_1 === "string") {
31
- return __assign(__assign({}, state), (_a = {}, _a[visible_1] = __assign(__assign({}, state[visible_1]), { on: !state[visible_1].on }), _a));
32
- }
33
- else {
34
- return Object.entries(state).reduce(function (map, _a) {
35
- var _b = __read(_a, 2), id = _b[0], calendar = _b[1];
36
- map[id] = __assign(__assign({}, calendar), { on: visible_1.indexOf(id) > -1 });
37
- return map;
38
- }, {});
39
- }
40
- }
41
- default:
42
- return state;
43
- }
44
- }, calendars.reduce(function (map, calendar) {
45
- map[calendar.id] = __assign(__assign({}, calendar), { name: calendar.name || "", on: true, events: 0 });
46
- return map;
47
- }, {})), 2), calendarsMap = _k[0], updateCalendars = _k[1];
48
- var toggleCalendarVisibility = useCallback(function (idOrIds) {
49
- updateCalendars({ type: "visibility", payload: idOrIds });
50
- }, [updateCalendars]);
51
- var updateCalendarsBasedOnEvents = useCallback(function (events) {
52
- var payload = {};
53
- for (var uid in events) {
54
- var id = events[uid].calendar.id;
55
- payload[id] = payload[id] || 0;
56
- payload[id]++;
57
- }
58
- updateCalendars({ type: "events", payload: payload });
59
- }, []);
60
- var loadCalendars = useCallback(function (calendars, start, end) { return __awaiter(_this, void 0, void 0, function () {
61
- var newEvents, e_1;
62
- return __generator(this, function (_a) {
63
- switch (_a.label) {
64
- case 0:
65
- _a.trys.push([0, 2, , 3]);
66
- return [4, getCalendarsEventsFromGoogle({
67
- apiKey: apiKey,
68
- calendars: calendars,
69
- timeZone: timeZone,
70
- start: start,
71
- end: end,
72
- })];
73
- case 1:
74
- newEvents = _a.sent();
75
- setEvents(newEvents);
76
- return [3, 3];
77
- case 2:
78
- e_1 = _a.sent();
79
- if (onError)
80
- onError(e_1);
81
- return [3, 3];
82
- case 3: return [2];
83
- }
84
- });
85
- }); }, [setEvents, apiKey, timeZone, onError]);
86
- var handleToday = useCallback(function () {
87
- var _a = __read(range, 2), start = _a[0], end = _a[1];
88
- var newStart = getStartDate(new Date(), view);
89
- var newEnd = getEndDate(newStart, view);
90
- setRange([newStart, newEnd]);
91
- if (start.getTime() !== newStart.getTime() ||
92
- end.getTime() !== newEnd.getTime()) {
93
- setEventClicked(null);
94
- setEventHovered(null);
95
- }
96
- }, [view, range]);
97
- var handlePrev = useCallback(function () {
98
- setRange(function (_a) {
99
- var _b = __read(_a, 1), start = _b[0];
100
- var newStart = getPrevDate(start, view);
101
- var newEnd = getEndDate(newStart, view);
102
- return [newStart, newEnd];
103
- });
104
- setEventClicked(null);
105
- setEventHovered(null);
106
- }, [view]);
107
- var handleNext = useCallback(function () {
108
- setRange(function (_a) {
109
- var _b = __read(_a, 1), start = _b[0];
110
- var newStart = getNextDate(start, view);
111
- var newEnd = getEndDate(newStart, view);
112
- return [newStart, newEnd];
113
- });
114
- setEventClicked(null);
115
- setEventHovered(null);
116
- }, [view]);
117
- var handleView = useCallback(function (newView) {
118
- var newStart = getStartDate(start, newView);
119
- var newEnd = getEndDate(newStart, newView);
120
- setRange([newStart, newEnd]);
121
- setView(newView);
122
- setEventClicked(null);
123
- setEventHovered(null);
124
- }, [start]);
125
- useEffect(function () {
126
- var _a = __read(range, 2), start = _a[0], end = _a[1];
127
- loadCalendars(calendars, start, end);
128
- setTodayInView(isTodayInView(start, end));
129
- }, [range]);
130
- useEffect(function () {
131
- if (events) {
132
- updateCalendarsBasedOnEvents(events);
133
- }
134
- }, [events, updateCalendarsBasedOnEvents]);
135
- useEffect(function () {
136
- if (eventClicked) {
137
- if (!calendarsMap[eventClicked.calendar.id].on) {
138
- setEventClicked(null);
139
- }
140
- }
141
- }, [calendarsMap, eventClicked, setEventClicked]);
142
- return {
143
- view: view,
144
- eventClicked: eventClicked,
145
- setEventClicked: setEventClicked,
146
- eventHovered: eventHovered,
147
- setEventHovered: setEventHovered,
148
- getDaygridNavProps: function () { return ({
149
- locale: locale,
150
- handlePrev: handlePrev,
151
- handleNext: handleNext,
152
- handleToday: handleToday,
153
- handleView: handleView,
154
- todayInView: todayInView,
155
- range: range,
156
- view: view,
157
- }); },
158
- getDaygridTableProps: function () { return ({
159
- locale: locale,
160
- events: events,
161
- eventClicked: eventClicked,
162
- setEventClicked: setEventClicked,
163
- eventHovered: eventHovered,
164
- setEventHovered: setEventHovered,
165
- handlePrev: handlePrev,
166
- handleNext: handleNext,
167
- calendarsMap: calendarsMap,
168
- range: range,
169
- view: view,
170
- }); },
171
- getLegendProps: function () { return ({
172
- calendarsMap: calendarsMap,
173
- toggleCalendarVisibility: toggleCalendarVisibility,
174
- }); },
175
- };
176
- }
package/calendar/utils.js DELETED
@@ -1,185 +0,0 @@
1
- import { __assign } from "tslib";
2
- import { addDays } from "date-fns/addDays";
3
- import { addMonths } from "date-fns/addMonths";
4
- import { addWeeks } from "date-fns/addWeeks";
5
- import { endOfMonth } from "date-fns/endOfMonth";
6
- import { endOfWeek } from "date-fns/endOfWeek";
7
- import { isWithinInterval } from "date-fns/isWithinInterval";
8
- import { startOfWeek } from "date-fns/startOfWeek";
9
- import { subMonths } from "date-fns/subMonths";
10
- import { subWeeks } from "date-fns/subWeeks";
11
- export function getEventTimestamp(dateLike) {
12
- var date = new Date(dateLike);
13
- date.setHours(0, 0, 0, 0);
14
- return date.valueOf() / 1000;
15
- }
16
- export function getDisplayTime(date) {
17
- return (date.getHours() +
18
- ":" +
19
- "0".repeat(2 - date.getMinutes().toString().length) +
20
- date.getMinutes());
21
- }
22
- export function getStartDate(date, view) {
23
- date.setHours(0, 0, 0);
24
- if (view === "month") {
25
- date.setDate(1);
26
- }
27
- else if (view === "week") {
28
- date = startOfWeek(date, { weekStartsOn: 1 });
29
- }
30
- return date;
31
- }
32
- export function getEndDate(start, view) {
33
- var end = start;
34
- if (view === "month") {
35
- end = endOfMonth(start);
36
- }
37
- else if (view === "week") {
38
- end = endOfWeek(start, { weekStartsOn: 1 });
39
- }
40
- end.setHours(23, 59, 59);
41
- return end;
42
- }
43
- export function getPrevDate(date, view) {
44
- if (view === "month") {
45
- return subMonths(date, 1);
46
- }
47
- return subWeeks(date, 1);
48
- }
49
- export function getNextDate(date, view) {
50
- if (view === "month") {
51
- return addMonths(date, 1);
52
- }
53
- return addWeeks(date, 1);
54
- }
55
- export function isTodayInView(start, end) {
56
- return isWithinInterval(new Date(), { start: start, end: end });
57
- }
58
- export function mergeCalendarEvents(first, second) {
59
- var all = {};
60
- addCalendarEvents(first, all);
61
- addCalendarEvents(second, all);
62
- return all;
63
- }
64
- export function addCalendarEvents(toAdd, toExtend) {
65
- for (var id in toAdd) {
66
- var event_1 = toAdd[id];
67
- toExtend[id] = event_1;
68
- }
69
- return toExtend;
70
- }
71
- function getEventsByTimestamp(events) {
72
- var output = {};
73
- var _loop_1 = function (uid) {
74
- var event_2 = events[uid];
75
- event_2.days.forEach(function (timestamp) {
76
- output[timestamp] = (output[timestamp] || {});
77
- output[timestamp][uid] = event_2;
78
- });
79
- };
80
- for (var uid in events) {
81
- _loop_1(uid);
82
- }
83
- return output;
84
- }
85
- function getSortedEvents(events) {
86
- var output = [];
87
- for (var uid in events) {
88
- output.push(events[uid]);
89
- }
90
- output.sort(function (a, b) {
91
- var multi = Number(b.multi) - Number(a.multi);
92
- var allDay = Number(b.allDay) - Number(a.allDay);
93
- var start = a.start.getTime() - b.start.getTime();
94
- var created = a.created.getTime() - b.created.getTime();
95
- return multi || allDay || start || created;
96
- });
97
- return output;
98
- }
99
- var FREE_SLOT = 0;
100
- var BUSY_SLOT = 1;
101
- export function processEventsInView(eventsMap, calendarView, month, weeks) {
102
- var eventsByTimestamp = getEventsByTimestamp(eventsMap);
103
- var eventsList = getSortedEvents(eventsMap);
104
- var todayDate = new Date();
105
- var todayTimestamp = getEventTimestamp(todayDate);
106
- var startedAtTopMap = {};
107
- var viewWeeks = [];
108
- var _loop_2 = function (weekIdx) {
109
- var viewWeek = {
110
- props: { key: "week.".concat(weekIdx) },
111
- days: [],
112
- };
113
- var weekStartDate = weeks[weekIdx];
114
- var weekStartDay = weekStartDate.getDate();
115
- var weekStartTimestamp = getEventTimestamp(new Date(weekStartDate));
116
- var weekEndTimestamp = getEventTimestamp(addDays(new Date(weekStartDate), 6));
117
- for (var dayNumber = 0; dayNumber < 7; dayNumber++) {
118
- var dayDate = new Date(new Date(weekStartDate).setDate(weekStartDay + dayNumber));
119
- var dayTimestamp = getEventTimestamp(dayDate);
120
- var $isToday = todayTimestamp === dayTimestamp;
121
- var $isOutOfRange = calendarView === "month" && dayDate.getMonth() !== month;
122
- var contextualProps = {
123
- $isToday: $isToday,
124
- $isOutOfRange: $isOutOfRange,
125
- };
126
- var viewDay = {
127
- props: __assign({ key: "day.".concat(dayTimestamp) }, contextualProps),
128
- timestamp: dayTimestamp + "",
129
- label: dayDate.getDate() + "",
130
- events: [],
131
- };
132
- if (eventsByTimestamp === null || eventsByTimestamp === void 0 ? void 0 : eventsByTimestamp[dayTimestamp]) {
133
- var verticalSlots = Object.keys(eventsByTimestamp[dayTimestamp]).map(function () { return FREE_SLOT; });
134
- for (var eventIdx = 0; eventIdx < eventsList.length; eventIdx++) {
135
- var event_3 = eventsList[eventIdx];
136
- var width = 1;
137
- var top_1 = 0;
138
- var firstOfMulti = void 0;
139
- if (!event_3.daysMap[dayTimestamp]) {
140
- continue;
141
- }
142
- if (event_3.multi) {
143
- width = event_3.days.filter(function (t) { return t >= weekStartTimestamp && t <= weekEndTimestamp; }).length;
144
- if (event_3.days.indexOf(dayTimestamp) === 0 || dayNumber === 0) {
145
- firstOfMulti = true;
146
- }
147
- }
148
- if (startedAtTopMap[event_3.uid]) {
149
- top_1 = startedAtTopMap[event_3.uid];
150
- }
151
- else {
152
- for (var verticalIdx = 0; verticalIdx < verticalSlots.length; verticalIdx++) {
153
- var freeOrBusy = verticalSlots[verticalIdx];
154
- if (freeOrBusy !== BUSY_SLOT) {
155
- top_1 = verticalIdx;
156
- break;
157
- }
158
- }
159
- }
160
- verticalSlots[top_1] = BUSY_SLOT;
161
- if (firstOfMulti) {
162
- startedAtTopMap[event_3.uid] = top_1;
163
- }
164
- viewDay.events.push(__assign(__assign(__assign({ key: "event.".concat(dayTimestamp, "-").concat(top_1) }, contextualProps), event_3), { isPast: todayDate > event_3.end, firstOfMulti: firstOfMulti, top: top_1, width: width }));
165
- }
166
- for (var i = 0; i < verticalSlots.length; i++) {
167
- if (verticalSlots[i] !== BUSY_SLOT) {
168
- viewDay.events.push({
169
- key: "event.".concat(dayTimestamp, "-").concat(i, "}"),
170
- placeholder: true,
171
- top: i,
172
- });
173
- }
174
- }
175
- viewDay.events.sort(function (a, b) { return a.top - b.top; });
176
- }
177
- viewWeek.days.push(viewDay);
178
- }
179
- viewWeeks.push(viewWeek);
180
- };
181
- for (var weekIdx = 0; weekIdx < weeks.length; weekIdx++) {
182
- _loop_2(weekIdx);
183
- }
184
- return viewWeeks;
185
- }
package/classed.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- type ClassedAugmentedProps<Props> = Props & {
3
- className?: string;
4
- ref?: React.Ref<any>;
5
- };
6
- type ClassedFinalProps<Props, Component> = Component extends React.ReactHTML ? React.HTMLProps<Component> & ClassedAugmentedProps<Props> : ClassedAugmentedProps<Props>;
7
- export declare function classed<Props, Component extends React.ElementType = any>(component: Component): (strings: TemplateStringsArray, ...args: ((props: Props) => string)[] | string[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
8
- export default classed;
package/classed.js DELETED
@@ -1,43 +0,0 @@
1
- import { __assign } from "tslib";
2
- import { createElement, forwardRef } from "react";
3
- export function classed(component) {
4
- var type = component.type || component;
5
- return function (strings) {
6
- var args = [];
7
- for (var _i = 1; _i < arguments.length; _i++) {
8
- args[_i - 1] = arguments[_i];
9
- }
10
- var WrappedComponent = forwardRef(function (props, ref) {
11
- var _a;
12
- var argResolved = args
13
- .map(function (arg, index) {
14
- var result = "";
15
- if (typeof arg === "function") {
16
- result = arg(props);
17
- }
18
- else if (typeof arg !== "undefined") {
19
- result = arg.toString();
20
- }
21
- return strings[index] + result;
22
- })
23
- .join("");
24
- var isNativeHtmlElement = typeof type === "string";
25
- var propsToForward = isNativeHtmlElement
26
- ? {}
27
- : props;
28
- if (isNativeHtmlElement) {
29
- for (var key in props) {
30
- if (!key.startsWith("$")) {
31
- propsToForward[key] = props[key];
32
- }
33
- }
34
- }
35
- var className = argResolved || strings[0];
36
- className = ((_a = className.match(/class="([^"]*)/)) === null || _a === void 0 ? void 0 : _a[1]) || className;
37
- className += (props === null || props === void 0 ? void 0 : props.className) ? " " + (props === null || props === void 0 ? void 0 : props.className) : "";
38
- return createElement(type, __assign(__assign({}, propsToForward), { className: className || undefined, ref: ref }));
39
- });
40
- return WrappedComponent;
41
- };
42
- }
43
- export default classed;
@@ -1,39 +0,0 @@
1
- import { __read } from "tslib";
2
- import { useState } from "react";
3
- import { getMediaQueryWidthResolvers, isUndefined, } from "@koine/utils";
4
- import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
5
- export function createUseMediaQueryWidth(customBreakpoints) {
6
- var queryResolvers = getMediaQueryWidthResolvers(customBreakpoints);
7
- return function useMediaQueryWidth(media, serverValue) {
8
- var definition = media.substring(1);
9
- var _a = __read(definition.split("-"), 2), rule = _a[0], ruleBreakpoint = _a[1];
10
- if (isUndefined(ruleBreakpoint)) {
11
- ruleBreakpoint = rule;
12
- }
13
- if (isUndefined(rule)) {
14
- rule = "min";
15
- }
16
- var _b = __read(ruleBreakpoint.split("_"), 2), br1 = _b[0], br2 = _b[1];
17
- var query = queryResolvers[rule](br1, br2);
18
- var _c = __read(useState(isUndefined(serverValue) ? null : serverValue), 2), matches = _c[0], setMatches = _c[1];
19
- useIsomorphicLayoutEffect(function () {
20
- var mq = window.matchMedia(query);
21
- var handleChange = function (event) {
22
- setMatches(event.matches);
23
- };
24
- setMatches(mq.matches);
25
- if (!mq.addEventListener) {
26
- mq.addListener(handleChange);
27
- return function () {
28
- mq.removeListener(handleChange);
29
- };
30
- }
31
- mq.addEventListener("change", handleChange);
32
- return function () {
33
- mq.removeEventListener("change", handleChange);
34
- };
35
- }, [query]);
36
- return matches;
37
- };
38
- }
39
- export default createUseMediaQueryWidth;
package/css/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { KoineDialog } from "../Dialog/css/bare.js";
package/css/index.js DELETED
@@ -1 +0,0 @@
1
- export { KoineDialog } from "../Dialog/css/bare.js";
@@ -1,9 +0,0 @@
1
- import { __assign } from "tslib";
2
- import { createElement } from "react";
3
- export var extendComponent = function (component, defaultProps) {
4
- var NewComponent = function (props) {
5
- return createElement(component, props);
6
- };
7
- return Object.assign(NewComponent, __assign(__assign({}, defaultProps), { defaultProps: defaultProps }));
8
- };
9
- export default extendComponent;
package/forms/antispam.js DELETED
@@ -1,29 +0,0 @@
1
- import { object } from "@kuus/yup";
2
- import { decode, encode, isUndefined } from "@koine/utils";
3
- export function encodeForm(validationRules) {
4
- var encoded = {};
5
- var encodedNames = {};
6
- for (var name_1 in validationRules) {
7
- if (!name_1.startsWith("_")) {
8
- var encodedName = encode(name_1);
9
- encoded[encodedName] = validationRules[name_1];
10
- encodedNames[name_1] = encodedName;
11
- }
12
- }
13
- var encodedSchema = object(encoded).required();
14
- return { encodedSchema: encodedSchema, encodedNames: encodedNames };
15
- }
16
- export function decodeForm(formData) {
17
- var json = {};
18
- for (var encodedName in formData) {
19
- var decodedName = decode(encodedName);
20
- if (encodedName.startsWith("_")) {
21
- json[encodedName.substring(1)] = formData[encodedName];
22
- }
23
- else if (!isUndefined(formData[encodedName]) &&
24
- formData[decodedName] === "") {
25
- json[decodedName] = formData[encodedName];
26
- }
27
- }
28
- return json;
29
- }
package/forms/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./antispam.js";
package/forms/index.js DELETED
@@ -1 +0,0 @@
1
- export * from "./antispam.js";
package/index.js DELETED
@@ -1,24 +0,0 @@
1
- export { classed } from "./classed.js";
2
- export { createUseMediaQueryWidth, } from "./createUseMediaQueryWidth.js";
3
- export { extendComponent, } from "./extendComponent.js";
4
- export { mergeRefs } from "./mergeRefs.js";
5
- export { useAsyncFn, } from "./useAsyncFn.js";
6
- export { useDateLocale } from "./useDateLocale.js";
7
- export { useFirstMountState } from "./useFirstMountState.js";
8
- export { useFixedOffset } from "./useFixedOffset.js";
9
- export { useFocus } from "./useFocus.js";
10
- export { useInterval } from "./useInterval.js";
11
- export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
12
- export { useKeyUp } from "./useKeyUp.js";
13
- export { useMeasure, } from "./useMeasure.js";
14
- export { useMountedState } from "./useMountedState.js";
15
- export { useNavigateAway, } from "./useNavigateAway.js";
16
- export { usePrevious } from "./usePrevious.js";
17
- export { usePreviousRef } from "./usePreviousRef.js";
18
- export { useScrollPosition } from "./useScrollPosition.js";
19
- export { useScrollThreshold } from "./useScrollThreshold.js";
20
- export { useSmoothScroll } from "./useSmoothScroll.js";
21
- export { useSpinDelay } from "./useSpinDelay.js";
22
- export { useTraceUpdate } from "./useTraceUpdate.js";
23
- export { useUpdateEffect } from "./useUpdateEffect.js";
24
- export { useWindowSize } from "./useWindowSize.js";