@koine/react 2.0.0-beta.8 → 2.0.0-beta.80
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/FaviconTags.cjs.d.ts +2 -0
- package/FaviconTags.cjs.default.js +1 -0
- package/FaviconTags.cjs.js +12 -0
- package/FaviconTags.cjs.mjs +2 -0
- package/FaviconTags.d.ts +1 -11
- package/FaviconTags.esm.js +7 -0
- package/Meta.cjs.d.ts +2 -0
- package/Meta.cjs.default.js +1 -0
- package/Meta.cjs.js +12 -0
- package/Meta.cjs.mjs +2 -0
- package/Meta.d.ts +5 -0
- package/Meta.esm.js +7 -0
- package/NoJs.cjs.d.ts +2 -0
- package/NoJs.cjs.default.js +1 -0
- package/NoJs.cjs.js +14 -0
- package/NoJs.cjs.mjs +2 -0
- package/NoJs.d.ts +3 -0
- package/NoJs.esm.js +9 -0
- package/Polymorphic.cjs.d.ts +1 -0
- package/Polymorphic.cjs.default.js +1 -0
- package/Polymorphic.cjs.js +2 -0
- package/Polymorphic.cjs.mjs +2 -0
- package/Polymorphic.d.ts +26 -0
- package/Polymorphic.esm.js +1 -0
- package/{Calendar → calendar}/CalendarDaygridCell.d.ts +2 -3
- package/{Calendar → calendar}/CalendarDaygridNav.d.ts +1 -1
- package/{Calendar → calendar}/CalendarDaygridTable.d.ts +2 -2
- package/{Calendar → calendar}/CalendarLegend.d.ts +1 -2
- package/calendar/calendar-api-google.d.ts +10 -0
- package/{Calendar → calendar}/types.d.ts +0 -19
- package/{Calendar → calendar}/useCalendar.d.ts +1 -16
- package/calendar/useDateLocale.d.ts +2 -0
- package/calendar/utils.d.ts +11 -0
- package/calendar.cjs.d.ts +1 -0
- package/calendar.cjs.default.js +1 -0
- package/calendar.cjs.js +588 -0
- package/calendar.cjs.mjs +2 -0
- package/calendar.d.ts +7 -0
- package/calendar.esm.js +561 -0
- package/classed.cjs.d.ts +2 -0
- package/classed.cjs.default.js +1 -0
- package/classed.cjs.js +48 -0
- package/classed.cjs.mjs +2 -0
- package/classed.d.ts +8 -0
- package/classed.esm.js +43 -0
- package/createUseMediaQueryWidth.cjs.d.ts +2 -0
- package/createUseMediaQueryWidth.cjs.default.js +1 -0
- package/createUseMediaQueryWidth.cjs.js +45 -0
- package/createUseMediaQueryWidth.cjs.mjs +2 -0
- package/createUseMediaQueryWidth.d.ts +6 -0
- package/createUseMediaQueryWidth.esm.js +40 -0
- package/extendComponent.cjs.d.ts +2 -0
- package/extendComponent.cjs.default.js +1 -0
- package/extendComponent.cjs.js +16 -0
- package/extendComponent.cjs.mjs +2 -0
- package/{helpers/extend-component.d.ts → extendComponent.d.ts} +1 -13
- package/extendComponent.esm.js +11 -0
- package/forms/antispam.d.ts +27 -0
- package/forms.cjs.d.ts +1 -0
- package/forms.cjs.default.js +1 -0
- package/forms.cjs.js +37 -0
- package/forms.cjs.mjs +2 -0
- package/forms.d.ts +1 -0
- package/forms.esm.js +32 -0
- package/index.cjs.d.ts +1 -0
- package/index.cjs.default.js +1 -0
- package/index.cjs.js +63 -0
- package/index.cjs.mjs +2 -0
- package/index.d.ts +28 -1
- package/index.esm.js +30 -0
- package/mergeRefs.cjs.d.ts +2 -0
- package/mergeRefs.cjs.default.js +1 -0
- package/mergeRefs.cjs.js +19 -0
- package/mergeRefs.cjs.mjs +2 -0
- package/mergeRefs.d.ts +2 -0
- package/mergeRefs.esm.js +14 -0
- package/package.json +169 -47
- package/{Img/index.d.ts → types.cjs.d.ts} +0 -0
- package/types.cjs.default.js +1 -0
- package/types.cjs.js +2 -0
- package/types.cjs.mjs +2 -0
- package/types.d.ts +0 -8
- package/types.esm.js +1 -0
- package/useAsyncFn.cjs.d.ts +2 -0
- package/useAsyncFn.cjs.default.js +1 -0
- package/useAsyncFn.cjs.js +33 -0
- package/useAsyncFn.cjs.mjs +2 -0
- package/{hooks/useAsyncFn.d.ts → useAsyncFn.d.ts} +3 -5
- package/useAsyncFn.esm.js +28 -0
- package/useFirstMountState.cjs.d.ts +2 -0
- package/useFirstMountState.cjs.default.js +1 -0
- package/useFirstMountState.cjs.js +17 -0
- package/useFirstMountState.cjs.mjs +2 -0
- package/useFirstMountState.d.ts +2 -0
- package/useFirstMountState.esm.js +12 -0
- package/useFixedOffset.cjs.d.ts +2 -0
- package/useFixedOffset.cjs.default.js +1 -0
- package/useFixedOffset.cjs.js +49 -0
- package/useFixedOffset.cjs.mjs +2 -0
- package/useFixedOffset.d.ts +2 -0
- package/useFixedOffset.esm.js +44 -0
- package/useFocus.cjs.d.ts +2 -0
- package/useFocus.cjs.default.js +1 -0
- package/useFocus.cjs.js +16 -0
- package/useFocus.cjs.mjs +2 -0
- package/useFocus.d.ts +2 -0
- package/useFocus.esm.js +11 -0
- package/useInterval.cjs.d.ts +2 -0
- package/useInterval.cjs.default.js +1 -0
- package/useInterval.cjs.js +27 -0
- package/useInterval.cjs.mjs +2 -0
- package/useInterval.d.ts +2 -0
- package/useInterval.esm.js +22 -0
- package/useIsomorphicLayoutEffect.cjs.d.ts +2 -0
- package/useIsomorphicLayoutEffect.cjs.default.js +1 -0
- package/useIsomorphicLayoutEffect.cjs.js +11 -0
- package/useIsomorphicLayoutEffect.cjs.mjs +2 -0
- package/useIsomorphicLayoutEffect.d.ts +3 -0
- package/useIsomorphicLayoutEffect.esm.js +6 -0
- package/useKeyUp.cjs.d.ts +2 -0
- package/useKeyUp.cjs.default.js +1 -0
- package/useKeyUp.cjs.js +23 -0
- package/useKeyUp.cjs.mjs +2 -0
- package/useKeyUp.d.ts +2 -0
- package/useKeyUp.esm.js +18 -0
- package/useMeasure.cjs.d.ts +2 -0
- package/useMeasure.cjs.default.js +1 -0
- package/useMeasure.cjs.js +126 -0
- package/useMeasure.cjs.mjs +2 -0
- package/{hooks/useMeasure.d.ts → useMeasure.d.ts} +1 -6
- package/useMeasure.esm.js +121 -0
- package/useMountedState.cjs.d.ts +2 -0
- package/useMountedState.cjs.default.js +1 -0
- package/useMountedState.cjs.js +20 -0
- package/useMountedState.cjs.mjs +2 -0
- package/useMountedState.d.ts +2 -0
- package/useMountedState.esm.js +15 -0
- package/useNavigateAway.cjs.d.ts +2 -0
- package/useNavigateAway.cjs.default.js +1 -0
- package/useNavigateAway.cjs.js +32 -0
- package/useNavigateAway.cjs.mjs +2 -0
- package/useNavigateAway.d.ts +3 -0
- package/useNavigateAway.esm.js +27 -0
- package/usePrevious.cjs.d.ts +2 -0
- package/usePrevious.cjs.default.js +1 -0
- package/usePrevious.cjs.js +16 -0
- package/usePrevious.cjs.mjs +2 -0
- package/usePrevious.d.ts +2 -0
- package/usePrevious.esm.js +11 -0
- package/usePreviousRef.cjs.d.ts +2 -0
- package/usePreviousRef.cjs.default.js +1 -0
- package/usePreviousRef.cjs.js +16 -0
- package/usePreviousRef.cjs.mjs +2 -0
- package/usePreviousRef.d.ts +2 -0
- package/usePreviousRef.esm.js +11 -0
- package/useReveal.d.ts +13 -0
- package/useScrollPosition.cjs.d.ts +2 -0
- package/useScrollPosition.cjs.default.js +1 -0
- package/useScrollPosition.cjs.js +65 -0
- package/useScrollPosition.cjs.mjs +2 -0
- package/useScrollPosition.d.ts +7 -0
- package/useScrollPosition.esm.js +60 -0
- package/useScrollThreshold.cjs.d.ts +2 -0
- package/useScrollThreshold.cjs.default.js +1 -0
- package/useScrollThreshold.cjs.js +33 -0
- package/useScrollThreshold.cjs.mjs +2 -0
- package/useScrollThreshold.d.ts +2 -0
- package/useScrollThreshold.esm.js +28 -0
- package/useScrollTo.cjs.d.ts +2 -0
- package/useScrollTo.cjs.default.js +1 -0
- package/useScrollTo.cjs.js +25 -0
- package/useScrollTo.cjs.mjs +2 -0
- package/useScrollTo.d.ts +2 -0
- package/useScrollTo.esm.js +20 -0
- package/useSmoothScroll.cjs.d.ts +2 -0
- package/useSmoothScroll.cjs.default.js +1 -0
- package/useSmoothScroll.cjs.js +40 -0
- package/useSmoothScroll.cjs.mjs +2 -0
- package/useSmoothScroll.d.ts +2 -0
- package/useSmoothScroll.esm.js +35 -0
- package/useSpinDelay.cjs.d.ts +2 -0
- package/useSpinDelay.cjs.default.js +1 -0
- package/useSpinDelay.cjs.js +43 -0
- package/useSpinDelay.cjs.mjs +2 -0
- package/useSpinDelay.d.ts +2 -0
- package/useSpinDelay.esm.js +38 -0
- package/useTraceUpdate.cjs.d.ts +2 -0
- package/useTraceUpdate.cjs.default.js +1 -0
- package/useTraceUpdate.cjs.js +24 -0
- package/useTraceUpdate.cjs.mjs +2 -0
- package/useTraceUpdate.d.ts +2 -0
- package/{hooks/useTraceUpdate.mjs → useTraceUpdate.esm.js} +9 -13
- package/useUpdateEffect.cjs.d.ts +2 -0
- package/useUpdateEffect.cjs.default.js +1 -0
- package/useUpdateEffect.cjs.js +18 -0
- package/useUpdateEffect.cjs.mjs +2 -0
- package/useUpdateEffect.d.ts +3 -0
- package/useUpdateEffect.esm.js +13 -0
- package/useWindowSize.cjs.d.ts +2 -0
- package/useWindowSize.cjs.default.js +1 -0
- package/useWindowSize.cjs.js +27 -0
- package/useWindowSize.cjs.mjs +2 -0
- package/useWindowSize.d.ts +3 -0
- package/useWindowSize.esm.js +22 -0
- package/Alert/Alert.d.ts +0 -5
- package/Alert/Alert.js +0 -33
- package/Alert/Alert.mjs +0 -22
- package/Alert/Alert.stories.js +0 -39
- package/Alert/Alert.stories.mjs +0 -18
- package/Alert/index.d.ts +0 -1
- package/Alert/index.js +0 -6
- package/Alert/index.mjs +0 -1
- package/Animations/Reveal.d.ts +0 -4
- package/Animations/Reveal.js +0 -53
- package/Animations/Reveal.mjs +0 -43
- package/Animations/Underline.d.ts +0 -1
- package/Animations/Underline.js +0 -26
- package/Animations/Underline.mjs +0 -15
- package/Animations/index.d.ts +0 -3
- package/Animations/index.js +0 -8
- package/Animations/index.mjs +0 -3
- package/Animations/useReveal.d.ts +0 -34
- package/Animations/useReveal.js +0 -83
- package/Animations/useReveal.mjs +0 -73
- package/Autocomplete/AutocompleteDownshift.d.ts +0 -1
- package/Autocomplete/AutocompleteDownshift.js +0 -167
- package/Autocomplete/AutocompleteDownshift.mjs +0 -157
- package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -1
- package/Autocomplete/AutocompleteDownshiftMultiselect.js +0 -362
- package/Autocomplete/AutocompleteDownshiftMultiselect.mjs +0 -352
- package/Autocomplete/AutocompleteMui.d.ts +0 -47
- package/Autocomplete/AutocompleteMui.js +0 -183
- package/Autocomplete/AutocompleteMui.mjs +0 -219
- package/Autocomplete/AutocompleteReach.d.ts +0 -1
- package/Autocomplete/AutocompleteReach.js +0 -121
- package/Autocomplete/AutocompleteReach.mjs +0 -111
- package/Autocomplete/components.d.ts +0 -17
- package/Autocomplete/components.js +0 -132
- package/Autocomplete/components.mjs +0 -87
- package/Autocomplete/helpers.d.ts +0 -3
- package/Autocomplete/helpers.js +0 -34
- package/Autocomplete/helpers.mjs +0 -35
- package/Autocomplete/index.d.ts +0 -2
- package/Autocomplete/index.js +0 -15
- package/Autocomplete/index.mjs +0 -4
- package/Bg/BgColor.d.ts +0 -31
- package/Bg/BgColor.js +0 -64
- package/Bg/BgColor.mjs +0 -42
- package/Bg/BgPhoto.d.ts +0 -13
- package/Bg/BgPhoto.js +0 -82
- package/Bg/BgPhoto.mjs +0 -71
- package/Bg/BgSvg.d.ts +0 -7
- package/Bg/BgSvg.js +0 -31
- package/Bg/BgSvg.mjs +0 -22
- package/Bg/index.d.ts +0 -3
- package/Bg/index.js +0 -8
- package/Bg/index.mjs +0 -3
- package/Breadcrumbs/Breadcrumbs.d.ts +0 -13
- package/Breadcrumbs/Breadcrumbs.js +0 -103
- package/Breadcrumbs/Breadcrumbs.mjs +0 -91
- package/Breadcrumbs/index.d.ts +0 -1
- package/Breadcrumbs/index.js +0 -6
- package/Breadcrumbs/index.mjs +0 -1
- package/Buttons/Button.d.ts +0 -18
- package/Buttons/Button.js +0 -106
- package/Buttons/Button.mjs +0 -78
- package/Buttons/ButtonComposite.d.ts +0 -23
- package/Buttons/ButtonComposite.js +0 -116
- package/Buttons/ButtonComposite.mjs +0 -105
- package/Buttons/ButtonFab.d.ts +0 -5
- package/Buttons/ButtonFab.js +0 -27
- package/Buttons/ButtonFab.mjs +0 -8
- package/Buttons/ButtonLink.d.ts +0 -8
- package/Buttons/ButtonLink.js +0 -29
- package/Buttons/ButtonLink.mjs +0 -18
- package/Buttons/IconButton.d.ts +0 -9
- package/Buttons/IconButton.js +0 -41
- package/Buttons/IconButton.mjs +0 -19
- package/Buttons/index.d.ts +0 -5
- package/Buttons/index.js +0 -10
- package/Buttons/index.mjs +0 -5
- package/Calendar/CalendarDaygridCell.js +0 -105
- package/Calendar/CalendarDaygridCell.mjs +0 -95
- package/Calendar/CalendarDaygridNav.js +0 -63
- package/Calendar/CalendarDaygridNav.mjs +0 -52
- package/Calendar/CalendarDaygridTable.js +0 -126
- package/Calendar/CalendarDaygridTable.mjs +0 -115
- package/Calendar/CalendarLegend.js +0 -39
- package/Calendar/CalendarLegend.mjs +0 -29
- package/Calendar/calendar-api-google.d.ts +0 -18
- package/Calendar/calendar-api-google.js +0 -110
- package/Calendar/calendar-api-google.mjs +0 -99
- package/Calendar/index.d.ts +0 -6
- package/Calendar/index.js +0 -11
- package/Calendar/index.mjs +0 -6
- package/Calendar/types.js +0 -4
- package/Calendar/types.mjs +0 -1
- package/Calendar/useCalendar.js +0 -235
- package/Calendar/useCalendar.mjs +0 -225
- package/Calendar/utils.d.ts +0 -11
- package/Calendar/utils.js +0 -252
- package/Calendar/utils.mjs +0 -209
- package/Carousel/Carousel.d.ts +0 -1
- package/Carousel/Carousel.js +0 -387
- package/Carousel/Carousel.mjs +0 -377
- package/Carousel/CarouselCss.d.ts +0 -35
- package/Carousel/CarouselCss.js +0 -64
- package/Carousel/CarouselCss.mjs +0 -44
- package/Carousel/index.d.ts +0 -1
- package/Carousel/index.js +0 -6
- package/Carousel/index.mjs +0 -1
- package/Collapsable/Collapsable.d.ts +0 -1
- package/Collapsable/Collapsable.js +0 -11
- package/Collapsable/Collapsable.mjs +0 -1
- package/Collapsable/CollapsableReach.d.ts +0 -6
- package/Collapsable/CollapsableReach.js +0 -251
- package/Collapsable/CollapsableReach.mjs +0 -250
- package/Collapsable/index.d.ts +0 -1
- package/Collapsable/index.js +0 -7
- package/Collapsable/index.mjs +0 -1
- package/Debug/Debug.d.ts +0 -4
- package/Debug/Debug.js +0 -34
- package/Debug/Debug.mjs +0 -23
- package/Debug/index.d.ts +0 -1
- package/Debug/index.js +0 -6
- package/Debug/index.mjs +0 -1
- package/Details/Details.d.ts +0 -404
- package/Details/Details.js +0 -117
- package/Details/Details.mjs +0 -90
- package/Details/Details.stories.js +0 -39
- package/Details/Details.stories.mjs +0 -21
- package/Details/index.d.ts +0 -1
- package/Details/index.js +0 -6
- package/Details/index.mjs +0 -1
- package/Dialog/DialogMui.d.ts +0 -167
- package/Dialog/DialogMui.js +0 -143
- package/Dialog/DialogMui.mjs +0 -105
- package/Dialog/DialogMui.stories.js +0 -38
- package/Dialog/DialogMui.stories.mjs +0 -20
- package/Dialog/css/bare.d.ts +0 -172
- package/Dialog/css/bare.js +0 -55
- package/Dialog/css/bare.mjs +0 -19
- package/Dialog/css/index.stories.js +0 -93
- package/Dialog/css/index.stories.mjs +0 -75
- package/Dialog/index.d.ts +0 -2
- package/Dialog/index.js +0 -11
- package/Dialog/index.mjs +0 -1
- package/Dialog/m/bare.d.ts +0 -4
- package/Dialog/m/bare.js +0 -125
- package/Dialog/m/bare.mjs +0 -115
- package/Dialog/m/basic.d.ts +0 -4
- package/Dialog/m/basic.js +0 -50
- package/Dialog/m/basic.mjs +0 -31
- package/Dialog/m/index.d.ts +0 -3
- package/Dialog/m/index.js +0 -14
- package/Dialog/m/index.mjs +0 -4
- package/Dialog/sc/bare.d.ts +0 -71
- package/Dialog/sc/bare.js +0 -83
- package/Dialog/sc/bare.mjs +0 -54
- package/Dialog/sc/framer.d.ts +0 -25
- package/Dialog/sc/framer.js +0 -26
- package/Dialog/sc/framer.mjs +0 -16
- package/Dialog/sc/framerMaterial.d.ts +0 -24
- package/Dialog/sc/framerMaterial.js +0 -26
- package/Dialog/sc/framerMaterial.mjs +0 -16
- package/Dialog/sc/index.stories.js +0 -75
- package/Dialog/sc/index.stories.mjs +0 -48
- package/Dialog/sc/material.d.ts +0 -61
- package/Dialog/sc/material.js +0 -78
- package/Dialog/sc/material.mjs +0 -41
- package/Dialog/tw/bare.d.ts +0 -223
- package/Dialog/tw/bare.js +0 -55
- package/Dialog/tw/bare.mjs +0 -29
- package/Dialog/tw/elegant.d.ts +0 -271
- package/Dialog/tw/elegant.js +0 -54
- package/Dialog/tw/elegant.mjs +0 -18
- package/Dialog/tw/framer.d.ts +0 -109
- package/Dialog/tw/framer.js +0 -26
- package/Dialog/tw/framer.mjs +0 -16
- package/Dialog/tw/framerMaterial.d.ts +0 -164
- package/Dialog/tw/framerMaterial.js +0 -26
- package/Dialog/tw/framerMaterial.mjs +0 -16
- package/Dialog/tw/index.stories.js +0 -113
- package/Dialog/tw/index.stories.mjs +0 -83
- package/Dialog/tw/material.d.ts +0 -271
- package/Dialog/tw/material.js +0 -54
- package/Dialog/tw/material.mjs +0 -18
- package/Editor/Editor--tiptap.d.ts +0 -9
- package/Editor/Editor--tiptap.js +0 -72
- package/Editor/Editor--tiptap.mjs +0 -53
- package/Editor/components.d.ts +0 -5
- package/Editor/components.js +0 -59
- package/Editor/components.mjs +0 -28
- package/Editor/index.d.ts +0 -1
- package/Editor/index.js +0 -6
- package/Editor/index.mjs +0 -1
- package/FaviconTags.js +0 -73
- package/FaviconTags.mjs +0 -64
- package/Form/Form.d.ts +0 -138
- package/Form/Form.js +0 -130
- package/Form/Form.mjs +0 -95
- package/Form/index.d.ts +0 -1
- package/Form/index.js +0 -6
- package/Form/index.mjs +0 -1
- package/Form/sc/bare.d.ts +0 -58
- package/Form/sc/bare.js +0 -55
- package/Form/sc/bare.mjs +0 -29
- package/Forms/Checkbox/Checkbox.d.ts +0 -11
- package/Forms/Checkbox/Checkbox.js +0 -62
- package/Forms/Checkbox/Checkbox.mjs +0 -36
- package/Forms/Checkbox/index.d.ts +0 -1
- package/Forms/Checkbox/index.js +0 -6
- package/Forms/Checkbox/index.mjs +0 -1
- package/Forms/Feedback/Feedback.d.ts +0 -5
- package/Forms/Feedback/Feedback.js +0 -25
- package/Forms/Feedback/Feedback.mjs +0 -14
- package/Forms/Feedback/index.d.ts +0 -1
- package/Forms/Feedback/index.js +0 -6
- package/Forms/Feedback/index.mjs +0 -1
- package/Forms/Field/Field.d.ts +0 -36
- package/Forms/Field/Field.js +0 -75
- package/Forms/Field/Field.mjs +0 -50
- package/Forms/Field/FieldControl.d.ts +0 -26
- package/Forms/Field/FieldControl.js +0 -69
- package/Forms/Field/FieldControl.mjs +0 -67
- package/Forms/Field/FieldHint.d.ts +0 -1
- package/Forms/Field/FieldHint.js +0 -17
- package/Forms/Field/FieldHint.mjs +0 -6
- package/Forms/Field/index.d.ts +0 -2
- package/Forms/Field/index.js +0 -7
- package/Forms/Field/index.mjs +0 -2
- package/Forms/Input/Input.d.ts +0 -9
- package/Forms/Input/Input.js +0 -67
- package/Forms/Input/Input.mjs +0 -36
- package/Forms/Input/index.d.ts +0 -1
- package/Forms/Input/index.js +0 -6
- package/Forms/Input/index.mjs +0 -1
- package/Forms/InputGroup/InputGroup.d.ts +0 -13
- package/Forms/InputGroup/InputGroup.js +0 -85
- package/Forms/InputGroup/InputGroup.mjs +0 -57
- package/Forms/InputGroup/index.d.ts +0 -1
- package/Forms/InputGroup/index.js +0 -6
- package/Forms/InputGroup/index.mjs +0 -1
- package/Forms/Label/Label.d.ts +0 -3
- package/Forms/Label/Label.js +0 -46
- package/Forms/Label/Label.mjs +0 -24
- package/Forms/Label/index.d.ts +0 -1
- package/Forms/Label/index.js +0 -6
- package/Forms/Label/index.mjs +0 -1
- package/Forms/Password/Password.d.ts +0 -5
- package/Forms/Password/Password.js +0 -72
- package/Forms/Password/Password.mjs +0 -53
- package/Forms/Password/index.d.ts +0 -1
- package/Forms/Password/index.js +0 -6
- package/Forms/Password/index.mjs +0 -1
- package/Forms/Radio/Radio.d.ts +0 -12
- package/Forms/Radio/Radio.js +0 -68
- package/Forms/Radio/Radio.mjs +0 -57
- package/Forms/Radio/index.d.ts +0 -1
- package/Forms/Radio/index.js +0 -6
- package/Forms/Radio/index.mjs +0 -1
- package/Forms/Switch/Switch.d.ts +0 -9
- package/Forms/Switch/Switch.js +0 -80
- package/Forms/Switch/Switch.mjs +0 -60
- package/Forms/Switch/index.d.ts +0 -1
- package/Forms/Switch/index.js +0 -6
- package/Forms/Switch/index.mjs +0 -1
- package/Forms/Textarea/Textarea.d.ts +0 -5
- package/Forms/Textarea/Textarea.js +0 -45
- package/Forms/Textarea/Textarea.mjs +0 -26
- package/Forms/Textarea/TextareaRich.d.ts +0 -6
- package/Forms/Textarea/TextareaRich.js +0 -58
- package/Forms/Textarea/TextareaRich.mjs +0 -48
- package/Forms/Textarea/index.d.ts +0 -2
- package/Forms/Textarea/index.js +0 -7
- package/Forms/Textarea/index.mjs +0 -2
- package/Forms/Toggle/Toggle-tailwind.d.ts +0 -0
- package/Forms/Toggle/Toggle-tailwind.js +0 -99
- package/Forms/Toggle/Toggle-tailwind.mjs +0 -98
- package/Forms/Toggle/Toggle.d.ts +0 -19
- package/Forms/Toggle/Toggle.js +0 -175
- package/Forms/Toggle/Toggle.mjs +0 -123
- package/Forms/Toggle/index.d.ts +0 -1
- package/Forms/Toggle/index.js +0 -6
- package/Forms/Toggle/index.mjs +0 -1
- package/Forms/Toggle/useToggle-tailwind.d.ts +0 -0
- package/Forms/Toggle/useToggle-tailwind.js +0 -202
- package/Forms/Toggle/useToggle-tailwind.mjs +0 -201
- package/Forms/Toggle/useToggle.d.ts +0 -46
- package/Forms/Toggle/useToggle.js +0 -145
- package/Forms/Toggle/useToggle.mjs +0 -163
- package/Forms/antispam.d.ts +0 -47
- package/Forms/antispam.js +0 -59
- package/Forms/antispam.mjs +0 -58
- package/Forms/helpers.d.ts +0 -26
- package/Forms/helpers.js +0 -72
- package/Forms/helpers.mjs +0 -52
- package/Forms/index.d.ts +0 -15
- package/Forms/index.js +0 -19
- package/Forms/index.mjs +0 -16
- package/Forms/styles.d.ts +0 -15
- package/Forms/styles.js +0 -94
- package/Forms/styles.mjs +0 -61
- package/Gauge/Gauge.d.ts +0 -5
- package/Gauge/Gauge.js +0 -111
- package/Gauge/Gauge.mjs +0 -101
- package/Grid/Grid.d.ts +0 -41
- package/Grid/Grid.js +0 -106
- package/Grid/Grid.mjs +0 -75
- package/Grid/index.d.ts +0 -1
- package/Grid/index.js +0 -6
- package/Grid/index.mjs +0 -1
- package/Hamburger/Hamburger.d.ts +0 -6
- package/Hamburger/Hamburger.js +0 -90
- package/Hamburger/Hamburger.mjs +0 -79
- package/Hamburger/index.d.ts +0 -1
- package/Hamburger/index.js +0 -6
- package/Hamburger/index.mjs +0 -1
- package/Header/index.d.ts +0 -1
- package/Header/index.js +0 -6
- package/Header/index.mjs +0 -1
- package/Header/useHeader.d.ts +0 -24
- package/Header/useHeader.js +0 -54
- package/Header/useHeader.mjs +0 -36
- package/Hidden/Hidden.d.ts +0 -6
- package/Hidden/Hidden.js +0 -21
- package/Hidden/Hidden.mjs +0 -10
- package/Hidden/index.d.ts +0 -1
- package/Hidden/index.js +0 -6
- package/Hidden/index.mjs +0 -1
- package/Img/index.js +0 -6
- package/Img/index.mjs +0 -1
- package/Img/sc/bare.d.ts +0 -2
- package/Img/sc/bare.js +0 -43
- package/Img/sc/bare.mjs +0 -36
- package/Img/types.d.ts +0 -9
- package/Img/types.js +0 -6
- package/Img/types.mjs +0 -1
- package/Link/Link.d.ts +0 -3
- package/Link/Link.js +0 -13
- package/Link/Link.mjs +0 -2
- package/Link/LinkBlank.d.ts +0 -5
- package/Link/LinkBlank.js +0 -52
- package/Link/LinkBlank.mjs +0 -32
- package/Link/index.d.ts +0 -2
- package/Link/index.js +0 -7
- package/Link/index.mjs +0 -2
- package/Menu/Menu.d.ts +0 -1
- package/Menu/Menu.js +0 -22
- package/Menu/Menu.mjs +0 -11
- package/Menu/MenuMui.d.ts +0 -0
- package/Menu/MenuMui.js +0 -165
- package/Menu/MenuMui.mjs +0 -164
- package/Menu/index.d.ts +0 -1
- package/Menu/index.js +0 -6
- package/Menu/index.mjs +0 -1
- package/MenuItem/MenuItem.d.ts +0 -1
- package/MenuItem/MenuItem.js +0 -31
- package/MenuItem/MenuItem.mjs +0 -20
- package/MenuItem/MenuItemMui.d.ts +0 -0
- package/MenuItem/MenuItemMui.js +0 -32
- package/MenuItem/MenuItemMui.mjs +0 -31
- package/MenuItem/index.d.ts +0 -1
- package/MenuItem/index.js +0 -6
- package/MenuItem/index.mjs +0 -1
- package/MenuItem/useMenuItem.d.ts +0 -9
- package/MenuItem/useMenuItem.js +0 -96
- package/MenuItem/useMenuItem.mjs +0 -78
- package/Meta/Meta.d.ts +0 -15
- package/Meta/Meta.js +0 -26
- package/Meta/Meta.mjs +0 -8
- package/Meta/index.d.ts +0 -2
- package/Meta/index.js +0 -12
- package/Meta/index.mjs +0 -2
- package/NoJs/NoJs.d.ts +0 -3
- package/NoJs/NoJs.js +0 -28
- package/NoJs/NoJs.mjs +0 -10
- package/NoJs/index.d.ts +0 -2
- package/NoJs/index.js +0 -12
- package/NoJs/index.mjs +0 -2
- package/Pagination/PaginationNav.d.ts +0 -22
- package/Pagination/PaginationNav.js +0 -126
- package/Pagination/PaginationNav.mjs +0 -122
- package/Pagination/PaginationResults.d.ts +0 -3
- package/Pagination/PaginationResults.js +0 -45
- package/Pagination/PaginationResults.mjs +0 -34
- package/Pagination/index.d.ts +0 -2
- package/Pagination/index.js +0 -7
- package/Pagination/index.mjs +0 -2
- package/Pill/Pill.d.ts +0 -5
- package/Pill/Pill.js +0 -62
- package/Pill/Pill.mjs +0 -37
- package/Pill/index.d.ts +0 -1
- package/Pill/index.js +0 -6
- package/Pill/index.mjs +0 -1
- package/Progress/ProgressCircular.d.ts +0 -19
- package/Progress/ProgressCircular.js +0 -62
- package/Progress/ProgressCircular.mjs +0 -53
- package/Progress/ProgressLinear.d.ts +0 -22
- package/Progress/ProgressLinear.js +0 -53
- package/Progress/ProgressLinear.mjs +0 -44
- package/Progress/ProgressOverlay.d.ts +0 -4
- package/Progress/ProgressOverlay.js +0 -75
- package/Progress/ProgressOverlay.mjs +0 -64
- package/Progress/index.d.ts +0 -3
- package/Progress/index.js +0 -8
- package/Progress/index.mjs +0 -3
- package/Rating/Rating.d.ts +0 -35
- package/Rating/Rating.js +0 -188
- package/Rating/Rating.mjs +0 -154
- package/Rating/index.d.ts +0 -11
- package/Rating/index.js +0 -85
- package/Rating/index.mjs +0 -62
- package/Select/SelectDownshift.d.ts +0 -5
- package/Select/SelectDownshift.js +0 -47
- package/Select/SelectDownshift.mjs +0 -37
- package/Select/components.d.ts +0 -6
- package/Select/components.js +0 -44
- package/Select/components.mjs +0 -25
- package/Select/index.d.ts +0 -2
- package/Select/index.js +0 -13
- package/Select/index.mjs +0 -2
- package/Sidebar/Sidebar.d.ts +0 -3
- package/Sidebar/Sidebar.js +0 -74
- package/Sidebar/Sidebar.mjs +0 -63
- package/Sidebar/index.d.ts +0 -1
- package/Sidebar/index.js +0 -6
- package/Sidebar/index.mjs +0 -1
- package/Spacing/Spacing.d.ts +0 -30
- package/Spacing/Spacing.js +0 -55
- package/Spacing/Spacing.mjs +0 -55
- package/Spacing/index.d.ts +0 -1
- package/Spacing/index.js +0 -6
- package/Spacing/index.mjs +0 -1
- package/Sticky/Sticky.d.ts +0 -2
- package/Sticky/Sticky.js +0 -228
- package/Sticky/Sticky.mjs +0 -218
- package/Sticky/StickyCss.d.ts +0 -5
- package/Sticky/StickyCss.js +0 -20
- package/Sticky/StickyCss.mjs +0 -10
- package/Sticky/index.d.ts +0 -1
- package/Sticky/index.js +0 -19
- package/Sticky/index.mjs +0 -1
- package/Tabs/TabsMui.d.ts +0 -85
- package/Tabs/TabsMui.js +0 -91
- package/Tabs/TabsMui.mjs +0 -61
- package/Tabs/TabsMui.stories.js +0 -38
- package/Tabs/TabsMui.stories.mjs +0 -20
- package/Tabs/index.d.ts +0 -1
- package/Tabs/index.js +0 -6
- package/Tabs/index.mjs +0 -1
- package/Tabs/sc/bare.d.ts +0 -5
- package/Tabs/sc/bare.js +0 -86
- package/Tabs/sc/bare.mjs +0 -85
- package/Tabs/sc/index.stories.js +0 -1
- package/Tabs/sc/index.stories.mjs +0 -0
- package/Tabs/tw/bare.d.ts +0 -86
- package/Tabs/tw/bare.js +0 -45
- package/Tabs/tw/bare.mjs +0 -15
- package/Tabs/tw/index.stories.js +0 -46
- package/Tabs/tw/index.stories.mjs +0 -25
- package/Tabs/tw/material.d.ts +0 -119
- package/Tabs/tw/material.js +0 -44
- package/Tabs/tw/material.mjs +0 -14
- package/Tabs/useTabs.d.ts +0 -43
- package/Tabs/useTabs.js +0 -66
- package/Tabs/useTabs.mjs +0 -46
- package/Typography/CopyPasteVisible.d.ts +0 -1
- package/Typography/CopyPasteVisible.js +0 -17
- package/Typography/CopyPasteVisible.mjs +0 -6
- package/Typography/Native.d.ts +0 -10
- package/Typography/Native.js +0 -90
- package/Typography/Native.mjs +0 -47
- package/Typography/ReadMore.d.ts +0 -12
- package/Typography/ReadMore.js +0 -125
- package/Typography/ReadMore.mjs +0 -114
- package/Typography/TextLoop.d.ts +0 -16
- package/Typography/TextLoop.js +0 -108
- package/Typography/TextLoop.mjs +0 -90
- package/Typography/TypeStairs.d.ts +0 -6
- package/Typography/TypeStairs.js +0 -71
- package/Typography/TypeStairs.mjs +0 -61
- package/Typography/index.d.ts +0 -5
- package/Typography/index.js +0 -10
- package/Typography/index.mjs +0 -5
- package/css/index.d.ts +0 -2
- package/css/index.js +0 -33
- package/css/index.mjs +0 -30
- package/helpers/classed.d.ts +0 -27
- package/helpers/classed.js +0 -66
- package/helpers/classed.mjs +0 -65
- package/helpers/classed.stories.js +0 -140
- package/helpers/classed.stories.mjs +0 -121
- package/helpers/createUseMediaQueryWidth.d.ts +0 -12
- package/helpers/createUseMediaQueryWidth.js +0 -193
- package/helpers/createUseMediaQueryWidth.mjs +0 -178
- package/helpers/extend-component.js +0 -32
- package/helpers/extend-component.mjs +0 -13
- package/helpers/index.d.ts +0 -4
- package/helpers/index.js +0 -9
- package/helpers/index.mjs +0 -4
- package/helpers/mergeRefs.d.ts +0 -3
- package/helpers/mergeRefs.js +0 -30
- package/helpers/mergeRefs.mjs +0 -12
- package/hooks/index.d.ts +0 -20
- package/hooks/index.js +0 -92
- package/hooks/index.mjs +0 -21
- package/hooks/types.d.ts +0 -8
- package/hooks/types.js +0 -6
- package/hooks/types.mjs +0 -3
- package/hooks/useAsyncFn.js +0 -56
- package/hooks/useAsyncFn.mjs +0 -39
- package/hooks/useDateLocale.d.ts +0 -8
- package/hooks/useDateLocale.js +0 -51
- package/hooks/useDateLocale.mjs +0 -37
- package/hooks/useFirstMountState.d.ts +0 -5
- package/hooks/useFirstMountState.js +0 -28
- package/hooks/useFirstMountState.mjs +0 -12
- package/hooks/useFixedOffset.d.ts +0 -12
- package/hooks/useFixedOffset.js +0 -67
- package/hooks/useFixedOffset.mjs +0 -56
- package/hooks/useFocus.d.ts +0 -6
- package/hooks/useFocus.js +0 -30
- package/hooks/useFocus.mjs +0 -14
- package/hooks/useInterval.d.ts +0 -7
- package/hooks/useInterval.js +0 -44
- package/hooks/useInterval.mjs +0 -29
- package/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
- package/hooks/useIsomorphicLayoutEffect.js +0 -23
- package/hooks/useIsomorphicLayoutEffect.mjs +0 -6
- package/hooks/useKeyUp.d.ts +0 -2
- package/hooks/useKeyUp.js +0 -40
- package/hooks/useKeyUp.mjs +0 -21
- package/hooks/useMeasure.js +0 -189
- package/hooks/useMeasure.mjs +0 -174
- package/hooks/useMountedState.d.ts +0 -5
- package/hooks/useMountedState.js +0 -31
- package/hooks/useMountedState.mjs +0 -15
- package/hooks/useNavigateAway.d.ts +0 -32
- package/hooks/useNavigateAway.js +0 -69
- package/hooks/useNavigateAway.mjs +0 -69
- package/hooks/usePrevious.d.ts +0 -5
- package/hooks/usePrevious.js +0 -33
- package/hooks/usePrevious.mjs +0 -17
- package/hooks/usePreviousRef.d.ts +0 -2
- package/hooks/usePreviousRef.js +0 -27
- package/hooks/usePreviousRef.mjs +0 -9
- package/hooks/useScrollPosition.d.ts +0 -15
- package/hooks/useScrollPosition.js +0 -83
- package/hooks/useScrollPosition.mjs +0 -70
- package/hooks/useScrollThreshold.d.ts +0 -2
- package/hooks/useScrollThreshold.js +0 -52
- package/hooks/useScrollThreshold.mjs +0 -33
- package/hooks/useScrollTo.d.ts +0 -2
- package/hooks/useScrollTo.js +0 -39
- package/hooks/useScrollTo.mjs +0 -20
- package/hooks/useSmoothScroll.d.ts +0 -8
- package/hooks/useSmoothScroll.js +0 -49
- package/hooks/useSmoothScroll.mjs +0 -35
- package/hooks/useSpinDelay.d.ts +0 -14
- package/hooks/useSpinDelay.js +0 -59
- package/hooks/useSpinDelay.mjs +0 -52
- package/hooks/useTraceUpdate.d.ts +0 -5
- package/hooks/useTraceUpdate.js +0 -39
- package/hooks/useUpdateEffect.d.ts +0 -6
- package/hooks/useUpdateEffect.js +0 -30
- package/hooks/useUpdateEffect.mjs +0 -14
- package/hooks/useWindowSize.d.ts +0 -12
- package/hooks/useWindowSize.js +0 -43
- package/hooks/useWindowSize.mjs +0 -32
- package/index.js +0 -10
- package/index.mjs +0 -4
- package/m/MotionProvider.d.ts +0 -38
- package/m/MotionProvider.js +0 -27
- package/m/MotionProvider.mjs +0 -40
- package/m/index.d.ts +0 -6
- package/m/index.js +0 -10
- package/m/index.mjs +0 -5
- package/m/lite.d.ts +0 -2
- package/m/lite.js +0 -12
- package/m/lite.mjs +0 -2
- package/m/max.d.ts +0 -2
- package/m/max.js +0 -12
- package/m/max.mjs +0 -2
- package/sc/index.d.ts +0 -30
- package/sc/index.js +0 -49
- package/sc/index.mjs +0 -31
- package/scm/index.d.ts +0 -29
- package/scm/index.js +0 -40
- package/scm/index.mjs +0 -31
- package/shared/index.d.ts +0 -8
- package/shared/index.js +0 -13
- package/shared/index.mjs +0 -43
- package/styles/Body.d.ts +0 -10
- package/styles/Body.js +0 -28
- package/styles/Body.mjs +0 -16
- package/styles/Global.d.ts +0 -15
- package/styles/Global.js +0 -55
- package/styles/Global.mjs +0 -49
- package/styles/index.d.ts +0 -7
- package/styles/index.js +0 -142
- package/styles/index.mjs +0 -7
- package/styles/media.d.ts +0 -67
- package/styles/media.js +0 -139
- package/styles/media.mjs +0 -151
- package/styles/spacing.d.ts +0 -13
- package/styles/spacing.js +0 -70
- package/styles/spacing.mjs +0 -46
- package/styles/styled.d.ts +0 -12
- package/styles/styled.js +0 -58
- package/styles/styled.mjs +0 -26
- package/styles/theme--vanilla.d.ts +0 -17
- package/styles/theme--vanilla.js +0 -82
- package/styles/theme--vanilla.mjs +0 -65
- package/styles/theme.d.ts +0 -82
- package/styles/theme.js +0 -49
- package/styles/theme.mjs +0 -38
- package/tw/index.d.ts +0 -2
- package/tw/index.js +0 -33
- package/tw/index.mjs +0 -30
- package/twm/index.d.ts +0 -2
- package/twm/index.js +0 -33
- package/twm/index.mjs +0 -30
- package/types.js +0 -4
- package/types.mjs +0 -1
- package/typings.d.ts +0 -99
package/Spacing/Spacing.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SpacingDevices, SpacingDirectionAxis, SpacingFactor, SpacingProperty, SpacingSize } from "../styles/spacing";
|
|
3
|
-
export type SpacingPropsStyled = {
|
|
4
|
-
$top?: SpacingFnArgs;
|
|
5
|
-
$bottom?: SpacingFnArgs;
|
|
6
|
-
};
|
|
7
|
-
type SpacingFnArgs = [
|
|
8
|
-
SpacingSize,
|
|
9
|
-
SpacingFactor,
|
|
10
|
-
SpacingProperty,
|
|
11
|
-
SpacingDevices[]
|
|
12
|
-
];
|
|
13
|
-
type SpacingSyntaxFactor = string;
|
|
14
|
-
type SpacingSyntaxDevices = `${SpacingDevices}` | `${SpacingDevices},${SpacingDevices}` | `${SpacingDevices},${SpacingDevices},${SpacingDevices}`;
|
|
15
|
-
type SpacingSyntax = `${SpacingSize}` | `${SpacingSize}:${SpacingSyntaxFactor}` | `${SpacingSize}:${SpacingSyntaxFactor}:${SpacingProperty}` | `${SpacingSize}:${SpacingSyntaxFactor}:${SpacingProperty}:${SpacingSyntaxDevices}`;
|
|
16
|
-
export type SpacingProps = React.ComponentPropsWithoutRef<"div"> & Partial<Record<SpacingDirectionAxis, SpacingSyntax>>;
|
|
17
|
-
/**
|
|
18
|
-
* Usage:
|
|
19
|
-
*
|
|
20
|
-
* ```jsx
|
|
21
|
-
* <Spacing top="sm" />
|
|
22
|
-
* <Spacing top="sm:1.5" />
|
|
23
|
-
* <Spacing top="sm:1.5" bottom="lg" />
|
|
24
|
-
* <Spacing vertical="sm:1.5:margin:mobile" />
|
|
25
|
-
* <Spacing top="sm:1.5:padding:mobile" />
|
|
26
|
-
* <Spacing top="sm:2:padding:tablet,desktop" />
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export declare const Spacing: ({ top, bottom, vertical, ...props }: SpacingProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export {};
|
package/Spacing/Spacing.js
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Spacing", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Spacing;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
12
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
13
|
-
const _styledcomponents = /*#__PURE__*/ _interop_require_default._(require("styled-components"));
|
|
14
|
-
const _isUndefined = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isUndefined"));
|
|
15
|
-
const _spacing = require("../styles/spacing");
|
|
16
|
-
const Root = _styledcomponents.default.div`
|
|
17
|
-
${(p)=>p.$top && _spacing.spacingTop.call(p.theme, ...p.$top)}
|
|
18
|
-
${(p)=>p.$bottom && _spacing.spacingBottom.call(p.theme, ...p.$bottom)}
|
|
19
|
-
`;
|
|
20
|
-
const extractDirectionArgs = (raw)=>{
|
|
21
|
-
const [size, factor, property, devices] = raw.split(":");
|
|
22
|
-
const factorArg = (0, _isUndefined.default)(factor) ? undefined : parseFloat(factor);
|
|
23
|
-
const devicesArg = devices?.split(",");
|
|
24
|
-
return [
|
|
25
|
-
size,
|
|
26
|
-
factorArg,
|
|
27
|
-
property,
|
|
28
|
-
devicesArg
|
|
29
|
-
];
|
|
30
|
-
};
|
|
31
|
-
const Spacing = ({ top, bottom, vertical, ...props })=>{
|
|
32
|
-
let $top;
|
|
33
|
-
let $bottom;
|
|
34
|
-
if (top) {
|
|
35
|
-
$top = extractDirectionArgs(top);
|
|
36
|
-
}
|
|
37
|
-
if (bottom) {
|
|
38
|
-
$bottom = extractDirectionArgs(bottom);
|
|
39
|
-
}
|
|
40
|
-
if (vertical) {
|
|
41
|
-
$top = extractDirectionArgs(vertical);
|
|
42
|
-
$bottom = $top;
|
|
43
|
-
}
|
|
44
|
-
if (!$top && !$bottom && !vertical) {
|
|
45
|
-
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
46
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
47
|
-
children: props.children
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(Root, {
|
|
51
|
-
$top: $top,
|
|
52
|
-
$bottom: $bottom,
|
|
53
|
-
...props
|
|
54
|
-
});
|
|
55
|
-
};
|
package/Spacing/Spacing.mjs
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
import isUndefined from "@koine/utils/isUndefined";
|
|
4
|
-
import { spacingBottom, spacingTop } from "../styles/spacing";
|
|
5
|
-
const Root = styled.div`
|
|
6
|
-
${(p)=>p.$top && spacingTop.call(p.theme, ...p.$top)}
|
|
7
|
-
${(p)=>p.$bottom && spacingBottom.call(p.theme, ...p.$bottom)}
|
|
8
|
-
`;
|
|
9
|
-
const extractDirectionArgs = (raw)=>{
|
|
10
|
-
const [size, factor, property, devices] = raw.split(":");
|
|
11
|
-
const factorArg = isUndefined(factor) ? undefined : parseFloat(factor);
|
|
12
|
-
const devicesArg = devices?.split(",");
|
|
13
|
-
return [
|
|
14
|
-
size,
|
|
15
|
-
factorArg,
|
|
16
|
-
property,
|
|
17
|
-
devicesArg
|
|
18
|
-
];
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* Usage:
|
|
22
|
-
*
|
|
23
|
-
* ```jsx
|
|
24
|
-
* <Spacing top="sm" />
|
|
25
|
-
* <Spacing top="sm:1.5" />
|
|
26
|
-
* <Spacing top="sm:1.5" bottom="lg" />
|
|
27
|
-
* <Spacing vertical="sm:1.5:margin:mobile" />
|
|
28
|
-
* <Spacing top="sm:1.5:padding:mobile" />
|
|
29
|
-
* <Spacing top="sm:2:padding:tablet,desktop" />
|
|
30
|
-
* ```
|
|
31
|
-
*/ export const Spacing = ({ top, bottom, vertical, ...props })=>{
|
|
32
|
-
let $top;
|
|
33
|
-
let $bottom;
|
|
34
|
-
if (top) {
|
|
35
|
-
$top = extractDirectionArgs(top);
|
|
36
|
-
}
|
|
37
|
-
if (bottom) {
|
|
38
|
-
$bottom = extractDirectionArgs(bottom);
|
|
39
|
-
}
|
|
40
|
-
if (vertical) {
|
|
41
|
-
$top = extractDirectionArgs(vertical);
|
|
42
|
-
$bottom = $top;
|
|
43
|
-
}
|
|
44
|
-
if (!$top && !$bottom && !vertical) {
|
|
45
|
-
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
46
|
-
return /*#__PURE__*/ _jsx(_Fragment, {
|
|
47
|
-
children: props.children
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
return /*#__PURE__*/ _jsx(Root, {
|
|
51
|
-
$top: $top,
|
|
52
|
-
$bottom: $bottom,
|
|
53
|
-
...props
|
|
54
|
-
});
|
|
55
|
-
};
|
package/Spacing/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Spacing";
|
package/Spacing/index.js
DELETED
package/Spacing/index.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Spacing";
|
package/Sticky/Sticky.d.ts
DELETED
package/Sticky/Sticky.js
DELETED
|
@@ -1,228 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Sticky", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Sticky;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const Sticky = null; // import {
|
|
12
|
-
// Ref,
|
|
13
|
-
// CSSProperties,
|
|
14
|
-
// useState,
|
|
15
|
-
// useCallback,
|
|
16
|
-
// useEffect,
|
|
17
|
-
// useRef,
|
|
18
|
-
// } from "react";
|
|
19
|
-
// /**
|
|
20
|
-
// * Get current coordinates `left` and `top` of specific element.
|
|
21
|
-
// */
|
|
22
|
-
// const offsetRelative = (element: HTMLElement) => {
|
|
23
|
-
// var result = { l: 0, t: 0 };
|
|
24
|
-
// do {
|
|
25
|
-
// let offsetTop = element.offsetTop;
|
|
26
|
-
// let offsetLeft = element.offsetLeft;
|
|
27
|
-
// if (!isNaN(offsetTop)) result.t += offsetTop;
|
|
28
|
-
// if (!isNaN(offsetLeft)) result.l += offsetLeft;
|
|
29
|
-
// // @ts-expect-error just rething everyhting in this file
|
|
30
|
-
// element =
|
|
31
|
-
// "BODY" === element.tagName ? element.parentElement : element.offsetParent;
|
|
32
|
-
// } while (element);
|
|
33
|
-
// return result;
|
|
34
|
-
// };
|
|
35
|
-
// export type StickyElementProps = {
|
|
36
|
-
// ref: Ref<HTMLDivElement>;
|
|
37
|
-
// sticky?: boolean;
|
|
38
|
-
// style: CSSProperties;
|
|
39
|
-
// };
|
|
40
|
-
// /**
|
|
41
|
-
// * - `0`: "STATIC": Static position as nothing happened
|
|
42
|
-
// * - `1`: "VIEWPORT-TOP": Sticked to the top screen edge
|
|
43
|
-
// * - `2`: "VIEWPORT-BOTTOM": Sticked to the bottom screen edge
|
|
44
|
-
// * - `4`: "VIEWPORT-UNBOTTOM": ? Scrolling in the middle of the element, neither sticked nor static
|
|
45
|
-
// * - `3`: "CONTAINER-BOTTOM": ?
|
|
46
|
-
// */
|
|
47
|
-
// export type StickyStatus = 0 | 1 | 2 | 3;
|
|
48
|
-
// type DimensionsBasic = [
|
|
49
|
-
// /** containerTop */
|
|
50
|
-
// number,
|
|
51
|
-
// /** containerHeight */
|
|
52
|
-
// number,
|
|
53
|
-
// /** containerBottom */
|
|
54
|
-
// number,
|
|
55
|
-
// /** elementHeight */
|
|
56
|
-
// number,
|
|
57
|
-
// /** elementWidth */
|
|
58
|
-
// number,
|
|
59
|
-
// /** viewportHeight */
|
|
60
|
-
// number,
|
|
61
|
-
// /** maxTranslateY */
|
|
62
|
-
// number
|
|
63
|
-
// ];
|
|
64
|
-
// type DimensionsOnScroll = [
|
|
65
|
-
// /** elementLeft */
|
|
66
|
-
// number,
|
|
67
|
-
// /** viewportTop */
|
|
68
|
-
// number,
|
|
69
|
-
// /** viewportBottom */
|
|
70
|
-
// number,
|
|
71
|
-
// /** viewportLeft */
|
|
72
|
-
// number,
|
|
73
|
-
// /** topSpacing */
|
|
74
|
-
// number,
|
|
75
|
-
// /** bottomSpacing */
|
|
76
|
-
// number
|
|
77
|
-
// /** translateY */
|
|
78
|
-
// // number,
|
|
79
|
-
// /** lastTopSpacing */
|
|
80
|
-
// // number,
|
|
81
|
-
// /** lastBottomSpacing */
|
|
82
|
-
// // number,
|
|
83
|
-
// /** lastViewportTop */
|
|
84
|
-
// // number,
|
|
85
|
-
// ];
|
|
86
|
-
// type Dimensions = DimensionsBasic & DimensionsOnScroll;
|
|
87
|
-
// const getDimensionsBasic = (container: HTMLElement, inner: HTMLElement) => {
|
|
88
|
-
// const containerTop = offsetRelative(container).t;
|
|
89
|
-
// const containerHeight = container.clientHeight;
|
|
90
|
-
// const containerBottom = containerTop + containerHeight;
|
|
91
|
-
// const elementHeight = inner.offsetHeight;
|
|
92
|
-
// const elementWidth = inner.offsetWidth;
|
|
93
|
-
// const viewportHeight = window.innerHeight;
|
|
94
|
-
// const maxTranslateY = containerHeight - elementHeight;
|
|
95
|
-
// return [
|
|
96
|
-
// containerTop,
|
|
97
|
-
// containerHeight,
|
|
98
|
-
// containerBottom,
|
|
99
|
-
// elementHeight,
|
|
100
|
-
// elementWidth,
|
|
101
|
-
// viewportHeight,
|
|
102
|
-
// maxTranslateY,
|
|
103
|
-
// ] as DimensionsBasic;
|
|
104
|
-
// };
|
|
105
|
-
// const getDimensionsOnScroll = (
|
|
106
|
-
// wrapper: HTMLElement,
|
|
107
|
-
// container: HTMLElement,
|
|
108
|
-
// inner: HTMLElement
|
|
109
|
-
// ) => {
|
|
110
|
-
// const elementLeft = offsetRelative(wrapper).l;
|
|
111
|
-
// const viewportTop =
|
|
112
|
-
// document.documentElement.scrollTop || document.body.scrollTop;
|
|
113
|
-
// const viewportBottom = viewportTop + window.innerHeight;
|
|
114
|
-
// const viewportLeft =
|
|
115
|
-
// document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
116
|
-
// const topSpacing = 0; // TODO: make it a prop?
|
|
117
|
-
// const bottomSpacing = 0; // TODO: make it a prop?
|
|
118
|
-
// // const lastTopSpacing = topSpacing;
|
|
119
|
-
// // const lastBottomSpacing = bottomSpacing;
|
|
120
|
-
// return [
|
|
121
|
-
// elementLeft,
|
|
122
|
-
// viewportTop,
|
|
123
|
-
// viewportBottom,
|
|
124
|
-
// viewportLeft,
|
|
125
|
-
// topSpacing,
|
|
126
|
-
// bottomSpacing,
|
|
127
|
-
// ] as DimensionsOnScroll;
|
|
128
|
-
// };
|
|
129
|
-
// // const getTranslateYonScroll = (dimensions: DimensionsOnScroll, status: StickyStatus) => {
|
|
130
|
-
// // if (status === 1) {
|
|
131
|
-
// // // Adjust translate Y in the case decrease top spacing value.
|
|
132
|
-
// // if (dimensions[5] < dims.lastTopSpacing) {
|
|
133
|
-
// // dims.translateY += dims.lastTopSpacing - dims.topSpacing;
|
|
134
|
-
// // this._reStyle = true;
|
|
135
|
-
// // }
|
|
136
|
-
// // } else if (status === 2) {
|
|
137
|
-
// // // Adjust translate Y in the case decrease bottom spacing value.
|
|
138
|
-
// // if (dims.bottomSpacing < dims.lastBottomSpacing) {
|
|
139
|
-
// // dims.translateY += dims.lastBottomSpacing - dims.bottomSpacing;
|
|
140
|
-
// // this._reStyle = true;
|
|
141
|
-
// // }
|
|
142
|
-
// // }
|
|
143
|
-
// // }
|
|
144
|
-
// export type StickyProps = {
|
|
145
|
-
// /** @default "div" */
|
|
146
|
-
// Wrapper?: FC<StickyElementProps>;
|
|
147
|
-
// /** @default "div" */
|
|
148
|
-
// Inner?: FC<StickyElementProps>;
|
|
149
|
-
// top: number;
|
|
150
|
-
// };
|
|
151
|
-
// export const Sticky: FC<StickyProps> = ({
|
|
152
|
-
// Wrapper = "div",
|
|
153
|
-
// Inner = "div",
|
|
154
|
-
// children,
|
|
155
|
-
// top,
|
|
156
|
-
// ...props
|
|
157
|
-
// }) => {
|
|
158
|
-
// const [sticky, setSticky] = useState(false);
|
|
159
|
-
// const [shouldRestyle, setShouldRestyle] = useState<boolean>();
|
|
160
|
-
// const stickyStatus = useRef<StickyStatus>(0);
|
|
161
|
-
// const [dimensionsBasic, setDimensionsBasic] = useState<DimensionsBasic>();
|
|
162
|
-
// const [dimensionsOnScroll, setDimensionsOnScroll] =
|
|
163
|
-
// useState<DimensionsOnScroll>();
|
|
164
|
-
// const [translateY, setTranslateY] = useState<number>(0);
|
|
165
|
-
// const [styleWrapper, setStyleWrapper] = useState({});
|
|
166
|
-
// const [styleInner, setStyleInner] = useState({});
|
|
167
|
-
// const [innerWidth, setInnerWidth] = useState<string>();
|
|
168
|
-
// const wrapperRef = useRef<HTMLDivElement>(null);
|
|
169
|
-
// const innerRef = useRef<HTMLDivElement>(null);
|
|
170
|
-
// const handleScroll = useCallback(() => {
|
|
171
|
-
// const wrapper = wrapperRef?.current;
|
|
172
|
-
// const container = wrapper?.parentElement || null;
|
|
173
|
-
// const inner = innerRef?.current;
|
|
174
|
-
// if (wrapper && inner && container) {
|
|
175
|
-
// const dimensions = getDimensionsOnScroll(wrapper, container, inner);
|
|
176
|
-
// setDimensionsOnScroll(dimensions);
|
|
177
|
-
// }
|
|
178
|
-
// }, []);
|
|
179
|
-
// const handleResize = useCallback(() => {
|
|
180
|
-
// const container = wrapperRef?.current?.parentElement || null;
|
|
181
|
-
// const inner = innerRef?.current;
|
|
182
|
-
// if (inner && container) {
|
|
183
|
-
// setDimensionsBasic(getDimensionsBasic(container, inner));
|
|
184
|
-
// // if (innerRef?.current) {
|
|
185
|
-
// // setInnerWidth(window.getComputedStyle(innerRef.current).width);
|
|
186
|
-
// // }
|
|
187
|
-
// // setSticky(wrapperRef.current.getBoundingClientRect().top <= top);
|
|
188
|
-
// }
|
|
189
|
-
// }, []);
|
|
190
|
-
// useEffect(() => {
|
|
191
|
-
// const container = wrapperRef?.current?.parentElement || null;
|
|
192
|
-
// const inner = innerRef?.current;
|
|
193
|
-
// if (inner && container) {
|
|
194
|
-
// setDimensionsBasic(getDimensionsBasic(container, inner));
|
|
195
|
-
// }
|
|
196
|
-
// window.addEventListener("scroll", handleScroll, { passive: true });
|
|
197
|
-
// window.addEventListener("resize", handleResize, { passive: true });
|
|
198
|
-
// return () => {
|
|
199
|
-
// window.removeEventListener("scroll", () => handleScroll);
|
|
200
|
-
// window.removeEventListener("resize", () => handleResize);
|
|
201
|
-
// };
|
|
202
|
-
// }, [wrapperRef, innerRef, handleScroll, handleResize]);
|
|
203
|
-
// // useEffect(() => {
|
|
204
|
-
// // if (sticky) {
|
|
205
|
-
// // setStyleInner({
|
|
206
|
-
// // position: "fixed",
|
|
207
|
-
// // zIndex: 1,
|
|
208
|
-
// // top,
|
|
209
|
-
// // width: innerWidth,
|
|
210
|
-
// // });
|
|
211
|
-
// // } else {
|
|
212
|
-
// // setStyleInner({});
|
|
213
|
-
// // }
|
|
214
|
-
// // }, [sticky, top, innerWidth]);
|
|
215
|
-
// return (
|
|
216
|
-
// <Wrapper
|
|
217
|
-
// ref={wrapperRef}
|
|
218
|
-
// sticky={Wrapper === "div" ? undefined : sticky}
|
|
219
|
-
// style={{
|
|
220
|
-
// position: "relative",
|
|
221
|
-
// }}
|
|
222
|
-
// >
|
|
223
|
-
// <Inner ref={innerRef} style={styleInner}>
|
|
224
|
-
// {children}
|
|
225
|
-
// </Inner>
|
|
226
|
-
// </Wrapper>
|
|
227
|
-
// );
|
|
228
|
-
// };
|
package/Sticky/Sticky.mjs
DELETED
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
export const Sticky = null; // import {
|
|
2
|
-
// Ref,
|
|
3
|
-
// CSSProperties,
|
|
4
|
-
// useState,
|
|
5
|
-
// useCallback,
|
|
6
|
-
// useEffect,
|
|
7
|
-
// useRef,
|
|
8
|
-
// } from "react";
|
|
9
|
-
// /**
|
|
10
|
-
// * Get current coordinates `left` and `top` of specific element.
|
|
11
|
-
// */
|
|
12
|
-
// const offsetRelative = (element: HTMLElement) => {
|
|
13
|
-
// var result = { l: 0, t: 0 };
|
|
14
|
-
// do {
|
|
15
|
-
// let offsetTop = element.offsetTop;
|
|
16
|
-
// let offsetLeft = element.offsetLeft;
|
|
17
|
-
// if (!isNaN(offsetTop)) result.t += offsetTop;
|
|
18
|
-
// if (!isNaN(offsetLeft)) result.l += offsetLeft;
|
|
19
|
-
// // @ts-expect-error just rething everyhting in this file
|
|
20
|
-
// element =
|
|
21
|
-
// "BODY" === element.tagName ? element.parentElement : element.offsetParent;
|
|
22
|
-
// } while (element);
|
|
23
|
-
// return result;
|
|
24
|
-
// };
|
|
25
|
-
// export type StickyElementProps = {
|
|
26
|
-
// ref: Ref<HTMLDivElement>;
|
|
27
|
-
// sticky?: boolean;
|
|
28
|
-
// style: CSSProperties;
|
|
29
|
-
// };
|
|
30
|
-
// /**
|
|
31
|
-
// * - `0`: "STATIC": Static position as nothing happened
|
|
32
|
-
// * - `1`: "VIEWPORT-TOP": Sticked to the top screen edge
|
|
33
|
-
// * - `2`: "VIEWPORT-BOTTOM": Sticked to the bottom screen edge
|
|
34
|
-
// * - `4`: "VIEWPORT-UNBOTTOM": ? Scrolling in the middle of the element, neither sticked nor static
|
|
35
|
-
// * - `3`: "CONTAINER-BOTTOM": ?
|
|
36
|
-
// */
|
|
37
|
-
// export type StickyStatus = 0 | 1 | 2 | 3;
|
|
38
|
-
// type DimensionsBasic = [
|
|
39
|
-
// /** containerTop */
|
|
40
|
-
// number,
|
|
41
|
-
// /** containerHeight */
|
|
42
|
-
// number,
|
|
43
|
-
// /** containerBottom */
|
|
44
|
-
// number,
|
|
45
|
-
// /** elementHeight */
|
|
46
|
-
// number,
|
|
47
|
-
// /** elementWidth */
|
|
48
|
-
// number,
|
|
49
|
-
// /** viewportHeight */
|
|
50
|
-
// number,
|
|
51
|
-
// /** maxTranslateY */
|
|
52
|
-
// number
|
|
53
|
-
// ];
|
|
54
|
-
// type DimensionsOnScroll = [
|
|
55
|
-
// /** elementLeft */
|
|
56
|
-
// number,
|
|
57
|
-
// /** viewportTop */
|
|
58
|
-
// number,
|
|
59
|
-
// /** viewportBottom */
|
|
60
|
-
// number,
|
|
61
|
-
// /** viewportLeft */
|
|
62
|
-
// number,
|
|
63
|
-
// /** topSpacing */
|
|
64
|
-
// number,
|
|
65
|
-
// /** bottomSpacing */
|
|
66
|
-
// number
|
|
67
|
-
// /** translateY */
|
|
68
|
-
// // number,
|
|
69
|
-
// /** lastTopSpacing */
|
|
70
|
-
// // number,
|
|
71
|
-
// /** lastBottomSpacing */
|
|
72
|
-
// // number,
|
|
73
|
-
// /** lastViewportTop */
|
|
74
|
-
// // number,
|
|
75
|
-
// ];
|
|
76
|
-
// type Dimensions = DimensionsBasic & DimensionsOnScroll;
|
|
77
|
-
// const getDimensionsBasic = (container: HTMLElement, inner: HTMLElement) => {
|
|
78
|
-
// const containerTop = offsetRelative(container).t;
|
|
79
|
-
// const containerHeight = container.clientHeight;
|
|
80
|
-
// const containerBottom = containerTop + containerHeight;
|
|
81
|
-
// const elementHeight = inner.offsetHeight;
|
|
82
|
-
// const elementWidth = inner.offsetWidth;
|
|
83
|
-
// const viewportHeight = window.innerHeight;
|
|
84
|
-
// const maxTranslateY = containerHeight - elementHeight;
|
|
85
|
-
// return [
|
|
86
|
-
// containerTop,
|
|
87
|
-
// containerHeight,
|
|
88
|
-
// containerBottom,
|
|
89
|
-
// elementHeight,
|
|
90
|
-
// elementWidth,
|
|
91
|
-
// viewportHeight,
|
|
92
|
-
// maxTranslateY,
|
|
93
|
-
// ] as DimensionsBasic;
|
|
94
|
-
// };
|
|
95
|
-
// const getDimensionsOnScroll = (
|
|
96
|
-
// wrapper: HTMLElement,
|
|
97
|
-
// container: HTMLElement,
|
|
98
|
-
// inner: HTMLElement
|
|
99
|
-
// ) => {
|
|
100
|
-
// const elementLeft = offsetRelative(wrapper).l;
|
|
101
|
-
// const viewportTop =
|
|
102
|
-
// document.documentElement.scrollTop || document.body.scrollTop;
|
|
103
|
-
// const viewportBottom = viewportTop + window.innerHeight;
|
|
104
|
-
// const viewportLeft =
|
|
105
|
-
// document.documentElement.scrollLeft || document.body.scrollLeft;
|
|
106
|
-
// const topSpacing = 0; // TODO: make it a prop?
|
|
107
|
-
// const bottomSpacing = 0; // TODO: make it a prop?
|
|
108
|
-
// // const lastTopSpacing = topSpacing;
|
|
109
|
-
// // const lastBottomSpacing = bottomSpacing;
|
|
110
|
-
// return [
|
|
111
|
-
// elementLeft,
|
|
112
|
-
// viewportTop,
|
|
113
|
-
// viewportBottom,
|
|
114
|
-
// viewportLeft,
|
|
115
|
-
// topSpacing,
|
|
116
|
-
// bottomSpacing,
|
|
117
|
-
// ] as DimensionsOnScroll;
|
|
118
|
-
// };
|
|
119
|
-
// // const getTranslateYonScroll = (dimensions: DimensionsOnScroll, status: StickyStatus) => {
|
|
120
|
-
// // if (status === 1) {
|
|
121
|
-
// // // Adjust translate Y in the case decrease top spacing value.
|
|
122
|
-
// // if (dimensions[5] < dims.lastTopSpacing) {
|
|
123
|
-
// // dims.translateY += dims.lastTopSpacing - dims.topSpacing;
|
|
124
|
-
// // this._reStyle = true;
|
|
125
|
-
// // }
|
|
126
|
-
// // } else if (status === 2) {
|
|
127
|
-
// // // Adjust translate Y in the case decrease bottom spacing value.
|
|
128
|
-
// // if (dims.bottomSpacing < dims.lastBottomSpacing) {
|
|
129
|
-
// // dims.translateY += dims.lastBottomSpacing - dims.bottomSpacing;
|
|
130
|
-
// // this._reStyle = true;
|
|
131
|
-
// // }
|
|
132
|
-
// // }
|
|
133
|
-
// // }
|
|
134
|
-
// export type StickyProps = {
|
|
135
|
-
// /** @default "div" */
|
|
136
|
-
// Wrapper?: FC<StickyElementProps>;
|
|
137
|
-
// /** @default "div" */
|
|
138
|
-
// Inner?: FC<StickyElementProps>;
|
|
139
|
-
// top: number;
|
|
140
|
-
// };
|
|
141
|
-
// export const Sticky: FC<StickyProps> = ({
|
|
142
|
-
// Wrapper = "div",
|
|
143
|
-
// Inner = "div",
|
|
144
|
-
// children,
|
|
145
|
-
// top,
|
|
146
|
-
// ...props
|
|
147
|
-
// }) => {
|
|
148
|
-
// const [sticky, setSticky] = useState(false);
|
|
149
|
-
// const [shouldRestyle, setShouldRestyle] = useState<boolean>();
|
|
150
|
-
// const stickyStatus = useRef<StickyStatus>(0);
|
|
151
|
-
// const [dimensionsBasic, setDimensionsBasic] = useState<DimensionsBasic>();
|
|
152
|
-
// const [dimensionsOnScroll, setDimensionsOnScroll] =
|
|
153
|
-
// useState<DimensionsOnScroll>();
|
|
154
|
-
// const [translateY, setTranslateY] = useState<number>(0);
|
|
155
|
-
// const [styleWrapper, setStyleWrapper] = useState({});
|
|
156
|
-
// const [styleInner, setStyleInner] = useState({});
|
|
157
|
-
// const [innerWidth, setInnerWidth] = useState<string>();
|
|
158
|
-
// const wrapperRef = useRef<HTMLDivElement>(null);
|
|
159
|
-
// const innerRef = useRef<HTMLDivElement>(null);
|
|
160
|
-
// const handleScroll = useCallback(() => {
|
|
161
|
-
// const wrapper = wrapperRef?.current;
|
|
162
|
-
// const container = wrapper?.parentElement || null;
|
|
163
|
-
// const inner = innerRef?.current;
|
|
164
|
-
// if (wrapper && inner && container) {
|
|
165
|
-
// const dimensions = getDimensionsOnScroll(wrapper, container, inner);
|
|
166
|
-
// setDimensionsOnScroll(dimensions);
|
|
167
|
-
// }
|
|
168
|
-
// }, []);
|
|
169
|
-
// const handleResize = useCallback(() => {
|
|
170
|
-
// const container = wrapperRef?.current?.parentElement || null;
|
|
171
|
-
// const inner = innerRef?.current;
|
|
172
|
-
// if (inner && container) {
|
|
173
|
-
// setDimensionsBasic(getDimensionsBasic(container, inner));
|
|
174
|
-
// // if (innerRef?.current) {
|
|
175
|
-
// // setInnerWidth(window.getComputedStyle(innerRef.current).width);
|
|
176
|
-
// // }
|
|
177
|
-
// // setSticky(wrapperRef.current.getBoundingClientRect().top <= top);
|
|
178
|
-
// }
|
|
179
|
-
// }, []);
|
|
180
|
-
// useEffect(() => {
|
|
181
|
-
// const container = wrapperRef?.current?.parentElement || null;
|
|
182
|
-
// const inner = innerRef?.current;
|
|
183
|
-
// if (inner && container) {
|
|
184
|
-
// setDimensionsBasic(getDimensionsBasic(container, inner));
|
|
185
|
-
// }
|
|
186
|
-
// window.addEventListener("scroll", handleScroll, { passive: true });
|
|
187
|
-
// window.addEventListener("resize", handleResize, { passive: true });
|
|
188
|
-
// return () => {
|
|
189
|
-
// window.removeEventListener("scroll", () => handleScroll);
|
|
190
|
-
// window.removeEventListener("resize", () => handleResize);
|
|
191
|
-
// };
|
|
192
|
-
// }, [wrapperRef, innerRef, handleScroll, handleResize]);
|
|
193
|
-
// // useEffect(() => {
|
|
194
|
-
// // if (sticky) {
|
|
195
|
-
// // setStyleInner({
|
|
196
|
-
// // position: "fixed",
|
|
197
|
-
// // zIndex: 1,
|
|
198
|
-
// // top,
|
|
199
|
-
// // width: innerWidth,
|
|
200
|
-
// // });
|
|
201
|
-
// // } else {
|
|
202
|
-
// // setStyleInner({});
|
|
203
|
-
// // }
|
|
204
|
-
// // }, [sticky, top, innerWidth]);
|
|
205
|
-
// return (
|
|
206
|
-
// <Wrapper
|
|
207
|
-
// ref={wrapperRef}
|
|
208
|
-
// sticky={Wrapper === "div" ? undefined : sticky}
|
|
209
|
-
// style={{
|
|
210
|
-
// position: "relative",
|
|
211
|
-
// }}
|
|
212
|
-
// >
|
|
213
|
-
// <Inner ref={innerRef} style={styleInner}>
|
|
214
|
-
// {children}
|
|
215
|
-
// </Inner>
|
|
216
|
-
// </Wrapper>
|
|
217
|
-
// );
|
|
218
|
-
// };
|
package/Sticky/StickyCss.d.ts
DELETED
package/Sticky/StickyCss.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "StickyCss", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return StickyCss;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
-
const StickyCss = ({ top, ...props })=>{
|
|
13
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
14
|
-
style: {
|
|
15
|
-
position: "sticky",
|
|
16
|
-
top: 100
|
|
17
|
-
},
|
|
18
|
-
...props
|
|
19
|
-
});
|
|
20
|
-
};
|
package/Sticky/StickyCss.mjs
DELETED
package/Sticky/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { StickyCss, StickyCssProps } from "./StickyCss";
|
package/Sticky/index.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
StickyCss: function() {
|
|
13
|
-
return _StickyCss.StickyCss;
|
|
14
|
-
},
|
|
15
|
-
StickyCssProps: function() {
|
|
16
|
-
return _StickyCss.StickyCssProps;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
const _StickyCss = require("./StickyCss");
|
package/Sticky/index.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { StickyCss, StickyCssProps } from "./StickyCss";
|