@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
|
@@ -1,52 +1,126 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "KoineCalendarDaygridTable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return KoineCalendarDaygridTable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
const _eachWeekOfInterval = /*#__PURE__*/ _interop_require_default._(require("date-fns/eachWeekOfInterval"));
|
|
14
|
+
const _react = require("react");
|
|
15
|
+
const _reactswipeable = require("react-swipeable");
|
|
16
|
+
const _hooks = require("../hooks");
|
|
17
|
+
const _CalendarDaygridCell = require("./CalendarDaygridCell");
|
|
18
|
+
const _utils = require("./utils");
|
|
12
19
|
function getView(range) {
|
|
13
|
-
|
|
14
|
-
|
|
20
|
+
const [start, end] = range;
|
|
21
|
+
const weeks = (0, _eachWeekOfInterval.default)({
|
|
22
|
+
start,
|
|
23
|
+
end
|
|
24
|
+
}, {
|
|
25
|
+
weekStartsOn: 1
|
|
26
|
+
});
|
|
15
27
|
return {
|
|
16
28
|
month: start.getMonth(),
|
|
17
|
-
weeks
|
|
29
|
+
weeks
|
|
18
30
|
};
|
|
19
31
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
CellEventStart: CellEventStart,
|
|
32
|
+
const KoineCalendarDaygridTable = ({ locale: localeCode, handlePrev, handleNext, events, dayLabels, view, range, eventClicked, setEventClicked, eventHovered, setEventHovered, calendarsMap = {}, maxEvents = 5, Table = "table", TableHead = "thead", TableHeadCell = "th", TableBody = "tbody", TableBodyRow = "tr", TableBodyCell = "td", TableBodyCellDate = "div", Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart })=>{
|
|
33
|
+
const restKoine = {
|
|
34
|
+
Cell,
|
|
35
|
+
CellOverflow,
|
|
36
|
+
CellEvent,
|
|
37
|
+
CellEventBtn,
|
|
38
|
+
CellEventTitle,
|
|
39
|
+
CellEventStart
|
|
29
40
|
};
|
|
30
|
-
|
|
31
|
-
|
|
41
|
+
const [days, setDays] = (0, _react.useState)(dayLabels || [
|
|
42
|
+
0,
|
|
43
|
+
1,
|
|
44
|
+
2,
|
|
45
|
+
3,
|
|
46
|
+
4,
|
|
47
|
+
5,
|
|
48
|
+
6
|
|
49
|
+
]);
|
|
50
|
+
const [weeksEvents, setWeeksEvents] = (0, _react.useState)([]);
|
|
32
51
|
// const [days, setDays] = useState(dayLabels || [...Array(7).keys()]);
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
52
|
+
const locale = (0, _hooks.useDateLocale)(localeCode);
|
|
53
|
+
const { month, weeks } = (0, _react.useMemo)(()=>getView(range), [
|
|
54
|
+
range
|
|
55
|
+
]);
|
|
56
|
+
const swipeableHandlers = (0, _reactswipeable.useSwipeable)({
|
|
36
57
|
onSwipedLeft: handleNext,
|
|
37
|
-
onSwipedRight: handlePrev
|
|
58
|
+
onSwipedRight: handlePrev
|
|
38
59
|
});
|
|
39
|
-
(0,
|
|
40
|
-
setWeeksEvents((0,
|
|
41
|
-
}, [
|
|
42
|
-
|
|
60
|
+
(0, _react.useEffect)(()=>{
|
|
61
|
+
setWeeksEvents((0, _utils.processEventsInView)(events, view, month, weeks));
|
|
62
|
+
}, [
|
|
63
|
+
events,
|
|
64
|
+
view,
|
|
65
|
+
month,
|
|
66
|
+
weeks
|
|
67
|
+
]);
|
|
68
|
+
(0, _react.useEffect)(()=>{
|
|
43
69
|
if (locale && locale.localize && !dayLabels) {
|
|
44
|
-
setDays([
|
|
45
|
-
|
|
46
|
-
|
|
70
|
+
setDays([
|
|
71
|
+
1,
|
|
72
|
+
2,
|
|
73
|
+
3,
|
|
74
|
+
4,
|
|
75
|
+
5,
|
|
76
|
+
6,
|
|
77
|
+
0
|
|
78
|
+
].map(// @ts-expect-error nevermind
|
|
79
|
+
(i)=>locale.localize.day(i, {
|
|
80
|
+
width: "abbreviated"
|
|
81
|
+
})));
|
|
47
82
|
}
|
|
48
|
-
}, [
|
|
49
|
-
|
|
50
|
-
|
|
83
|
+
}, [
|
|
84
|
+
locale,
|
|
85
|
+
dayLabels
|
|
86
|
+
]);
|
|
87
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Table, {
|
|
88
|
+
...swipeableHandlers,
|
|
89
|
+
children: [
|
|
90
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(TableHead, {
|
|
91
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
|
|
92
|
+
children: days.map((day)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(TableHeadCell, {
|
|
93
|
+
scope: "column",
|
|
94
|
+
children: day
|
|
95
|
+
}, day))
|
|
96
|
+
})
|
|
97
|
+
}),
|
|
98
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(TableBody, {
|
|
99
|
+
children: weeksEvents.map((week, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(TableBodyRow, {
|
|
100
|
+
...week.props,
|
|
101
|
+
children: week.days.map((day)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(TableBodyCell, {
|
|
102
|
+
...day.props,
|
|
103
|
+
children: [
|
|
104
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(TableBodyCellDate, {
|
|
105
|
+
...day.props,
|
|
106
|
+
children: day.label
|
|
107
|
+
}),
|
|
108
|
+
day.events.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CalendarDaygridCell.CalendarDaygridCell, {
|
|
109
|
+
eventClicked,
|
|
110
|
+
setEventClicked,
|
|
111
|
+
eventHovered,
|
|
112
|
+
setEventHovered,
|
|
113
|
+
view,
|
|
114
|
+
maxEvents,
|
|
115
|
+
events: day.events,
|
|
116
|
+
timestamp: day.timestamp,
|
|
117
|
+
calendarsMap,
|
|
118
|
+
...restKoine
|
|
119
|
+
})
|
|
120
|
+
]
|
|
121
|
+
}))
|
|
122
|
+
}))
|
|
123
|
+
})
|
|
124
|
+
]
|
|
125
|
+
});
|
|
51
126
|
};
|
|
52
|
-
exports.KoineCalendarDaygridTable = KoineCalendarDaygridTable;
|
|
@@ -1,48 +1,115 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useEffect, useMemo, useState } from "react";
|
|
4
2
|
import eachWeekOfInterval from "date-fns/eachWeekOfInterval";
|
|
3
|
+
import { useEffect, useMemo, useState } from "react";
|
|
5
4
|
import { useSwipeable } from "react-swipeable";
|
|
6
5
|
import { useDateLocale } from "../hooks";
|
|
6
|
+
import { CalendarDaygridCell } from "./CalendarDaygridCell";
|
|
7
7
|
import { processEventsInView } from "./utils";
|
|
8
|
-
import { CalendarDaygridCell, } from "./CalendarDaygridCell";
|
|
9
8
|
function getView(range) {
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
const [start, end] = range;
|
|
10
|
+
const weeks = eachWeekOfInterval({
|
|
11
|
+
start,
|
|
12
|
+
end
|
|
13
|
+
}, {
|
|
14
|
+
weekStartsOn: 1
|
|
15
|
+
});
|
|
12
16
|
return {
|
|
13
17
|
month: start.getMonth(),
|
|
14
|
-
weeks
|
|
18
|
+
weeks
|
|
15
19
|
};
|
|
16
20
|
}
|
|
17
|
-
export
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
CellEventStart: CellEventStart,
|
|
21
|
+
export const KoineCalendarDaygridTable = ({ locale: localeCode, handlePrev, handleNext, events, dayLabels, view, range, eventClicked, setEventClicked, eventHovered, setEventHovered, calendarsMap = {}, maxEvents = 5, Table = "table", TableHead = "thead", TableHeadCell = "th", TableBody = "tbody", TableBodyRow = "tr", TableBodyCell = "td", TableBodyCellDate = "div", Cell, CellOverflow, CellEvent, CellEventBtn, CellEventTitle, CellEventStart })=>{
|
|
22
|
+
const restKoine = {
|
|
23
|
+
Cell,
|
|
24
|
+
CellOverflow,
|
|
25
|
+
CellEvent,
|
|
26
|
+
CellEventBtn,
|
|
27
|
+
CellEventTitle,
|
|
28
|
+
CellEventStart
|
|
26
29
|
};
|
|
27
|
-
|
|
28
|
-
|
|
30
|
+
const [days, setDays] = useState(dayLabels || [
|
|
31
|
+
0,
|
|
32
|
+
1,
|
|
33
|
+
2,
|
|
34
|
+
3,
|
|
35
|
+
4,
|
|
36
|
+
5,
|
|
37
|
+
6
|
|
38
|
+
]);
|
|
39
|
+
const [weeksEvents, setWeeksEvents] = useState([]);
|
|
29
40
|
// const [days, setDays] = useState(dayLabels || [...Array(7).keys()]);
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
41
|
+
const locale = useDateLocale(localeCode);
|
|
42
|
+
const { month, weeks } = useMemo(()=>getView(range), [
|
|
43
|
+
range
|
|
44
|
+
]);
|
|
45
|
+
const swipeableHandlers = useSwipeable({
|
|
33
46
|
onSwipedLeft: handleNext,
|
|
34
|
-
onSwipedRight: handlePrev
|
|
47
|
+
onSwipedRight: handlePrev
|
|
35
48
|
});
|
|
36
|
-
useEffect(
|
|
49
|
+
useEffect(()=>{
|
|
37
50
|
setWeeksEvents(processEventsInView(events, view, month, weeks));
|
|
38
|
-
}, [
|
|
39
|
-
|
|
51
|
+
}, [
|
|
52
|
+
events,
|
|
53
|
+
view,
|
|
54
|
+
month,
|
|
55
|
+
weeks
|
|
56
|
+
]);
|
|
57
|
+
useEffect(()=>{
|
|
40
58
|
if (locale && locale.localize && !dayLabels) {
|
|
41
|
-
setDays([
|
|
42
|
-
|
|
43
|
-
|
|
59
|
+
setDays([
|
|
60
|
+
1,
|
|
61
|
+
2,
|
|
62
|
+
3,
|
|
63
|
+
4,
|
|
64
|
+
5,
|
|
65
|
+
6,
|
|
66
|
+
0
|
|
67
|
+
].map(// @ts-expect-error nevermind
|
|
68
|
+
(i)=>locale.localize.day(i, {
|
|
69
|
+
width: "abbreviated"
|
|
70
|
+
})));
|
|
44
71
|
}
|
|
45
|
-
}, [
|
|
46
|
-
|
|
47
|
-
|
|
72
|
+
}, [
|
|
73
|
+
locale,
|
|
74
|
+
dayLabels
|
|
75
|
+
]);
|
|
76
|
+
return /*#__PURE__*/ _jsxs(Table, {
|
|
77
|
+
...swipeableHandlers,
|
|
78
|
+
children: [
|
|
79
|
+
/*#__PURE__*/ _jsx(TableHead, {
|
|
80
|
+
children: /*#__PURE__*/ _jsx("tr", {
|
|
81
|
+
children: days.map((day)=>/*#__PURE__*/ _jsx(TableHeadCell, {
|
|
82
|
+
scope: "column",
|
|
83
|
+
children: day
|
|
84
|
+
}, day))
|
|
85
|
+
})
|
|
86
|
+
}),
|
|
87
|
+
/*#__PURE__*/ _jsx(TableBody, {
|
|
88
|
+
children: weeksEvents.map((week, i)=>/*#__PURE__*/ _jsx(TableBodyRow, {
|
|
89
|
+
...week.props,
|
|
90
|
+
children: week.days.map((day)=>/*#__PURE__*/ _jsxs(TableBodyCell, {
|
|
91
|
+
...day.props,
|
|
92
|
+
children: [
|
|
93
|
+
/*#__PURE__*/ _jsx(TableBodyCellDate, {
|
|
94
|
+
...day.props,
|
|
95
|
+
children: day.label
|
|
96
|
+
}),
|
|
97
|
+
day.events.length > 0 && /*#__PURE__*/ _jsx(CalendarDaygridCell, {
|
|
98
|
+
eventClicked,
|
|
99
|
+
setEventClicked,
|
|
100
|
+
eventHovered,
|
|
101
|
+
setEventHovered,
|
|
102
|
+
view,
|
|
103
|
+
maxEvents,
|
|
104
|
+
events: day.events,
|
|
105
|
+
timestamp: day.timestamp,
|
|
106
|
+
calendarsMap,
|
|
107
|
+
...restKoine
|
|
108
|
+
})
|
|
109
|
+
]
|
|
110
|
+
}))
|
|
111
|
+
}))
|
|
112
|
+
})
|
|
113
|
+
]
|
|
114
|
+
});
|
|
48
115
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import type { KoineComponent, KoineComponentProps } from "../types";
|
|
2
3
|
import type { CalendarsMap } from "./types";
|
|
3
|
-
import type { KoineComponentProps, KoineComponent } from "../types";
|
|
4
4
|
export type KoineCalendarLegendProps = {
|
|
5
5
|
toggleCalendarVisibility: (id: string) => void;
|
|
6
6
|
calendarsMap: CalendarsMap;
|
|
@@ -1,8 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "KoineCalendarLegend", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return KoineCalendarLegend;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const KoineCalendarLegend = ({ calendarsMap = {}, toggleCalendarVisibility, LegendItem = "div", LegendItemStatus = "span", LegendItemLabel = "span", LegendItemEvents = "span" })=>{
|
|
6
13
|
// const sorted = Object.entries(calendarsMap).sort((a, b) => {
|
|
7
14
|
// const { name: nameA } = a[1];
|
|
8
15
|
// const { name: nameB } = b[1];
|
|
@@ -10,10 +17,23 @@ var KoineCalendarLegend = function (_a) {
|
|
|
10
17
|
// else if (nameA > nameB) return 1;
|
|
11
18
|
// else return 0;
|
|
12
19
|
// });
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
20
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
21
|
+
children: Object.entries(calendarsMap).map(([id, calendar])=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(LegendItem, {
|
|
22
|
+
onClick: ()=>toggleCalendarVisibility(id),
|
|
23
|
+
$color: calendar.color,
|
|
24
|
+
$empty: calendar.events === 0,
|
|
25
|
+
disabled: calendar.events === 0,
|
|
26
|
+
children: [
|
|
27
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(LegendItemStatus, {
|
|
28
|
+
children: calendar.on ? "\u2b24" : "\u2b58"
|
|
29
|
+
}),
|
|
30
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(LegendItemLabel, {
|
|
31
|
+
children: calendar.name
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(LegendItemEvents, {
|
|
34
|
+
children: calendar.events
|
|
35
|
+
})
|
|
36
|
+
]
|
|
37
|
+
}, "CalendarLegend." + id))
|
|
38
|
+
});
|
|
18
39
|
};
|
|
19
|
-
exports.KoineCalendarLegend = KoineCalendarLegend;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
export
|
|
2
|
+
export const KoineCalendarLegend = ({ calendarsMap = {}, toggleCalendarVisibility, LegendItem = "div", LegendItemStatus = "span", LegendItemLabel = "span", LegendItemEvents = "span" })=>{
|
|
3
3
|
// const sorted = Object.entries(calendarsMap).sort((a, b) => {
|
|
4
4
|
// const { name: nameA } = a[1];
|
|
5
5
|
// const { name: nameB } = b[1];
|
|
@@ -7,9 +7,23 @@ export var KoineCalendarLegend = function (_a) {
|
|
|
7
7
|
// else if (nameA > nameB) return 1;
|
|
8
8
|
// else return 0;
|
|
9
9
|
// });
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
return /*#__PURE__*/ _jsx(_Fragment, {
|
|
11
|
+
children: Object.entries(calendarsMap).map(([id, calendar])=>/*#__PURE__*/ _jsxs(LegendItem, {
|
|
12
|
+
onClick: ()=>toggleCalendarVisibility(id),
|
|
13
|
+
$color: calendar.color,
|
|
14
|
+
$empty: calendar.events === 0,
|
|
15
|
+
disabled: calendar.events === 0,
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx(LegendItemStatus, {
|
|
18
|
+
children: calendar.on ? "\u2b24" : "\u2b58"
|
|
19
|
+
}),
|
|
20
|
+
/*#__PURE__*/ _jsx(LegendItemLabel, {
|
|
21
|
+
children: calendar.name
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsx(LegendItemEvents, {
|
|
24
|
+
children: calendar.events
|
|
25
|
+
})
|
|
26
|
+
]
|
|
27
|
+
}, "CalendarLegend." + id))
|
|
28
|
+
});
|
|
15
29
|
};
|
|
@@ -1,133 +1,110 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
case 0: return [4 /*yield*/, getCalendarEventsFromGoogle(tslib_1.__assign({ calendar: calendar }, options))];
|
|
26
|
-
case 1:
|
|
27
|
-
events = _a.sent();
|
|
28
|
-
(0, utils_1.addCalendarEvents)(events, allEvents);
|
|
29
|
-
return [2 /*return*/];
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
}); }))];
|
|
33
|
-
case 1:
|
|
34
|
-
_b.sent();
|
|
35
|
-
return [2 /*return*/, allEvents];
|
|
36
|
-
}
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "getCalendarsEventsFromGoogle", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return getCalendarsEventsFromGoogle;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
+
const _differenceInDays = /*#__PURE__*/ _interop_require_default._(require("date-fns/differenceInDays"));
|
|
13
|
+
const _subDays = /*#__PURE__*/ _interop_require_default._(require("date-fns/subDays"));
|
|
14
|
+
const _arrayToLookup = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/arrayToLookup"));
|
|
15
|
+
const _isString = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isString"));
|
|
16
|
+
const _isUndefined = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isUndefined"));
|
|
17
|
+
const _utils = require("./utils");
|
|
18
|
+
const baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
|
|
19
|
+
async function getCalendarsEventsFromGoogle({ calendars, ...options }) {
|
|
20
|
+
const allEvents = {};
|
|
21
|
+
await Promise.all(calendars.map(async (calendar)=>{
|
|
22
|
+
const events = await getCalendarEventsFromGoogle({
|
|
23
|
+
calendar,
|
|
24
|
+
...options
|
|
37
25
|
});
|
|
38
|
-
|
|
26
|
+
(0, _utils.addCalendarEvents)(events, allEvents);
|
|
27
|
+
}));
|
|
28
|
+
return allEvents;
|
|
39
29
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
_c.trys.push([1, 4, , 5]);
|
|
64
|
-
return [4 /*yield*/, fetch(url, { method: "GET" })];
|
|
65
|
-
case 2:
|
|
66
|
-
response = _c.sent();
|
|
67
|
-
return [4 /*yield*/, response.json()];
|
|
68
|
-
case 3:
|
|
69
|
-
data = (_c.sent());
|
|
70
|
-
calendar.name = calendar.name || data.summary;
|
|
71
|
-
data.items.forEach(function (googleEvent) {
|
|
72
|
-
var event = transformCalendarEventFromGoogle(googleEvent, calendar);
|
|
73
|
-
events[event.uid] = event;
|
|
74
|
-
});
|
|
75
|
-
return [3 /*break*/, 5];
|
|
76
|
-
case 4:
|
|
77
|
-
e_1 = _c.sent();
|
|
78
|
-
return [3 /*break*/, 5];
|
|
79
|
-
case 5: return [2 /*return*/, events];
|
|
80
|
-
}
|
|
30
|
+
async function getCalendarEventsFromGoogle({ apiKey, calendar, timeZone = "", start, end }) {
|
|
31
|
+
const events = {};
|
|
32
|
+
const params = new URLSearchParams({
|
|
33
|
+
calendarId: calendar.id,
|
|
34
|
+
timeZone,
|
|
35
|
+
singleEvents: "true",
|
|
36
|
+
maxAttendees: "1",
|
|
37
|
+
maxResults: "9999",
|
|
38
|
+
sanitizeHtml: "true",
|
|
39
|
+
timeMin: start.toISOString(),
|
|
40
|
+
timeMax: end.toISOString(),
|
|
41
|
+
key: apiKey || process.env["GOOGLE_CALENDAR_API_KEY"] || ""
|
|
42
|
+
}).toString();
|
|
43
|
+
const url = baseURL + calendar.id + "/events?" + params;
|
|
44
|
+
try {
|
|
45
|
+
const response = await fetch(url, {
|
|
46
|
+
method: "GET"
|
|
47
|
+
});
|
|
48
|
+
const data = await response.json();
|
|
49
|
+
calendar.name = calendar.name || data.summary;
|
|
50
|
+
data.items.forEach((googleEvent)=>{
|
|
51
|
+
const event = transformCalendarEventFromGoogle(googleEvent, calendar);
|
|
52
|
+
events[event.uid] = event;
|
|
81
53
|
});
|
|
82
|
-
})
|
|
54
|
+
} catch (e) {
|
|
55
|
+
// if (onError) onError(e);
|
|
56
|
+
}
|
|
57
|
+
return events;
|
|
83
58
|
}
|
|
84
59
|
function transformCalendarEventFromGoogle(event, calendar) {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
60
|
+
const created = new Date(event.created);
|
|
61
|
+
const link = event.htmlLink;
|
|
62
|
+
const title = event.summary;
|
|
63
|
+
const status = event.status;
|
|
64
|
+
const start = new Date(event.start.date || event.start.dateTime);
|
|
65
|
+
let end = new Date(event.end.date || event.end.dateTime);
|
|
66
|
+
const color = calendar.color;
|
|
67
|
+
const allDay = (0, _isUndefined.default)(event.end.dateTime) && (0, _isString.default)(event.end.date);
|
|
68
|
+
const location = event.location || "";
|
|
69
|
+
const description = event.description || ""; // FIXME: he.decode(event.description || '');
|
|
70
|
+
const uid = created.getTime() + "" + start.getTime();
|
|
96
71
|
// multi-days all day events has as end date the date after to what we actually
|
|
97
72
|
// mean, hence we subtract one day. @see https://support.google.com/calendar/thread/10074544/google-calendar-all-day-events-are-showing-up-as-a-24-hr-event-across-time-zones?hl=en
|
|
98
73
|
if (allDay && end > start) {
|
|
99
|
-
end = (0,
|
|
74
|
+
end = (0, _subDays.default)(end, 1);
|
|
100
75
|
end.setHours(23, 59, 59);
|
|
101
76
|
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
77
|
+
const days = getDays();
|
|
78
|
+
const daysMap = (0, _arrayToLookup.default)(days);
|
|
79
|
+
const multi = days.length > 1;
|
|
105
80
|
function getDays() {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
81
|
+
const from = new Date(start);
|
|
82
|
+
const to = new Date(end);
|
|
83
|
+
const days = [
|
|
84
|
+
(0, _utils.getEventTimestamp)(from)
|
|
85
|
+
];
|
|
86
|
+
while((0, _differenceInDays.default)(to, from)){
|
|
110
87
|
// console.log(title, differenceInDays(to, from))
|
|
111
88
|
from.setDate(from.getDate() + 1);
|
|
112
|
-
days.push((0,
|
|
89
|
+
days.push((0, _utils.getEventTimestamp)(from));
|
|
113
90
|
}
|
|
114
91
|
return days;
|
|
115
92
|
}
|
|
116
93
|
return {
|
|
117
|
-
calendar
|
|
118
|
-
created
|
|
119
|
-
link
|
|
120
|
-
title
|
|
121
|
-
status
|
|
122
|
-
start
|
|
123
|
-
end
|
|
124
|
-
days
|
|
125
|
-
daysMap
|
|
126
|
-
multi
|
|
127
|
-
color
|
|
128
|
-
allDay
|
|
129
|
-
location
|
|
130
|
-
description
|
|
131
|
-
uid
|
|
94
|
+
calendar,
|
|
95
|
+
created,
|
|
96
|
+
link,
|
|
97
|
+
title,
|
|
98
|
+
status,
|
|
99
|
+
start,
|
|
100
|
+
end,
|
|
101
|
+
days,
|
|
102
|
+
daysMap,
|
|
103
|
+
multi,
|
|
104
|
+
color,
|
|
105
|
+
allDay,
|
|
106
|
+
location,
|
|
107
|
+
description,
|
|
108
|
+
uid
|
|
132
109
|
};
|
|
133
110
|
}
|