@koine/react 2.0.0-alpha.4 → 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.
- package/Alert/Alert.js +31 -12
- package/Alert/Alert.mjs +19 -7
- package/Alert/Alert.stories.js +39 -0
- package/Alert/Alert.stories.mjs +18 -0
- package/Alert/index.js +5 -3
- package/Animations/Reveal.js +50 -18
- package/Animations/Reveal.mjs +39 -13
- package/Animations/Underline.d.ts +1 -1
- package/Animations/Underline.js +25 -7
- package/Animations/Underline.mjs +14 -4
- package/Animations/index.js +7 -5
- package/Animations/useReveal.js +51 -43
- package/Animations/useReveal.mjs +42 -40
- package/Autocomplete/AutocompleteDownshift.js +166 -160
- package/Autocomplete/AutocompleteDownshift.mjs +156 -157
- package/Autocomplete/AutocompleteDownshiftMultiselect.js +361 -355
- package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +351 -352
- package/Autocomplete/AutocompleteMui.d.ts +1 -1
- package/Autocomplete/AutocompleteMui.js +140 -137
- package/Autocomplete/AutocompleteMui.mjs +126 -89
- package/Autocomplete/AutocompleteReach.js +120 -114
- package/Autocomplete/AutocompleteReach.mjs +110 -111
- package/Autocomplete/components.d.ts +12 -16
- package/Autocomplete/components.js +129 -34
- package/Autocomplete/components.mjs +76 -23
- package/Autocomplete/helpers.js +25 -25
- package/Autocomplete/helpers.mjs +11 -5
- package/Autocomplete/index.js +14 -6
- package/Autocomplete/index.mjs +4 -3
- package/Bg/BgColor.d.ts +2 -7
- package/Bg/BgColor.js +60 -21
- package/Bg/BgColor.mjs +36 -15
- package/Bg/BgPhoto.js +80 -18
- package/Bg/BgPhoto.mjs +66 -11
- package/Bg/BgSvg.js +29 -14
- package/Bg/BgSvg.mjs +17 -7
- package/Bg/index.js +7 -5
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.js +98 -26
- package/Breadcrumbs/Breadcrumbs.mjs +82 -18
- package/Breadcrumbs/index.js +5 -3
- package/Buttons/Button.d.ts +1 -1
- package/Buttons/Button.js +105 -16
- package/Buttons/Button.mjs +73 -9
- package/Buttons/ButtonComposite.d.ts +1 -1
- package/Buttons/ButtonComposite.js +109 -25
- package/Buttons/ButtonComposite.mjs +99 -22
- package/Buttons/ButtonFab.d.ts +1 -3
- package/Buttons/ButtonFab.js +26 -8
- package/Buttons/ButtonFab.mjs +6 -4
- package/Buttons/ButtonLink.d.ts +1 -1
- package/Buttons/ButtonLink.js +27 -13
- package/Buttons/ButtonLink.mjs +14 -7
- package/Buttons/IconButton.d.ts +1 -3
- package/Buttons/IconButton.js +40 -9
- package/Buttons/IconButton.mjs +18 -6
- package/Buttons/index.js +9 -7
- package/Calendar/CalendarDaygridCell.d.ts +2 -2
- package/Calendar/CalendarDaygridCell.js +77 -33
- package/Calendar/CalendarDaygridCell.mjs +64 -26
- package/Calendar/CalendarDaygridNav.d.ts +1 -1
- package/Calendar/CalendarDaygridNav.js +55 -20
- package/Calendar/CalendarDaygridNav.mjs +41 -12
- package/Calendar/CalendarDaygridTable.d.ts +3 -3
- package/Calendar/CalendarDaygridTable.js +113 -39
- package/Calendar/CalendarDaygridTable.mjs +97 -30
- package/Calendar/CalendarLegend.d.ts +1 -1
- package/Calendar/CalendarLegend.js +30 -10
- package/Calendar/CalendarLegend.mjs +20 -6
- package/Calendar/calendar-api-google.d.ts +1 -1
- package/Calendar/calendar-api-google.js +90 -113
- package/Calendar/calendar-api-google.mjs +75 -105
- package/Calendar/index.js +10 -8
- package/Calendar/types.js +3 -1
- package/Calendar/types.mjs +1 -1
- package/Calendar/useCalendar.d.ts +2 -2
- package/Calendar/useCalendar.js +196 -148
- package/Calendar/useCalendar.mjs +184 -142
- package/Calendar/utils.js +152 -115
- package/Calendar/utils.mjs +101 -94
- package/Carousel/Carousel.js +386 -380
- package/Carousel/Carousel.mjs +377 -378
- package/Carousel/CarouselCss.d.ts +3 -20
- package/Carousel/CarouselCss.js +61 -23
- package/Carousel/CarouselCss.mjs +38 -16
- package/Carousel/index.js +5 -3
- package/Collapsable/Collapsable.js +10 -3
- package/Collapsable/Collapsable.mjs +1 -1
- package/Collapsable/CollapsableReach.js +2 -3
- package/Collapsable/CollapsableReach.mjs +1 -3
- package/Collapsable/index.js +6 -4
- package/Collapsable/index.mjs +1 -2
- package/Debug/Debug.js +32 -11
- package/Debug/Debug.mjs +20 -6
- package/Debug/index.js +5 -3
- package/Details/Details.d.ts +5 -5
- package/Details/Details.js +92 -41
- package/Details/Details.mjs +64 -37
- package/Details/Details.stories.js +39 -0
- package/Details/Details.stories.mjs +21 -0
- package/Details/index.js +5 -3
- package/Dialog/DialogMui.d.ts +10 -327
- package/Dialog/DialogMui.js +91 -31
- package/Dialog/DialogMui.mjs +50 -25
- package/Dialog/DialogMui.stories.js +38 -0
- package/Dialog/DialogMui.stories.mjs +20 -0
- package/Dialog/css/bare.d.ts +9 -327
- package/Dialog/css/bare.js +53 -22
- package/Dialog/css/bare.mjs +15 -17
- package/Dialog/css/index.stories.js +93 -0
- package/Dialog/css/index.stories.mjs +75 -0
- package/Dialog/index.js +10 -4
- package/Dialog/m/bare.d.ts +2 -398
- package/Dialog/m/bare.js +122 -52
- package/Dialog/m/bare.mjs +114 -51
- package/Dialog/m/basic.js +29 -14
- package/Dialog/m/basic.mjs +10 -10
- package/Dialog/m/index.js +13 -7
- package/Dialog/m/index.mjs +4 -4
- package/Dialog/sc/bare.d.ts +27 -405
- package/Dialog/sc/bare.js +79 -42
- package/Dialog/sc/bare.mjs +40 -29
- package/Dialog/sc/framer.d.ts +15 -422
- package/Dialog/sc/framer.js +24 -17
- package/Dialog/sc/framer.mjs +9 -9
- package/Dialog/sc/framerMaterial.d.ts +15 -422
- package/Dialog/sc/framerMaterial.js +24 -17
- package/Dialog/sc/framerMaterial.mjs +9 -9
- package/Dialog/sc/index.stories.js +75 -0
- package/Dialog/sc/index.stories.mjs +48 -0
- package/Dialog/sc/material.d.ts +27 -405
- package/Dialog/sc/material.js +76 -22
- package/Dialog/sc/material.mjs +37 -17
- package/Dialog/tw/bare.d.ts +9 -327
- package/Dialog/tw/bare.js +51 -41
- package/Dialog/tw/bare.mjs +15 -28
- package/Dialog/tw/elegant.d.ts +9 -327
- package/Dialog/tw/elegant.js +52 -21
- package/Dialog/tw/elegant.mjs +15 -17
- package/Dialog/tw/framer.d.ts +3 -354
- package/Dialog/tw/framer.js +24 -17
- package/Dialog/tw/framer.mjs +9 -9
- package/Dialog/tw/framerMaterial.d.ts +3 -354
- package/Dialog/tw/framerMaterial.js +24 -17
- package/Dialog/tw/framerMaterial.mjs +9 -9
- package/Dialog/tw/index.stories.js +113 -0
- package/Dialog/tw/index.stories.mjs +83 -0
- package/Dialog/tw/material.d.ts +9 -327
- package/Dialog/tw/material.js +52 -21
- package/Dialog/tw/material.mjs +15 -17
- package/Editor/Editor--tiptap.d.ts +1 -1
- package/Editor/Editor--tiptap.js +65 -24
- package/Editor/Editor--tiptap.mjs +45 -18
- package/Editor/components.d.ts +3 -5
- package/Editor/components.js +58 -14
- package/Editor/components.mjs +26 -8
- package/Editor/index.js +5 -3
- package/FaviconTags.js +73 -0
- package/FaviconTags.mjs +64 -0
- package/Form/Form.js +117 -52
- package/Form/Form.mjs +81 -47
- package/Form/index.js +5 -3
- package/Form/sc/bare.d.ts +11 -11
- package/Form/sc/bare.js +53 -21
- package/Form/sc/bare.mjs +21 -12
- package/Forms/Checkbox/Checkbox.d.ts +4 -4
- package/Forms/Checkbox/Checkbox.js +60 -19
- package/Forms/Checkbox/Checkbox.mjs +29 -11
- package/Forms/Checkbox/index.js +5 -3
- package/Forms/Feedback/Feedback.js +23 -11
- package/Forms/Feedback/Feedback.mjs +11 -6
- package/Forms/Feedback/index.js +5 -3
- package/Forms/Field/Field.d.ts +2 -4
- package/Forms/Field/Field.js +61 -21
- package/Forms/Field/Field.mjs +35 -16
- package/Forms/Field/FieldControl.js +55 -37
- package/Forms/Field/FieldControl.mjs +39 -19
- package/Forms/Field/FieldHint.d.ts +1 -1
- package/Forms/Field/FieldHint.js +16 -6
- package/Forms/Field/FieldHint.mjs +5 -3
- package/Forms/Field/index.js +6 -4
- package/Forms/Input/Input.d.ts +5 -5
- package/Forms/Input/Input.js +64 -17
- package/Forms/Input/Input.mjs +30 -11
- package/Forms/Input/index.js +5 -3
- package/Forms/InputGroup/InputGroup.d.ts +4 -4
- package/Forms/InputGroup/InputGroup.js +83 -17
- package/Forms/InputGroup/InputGroup.mjs +52 -10
- package/Forms/InputGroup/index.js +5 -3
- package/Forms/Label/Label.d.ts +1 -1
- package/Forms/Label/Label.js +45 -8
- package/Forms/Label/Label.mjs +23 -5
- package/Forms/Label/index.js +5 -3
- package/Forms/Password/Password.d.ts +1 -1
- package/Forms/Password/Password.js +70 -18
- package/Forms/Password/Password.mjs +48 -12
- package/Forms/Password/index.js +5 -3
- package/Forms/Radio/Radio.js +65 -25
- package/Forms/Radio/Radio.mjs +50 -18
- package/Forms/Radio/index.js +5 -3
- package/Forms/Switch/Switch.d.ts +2 -2
- package/Forms/Switch/Switch.js +78 -21
- package/Forms/Switch/Switch.mjs +52 -12
- package/Forms/Switch/index.js +5 -3
- package/Forms/Textarea/Textarea.d.ts +1 -1
- package/Forms/Textarea/Textarea.js +43 -13
- package/Forms/Textarea/Textarea.mjs +21 -7
- package/Forms/Textarea/TextareaRich.js +54 -27
- package/Forms/Textarea/TextareaRich.mjs +39 -19
- package/Forms/Textarea/index.js +6 -4
- package/Forms/Toggle/Toggle-tailwind.js +1 -1
- package/Forms/Toggle/Toggle-tailwind.mjs +0 -1
- package/Forms/Toggle/Toggle.d.ts +7 -7
- package/Forms/Toggle/Toggle.js +168 -29
- package/Forms/Toggle/Toggle.mjs +113 -21
- package/Forms/Toggle/index.js +5 -3
- package/Forms/Toggle/useToggle-tailwind.js +1 -1
- package/Forms/Toggle/useToggle-tailwind.mjs +0 -1
- package/Forms/Toggle/useToggle.js +97 -101
- package/Forms/Toggle/useToggle.mjs +86 -68
- package/Forms/antispam.js +38 -45
- package/Forms/antispam.mjs +19 -21
- package/Forms/helpers.js +49 -31
- package/Forms/helpers.mjs +25 -19
- package/Forms/index.js +18 -18
- package/Forms/styles.d.ts +3 -7
- package/Forms/styles.js +91 -29
- package/Forms/styles.mjs +50 -18
- package/Gauge/Gauge.js +109 -104
- package/Gauge/Gauge.mjs +99 -100
- package/Grid/Grid.d.ts +7 -30
- package/Grid/Grid.js +84 -34
- package/Grid/Grid.mjs +54 -32
- package/Grid/index.js +5 -3
- package/Hamburger/Hamburger.js +75 -41
- package/Hamburger/Hamburger.mjs +64 -37
- package/Hamburger/index.js +5 -3
- package/Header/index.js +5 -3
- package/Header/useHeader.js +44 -25
- package/Header/useHeader.mjs +23 -18
- package/Hidden/Hidden.d.ts +1 -1
- package/Hidden/Hidden.js +19 -11
- package/Hidden/Hidden.mjs +9 -9
- package/Hidden/index.js +5 -3
- package/Img/index.js +5 -3
- package/Img/sc/bare.d.ts +1 -1
- package/Img/sc/bare.js +42 -41
- package/Img/sc/bare.mjs +31 -34
- package/Img/types.js +5 -1
- package/Img/types.mjs +1 -1
- package/Link/Link.d.ts +1 -3
- package/Link/Link.js +12 -6
- package/Link/Link.mjs +1 -3
- package/Link/LinkBlank.d.ts +2 -5
- package/Link/LinkBlank.js +49 -18
- package/Link/LinkBlank.mjs +25 -10
- package/Link/index.js +6 -4
- package/Menu/Menu.d.ts +1 -1
- package/Menu/Menu.js +21 -6
- package/Menu/Menu.mjs +10 -3
- package/Menu/MenuMui.js +2 -2
- package/Menu/MenuMui.mjs +1 -2
- package/Menu/index.js +5 -3
- package/MenuItem/MenuItem.d.ts +1 -4
- package/MenuItem/MenuItem.js +30 -6
- package/MenuItem/MenuItem.mjs +19 -3
- package/MenuItem/MenuItemMui.js +1 -1
- package/MenuItem/MenuItemMui.mjs +0 -1
- package/MenuItem/index.js +5 -3
- package/MenuItem/useMenuItem.js +65 -33
- package/MenuItem/useMenuItem.mjs +45 -27
- package/Meta/Meta.js +24 -8
- package/Meta/Meta.mjs +5 -3
- package/Meta/index.js +11 -6
- package/NoJs/NoJs.js +26 -9
- package/NoJs/NoJs.mjs +7 -4
- package/NoJs/index.js +11 -6
- package/Pagination/PaginationNav.d.ts +1 -1
- package/Pagination/PaginationNav.js +105 -44
- package/Pagination/PaginationNav.mjs +90 -29
- package/Pagination/PaginationResults.js +43 -13
- package/Pagination/PaginationResults.mjs +31 -8
- package/Pagination/index.js +6 -4
- package/Pill/Pill.d.ts +4 -4
- package/Pill/Pill.js +61 -9
- package/Pill/Pill.mjs +36 -6
- package/Pill/index.js +5 -3
- package/Progress/ProgressCircular.js +60 -17
- package/Progress/ProgressCircular.mjs +48 -10
- package/Progress/ProgressLinear.js +51 -26
- package/Progress/ProgressLinear.mjs +39 -19
- package/Progress/ProgressOverlay.js +71 -24
- package/Progress/ProgressOverlay.mjs +56 -16
- package/Progress/index.js +7 -5
- package/Rating/Rating.d.ts +5 -5
- package/Rating/Rating.js +154 -41
- package/Rating/Rating.mjs +118 -34
- package/Rating/index.js +61 -33
- package/Rating/index.mjs +37 -24
- package/Select/SelectDownshift.js +46 -40
- package/Select/SelectDownshift.mjs +37 -38
- package/Select/components.d.ts +1 -1
- package/Select/components.js +42 -13
- package/Select/components.mjs +21 -8
- package/Select/index.js +12 -6
- package/Select/index.mjs +2 -3
- package/Sidebar/Sidebar.js +70 -23
- package/Sidebar/Sidebar.mjs +57 -17
- package/Sidebar/index.js +5 -3
- package/Spacing/Spacing.d.ts +1 -1
- package/Spacing/Spacing.js +39 -33
- package/Spacing/Spacing.mjs +27 -17
- package/Spacing/index.js +5 -3
- package/Sticky/Sticky.js +227 -221
- package/Sticky/Sticky.mjs +218 -219
- package/Sticky/StickyCss.js +18 -8
- package/Sticky/StickyCss.mjs +8 -4
- package/Sticky/index.js +18 -4
- package/Sticky/index.mjs +1 -1
- package/Tabs/TabsMui.d.ts +9 -298
- package/Tabs/TabsMui.js +73 -34
- package/Tabs/TabsMui.mjs +39 -27
- package/Tabs/TabsMui.stories.js +38 -0
- package/Tabs/TabsMui.stories.mjs +20 -0
- package/Tabs/index.js +5 -3
- package/Tabs/sc/bare.js +2 -3
- package/Tabs/sc/bare.mjs +1 -3
- package/Tabs/sc/index.stories.js +1 -0
- package/Tabs/sc/index.stories.mjs +0 -0
- package/Tabs/tw/bare.d.ts +7 -296
- package/Tabs/tw/bare.js +43 -18
- package/Tabs/tw/bare.mjs +11 -13
- package/Tabs/tw/index.stories.js +46 -0
- package/Tabs/tw/index.stories.mjs +25 -0
- package/Tabs/tw/material.d.ts +7 -332
- package/Tabs/tw/material.js +41 -18
- package/Tabs/tw/material.mjs +11 -15
- package/Tabs/useTabs.js +44 -25
- package/Tabs/useTabs.mjs +24 -21
- package/Typography/CopyPasteVisible.d.ts +1 -1
- package/Typography/CopyPasteVisible.js +16 -6
- package/Typography/CopyPasteVisible.mjs +5 -3
- package/Typography/Native.d.ts +5 -5
- package/Typography/Native.js +89 -16
- package/Typography/Native.mjs +45 -12
- package/Typography/ReadMore.js +114 -36
- package/Typography/ReadMore.mjs +100 -29
- package/Typography/TextLoop.js +94 -37
- package/Typography/TextLoop.mjs +75 -31
- package/Typography/TypeStairs.js +47 -28
- package/Typography/TypeStairs.mjs +36 -24
- package/Typography/index.js +9 -7
- package/css/index.js +32 -35
- package/css/index.mjs +20 -21
- package/helpers/classed.js +39 -51
- package/helpers/classed.mjs +21 -30
- package/helpers/classed.stories.js +140 -0
- package/helpers/classed.stories.mjs +121 -0
- package/helpers/createUseMediaQueryWidth.js +163 -153
- package/helpers/createUseMediaQueryWidth.mjs +140 -140
- package/helpers/extend-component.js +26 -11
- package/helpers/extend-component.mjs +7 -7
- package/helpers/index.js +8 -6
- package/helpers/mergeRefs.js +21 -8
- package/helpers/mergeRefs.mjs +3 -4
- package/hooks/index.js +91 -43
- package/hooks/index.mjs +3 -3
- package/hooks/types.js +6 -2
- package/hooks/types.mjs +3 -1
- package/hooks/useAsyncFn.js +48 -33
- package/hooks/useAsyncFn.mjs +28 -26
- package/hooks/useDateLocale.js +42 -32
- package/hooks/useDateLocale.mjs +22 -22
- package/hooks/useFirstMountState.js +20 -9
- package/hooks/useFirstMountState.mjs +2 -3
- package/hooks/useFixedOffset.js +45 -40
- package/hooks/useFixedOffset.mjs +23 -24
- package/hooks/useFocus.js +26 -12
- package/hooks/useFocus.mjs +7 -5
- package/hooks/useInterval.js +37 -25
- package/hooks/useInterval.mjs +15 -14
- package/hooks/useIsomorphicLayoutEffect.js +22 -12
- package/hooks/useIsomorphicLayoutEffect.mjs +1 -4
- package/hooks/useKeyUp.js +30 -17
- package/hooks/useKeyUp.mjs +9 -11
- package/hooks/useMeasure.js +98 -80
- package/hooks/useMeasure.mjs +74 -67
- package/hooks/useMountedState.js +23 -12
- package/hooks/useMountedState.mjs +5 -6
- package/hooks/useNavigateAway.js +47 -51
- package/hooks/useNavigateAway.mjs +26 -25
- package/hooks/usePrevious.js +27 -10
- package/hooks/usePrevious.mjs +9 -4
- package/hooks/usePreviousRef.js +21 -7
- package/hooks/usePreviousRef.mjs +2 -2
- package/hooks/useScrollPosition.js +53 -43
- package/hooks/useScrollPosition.mjs +28 -26
- package/hooks/useScrollThreshold.js +41 -22
- package/hooks/useScrollThreshold.mjs +18 -13
- package/hooks/useScrollTo.js +28 -16
- package/hooks/useScrollTo.mjs +6 -8
- package/hooks/useSmoothScroll.js +39 -34
- package/hooks/useSmoothScroll.mjs +12 -16
- package/hooks/useSpinDelay.js +42 -37
- package/hooks/useSpinDelay.mjs +24 -22
- package/hooks/useTraceUpdate.js +26 -13
- package/hooks/useTraceUpdate.mjs +8 -7
- package/hooks/useUpdateEffect.js +24 -13
- package/hooks/useUpdateEffect.mjs +4 -5
- package/hooks/useWindowSize.js +34 -25
- package/hooks/useWindowSize.mjs +13 -10
- package/index.js +9 -7
- package/index.mjs +4 -5
- package/m/MotionProvider.js +25 -41
- package/m/MotionProvider.mjs +5 -4
- package/m/index.js +6 -5
- package/m/index.mjs +1 -2
- package/m/lite.js +11 -3
- package/m/max.js +11 -3
- package/package.json +13 -14
- package/sc/index.js +48 -36
- package/scm/index.js +39 -35
- package/shared/index.js +12 -10
- package/shared/index.mjs +35 -0
- package/styles/Body.d.ts +2 -2
- package/styles/Body.js +27 -15
- package/styles/Body.mjs +8 -5
- package/styles/Global.js +54 -20
- package/styles/Global.mjs +36 -5
- package/styles/index.js +141 -40
- package/styles/index.mjs +5 -5
- package/styles/media.js +98 -120
- package/styles/media.mjs +63 -68
- package/styles/spacing.js +49 -31
- package/styles/spacing.mjs +26 -25
- package/styles/styled.js +56 -15
- package/styles/styled.mjs +23 -10
- package/styles/theme--vanilla.js +60 -42
- package/styles/theme--vanilla.mjs +26 -19
- package/styles/theme.js +38 -34
- package/styles/theme.mjs +16 -19
- package/tw/index.js +32 -35
- package/tw/index.mjs +20 -21
- package/twm/index.js +32 -35
- package/twm/index.mjs +20 -21
- package/types.js +3 -1
- package/types.mjs +1 -1
- package/typings.d.ts +1 -0
- package/Alert/package.json +0 -6
- package/Animations/package.json +0 -6
- package/Autocomplete/package.json +0 -6
- package/Bg/package.json +0 -6
- package/Breadcrumbs/package.json +0 -6
- package/Buttons/package.json +0 -6
- package/Calendar/package.json +0 -6
- package/Carousel/package.json +0 -6
- package/Collapsable/package.json +0 -6
- package/Debug/package.json +0 -6
- package/Details/package.json +0 -6
- package/Dialog/m/package.json +0 -6
- package/Dialog/package.json +0 -6
- package/Editor/package.json +0 -6
- package/FaviconTags/FaviconTags.js +0 -20
- package/FaviconTags/FaviconTags.mjs +0 -16
- package/FaviconTags/index.d.ts +0 -2
- package/FaviconTags/index.js +0 -7
- package/FaviconTags/index.mjs +0 -2
- package/FaviconTags/package.json +0 -6
- package/Form/package.json +0 -6
- package/Forms/Checkbox/package.json +0 -6
- package/Forms/Feedback/package.json +0 -6
- package/Forms/Field/package.json +0 -6
- package/Forms/Input/package.json +0 -6
- package/Forms/InputGroup/package.json +0 -6
- package/Forms/Label/package.json +0 -6
- package/Forms/Password/package.json +0 -6
- package/Forms/Radio/package.json +0 -6
- package/Forms/Switch/package.json +0 -6
- package/Forms/Textarea/package.json +0 -6
- package/Forms/Toggle/package.json +0 -6
- package/Forms/package.json +0 -6
- package/Grid/package.json +0 -6
- package/Hamburger/package.json +0 -6
- package/Header/package.json +0 -6
- package/Hidden/package.json +0 -6
- package/Img/package.json +0 -6
- package/Link/package.json +0 -6
- package/Menu/package.json +0 -6
- package/MenuItem/package.json +0 -6
- package/Meta/package.json +0 -6
- package/NoJs/package.json +0 -6
- package/Pagination/package.json +0 -6
- package/Pill/package.json +0 -6
- package/Progress/package.json +0 -6
- package/Rating/package.json +0 -6
- package/Select/package.json +0 -6
- package/Sidebar/package.json +0 -6
- package/Spacing/package.json +0 -6
- package/Sticky/package.json +0 -6
- package/Tabs/package.json +0 -6
- package/Typography/package.json +0 -6
- package/css/package.json +0 -6
- package/helpers/package.json +0 -6
- package/hooks/package.json +0 -6
- package/m/package.json +0 -6
- package/sc/package.json +0 -6
- package/scm/package.json +0 -6
- package/shared/package.json +0 -6
- package/styles/package.json +0 -6
- package/tw/package.json +0 -6
- package/twm/package.json +0 -6
- /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", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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({
|
|
125
|
+
stars.push({
|
|
126
|
+
value: starValue
|
|
127
|
+
});
|
|
40
128
|
}
|
|
41
129
|
return stars;
|
|
42
|
-
}, [
|
|
43
|
-
|
|
130
|
+
}, [
|
|
131
|
+
min,
|
|
132
|
+
max
|
|
133
|
+
]);
|
|
134
|
+
(0, _react.useEffect)(()=>{
|
|
44
135
|
setStars(getStars(currentValue));
|
|
45
|
-
}, [
|
|
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 (
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
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
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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({
|
|
91
|
+
stars.push({
|
|
92
|
+
value: starValue
|
|
93
|
+
});
|
|
36
94
|
}
|
|
37
95
|
return stars;
|
|
38
|
-
}, [
|
|
39
|
-
|
|
96
|
+
}, [
|
|
97
|
+
min,
|
|
98
|
+
max
|
|
99
|
+
]);
|
|
100
|
+
useEffect(()=>{
|
|
40
101
|
setStars(getStars(currentValue));
|
|
41
|
-
}, [
|
|
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
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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 (
|
|
60
|
+
return (value - r1[0]) * (r2[1] - r2[0]) / (r1[1] - r1[0]) + r2[0];
|
|
40
61
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
|
54
|
-
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
|
-
|
|
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
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
|
23
|
-
|
|
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
|
-
|
|
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
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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
|
|
47
|
-
count
|
|
59
|
+
value,
|
|
60
|
+
count
|
|
48
61
|
};
|
|
49
62
|
};
|