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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (512) hide show
  1. package/Alert/Alert.js +31 -12
  2. package/Alert/Alert.mjs +19 -7
  3. package/Alert/Alert.stories.js +39 -0
  4. package/Alert/Alert.stories.mjs +18 -0
  5. package/Alert/index.js +5 -3
  6. package/Animations/Reveal.js +50 -18
  7. package/Animations/Reveal.mjs +39 -13
  8. package/Animations/Underline.d.ts +1 -1
  9. package/Animations/Underline.js +25 -7
  10. package/Animations/Underline.mjs +14 -4
  11. package/Animations/index.js +7 -5
  12. package/Animations/useReveal.js +51 -43
  13. package/Animations/useReveal.mjs +42 -40
  14. package/Autocomplete/AutocompleteDownshift.js +166 -160
  15. package/Autocomplete/AutocompleteDownshift.mjs +156 -157
  16. package/Autocomplete/AutocompleteDownshiftMultiselect.js +361 -355
  17. package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +351 -352
  18. package/Autocomplete/AutocompleteMui.d.ts +1 -1
  19. package/Autocomplete/AutocompleteMui.js +140 -137
  20. package/Autocomplete/AutocompleteMui.mjs +126 -89
  21. package/Autocomplete/AutocompleteReach.js +120 -114
  22. package/Autocomplete/AutocompleteReach.mjs +110 -111
  23. package/Autocomplete/components.d.ts +12 -16
  24. package/Autocomplete/components.js +129 -34
  25. package/Autocomplete/components.mjs +76 -23
  26. package/Autocomplete/helpers.js +25 -25
  27. package/Autocomplete/helpers.mjs +11 -5
  28. package/Autocomplete/index.js +14 -6
  29. package/Autocomplete/index.mjs +4 -3
  30. package/Bg/BgColor.d.ts +2 -7
  31. package/Bg/BgColor.js +60 -21
  32. package/Bg/BgColor.mjs +36 -15
  33. package/Bg/BgPhoto.js +80 -18
  34. package/Bg/BgPhoto.mjs +66 -11
  35. package/Bg/BgSvg.js +29 -14
  36. package/Bg/BgSvg.mjs +17 -7
  37. package/Bg/index.js +7 -5
  38. package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  39. package/Breadcrumbs/Breadcrumbs.js +98 -26
  40. package/Breadcrumbs/Breadcrumbs.mjs +82 -18
  41. package/Breadcrumbs/index.js +5 -3
  42. package/Buttons/Button.d.ts +1 -1
  43. package/Buttons/Button.js +105 -16
  44. package/Buttons/Button.mjs +73 -9
  45. package/Buttons/ButtonComposite.d.ts +1 -1
  46. package/Buttons/ButtonComposite.js +109 -25
  47. package/Buttons/ButtonComposite.mjs +99 -22
  48. package/Buttons/ButtonFab.d.ts +1 -3
  49. package/Buttons/ButtonFab.js +26 -8
  50. package/Buttons/ButtonFab.mjs +6 -4
  51. package/Buttons/ButtonLink.d.ts +1 -1
  52. package/Buttons/ButtonLink.js +27 -13
  53. package/Buttons/ButtonLink.mjs +14 -7
  54. package/Buttons/IconButton.d.ts +1 -3
  55. package/Buttons/IconButton.js +40 -9
  56. package/Buttons/IconButton.mjs +18 -6
  57. package/Buttons/index.js +9 -7
  58. package/Calendar/CalendarDaygridCell.d.ts +2 -2
  59. package/Calendar/CalendarDaygridCell.js +77 -33
  60. package/Calendar/CalendarDaygridCell.mjs +64 -26
  61. package/Calendar/CalendarDaygridNav.d.ts +1 -1
  62. package/Calendar/CalendarDaygridNav.js +55 -20
  63. package/Calendar/CalendarDaygridNav.mjs +41 -12
  64. package/Calendar/CalendarDaygridTable.d.ts +3 -3
  65. package/Calendar/CalendarDaygridTable.js +113 -39
  66. package/Calendar/CalendarDaygridTable.mjs +97 -30
  67. package/Calendar/CalendarLegend.d.ts +1 -1
  68. package/Calendar/CalendarLegend.js +30 -10
  69. package/Calendar/CalendarLegend.mjs +20 -6
  70. package/Calendar/calendar-api-google.d.ts +1 -1
  71. package/Calendar/calendar-api-google.js +90 -113
  72. package/Calendar/calendar-api-google.mjs +75 -105
  73. package/Calendar/index.js +10 -8
  74. package/Calendar/types.js +3 -1
  75. package/Calendar/types.mjs +1 -1
  76. package/Calendar/useCalendar.d.ts +2 -2
  77. package/Calendar/useCalendar.js +196 -148
  78. package/Calendar/useCalendar.mjs +184 -142
  79. package/Calendar/utils.js +152 -115
  80. package/Calendar/utils.mjs +101 -94
  81. package/Carousel/Carousel.js +386 -380
  82. package/Carousel/Carousel.mjs +377 -378
  83. package/Carousel/CarouselCss.d.ts +3 -20
  84. package/Carousel/CarouselCss.js +61 -23
  85. package/Carousel/CarouselCss.mjs +38 -16
  86. package/Carousel/index.js +5 -3
  87. package/Collapsable/Collapsable.js +10 -3
  88. package/Collapsable/Collapsable.mjs +1 -1
  89. package/Collapsable/CollapsableReach.js +2 -3
  90. package/Collapsable/CollapsableReach.mjs +1 -3
  91. package/Collapsable/index.js +6 -4
  92. package/Collapsable/index.mjs +1 -2
  93. package/Debug/Debug.js +32 -11
  94. package/Debug/Debug.mjs +20 -6
  95. package/Debug/index.js +5 -3
  96. package/Details/Details.d.ts +5 -5
  97. package/Details/Details.js +92 -41
  98. package/Details/Details.mjs +64 -37
  99. package/Details/Details.stories.js +39 -0
  100. package/Details/Details.stories.mjs +21 -0
  101. package/Details/index.js +5 -3
  102. package/Dialog/DialogMui.d.ts +10 -327
  103. package/Dialog/DialogMui.js +91 -31
  104. package/Dialog/DialogMui.mjs +50 -25
  105. package/Dialog/DialogMui.stories.js +38 -0
  106. package/Dialog/DialogMui.stories.mjs +20 -0
  107. package/Dialog/css/bare.d.ts +9 -327
  108. package/Dialog/css/bare.js +53 -22
  109. package/Dialog/css/bare.mjs +15 -17
  110. package/Dialog/css/index.stories.js +93 -0
  111. package/Dialog/css/index.stories.mjs +75 -0
  112. package/Dialog/index.js +10 -4
  113. package/Dialog/m/bare.d.ts +2 -398
  114. package/Dialog/m/bare.js +122 -52
  115. package/Dialog/m/bare.mjs +114 -51
  116. package/Dialog/m/basic.js +29 -14
  117. package/Dialog/m/basic.mjs +10 -10
  118. package/Dialog/m/index.js +13 -7
  119. package/Dialog/m/index.mjs +4 -4
  120. package/Dialog/sc/bare.d.ts +27 -405
  121. package/Dialog/sc/bare.js +79 -42
  122. package/Dialog/sc/bare.mjs +40 -29
  123. package/Dialog/sc/framer.d.ts +15 -422
  124. package/Dialog/sc/framer.js +24 -17
  125. package/Dialog/sc/framer.mjs +9 -9
  126. package/Dialog/sc/framerMaterial.d.ts +15 -422
  127. package/Dialog/sc/framerMaterial.js +24 -17
  128. package/Dialog/sc/framerMaterial.mjs +9 -9
  129. package/Dialog/sc/index.stories.js +75 -0
  130. package/Dialog/sc/index.stories.mjs +48 -0
  131. package/Dialog/sc/material.d.ts +27 -405
  132. package/Dialog/sc/material.js +76 -22
  133. package/Dialog/sc/material.mjs +37 -17
  134. package/Dialog/tw/bare.d.ts +9 -327
  135. package/Dialog/tw/bare.js +51 -41
  136. package/Dialog/tw/bare.mjs +15 -28
  137. package/Dialog/tw/elegant.d.ts +9 -327
  138. package/Dialog/tw/elegant.js +52 -21
  139. package/Dialog/tw/elegant.mjs +15 -17
  140. package/Dialog/tw/framer.d.ts +3 -354
  141. package/Dialog/tw/framer.js +24 -17
  142. package/Dialog/tw/framer.mjs +9 -9
  143. package/Dialog/tw/framerMaterial.d.ts +3 -354
  144. package/Dialog/tw/framerMaterial.js +24 -17
  145. package/Dialog/tw/framerMaterial.mjs +9 -9
  146. package/Dialog/tw/index.stories.js +113 -0
  147. package/Dialog/tw/index.stories.mjs +83 -0
  148. package/Dialog/tw/material.d.ts +9 -327
  149. package/Dialog/tw/material.js +52 -21
  150. package/Dialog/tw/material.mjs +15 -17
  151. package/Editor/Editor--tiptap.d.ts +1 -1
  152. package/Editor/Editor--tiptap.js +65 -24
  153. package/Editor/Editor--tiptap.mjs +45 -18
  154. package/Editor/components.d.ts +3 -5
  155. package/Editor/components.js +58 -14
  156. package/Editor/components.mjs +26 -8
  157. package/Editor/index.js +5 -3
  158. package/FaviconTags.js +73 -0
  159. package/FaviconTags.mjs +64 -0
  160. package/Form/Form.js +117 -52
  161. package/Form/Form.mjs +81 -47
  162. package/Form/index.js +5 -3
  163. package/Form/sc/bare.d.ts +11 -11
  164. package/Form/sc/bare.js +53 -21
  165. package/Form/sc/bare.mjs +21 -12
  166. package/Forms/Checkbox/Checkbox.d.ts +4 -4
  167. package/Forms/Checkbox/Checkbox.js +60 -19
  168. package/Forms/Checkbox/Checkbox.mjs +29 -11
  169. package/Forms/Checkbox/index.js +5 -3
  170. package/Forms/Feedback/Feedback.js +23 -11
  171. package/Forms/Feedback/Feedback.mjs +11 -6
  172. package/Forms/Feedback/index.js +5 -3
  173. package/Forms/Field/Field.d.ts +2 -4
  174. package/Forms/Field/Field.js +61 -21
  175. package/Forms/Field/Field.mjs +35 -16
  176. package/Forms/Field/FieldControl.js +55 -37
  177. package/Forms/Field/FieldControl.mjs +39 -19
  178. package/Forms/Field/FieldHint.d.ts +1 -1
  179. package/Forms/Field/FieldHint.js +16 -6
  180. package/Forms/Field/FieldHint.mjs +5 -3
  181. package/Forms/Field/index.js +6 -4
  182. package/Forms/Input/Input.d.ts +5 -5
  183. package/Forms/Input/Input.js +64 -17
  184. package/Forms/Input/Input.mjs +30 -11
  185. package/Forms/Input/index.js +5 -3
  186. package/Forms/InputGroup/InputGroup.d.ts +4 -4
  187. package/Forms/InputGroup/InputGroup.js +83 -17
  188. package/Forms/InputGroup/InputGroup.mjs +52 -10
  189. package/Forms/InputGroup/index.js +5 -3
  190. package/Forms/Label/Label.d.ts +1 -1
  191. package/Forms/Label/Label.js +45 -8
  192. package/Forms/Label/Label.mjs +23 -5
  193. package/Forms/Label/index.js +5 -3
  194. package/Forms/Password/Password.d.ts +1 -1
  195. package/Forms/Password/Password.js +70 -18
  196. package/Forms/Password/Password.mjs +48 -12
  197. package/Forms/Password/index.js +5 -3
  198. package/Forms/Radio/Radio.js +65 -25
  199. package/Forms/Radio/Radio.mjs +50 -18
  200. package/Forms/Radio/index.js +5 -3
  201. package/Forms/Switch/Switch.d.ts +2 -2
  202. package/Forms/Switch/Switch.js +78 -21
  203. package/Forms/Switch/Switch.mjs +52 -12
  204. package/Forms/Switch/index.js +5 -3
  205. package/Forms/Textarea/Textarea.d.ts +1 -1
  206. package/Forms/Textarea/Textarea.js +43 -13
  207. package/Forms/Textarea/Textarea.mjs +21 -7
  208. package/Forms/Textarea/TextareaRich.js +54 -27
  209. package/Forms/Textarea/TextareaRich.mjs +39 -19
  210. package/Forms/Textarea/index.js +6 -4
  211. package/Forms/Toggle/Toggle-tailwind.js +1 -1
  212. package/Forms/Toggle/Toggle-tailwind.mjs +0 -1
  213. package/Forms/Toggle/Toggle.d.ts +7 -7
  214. package/Forms/Toggle/Toggle.js +168 -29
  215. package/Forms/Toggle/Toggle.mjs +113 -21
  216. package/Forms/Toggle/index.js +5 -3
  217. package/Forms/Toggle/useToggle-tailwind.js +1 -1
  218. package/Forms/Toggle/useToggle-tailwind.mjs +0 -1
  219. package/Forms/Toggle/useToggle.js +97 -101
  220. package/Forms/Toggle/useToggle.mjs +86 -68
  221. package/Forms/antispam.js +38 -45
  222. package/Forms/antispam.mjs +19 -21
  223. package/Forms/helpers.js +49 -31
  224. package/Forms/helpers.mjs +25 -19
  225. package/Forms/index.js +18 -18
  226. package/Forms/styles.d.ts +3 -7
  227. package/Forms/styles.js +91 -29
  228. package/Forms/styles.mjs +50 -18
  229. package/Gauge/Gauge.js +109 -104
  230. package/Gauge/Gauge.mjs +99 -100
  231. package/Grid/Grid.d.ts +7 -30
  232. package/Grid/Grid.js +84 -34
  233. package/Grid/Grid.mjs +54 -32
  234. package/Grid/index.js +5 -3
  235. package/Hamburger/Hamburger.js +75 -41
  236. package/Hamburger/Hamburger.mjs +64 -37
  237. package/Hamburger/index.js +5 -3
  238. package/Header/index.js +5 -3
  239. package/Header/useHeader.js +44 -25
  240. package/Header/useHeader.mjs +23 -18
  241. package/Hidden/Hidden.d.ts +1 -1
  242. package/Hidden/Hidden.js +19 -11
  243. package/Hidden/Hidden.mjs +9 -9
  244. package/Hidden/index.js +5 -3
  245. package/Img/index.js +5 -3
  246. package/Img/sc/bare.d.ts +1 -1
  247. package/Img/sc/bare.js +42 -41
  248. package/Img/sc/bare.mjs +31 -34
  249. package/Img/types.js +5 -1
  250. package/Img/types.mjs +1 -1
  251. package/Link/Link.d.ts +1 -3
  252. package/Link/Link.js +12 -6
  253. package/Link/Link.mjs +1 -3
  254. package/Link/LinkBlank.d.ts +2 -5
  255. package/Link/LinkBlank.js +49 -18
  256. package/Link/LinkBlank.mjs +25 -10
  257. package/Link/index.js +6 -4
  258. package/Menu/Menu.d.ts +1 -1
  259. package/Menu/Menu.js +21 -6
  260. package/Menu/Menu.mjs +10 -3
  261. package/Menu/MenuMui.js +2 -2
  262. package/Menu/MenuMui.mjs +1 -2
  263. package/Menu/index.js +5 -3
  264. package/MenuItem/MenuItem.d.ts +1 -4
  265. package/MenuItem/MenuItem.js +30 -6
  266. package/MenuItem/MenuItem.mjs +19 -3
  267. package/MenuItem/MenuItemMui.js +1 -1
  268. package/MenuItem/MenuItemMui.mjs +0 -1
  269. package/MenuItem/index.js +5 -3
  270. package/MenuItem/useMenuItem.js +65 -33
  271. package/MenuItem/useMenuItem.mjs +45 -27
  272. package/Meta/Meta.js +24 -8
  273. package/Meta/Meta.mjs +5 -3
  274. package/Meta/index.js +11 -6
  275. package/NoJs/NoJs.js +26 -9
  276. package/NoJs/NoJs.mjs +7 -4
  277. package/NoJs/index.js +11 -6
  278. package/Pagination/PaginationNav.d.ts +1 -1
  279. package/Pagination/PaginationNav.js +105 -44
  280. package/Pagination/PaginationNav.mjs +90 -29
  281. package/Pagination/PaginationResults.js +43 -13
  282. package/Pagination/PaginationResults.mjs +31 -8
  283. package/Pagination/index.js +6 -4
  284. package/Pill/Pill.d.ts +4 -4
  285. package/Pill/Pill.js +61 -9
  286. package/Pill/Pill.mjs +36 -6
  287. package/Pill/index.js +5 -3
  288. package/Progress/ProgressCircular.js +60 -17
  289. package/Progress/ProgressCircular.mjs +48 -10
  290. package/Progress/ProgressLinear.js +51 -26
  291. package/Progress/ProgressLinear.mjs +39 -19
  292. package/Progress/ProgressOverlay.js +71 -24
  293. package/Progress/ProgressOverlay.mjs +56 -16
  294. package/Progress/index.js +7 -5
  295. package/Rating/Rating.d.ts +5 -5
  296. package/Rating/Rating.js +154 -41
  297. package/Rating/Rating.mjs +118 -34
  298. package/Rating/index.js +61 -33
  299. package/Rating/index.mjs +37 -24
  300. package/Select/SelectDownshift.js +46 -40
  301. package/Select/SelectDownshift.mjs +37 -38
  302. package/Select/components.d.ts +1 -1
  303. package/Select/components.js +42 -13
  304. package/Select/components.mjs +21 -8
  305. package/Select/index.js +12 -6
  306. package/Select/index.mjs +2 -3
  307. package/Sidebar/Sidebar.js +70 -23
  308. package/Sidebar/Sidebar.mjs +57 -17
  309. package/Sidebar/index.js +5 -3
  310. package/Spacing/Spacing.d.ts +1 -1
  311. package/Spacing/Spacing.js +39 -33
  312. package/Spacing/Spacing.mjs +27 -17
  313. package/Spacing/index.js +5 -3
  314. package/Sticky/Sticky.js +227 -221
  315. package/Sticky/Sticky.mjs +218 -219
  316. package/Sticky/StickyCss.js +18 -8
  317. package/Sticky/StickyCss.mjs +8 -4
  318. package/Sticky/index.js +18 -4
  319. package/Sticky/index.mjs +1 -1
  320. package/Tabs/TabsMui.d.ts +9 -298
  321. package/Tabs/TabsMui.js +73 -34
  322. package/Tabs/TabsMui.mjs +39 -27
  323. package/Tabs/TabsMui.stories.js +38 -0
  324. package/Tabs/TabsMui.stories.mjs +20 -0
  325. package/Tabs/index.js +5 -3
  326. package/Tabs/sc/bare.js +2 -3
  327. package/Tabs/sc/bare.mjs +1 -3
  328. package/Tabs/sc/index.stories.js +1 -0
  329. package/Tabs/sc/index.stories.mjs +0 -0
  330. package/Tabs/tw/bare.d.ts +7 -296
  331. package/Tabs/tw/bare.js +43 -18
  332. package/Tabs/tw/bare.mjs +11 -13
  333. package/Tabs/tw/index.stories.js +46 -0
  334. package/Tabs/tw/index.stories.mjs +25 -0
  335. package/Tabs/tw/material.d.ts +7 -332
  336. package/Tabs/tw/material.js +41 -18
  337. package/Tabs/tw/material.mjs +11 -15
  338. package/Tabs/useTabs.js +44 -25
  339. package/Tabs/useTabs.mjs +24 -21
  340. package/Typography/CopyPasteVisible.d.ts +1 -1
  341. package/Typography/CopyPasteVisible.js +16 -6
  342. package/Typography/CopyPasteVisible.mjs +5 -3
  343. package/Typography/Native.d.ts +5 -5
  344. package/Typography/Native.js +89 -16
  345. package/Typography/Native.mjs +45 -12
  346. package/Typography/ReadMore.js +114 -36
  347. package/Typography/ReadMore.mjs +100 -29
  348. package/Typography/TextLoop.js +94 -37
  349. package/Typography/TextLoop.mjs +75 -31
  350. package/Typography/TypeStairs.js +47 -28
  351. package/Typography/TypeStairs.mjs +36 -24
  352. package/Typography/index.js +9 -7
  353. package/css/index.js +32 -35
  354. package/css/index.mjs +20 -21
  355. package/helpers/classed.js +39 -51
  356. package/helpers/classed.mjs +21 -30
  357. package/helpers/classed.stories.js +140 -0
  358. package/helpers/classed.stories.mjs +121 -0
  359. package/helpers/createUseMediaQueryWidth.js +163 -153
  360. package/helpers/createUseMediaQueryWidth.mjs +140 -140
  361. package/helpers/extend-component.js +26 -11
  362. package/helpers/extend-component.mjs +7 -7
  363. package/helpers/index.js +8 -6
  364. package/helpers/mergeRefs.js +21 -8
  365. package/helpers/mergeRefs.mjs +3 -4
  366. package/hooks/index.js +91 -43
  367. package/hooks/index.mjs +3 -3
  368. package/hooks/types.js +6 -2
  369. package/hooks/types.mjs +3 -1
  370. package/hooks/useAsyncFn.js +48 -33
  371. package/hooks/useAsyncFn.mjs +28 -26
  372. package/hooks/useDateLocale.js +42 -32
  373. package/hooks/useDateLocale.mjs +22 -22
  374. package/hooks/useFirstMountState.js +20 -9
  375. package/hooks/useFirstMountState.mjs +2 -3
  376. package/hooks/useFixedOffset.js +45 -40
  377. package/hooks/useFixedOffset.mjs +23 -24
  378. package/hooks/useFocus.js +26 -12
  379. package/hooks/useFocus.mjs +7 -5
  380. package/hooks/useInterval.js +37 -25
  381. package/hooks/useInterval.mjs +15 -14
  382. package/hooks/useIsomorphicLayoutEffect.js +22 -12
  383. package/hooks/useIsomorphicLayoutEffect.mjs +1 -4
  384. package/hooks/useKeyUp.js +30 -17
  385. package/hooks/useKeyUp.mjs +9 -11
  386. package/hooks/useMeasure.js +98 -80
  387. package/hooks/useMeasure.mjs +74 -67
  388. package/hooks/useMountedState.js +23 -12
  389. package/hooks/useMountedState.mjs +5 -6
  390. package/hooks/useNavigateAway.js +47 -51
  391. package/hooks/useNavigateAway.mjs +26 -25
  392. package/hooks/usePrevious.js +27 -10
  393. package/hooks/usePrevious.mjs +9 -4
  394. package/hooks/usePreviousRef.js +21 -7
  395. package/hooks/usePreviousRef.mjs +2 -2
  396. package/hooks/useScrollPosition.js +53 -43
  397. package/hooks/useScrollPosition.mjs +28 -26
  398. package/hooks/useScrollThreshold.js +41 -22
  399. package/hooks/useScrollThreshold.mjs +18 -13
  400. package/hooks/useScrollTo.js +28 -16
  401. package/hooks/useScrollTo.mjs +6 -8
  402. package/hooks/useSmoothScroll.js +39 -34
  403. package/hooks/useSmoothScroll.mjs +12 -16
  404. package/hooks/useSpinDelay.js +42 -37
  405. package/hooks/useSpinDelay.mjs +24 -22
  406. package/hooks/useTraceUpdate.js +26 -13
  407. package/hooks/useTraceUpdate.mjs +8 -7
  408. package/hooks/useUpdateEffect.js +24 -13
  409. package/hooks/useUpdateEffect.mjs +4 -5
  410. package/hooks/useWindowSize.js +34 -25
  411. package/hooks/useWindowSize.mjs +13 -10
  412. package/index.js +9 -7
  413. package/index.mjs +4 -5
  414. package/m/MotionProvider.js +25 -41
  415. package/m/MotionProvider.mjs +5 -4
  416. package/m/index.js +6 -5
  417. package/m/index.mjs +1 -2
  418. package/m/lite.js +11 -3
  419. package/m/max.js +11 -3
  420. package/package.json +13 -14
  421. package/sc/index.js +48 -36
  422. package/scm/index.js +39 -35
  423. package/shared/index.js +12 -10
  424. package/shared/index.mjs +35 -0
  425. package/styles/Body.d.ts +2 -2
  426. package/styles/Body.js +27 -15
  427. package/styles/Body.mjs +8 -5
  428. package/styles/Global.js +54 -20
  429. package/styles/Global.mjs +36 -5
  430. package/styles/index.js +141 -40
  431. package/styles/index.mjs +5 -5
  432. package/styles/media.js +98 -120
  433. package/styles/media.mjs +63 -68
  434. package/styles/spacing.js +49 -31
  435. package/styles/spacing.mjs +26 -25
  436. package/styles/styled.js +56 -15
  437. package/styles/styled.mjs +23 -10
  438. package/styles/theme--vanilla.js +60 -42
  439. package/styles/theme--vanilla.mjs +26 -19
  440. package/styles/theme.js +38 -34
  441. package/styles/theme.mjs +16 -19
  442. package/tw/index.js +32 -35
  443. package/tw/index.mjs +20 -21
  444. package/twm/index.js +32 -35
  445. package/twm/index.mjs +20 -21
  446. package/types.js +3 -1
  447. package/types.mjs +1 -1
  448. package/typings.d.ts +1 -0
  449. package/Alert/package.json +0 -6
  450. package/Animations/package.json +0 -6
  451. package/Autocomplete/package.json +0 -6
  452. package/Bg/package.json +0 -6
  453. package/Breadcrumbs/package.json +0 -6
  454. package/Buttons/package.json +0 -6
  455. package/Calendar/package.json +0 -6
  456. package/Carousel/package.json +0 -6
  457. package/Collapsable/package.json +0 -6
  458. package/Debug/package.json +0 -6
  459. package/Details/package.json +0 -6
  460. package/Dialog/m/package.json +0 -6
  461. package/Dialog/package.json +0 -6
  462. package/Editor/package.json +0 -6
  463. package/FaviconTags/FaviconTags.js +0 -20
  464. package/FaviconTags/FaviconTags.mjs +0 -16
  465. package/FaviconTags/index.d.ts +0 -2
  466. package/FaviconTags/index.js +0 -7
  467. package/FaviconTags/index.mjs +0 -2
  468. package/FaviconTags/package.json +0 -6
  469. package/Form/package.json +0 -6
  470. package/Forms/Checkbox/package.json +0 -6
  471. package/Forms/Feedback/package.json +0 -6
  472. package/Forms/Field/package.json +0 -6
  473. package/Forms/Input/package.json +0 -6
  474. package/Forms/InputGroup/package.json +0 -6
  475. package/Forms/Label/package.json +0 -6
  476. package/Forms/Password/package.json +0 -6
  477. package/Forms/Radio/package.json +0 -6
  478. package/Forms/Switch/package.json +0 -6
  479. package/Forms/Textarea/package.json +0 -6
  480. package/Forms/Toggle/package.json +0 -6
  481. package/Forms/package.json +0 -6
  482. package/Grid/package.json +0 -6
  483. package/Hamburger/package.json +0 -6
  484. package/Header/package.json +0 -6
  485. package/Hidden/package.json +0 -6
  486. package/Img/package.json +0 -6
  487. package/Link/package.json +0 -6
  488. package/Menu/package.json +0 -6
  489. package/MenuItem/package.json +0 -6
  490. package/Meta/package.json +0 -6
  491. package/NoJs/package.json +0 -6
  492. package/Pagination/package.json +0 -6
  493. package/Pill/package.json +0 -6
  494. package/Progress/package.json +0 -6
  495. package/Rating/package.json +0 -6
  496. package/Select/package.json +0 -6
  497. package/Sidebar/package.json +0 -6
  498. package/Spacing/package.json +0 -6
  499. package/Sticky/package.json +0 -6
  500. package/Tabs/package.json +0 -6
  501. package/Typography/package.json +0 -6
  502. package/css/package.json +0 -6
  503. package/helpers/package.json +0 -6
  504. package/hooks/package.json +0 -6
  505. package/m/package.json +0 -6
  506. package/sc/package.json +0 -6
  507. package/scm/package.json +0 -6
  508. package/shared/package.json +0 -6
  509. package/styles/package.json +0 -6
  510. package/tw/package.json +0 -6
  511. package/twm/package.json +0 -6
  512. /package/{FaviconTags/FaviconTags.d.ts → FaviconTags.d.ts} +0 -0
package/Rating/Rating.js CHANGED
@@ -1,48 +1,142 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Rating = exports.RatingRoot = exports.RatingValue = exports.RatingCount = exports.RatingDetails = exports.RatingStar = exports.RatingStarRoot = void 0;
4
- var tslib_1 = require("tslib");
5
- var jsx_runtime_1 = require("react/jsx-runtime");
6
- var react_1 = require("react");
7
- var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
8
- exports.RatingStarRoot = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-block;\n vertical-align: middle;\n margin-right: 1px;\n"], ["\n display: inline-block;\n vertical-align: middle;\n margin-right: 1px;\n"])));
9
- var RatingStar = function (_a) {
10
- var value = _a.value, _b = _a.colorBg, colorBg = _b === void 0 ? "#FFD84C" : _b, _c = _a.colorStroke, colorStroke = _c === void 0 ? "#947813" : _c, size = _a.size, props = tslib_1.__rest(_a, ["value", "colorBg", "colorStroke", "size"]);
11
- var id = (0, react_1.useId)();
12
- return ((0, jsx_runtime_1.jsxs)(exports.RatingStarRoot, tslib_1.__assign({ viewBox: "0 0 16 16", "data-value": value, width: size + "px", height: size + "px" }, props, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: id, x1: "0", y1: "0", x2: "1", y2: "0", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0", stopColor: colorBg }), (0, jsx_runtime_1.jsx)("stop", { offset: value, stopColor: colorBg }), (0, jsx_runtime_1.jsx)("stop", { offset: value, stopColor: "rgba(255, 255, 255, 0)" })] }) }), (0, jsx_runtime_1.jsx)("path", { stroke: colorStroke, strokeWidth: "0.5", fill: "url(#".concat(id, ")"), d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" })] })));
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ RatingStarRoot: function() {
13
+ return RatingStarRoot;
14
+ },
15
+ RatingStar: function() {
16
+ return RatingStar;
17
+ },
18
+ RatingDetails: function() {
19
+ return RatingDetails;
20
+ },
21
+ RatingCount: function() {
22
+ return RatingCount;
23
+ },
24
+ RatingValue: function() {
25
+ return RatingValue;
26
+ },
27
+ RatingRoot: function() {
28
+ return RatingRoot;
29
+ },
30
+ Rating: function() {
31
+ return Rating;
32
+ }
33
+ });
34
+ const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
35
+ const _jsxruntime = require("react/jsx-runtime");
36
+ const _react = require("react");
37
+ const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
38
+ const RatingStarRoot = _styledcomponents.default.svg`
39
+ display: inline-block;
40
+ vertical-align: middle;
41
+ margin-right: 1px;
42
+ `;
43
+ const RatingStar = ({ value, colorBg = "#FFD84C", colorStroke = "#947813", size, ...props })=>{
44
+ const id = (0, _react.useId)();
45
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)(RatingStarRoot, {
46
+ viewBox: "0 0 16 16",
47
+ "data-value": value,
48
+ width: size + "px",
49
+ height: size + "px",
50
+ ...props,
51
+ children: [
52
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("defs", {
53
+ children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
54
+ id: id,
55
+ x1: "0",
56
+ y1: "0",
57
+ x2: "1",
58
+ y2: "0",
59
+ children: [
60
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
61
+ offset: "0",
62
+ stopColor: colorBg
63
+ }),
64
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
65
+ offset: value,
66
+ stopColor: colorBg
67
+ }),
68
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
69
+ offset: value,
70
+ stopColor: "rgba(255, 255, 255, 0)"
71
+ })
72
+ ]
73
+ })
74
+ }),
75
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
76
+ stroke: colorStroke,
77
+ strokeWidth: "0.5",
78
+ fill: `url(#${id})`,
79
+ d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
80
+ })
81
+ ]
82
+ });
13
83
  };
14
- exports.RatingStar = RatingStar;
15
- exports.RatingDetails = styled_components_1.default.span(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n padding-left: 0.5em;\n font-size: 12px;\n color: var(--grey100);\n\n &:before {\n content: \"(\";\n }\n &:after {\n content: \")\";\n }\n"], ["\n padding-left: 0.5em;\n font-size: 12px;\n color: var(--grey100);\n\n &:before {\n content: \"(\";\n }\n &:after {\n content: \")\";\n }\n"])));
16
- exports.RatingCount = styled_components_1.default.span(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject([""], [""])));
17
- exports.RatingValue = styled_components_1.default.span(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
18
- exports.RatingRoot = styled_components_1.default.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n &:hover ", " {\n display: inline-block;\n }\n"], ["\n display: flex;\n align-items: center;\n\n &:hover ", " {\n display: inline-block;\n }\n"])), exports.RatingValue);
19
- var Rating = function (_a) {
20
- var _b = _a.value, value = _b === void 0 ? 0 : _b, count = _a.count, _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.max, max = _d === void 0 ? 5 : _d, _e = _a.showDetails, showDetails = _e === void 0 ? true : _e, colorBg = _a.colorBg, colorStroke = _a.colorStroke, _f = _a.starSize, starSize = _f === void 0 ? 16 : _f;
21
- var id = (0, react_1.useId)();
22
- var currentValue = (0, react_1.useState)(value)[0] /* , _setCurrentValue */;
23
- var _g = (0, react_1.useState)([]), stars = _g[0], setStars = _g[1];
24
- var getStars = (0, react_1.useCallback)(function (activeCount) {
25
- var stars = [];
26
- for (var currentStar = min + 1; currentStar < max + 1; currentStar++) {
27
- var starValue = void 0;
28
- var roundedActiveCount = Math.floor(activeCount);
84
+ const RatingDetails = _styledcomponents.default.span`
85
+ padding-left: 0.5em;
86
+ font-size: 12px;
87
+ color: var(--grey100);
88
+
89
+ &:before {
90
+ content: "(";
91
+ }
92
+ &:after {
93
+ content: ")";
94
+ }
95
+ `;
96
+ const RatingCount = _styledcomponents.default.span``;
97
+ const RatingValue = _styledcomponents.default.span`
98
+ display: none;
99
+ `;
100
+ const RatingRoot = _styledcomponents.default.div`
101
+ display: flex;
102
+ align-items: center;
103
+
104
+ &:hover ${RatingValue} {
105
+ display: inline-block;
106
+ }
107
+ `;
108
+ const Rating = ({ value = 0, count, min = 0, max = 5, showDetails = true, colorBg, colorStroke, starSize = 16 })=>{
109
+ const id = (0, _react.useId)();
110
+ const [currentValue /* , _setCurrentValue */ ] = (0, _react.useState)(value);
111
+ const [stars, setStars] = (0, _react.useState)([]);
112
+ const getStars = (0, _react.useCallback)((activeCount)=>{
113
+ const stars = [];
114
+ for(let currentStar = min + 1; currentStar < max + 1; currentStar++){
115
+ let starValue;
116
+ const roundedActiveCount = Math.floor(activeCount);
29
117
  // we have a rating of 3.4, when we get to the 4th star:
30
118
  if (roundedActiveCount === currentStar - 1) {
31
119
  starValue = 1 - (currentStar - activeCount);
32
- }
33
- else if (roundedActiveCount >= currentStar) {
120
+ } else if (roundedActiveCount >= currentStar) {
34
121
  starValue = 1;
35
- }
36
- else {
122
+ } else {
37
123
  starValue = 0;
38
124
  }
39
- stars.push({ value: starValue });
125
+ stars.push({
126
+ value: starValue
127
+ });
40
128
  }
41
129
  return stars;
42
- }, [min, max]);
43
- (0, react_1.useEffect)(function () {
130
+ }, [
131
+ min,
132
+ max
133
+ ]);
134
+ (0, _react.useEffect)(()=>{
44
135
  setStars(getStars(currentValue));
45
- }, [currentValue, getStars]);
136
+ }, [
137
+ currentValue,
138
+ getStars
139
+ ]);
46
140
  // function updateStars(index) {
47
141
  // var currentActive = stars.filter((x) => x.active);
48
142
  // if (index !== currentActive.length) {
@@ -65,11 +159,30 @@ var Rating = function (_a) {
65
159
  // onChange(value);
66
160
  // }
67
161
  // }, [onChange];
68
- return ((0, jsx_runtime_1.jsxs)(exports.RatingRoot, { children: [stars.map(function (star, idx) { return ((0, jsx_runtime_1.jsx)(exports.RatingStar, { idx: idx, dataIdx: idx, size: starSize,
69
- // onMouseOver={handleMouseOver}
70
- // onMouseLeave={handleMouseLeave}
71
- // onClick={handleClick}
72
- value: star.value, colorBg: colorBg, colorStroke: colorStroke }, id + idx)); }), " ", showDetails && count && ((0, jsx_runtime_1.jsxs)(exports.RatingDetails, { children: [(0, jsx_runtime_1.jsx)(exports.RatingCount, { children: count }), (0, jsx_runtime_1.jsx)(exports.RatingValue, { children: " - ".concat(value) })] }))] }));
162
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)(RatingRoot, {
163
+ children: [
164
+ stars.map((star, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(RatingStar, {
165
+ idx: idx,
166
+ dataIdx: idx,
167
+ size: starSize,
168
+ // onMouseOver={handleMouseOver}
169
+ // onMouseLeave={handleMouseLeave}
170
+ // onClick={handleClick}
171
+ value: star.value,
172
+ colorBg: colorBg,
173
+ colorStroke: colorStroke
174
+ }, id + idx)),
175
+ " ",
176
+ showDetails && count && /*#__PURE__*/ (0, _jsxruntime.jsxs)(RatingDetails, {
177
+ children: [
178
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(RatingCount, {
179
+ children: count
180
+ }),
181
+ /*#__PURE__*/ (0, _jsxruntime.jsx)(RatingValue, {
182
+ children: ` - ${value}`
183
+ })
184
+ ]
185
+ })
186
+ ]
187
+ });
73
188
  };
74
- exports.Rating = Rating;
75
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/Rating/Rating.mjs CHANGED
@@ -1,44 +1,108 @@
1
- import { __assign, __makeTemplateObject, __rest } from "tslib";
2
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
2
  import { useCallback, useEffect, useId, useState } from "react";
4
3
  import styled from "styled-components";
5
- export var RatingStarRoot = styled.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n vertical-align: middle;\n margin-right: 1px;\n"], ["\n display: inline-block;\n vertical-align: middle;\n margin-right: 1px;\n"])));
6
- export var RatingStar = function (_a) {
7
- var value = _a.value, _b = _a.colorBg, colorBg = _b === void 0 ? "#FFD84C" : _b, _c = _a.colorStroke, colorStroke = _c === void 0 ? "#947813" : _c, size = _a.size, props = __rest(_a, ["value", "colorBg", "colorStroke", "size"]);
8
- var id = useId();
9
- return (_jsxs(RatingStarRoot, __assign({ viewBox: "0 0 16 16", "data-value": value, width: size + "px", height: size + "px" }, props, { children: [_jsx("defs", { children: _jsxs("linearGradient", { id: id, x1: "0", y1: "0", x2: "1", y2: "0", children: [_jsx("stop", { offset: "0", stopColor: colorBg }), _jsx("stop", { offset: value, stopColor: colorBg }), _jsx("stop", { offset: value, stopColor: "rgba(255, 255, 255, 0)" })] }) }), _jsx("path", { stroke: colorStroke, strokeWidth: "0.5", fill: "url(#".concat(id, ")"), d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" })] })));
4
+ export const RatingStarRoot = styled.svg`
5
+ display: inline-block;
6
+ vertical-align: middle;
7
+ margin-right: 1px;
8
+ `;
9
+ export const RatingStar = ({ value, colorBg = "#FFD84C", colorStroke = "#947813", size, ...props })=>{
10
+ const id = useId();
11
+ return /*#__PURE__*/ _jsxs(RatingStarRoot, {
12
+ viewBox: "0 0 16 16",
13
+ "data-value": value,
14
+ width: size + "px",
15
+ height: size + "px",
16
+ ...props,
17
+ children: [
18
+ /*#__PURE__*/ _jsx("defs", {
19
+ children: /*#__PURE__*/ _jsxs("linearGradient", {
20
+ id: id,
21
+ x1: "0",
22
+ y1: "0",
23
+ x2: "1",
24
+ y2: "0",
25
+ children: [
26
+ /*#__PURE__*/ _jsx("stop", {
27
+ offset: "0",
28
+ stopColor: colorBg
29
+ }),
30
+ /*#__PURE__*/ _jsx("stop", {
31
+ offset: value,
32
+ stopColor: colorBg
33
+ }),
34
+ /*#__PURE__*/ _jsx("stop", {
35
+ offset: value,
36
+ stopColor: "rgba(255, 255, 255, 0)"
37
+ })
38
+ ]
39
+ })
40
+ }),
41
+ /*#__PURE__*/ _jsx("path", {
42
+ stroke: colorStroke,
43
+ strokeWidth: "0.5",
44
+ fill: `url(#${id})`,
45
+ d: "M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"
46
+ })
47
+ ]
48
+ });
10
49
  };
11
- export var RatingDetails = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-left: 0.5em;\n font-size: 12px;\n color: var(--grey100);\n\n &:before {\n content: \"(\";\n }\n &:after {\n content: \")\";\n }\n"], ["\n padding-left: 0.5em;\n font-size: 12px;\n color: var(--grey100);\n\n &:before {\n content: \"(\";\n }\n &:after {\n content: \")\";\n }\n"])));
12
- export var RatingCount = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
13
- export var RatingValue = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
14
- export var RatingRoot = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n &:hover ", " {\n display: inline-block;\n }\n"], ["\n display: flex;\n align-items: center;\n\n &:hover ", " {\n display: inline-block;\n }\n"])), RatingValue);
15
- export var Rating = function (_a) {
16
- var _b = _a.value, value = _b === void 0 ? 0 : _b, count = _a.count, _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.max, max = _d === void 0 ? 5 : _d, _e = _a.showDetails, showDetails = _e === void 0 ? true : _e, colorBg = _a.colorBg, colorStroke = _a.colorStroke, _f = _a.starSize, starSize = _f === void 0 ? 16 : _f;
17
- var id = useId();
18
- var currentValue = useState(value)[0] /* , _setCurrentValue */;
19
- var _g = useState([]), stars = _g[0], setStars = _g[1];
20
- var getStars = useCallback(function (activeCount) {
21
- var stars = [];
22
- for (var currentStar = min + 1; currentStar < max + 1; currentStar++) {
23
- var starValue = void 0;
24
- var roundedActiveCount = Math.floor(activeCount);
50
+ export const RatingDetails = styled.span`
51
+ padding-left: 0.5em;
52
+ font-size: 12px;
53
+ color: var(--grey100);
54
+
55
+ &:before {
56
+ content: "(";
57
+ }
58
+ &:after {
59
+ content: ")";
60
+ }
61
+ `;
62
+ export const RatingCount = styled.span``;
63
+ export const RatingValue = styled.span`
64
+ display: none;
65
+ `;
66
+ export const RatingRoot = styled.div`
67
+ display: flex;
68
+ align-items: center;
69
+
70
+ &:hover ${RatingValue} {
71
+ display: inline-block;
72
+ }
73
+ `;
74
+ export const Rating = ({ value = 0, count, min = 0, max = 5, showDetails = true, colorBg, colorStroke, starSize = 16 })=>{
75
+ const id = useId();
76
+ const [currentValue /* , _setCurrentValue */ ] = useState(value);
77
+ const [stars, setStars] = useState([]);
78
+ const getStars = useCallback((activeCount)=>{
79
+ const stars = [];
80
+ for(let currentStar = min + 1; currentStar < max + 1; currentStar++){
81
+ let starValue;
82
+ const roundedActiveCount = Math.floor(activeCount);
25
83
  // we have a rating of 3.4, when we get to the 4th star:
26
84
  if (roundedActiveCount === currentStar - 1) {
27
85
  starValue = 1 - (currentStar - activeCount);
28
- }
29
- else if (roundedActiveCount >= currentStar) {
86
+ } else if (roundedActiveCount >= currentStar) {
30
87
  starValue = 1;
31
- }
32
- else {
88
+ } else {
33
89
  starValue = 0;
34
90
  }
35
- stars.push({ value: starValue });
91
+ stars.push({
92
+ value: starValue
93
+ });
36
94
  }
37
95
  return stars;
38
- }, [min, max]);
39
- useEffect(function () {
96
+ }, [
97
+ min,
98
+ max
99
+ ]);
100
+ useEffect(()=>{
40
101
  setStars(getStars(currentValue));
41
- }, [currentValue, getStars]);
102
+ }, [
103
+ currentValue,
104
+ getStars
105
+ ]);
42
106
  // function updateStars(index) {
43
107
  // var currentActive = stars.filter((x) => x.active);
44
108
  // if (index !== currentActive.length) {
@@ -61,10 +125,30 @@ export var Rating = function (_a) {
61
125
  // onChange(value);
62
126
  // }
63
127
  // }, [onChange];
64
- return (_jsxs(RatingRoot, { children: [stars.map(function (star, idx) { return (_jsx(RatingStar, { idx: idx, dataIdx: idx, size: starSize,
65
- // onMouseOver={handleMouseOver}
66
- // onMouseLeave={handleMouseLeave}
67
- // onClick={handleClick}
68
- value: star.value, colorBg: colorBg, colorStroke: colorStroke }, id + idx)); }), " ", showDetails && count && (_jsxs(RatingDetails, { children: [_jsx(RatingCount, { children: count }), _jsx(RatingValue, { children: " - ".concat(value) })] }))] }));
128
+ return /*#__PURE__*/ _jsxs(RatingRoot, {
129
+ children: [
130
+ stars.map((star, idx)=>/*#__PURE__*/ _jsx(RatingStar, {
131
+ idx: idx,
132
+ dataIdx: idx,
133
+ size: starSize,
134
+ // onMouseOver={handleMouseOver}
135
+ // onMouseLeave={handleMouseLeave}
136
+ // onClick={handleClick}
137
+ value: star.value,
138
+ colorBg: colorBg,
139
+ colorStroke: colorStroke
140
+ }, id + idx)),
141
+ " ",
142
+ showDetails && count && /*#__PURE__*/ _jsxs(RatingDetails, {
143
+ children: [
144
+ /*#__PURE__*/ _jsx(RatingCount, {
145
+ children: count
146
+ }),
147
+ /*#__PURE__*/ _jsx(RatingValue, {
148
+ children: ` - ${value}`
149
+ })
150
+ ]
151
+ })
152
+ ]
153
+ });
69
154
  };
70
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/Rating/index.js CHANGED
@@ -1,57 +1,85 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.deriveRating = exports.convertRange = exports.getRatingValue = exports.getRatingWord = void 0;
4
- var tslib_1 = require("tslib");
5
- tslib_1.__exportStar(require("./Rating"), exports);
6
- var RATING_WORDS = {
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ getRatingWord: function() {
13
+ return getRatingWord;
14
+ },
15
+ getRatingValue: function() {
16
+ return getRatingValue;
17
+ },
18
+ convertRange: function() {
19
+ return convertRange;
20
+ },
21
+ deriveRating: function() {
22
+ return deriveRating;
23
+ }
24
+ });
25
+ const _export_star = require("@swc/helpers/_/_export_star");
26
+ _export_star._(require("./Rating"), exports);
27
+ const RATING_WORDS = {
7
28
  0: "Worst",
8
29
  1: "Bad",
9
30
  2: "Mediocre",
10
31
  3: "Good",
11
32
  4: "Great",
12
33
  4.5: "Excellent",
13
- 5: "Best",
34
+ 5: "Best"
14
35
  };
15
- var getRatingWord = function (value, precision) {
16
- if (precision === void 0) { precision = 0.5; }
17
- var buffer = 0;
18
- var word;
19
- while (buffer < value) {
36
+ const getRatingWord = (value, precision = 0.5)=>{
37
+ let buffer = 0;
38
+ let word;
39
+ while(buffer < value){
20
40
  // @ts-expect-error can't remember
21
41
  word = RATING_WORDS[buffer];
22
42
  buffer += precision;
23
43
  }
24
44
  return word;
25
45
  };
26
- exports.getRatingWord = getRatingWord;
27
- var getRatingValue = function (value) {
28
- var converted = convertRange(value, [0, 5], [0, 10]);
46
+ const getRatingValue = (value)=>{
47
+ const converted = convertRange(value, [
48
+ 0,
49
+ 5
50
+ ], [
51
+ 0,
52
+ 10
53
+ ]);
29
54
  if (converted % 1 === 0) {
30
55
  return converted;
31
56
  }
32
57
  return converted.toFixed(1);
33
58
  };
34
- exports.getRatingValue = getRatingValue;
35
- /**
36
- * @see https://stackoverflow.com/a/14224813
37
- */
38
59
  function convertRange(value, r1, r2) {
39
- return ((value - r1[0]) * (r2[1] - r2[0])) / (r1[1] - r1[0]) + r2[0];
60
+ return (value - r1[0]) * (r2[1] - r2[0]) / (r1[1] - r1[0]) + r2[0];
40
61
  }
41
- exports.convertRange = convertRange;
42
- var deriveRating = function (title, date, minValue, maxValue, minQuantity) {
43
- if (minValue === void 0) { minValue = 3.8; }
44
- if (maxValue === void 0) { maxValue = 5; }
45
- if (minQuantity === void 0) { minQuantity = 9; }
46
- var entityTime = date.getTime();
47
- var nowTime = new Date().getTime();
48
- var length = title.length;
49
- var value = Number(convertRange(length, [0, 90], [minValue, maxValue]).toFixed(2));
50
- var timeDifference = convertRange(nowTime - entityTime, [0, 10000000000000], [minQuantity, 999999]);
51
- var count = Math.round(timeDifference / length);
62
+ const deriveRating = (title, date, minValue = 3.8, maxValue = 5, minQuantity = 9)=>{
63
+ const entityTime = date.getTime();
64
+ const nowTime = new Date().getTime();
65
+ const length = title.length;
66
+ const value = Number(convertRange(length, [
67
+ 0,
68
+ 90
69
+ ], [
70
+ minValue,
71
+ maxValue
72
+ ]).toFixed(2));
73
+ const timeDifference = convertRange(nowTime - entityTime, [
74
+ 0,
75
+ 10000000000000
76
+ ], [
77
+ minQuantity,
78
+ 999999
79
+ ]);
80
+ const count = Math.round(timeDifference / length);
52
81
  return {
53
- value: value,
54
- count: count,
82
+ value,
83
+ count
55
84
  };
56
85
  };
57
- exports.deriveRating = deriveRating;
package/Rating/index.mjs CHANGED
@@ -1,26 +1,31 @@
1
1
  export * from "./Rating";
2
- var RATING_WORDS = {
2
+ const RATING_WORDS = {
3
3
  0: "Worst",
4
4
  1: "Bad",
5
5
  2: "Mediocre",
6
6
  3: "Good",
7
7
  4: "Great",
8
8
  4.5: "Excellent",
9
- 5: "Best",
9
+ 5: "Best"
10
10
  };
11
- export var getRatingWord = function (value, precision) {
12
- if (precision === void 0) { precision = 0.5; }
13
- var buffer = 0;
14
- var word;
15
- while (buffer < value) {
11
+ export const getRatingWord = (value, precision = 0.5)=>{
12
+ let buffer = 0;
13
+ let word;
14
+ while(buffer < value){
16
15
  // @ts-expect-error can't remember
17
16
  word = RATING_WORDS[buffer];
18
17
  buffer += precision;
19
18
  }
20
19
  return word;
21
20
  };
22
- export var getRatingValue = function (value) {
23
- var converted = convertRange(value, [0, 5], [0, 10]);
21
+ export const getRatingValue = (value)=>{
22
+ const converted = convertRange(value, [
23
+ 0,
24
+ 5
25
+ ], [
26
+ 0,
27
+ 10
28
+ ]);
24
29
  if (converted % 1 === 0) {
25
30
  return converted;
26
31
  }
@@ -28,22 +33,30 @@ export var getRatingValue = function (value) {
28
33
  };
29
34
  /**
30
35
  * @see https://stackoverflow.com/a/14224813
31
- */
32
- export function convertRange(value, r1, r2) {
33
- return ((value - r1[0]) * (r2[1] - r2[0])) / (r1[1] - r1[0]) + r2[0];
36
+ */ export function convertRange(value, r1, r2) {
37
+ return (value - r1[0]) * (r2[1] - r2[0]) / (r1[1] - r1[0]) + r2[0];
34
38
  }
35
- export var deriveRating = function (title, date, minValue, maxValue, minQuantity) {
36
- if (minValue === void 0) { minValue = 3.8; }
37
- if (maxValue === void 0) { maxValue = 5; }
38
- if (minQuantity === void 0) { minQuantity = 9; }
39
- var entityTime = date.getTime();
40
- var nowTime = new Date().getTime();
41
- var length = title.length;
42
- var value = Number(convertRange(length, [0, 90], [minValue, maxValue]).toFixed(2));
43
- var timeDifference = convertRange(nowTime - entityTime, [0, 10000000000000], [minQuantity, 999999]);
44
- var count = Math.round(timeDifference / length);
39
+ export const deriveRating = (title, date, minValue = 3.8, maxValue = 5, minQuantity = 9)=>{
40
+ const entityTime = date.getTime();
41
+ const nowTime = new Date().getTime();
42
+ const length = title.length;
43
+ const value = Number(convertRange(length, [
44
+ 0,
45
+ 90
46
+ ], [
47
+ minValue,
48
+ maxValue
49
+ ]).toFixed(2));
50
+ const timeDifference = convertRange(nowTime - entityTime, [
51
+ 0,
52
+ 10000000000000
53
+ ], [
54
+ minQuantity,
55
+ 999999
56
+ ]);
57
+ const count = Math.round(timeDifference / length);
45
58
  return {
46
- value: value,
47
- count: count,
59
+ value,
60
+ count
48
61
  };
49
62
  };