@koine/react 2.0.0-beta.2 → 2.0.0-beta.5
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 +27 -12
- package/Alert/Alert.mjs +16 -8
- package/Alert/Alert.stories.js +36 -0
- package/Alert/Alert.stories.mjs +15 -0
- package/Alert/index.js +5 -3
- package/Animations/Reveal.js +48 -18
- package/Animations/Reveal.mjs +38 -14
- 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 +111 -137
- package/Autocomplete/AutocompleteMui.mjs +98 -90
- package/Autocomplete/AutocompleteReach.js +120 -114
- package/Autocomplete/AutocompleteReach.mjs +110 -111
- 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.js +55 -21
- package/Bg/BgColor.mjs +32 -16
- package/Bg/BgPhoto.js +78 -18
- package/Bg/BgPhoto.mjs +65 -12
- package/Bg/BgSvg.js +27 -14
- package/Bg/BgSvg.mjs +16 -8
- package/Bg/index.js +7 -5
- package/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/Breadcrumbs/Breadcrumbs.js +85 -26
- package/Breadcrumbs/Breadcrumbs.mjs +70 -19
- package/Breadcrumbs/index.js +5 -3
- package/Buttons/Button.js +105 -16
- package/Buttons/Button.mjs +73 -9
- package/Buttons/ButtonComposite.d.ts +1 -1
- package/Buttons/ButtonComposite.js +76 -25
- package/Buttons/ButtonComposite.mjs +66 -22
- package/Buttons/ButtonFab.js +26 -8
- package/Buttons/ButtonFab.mjs +6 -4
- package/Buttons/ButtonLink.d.ts +1 -1
- package/Buttons/ButtonLink.js +26 -13
- package/Buttons/ButtonLink.mjs +14 -8
- 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 +70 -49
- package/Calendar/CalendarDaygridCell.mjs +58 -43
- package/Calendar/CalendarDaygridNav.d.ts +1 -1
- package/Calendar/CalendarDaygridNav.js +41 -20
- package/Calendar/CalendarDaygridNav.mjs +28 -13
- package/Calendar/CalendarDaygridTable.d.ts +3 -3
- package/Calendar/CalendarDaygridTable.js +88 -39
- package/Calendar/CalendarDaygridTable.mjs +73 -31
- package/Calendar/CalendarLegend.d.ts +1 -1
- package/Calendar/CalendarLegend.js +17 -10
- package/Calendar/CalendarLegend.mjs +8 -7
- 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 +1 -1
- package/Carousel/CarouselCss.js +59 -23
- package/Carousel/CarouselCss.mjs +37 -17
- 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 +29 -11
- package/Debug/Debug.mjs +18 -7
- package/Debug/index.js +5 -3
- package/Details/Details.d.ts +5 -5
- package/Details/Details.js +87 -44
- package/Details/Details.mjs +60 -41
- package/Details/Details.stories.js +38 -0
- package/Details/Details.stories.mjs +20 -0
- package/Details/index.js +5 -3
- package/Dialog/DialogMui.d.ts +7 -7
- package/Dialog/DialogMui.js +78 -31
- package/Dialog/DialogMui.mjs +38 -26
- package/Dialog/DialogMui.stories.js +37 -0
- package/Dialog/DialogMui.stories.mjs +19 -0
- package/Dialog/css/bare.d.ts +6 -6
- package/Dialog/css/bare.js +53 -22
- package/Dialog/css/bare.mjs +15 -17
- package/Dialog/css/index.stories.js +85 -0
- package/Dialog/css/index.stories.mjs +67 -0
- package/Dialog/index.js +10 -4
- package/Dialog/m/bare.d.ts +6 -6
- package/Dialog/m/bare.js +55 -30
- package/Dialog/m/bare.mjs +40 -22
- 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 +6 -6
- package/Dialog/sc/bare.js +79 -42
- package/Dialog/sc/bare.mjs +40 -29
- package/Dialog/sc/framer.d.ts +6 -6
- package/Dialog/sc/framer.js +24 -17
- package/Dialog/sc/framer.mjs +9 -9
- package/Dialog/sc/framerMaterial.d.ts +6 -6
- package/Dialog/sc/framerMaterial.js +24 -17
- package/Dialog/sc/framerMaterial.mjs +9 -9
- package/Dialog/sc/index.stories.js +74 -0
- package/Dialog/sc/index.stories.mjs +47 -0
- package/Dialog/sc/material.d.ts +6 -6
- package/Dialog/sc/material.js +76 -22
- package/Dialog/sc/material.mjs +37 -17
- package/Dialog/tw/bare.d.ts +6 -6
- package/Dialog/tw/bare.js +51 -41
- package/Dialog/tw/bare.mjs +15 -28
- package/Dialog/tw/elegant.d.ts +6 -6
- package/Dialog/tw/elegant.js +52 -21
- package/Dialog/tw/elegant.mjs +15 -17
- package/Dialog/tw/framer.d.ts +6 -6
- package/Dialog/tw/framer.js +24 -17
- package/Dialog/tw/framer.mjs +9 -9
- package/Dialog/tw/framerMaterial.d.ts +6 -6
- package/Dialog/tw/framerMaterial.js +24 -17
- package/Dialog/tw/framerMaterial.mjs +9 -9
- package/Dialog/tw/index.stories.js +112 -0
- package/Dialog/tw/index.stories.mjs +82 -0
- package/Dialog/tw/material.d.ts +6 -6
- 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 +50 -24
- package/Editor/Editor--tiptap.mjs +31 -19
- package/Editor/components.js +58 -14
- package/Editor/components.mjs +26 -8
- package/Editor/index.js +5 -3
- package/FaviconTags.js +59 -0
- package/FaviconTags.mjs +50 -0
- package/Form/Form.js +100 -52
- package/Form/Form.mjs +64 -47
- package/Form/index.js +5 -3
- package/Form/sc/bare.js +53 -21
- package/Form/sc/bare.mjs +21 -12
- package/Forms/Checkbox/Checkbox.js +46 -19
- package/Forms/Checkbox/Checkbox.mjs +16 -12
- package/Forms/Checkbox/index.js +5 -3
- package/Forms/Feedback/Feedback.js +21 -11
- package/Forms/Feedback/Feedback.mjs +10 -7
- package/Forms/Feedback/index.js +5 -3
- package/Forms/Field/Field.js +55 -21
- package/Forms/Field/Field.mjs +30 -17
- package/Forms/Field/FieldControl.js +41 -37
- package/Forms/Field/FieldControl.mjs +26 -20
- 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.js +56 -17
- package/Forms/Input/Input.mjs +22 -11
- package/Forms/Input/index.js +5 -3
- package/Forms/InputGroup/InputGroup.js +73 -17
- package/Forms/InputGroup/InputGroup.mjs +43 -11
- package/Forms/InputGroup/index.js +5 -3
- 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.js +56 -18
- package/Forms/Password/Password.mjs +35 -13
- package/Forms/Password/index.js +5 -3
- package/Forms/Radio/Radio.js +46 -25
- package/Forms/Radio/Radio.mjs +32 -19
- package/Forms/Radio/index.js +5 -3
- package/Forms/Switch/Switch.js +66 -21
- package/Forms/Switch/Switch.mjs +41 -13
- package/Forms/Switch/index.js +5 -3
- package/Forms/Textarea/Textarea.js +35 -13
- package/Forms/Textarea/Textarea.mjs +13 -7
- package/Forms/Textarea/TextareaRich.js +48 -29
- package/Forms/Textarea/TextareaRich.mjs +34 -22
- 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.js +149 -29
- package/Forms/Toggle/Toggle.mjs +95 -22
- 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 +91 -101
- package/Forms/Toggle/useToggle.mjs +80 -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.js +90 -29
- package/Forms/styles.mjs +50 -19
- package/Gauge/Gauge.js +109 -104
- package/Gauge/Gauge.mjs +99 -100
- package/Grid/Grid.d.ts +4 -3
- package/Grid/Grid.js +84 -34
- package/Grid/Grid.mjs +54 -32
- package/Grid/index.js +5 -3
- package/Hamburger/Hamburger.js +68 -41
- package/Hamburger/Hamburger.mjs +58 -38
- 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.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.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.js +12 -6
- package/Link/Link.mjs +1 -3
- package/Link/LinkBlank.js +42 -18
- package/Link/LinkBlank.mjs +19 -11
- package/Link/index.js +6 -4
- 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.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 +23 -8
- package/Meta/Meta.mjs +5 -4
- package/Meta/index.js +11 -6
- package/NoJs/NoJs.js +25 -9
- package/NoJs/NoJs.mjs +7 -5
- package/NoJs/index.js +11 -6
- package/Pagination/PaginationNav.d.ts +1 -1
- package/Pagination/PaginationNav.js +86 -44
- package/Pagination/PaginationNav.mjs +72 -30
- package/Pagination/PaginationResults.js +38 -13
- package/Pagination/PaginationResults.mjs +27 -9
- package/Pagination/index.js +6 -4
- package/Pill/Pill.js +61 -9
- package/Pill/Pill.mjs +36 -6
- package/Pill/index.js +5 -3
- package/Progress/ProgressCircular.js +58 -17
- package/Progress/ProgressCircular.mjs +47 -11
- package/Progress/ProgressLinear.js +49 -26
- package/Progress/ProgressLinear.mjs +38 -20
- package/Progress/ProgressOverlay.js +65 -24
- package/Progress/ProgressOverlay.mjs +51 -17
- package/Progress/index.js +7 -5
- package/Rating/Rating.js +128 -41
- package/Rating/Rating.mjs +93 -35
- 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.js +40 -13
- package/Select/components.mjs +20 -9
- package/Select/index.js +12 -6
- package/Select/index.mjs +2 -3
- package/Sidebar/Sidebar.js +61 -23
- package/Sidebar/Sidebar.mjs +48 -17
- package/Sidebar/index.js +5 -3
- package/Spacing/Spacing.d.ts +1 -1
- package/Spacing/Spacing.js +36 -33
- package/Spacing/Spacing.mjs +24 -17
- package/Spacing/index.js +5 -3
- package/Sticky/Sticky.js +227 -221
- package/Sticky/Sticky.mjs +218 -219
- package/Sticky/StickyCss.js +17 -8
- package/Sticky/StickyCss.mjs +8 -5
- package/Sticky/index.js +18 -4
- package/Sticky/index.mjs +1 -1
- package/Tabs/TabsMui.d.ts +8 -8
- package/Tabs/TabsMui.js +64 -34
- package/Tabs/TabsMui.mjs +31 -28
- package/Tabs/TabsMui.stories.js +37 -0
- package/Tabs/TabsMui.stories.mjs +19 -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 +6 -6
- package/Tabs/tw/bare.js +43 -18
- package/Tabs/tw/bare.mjs +11 -13
- package/Tabs/tw/index.stories.js +45 -0
- package/Tabs/tw/index.stories.mjs +24 -0
- package/Tabs/tw/material.d.ts +6 -6
- 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.js +16 -6
- package/Typography/CopyPasteVisible.mjs +5 -3
- package/Typography/Native.js +89 -16
- package/Typography/Native.mjs +45 -12
- package/Typography/ReadMore.js +99 -36
- package/Typography/ReadMore.mjs +86 -30
- package/Typography/TextLoop.js +94 -45
- package/Typography/TextLoop.mjs +76 -40
- package/Typography/TypeStairs.js +43 -32
- package/Typography/TypeStairs.mjs +33 -29
- 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 +122 -0
- package/helpers/classed.stories.mjs +103 -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 +23 -41
- package/m/MotionProvider.mjs +4 -5
- 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 +16 -13
- 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.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 +58 -42
- package/styles/theme--vanilla.mjs +25 -20
- 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,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
|
}
|
|
@@ -1,108 +1,78 @@
|
|
|
1
|
-
import
|
|
1
|
+
import differenceInDays from "date-fns/differenceInDays";
|
|
2
|
+
import subDays from "date-fns/subDays";
|
|
2
3
|
import arrayToLookup from "@koine/utils/arrayToLookup";
|
|
3
4
|
import isString from "@koine/utils/isString";
|
|
4
5
|
import isUndefined from "@koine/utils/isUndefined";
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var _this = this;
|
|
14
|
-
return __generator(this, function (_b) {
|
|
15
|
-
switch (_b.label) {
|
|
16
|
-
case 0:
|
|
17
|
-
allEvents = {};
|
|
18
|
-
return [4 /*yield*/, Promise.all(calendars.map(function (calendar) { return __awaiter(_this, void 0, void 0, function () {
|
|
19
|
-
var events;
|
|
20
|
-
return __generator(this, function (_a) {
|
|
21
|
-
switch (_a.label) {
|
|
22
|
-
case 0: return [4 /*yield*/, getCalendarEventsFromGoogle(__assign({ calendar: calendar }, options))];
|
|
23
|
-
case 1:
|
|
24
|
-
events = _a.sent();
|
|
25
|
-
addCalendarEvents(events, allEvents);
|
|
26
|
-
return [2 /*return*/];
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}); }))];
|
|
30
|
-
case 1:
|
|
31
|
-
_b.sent();
|
|
32
|
-
return [2 /*return*/, allEvents];
|
|
33
|
-
}
|
|
6
|
+
import { addCalendarEvents, getEventTimestamp } from "./utils";
|
|
7
|
+
const baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
|
|
8
|
+
export async function getCalendarsEventsFromGoogle({ calendars, ...options }) {
|
|
9
|
+
const allEvents = {};
|
|
10
|
+
await Promise.all(calendars.map(async (calendar)=>{
|
|
11
|
+
const events = await getCalendarEventsFromGoogle({
|
|
12
|
+
calendar,
|
|
13
|
+
...options
|
|
34
14
|
});
|
|
35
|
-
|
|
15
|
+
addCalendarEvents(events, allEvents);
|
|
16
|
+
}));
|
|
17
|
+
return allEvents;
|
|
36
18
|
}
|
|
37
|
-
function getCalendarEventsFromGoogle(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
return [4 /*yield*/, fetch(url, { method: "GET" })];
|
|
61
|
-
case 2:
|
|
62
|
-
response = _c.sent();
|
|
63
|
-
return [4 /*yield*/, response.json()];
|
|
64
|
-
case 3:
|
|
65
|
-
data = (_c.sent());
|
|
66
|
-
calendar.name = calendar.name || data.summary;
|
|
67
|
-
data.items.forEach(function (googleEvent) {
|
|
68
|
-
var event = transformCalendarEventFromGoogle(googleEvent, calendar);
|
|
69
|
-
events[event.uid] = event;
|
|
70
|
-
});
|
|
71
|
-
return [3 /*break*/, 5];
|
|
72
|
-
case 4:
|
|
73
|
-
e_1 = _c.sent();
|
|
74
|
-
return [3 /*break*/, 5];
|
|
75
|
-
case 5: return [2 /*return*/, events];
|
|
76
|
-
}
|
|
19
|
+
async function getCalendarEventsFromGoogle({ apiKey, calendar, timeZone = "", start, end }) {
|
|
20
|
+
const events = {};
|
|
21
|
+
const params = new URLSearchParams({
|
|
22
|
+
calendarId: calendar.id,
|
|
23
|
+
timeZone,
|
|
24
|
+
singleEvents: "true",
|
|
25
|
+
maxAttendees: "1",
|
|
26
|
+
maxResults: "9999",
|
|
27
|
+
sanitizeHtml: "true",
|
|
28
|
+
timeMin: start.toISOString(),
|
|
29
|
+
timeMax: end.toISOString(),
|
|
30
|
+
key: apiKey || process.env["GOOGLE_CALENDAR_API_KEY"] || ""
|
|
31
|
+
}).toString();
|
|
32
|
+
const url = baseURL + calendar.id + "/events?" + params;
|
|
33
|
+
try {
|
|
34
|
+
const response = await fetch(url, {
|
|
35
|
+
method: "GET"
|
|
36
|
+
});
|
|
37
|
+
const data = await response.json();
|
|
38
|
+
calendar.name = calendar.name || data.summary;
|
|
39
|
+
data.items.forEach((googleEvent)=>{
|
|
40
|
+
const event = transformCalendarEventFromGoogle(googleEvent, calendar);
|
|
41
|
+
events[event.uid] = event;
|
|
77
42
|
});
|
|
78
|
-
})
|
|
43
|
+
} catch (e) {
|
|
44
|
+
// if (onError) onError(e);
|
|
45
|
+
}
|
|
46
|
+
return events;
|
|
79
47
|
}
|
|
80
48
|
function transformCalendarEventFromGoogle(event, calendar) {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
49
|
+
const created = new Date(event.created);
|
|
50
|
+
const link = event.htmlLink;
|
|
51
|
+
const title = event.summary;
|
|
52
|
+
const status = event.status;
|
|
53
|
+
const start = new Date(event.start.date || event.start.dateTime);
|
|
54
|
+
let end = new Date(event.end.date || event.end.dateTime);
|
|
55
|
+
const color = calendar.color;
|
|
56
|
+
const allDay = isUndefined(event.end.dateTime) && isString(event.end.date);
|
|
57
|
+
const location = event.location || "";
|
|
58
|
+
const description = event.description || ""; // FIXME: he.decode(event.description || '');
|
|
59
|
+
const uid = created.getTime() + "" + start.getTime();
|
|
92
60
|
// multi-days all day events has as end date the date after to what we actually
|
|
93
61
|
// mean, hence we subtract one day. @see https://support.google.com/calendar/thread/10074544/google-calendar-all-day-events-are-showing-up-as-a-24-hr-event-across-time-zones?hl=en
|
|
94
62
|
if (allDay && end > start) {
|
|
95
63
|
end = subDays(end, 1);
|
|
96
64
|
end.setHours(23, 59, 59);
|
|
97
65
|
}
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
66
|
+
const days = getDays();
|
|
67
|
+
const daysMap = arrayToLookup(days);
|
|
68
|
+
const multi = days.length > 1;
|
|
101
69
|
function getDays() {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
70
|
+
const from = new Date(start);
|
|
71
|
+
const to = new Date(end);
|
|
72
|
+
const days = [
|
|
73
|
+
getEventTimestamp(from)
|
|
74
|
+
];
|
|
75
|
+
while(differenceInDays(to, from)){
|
|
106
76
|
// console.log(title, differenceInDays(to, from))
|
|
107
77
|
from.setDate(from.getDate() + 1);
|
|
108
78
|
days.push(getEventTimestamp(from));
|
|
@@ -110,20 +80,20 @@ function transformCalendarEventFromGoogle(event, calendar) {
|
|
|
110
80
|
return days;
|
|
111
81
|
}
|
|
112
82
|
return {
|
|
113
|
-
calendar
|
|
114
|
-
created
|
|
115
|
-
link
|
|
116
|
-
title
|
|
117
|
-
status
|
|
118
|
-
start
|
|
119
|
-
end
|
|
120
|
-
days
|
|
121
|
-
daysMap
|
|
122
|
-
multi
|
|
123
|
-
color
|
|
124
|
-
allDay
|
|
125
|
-
location
|
|
126
|
-
description
|
|
127
|
-
uid
|
|
83
|
+
calendar,
|
|
84
|
+
created,
|
|
85
|
+
link,
|
|
86
|
+
title,
|
|
87
|
+
status,
|
|
88
|
+
start,
|
|
89
|
+
end,
|
|
90
|
+
days,
|
|
91
|
+
daysMap,
|
|
92
|
+
multi,
|
|
93
|
+
color,
|
|
94
|
+
allDay,
|
|
95
|
+
location,
|
|
96
|
+
description,
|
|
97
|
+
uid
|
|
128
98
|
};
|
|
129
99
|
}
|
package/Calendar/index.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./CalendarDaygridCell"), exports);
|
|
7
|
+
_export_star._(require("./CalendarDaygridNav"), exports);
|
|
8
|
+
_export_star._(require("./CalendarDaygridTable"), exports);
|
|
9
|
+
_export_star._(require("./CalendarLegend"), exports);
|
|
10
|
+
_export_star._(require("./useCalendar"), exports);
|
|
11
|
+
_export_star._(require("./types"), exports);
|
package/Calendar/types.js
CHANGED
package/Calendar/types.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export { };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { Calendars, CalendarEvent, CalendarEventsMap, CalendarView } from "./types";
|
|
3
|
-
import type { KoineCalendarLegendProps } from "./CalendarLegend";
|
|
4
2
|
import type { KoineCalendarDaygridNavProps } from "./CalendarDaygridNav";
|
|
5
3
|
import type { KoineCalendarDaygridTableProps } from "./CalendarDaygridTable";
|
|
4
|
+
import type { KoineCalendarLegendProps } from "./CalendarLegend";
|
|
5
|
+
import type { CalendarEvent, CalendarEventsMap, CalendarView, Calendars } from "./types";
|
|
6
6
|
export type UseCalendarProps = {
|
|
7
7
|
/** The locale to format with `date-fns` */
|
|
8
8
|
locale: string;
|